From bc04041fba5fb16232aa6795d03ed9334d7aae82 Mon Sep 17 00:00:00 2001
From: andm31 <shenzhefeng@insigma.com.cn>
Date: Thu, 23 May 2024 11:06:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20:sparkles:=20search=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=87=BD=E6=95=B0=E8=83=BD=E5=8A=9B=E6=8B=93?=
 =?UTF-8?q?=E5=B1=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

search表单，部分情况下需要函数扩展数据处理能力。如options为异步获取的情况
---
 src/components/PageSearch/index.vue  | 10 +++++++++-
 src/views/demo/curd/config/search.ts | 13 +++++++++----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/components/PageSearch/index.vue b/src/components/PageSearch/index.vue
index 33545529..363d1f67 100644
--- a/src/components/PageSearch/index.vue
+++ b/src/components/PageSearch/index.vue
@@ -69,7 +69,7 @@
 
 <script setup lang="ts">
 import type { FormInstance } from "element-plus";
-import { reactive, ref } from "vue";
+import { reactive, ref, onMounted } from "vue";
 
 // 对象类型
 type IObject = Record<string, any>;
@@ -91,6 +91,8 @@ export interface ISearchConfig {
     initialValue?: any;
     // 可选项(适用于select组件)
     options?: { label: string; value: any }[];
+    // 初始化数据函数扩展（适用初始化options）
+    initFn?: Function;
   }>;
   // 是否开启展开和收缩
   isExpandable?: boolean;
@@ -146,6 +148,12 @@ function toggleVisible() {
   visible.value = !visible.value;
 }
 
+onMounted(() => {
+  props.searchConfig.formItems.forEach((item) => {
+    item.initFn && item.initFn();
+  });
+});
+
 // 暴露的属性和方法
 defineExpose({ getQueryParams, toggleVisible });
 </script>
diff --git a/src/views/demo/curd/config/search.ts b/src/views/demo/curd/config/search.ts
index 07045b57..d663262c 100644
--- a/src/views/demo/curd/config/search.ts
+++ b/src/views/demo/curd/config/search.ts
@@ -57,10 +57,15 @@ const searchConfig: ISearchConfig = {
           width: "100px",
         },
       },
-      options: [
-        { label: "启用", value: 1 },
-        { label: "禁用", value: 0 },
-      ],
+      options: [],
+      initFn() {
+        setTimeout(() => {
+          this.options = [
+            { label: "启用", value: 1 },
+            { label: "禁用", value: 0 },
+          ];
+        }, 300);
+      },
     },
     {
       type: "date-picker",