3h1-ui 3.0.0-next.247 → 3.0.0-next.249

package/es/index.js

@@ -11737,7 +11737,7 @@ const FormItem$2 = /* @__PURE__ */ defineComponent({
         schema: schema2,
         tableAction: tableAction2,
         formModel,
-        formActionType: formActionType2
+        formActionType
       } = props2;
       let {
         componentProps = {}
@@ -11747,7 +11747,7 @@ const FormItem$2 = /* @__PURE__ */ defineComponent({
           schema: schema2,
           tableAction: tableAction2,
           formModel,
-          formActionType: formActionType2
+          formActionType
         }) ?? {};
       }
       if (schema2.component === "Divider") {
@@ -12410,7 +12410,6 @@ function useFormValues({
   }
   return { handleFormValues, initDefault };
 }
-const formActionType = inject("formActionType");
 function useFormEvents({
   emit,
   getProps,
@@ -12419,8 +12418,7 @@ function useFormEvents({
   defaultValueRef,
   formElRef,
   schemaRef,
-  handleFormValues,
-  tableAction: tableAction2
+  handleFormValues
 }) {
   async function resetFields() {
     const { resetFunc, submitOnReset } = unref(getProps);
@@ -12616,46 +12614,20 @@ function useFormEvents({
       return;
     }
     const schema = [];
-    const processedMap = /* @__PURE__ */ new WeakMap();
-    function processSchemas(schemas, context = {}) {
-      return schemas.map((schemaItem) => {
-        const matched = updateData.find(
-          (item) => item.field === schemaItem.field
-        );
-        const merged = matched ? deepMerge$2(schemaItem, matched) : { ...schemaItem };
-        if (processedMap.has(merged))
-          return processedMap.get(merged);
-        const rawComponentProps = merged.componentProps;
-        if (typeof rawComponentProps === "function" && merged.component === "Group") {
-          merged.componentProps = (ctx) => {
-            const result = rawComponentProps(ctx);
-            if (Array.isArray(result.schemas)) {
-              return {
-                ...result,
-                schemas: processSchemas(result.schemas, ctx)
-              };
-            }
-            return result;
-          };
-        }
-        if (typeof rawComponentProps === "object" && merged.component === "Group" && Array.isArray(rawComponentProps.schemas)) {
-          merged.componentProps = {
-            ...rawComponentProps,
-            schemas: processSchemas(rawComponentProps.schemas, context)
-          };
+    unref(getSchema).forEach((val) => {
+      let _val;
+      updateData.forEach((item) => {
+        if (val.field === item.field) {
+          _val = item;
         }
-        processedMap.set(merged, merged);
-        return merged;
       });
-    }
-    const rawSchemas = unref(getSchema);
-    schema.push(
-      ...processSchemas(rawSchemas, {
-        formModel,
-        formActionType,
-        tableAction: tableAction2
-      })
-    );
+      if (_val !== void 0 && val.field === _val.field) {
+        const newSchema = deepMerge$2(val, _val);
+        schema.push(newSchema);
+      } else {
+        schema.push(val);
+      }
+    });
     _setDefaultValue(schema);
     schemaRef.value = uniqBy(schema, "field");
   }
@@ -25854,8 +25826,7 @@ const ShyForm = /* @__PURE__ */ defineComponent({
       formElRef,
       //@ts-ignore
       schemaRef,
-      handleFormValues,
-      tableAction: props2.tableAction
+      handleFormValues
     });
     createFormContext({
       resetAction: resetFields,
@@ -25895,27 +25866,28 @@ const ShyForm = /* @__PURE__ */ defineComponent({
       for (const key2 in val) {
         let handleSchemas = function(schemas = []) {
           schemas.forEach((item) => {
-            const isTargetField = item.field === key2;
-            context.schema = item;
-            const rawComponentProps = item.componentProps;
-            const resolvedProps = isFunction$5(rawComponentProps) ? rawComponentProps(context) : rawComponentProps;
-            if (isTargetField && (resolvedProps == null ? void 0 : resolvedProps.onModelChange)) {
-              resolvedProps.onModelChange(val[key2]);
+            var _a2, _b;
+            const isComponentProps = item.field === key2 && item.componentProps;
+            if (isComponentProps && !isFunction$5(item.componentProps) && ((_a2 = item.componentProps) == null ? void 0 : _a2.onModelChange)) {
+              item.componentProps.onModelChange(val[key2]);
+            } else if (isComponentProps && isFunction$5(item.componentProps)) {
+              const modelProps = item.componentProps({
+                schema: item,
+                formModel,
+                formActionType,
+                tableAction: props2.tableAction
+              });
+              if (modelProps.onModelChange) {
+                modelProps.onModelChange(val[key2]);
+              }
             }
-            if (item.component === "Group" && resolvedProps && Array.isArray(resolvedProps.schemas)) {
-              handleSchemas(resolvedProps.schemas);
+            if (item.component === "Group" && ((_b = item.componentProps) == null ? void 0 : _b.schemas)) {
+              handleSchemas(item.componentProps.schemas);
             }
           });
         };
         if (isEqual(toRaw(val[key2]), toRaw(tempFormModel[key2])))
           continue;
-        const context = {
-          schema: {},
-          // 每次赋值
-          formModel,
-          formActionType: formActionType2,
-          tableAction: props2.tableAction
-        };
         handleSchemas(unref(getProps).schemas);
       }
       Object.assign(tempFormModel, cloneDeep(formModel));
@@ -25952,7 +25924,7 @@ const ShyForm = /* @__PURE__ */ defineComponent({
           ;
       }
     }
-    const formActionType2 = {
+    const formActionType = {
       getFieldsValue,
       setFieldsValue,
       resetFields,
@@ -25967,7 +25939,7 @@ const ShyForm = /* @__PURE__ */ defineComponent({
       validate,
       scrollToField
     };
-    provide("formActionType", formActionType2);
+    provide("formActionType", formActionType);
     const isTableForm = computed(() => {
       return !!unref(getBindValue).tableAction;
     });
@@ -26057,7 +26029,7 @@ const ShyForm = /* @__PURE__ */ defineComponent({
     };
     onMounted(() => {
       initDefault();
-      emit("register", formActionType2);
+      emit("register", formActionType);
     });
     return () => {
       const ignoreKeys = ["resetBefore", "submitBefore", "advanceBefore", "advanceAfter", "advancedSearch"];
@@ -26095,7 +26067,7 @@ const ShyForm = /* @__PURE__ */ defineComponent({
         const realSpan = (((_a2 = schema.colProps) == null ? void 0 : _a2.span) ?? ((_c = (_b = unref(getBindValue)) == null ? void 0 : _b.baseColProps) == null ? void 0 : _c.span)) / (unref(ROW_SLICE2) + unref(ACTION_COL2));
         return createVNode(FormItem$2, {
           "tableAction": props2.tableAction,
-          "formActionType": formActionType2,
+          "formActionType": formActionType,
           "schema": schema,
           "formProps": getProps.value,
           "allDefaultValues": defaultValueRef.value,
@@ -28275,7 +28247,7 @@ const EQUAL_OPERATOR_OPTIONS = ALL_OPERATOR_OPTION.filter(
 const CONTAIN_OPERATOR_OPTIONS = ALL_OPERATOR_OPTION.filter(
   (item) => ["ct"].includes(item.value)
 );
-const useAdvancedSearch = (schemas, formActionType2) => {
+const useAdvancedSearch = (schemas, formActionType) => {
   const getSchemaOptions = (type4) => {
     switch (type4) {
       case "number":
@@ -28363,7 +28335,7 @@ const useAdvancedSearch = (schemas, formActionType2) => {
       removeSchemaByField,
       updateSchema,
       setFieldsValue
-    } = formActionType2;
+    } = formActionType;
     const {
       schemas: [operatorSchema, valueSchema]
     } = componentProps;
@@ -32091,7 +32063,7 @@ const ShyFormTable = /* @__PURE__ */ defineComponent({
     const {
       prefixCls: prefixCls2
     } = useDesign$1("ant-form-table-children");
-    const formActionType2 = inject("formActionType");
+    const formActionType = inject("formActionType");
     const tableWrapperRef = ref();
     const tableElRef = ref();
     const curIndex = ref(0);
@@ -32417,7 +32389,7 @@ const ShyFormTable = /* @__PURE__ */ defineComponent({
               column: column2,
               record,
               ...args
-            }, formActionType2);
+            }, formActionType);
           } catch (error2) {
             rulesRef[errKey].show = true;
             rulesRef[errKey].msg = error2;
@@ -35755,7 +35727,7 @@ const Group = /* @__PURE__ */ defineComponent({
         schema,
         tableAction: tableAction2,
         formModel,
-        formActionType: formActionType2
+        formActionType
       } = props2;
       let {
         componentProps: _componentProps,
@@ -35767,7 +35739,7 @@ const Group = /* @__PURE__ */ defineComponent({
           schema,
           tableAction: tableAction2,
           formModel,
-          formActionType: formActionType2
+          formActionType
         }) ?? {};
       }
       const realSpan = (((_a2 = schema.colProps) == null ? void 0 : _a2.span) ?? ((_c = (_b = unref(contextBindValue)) == null ? void 0 : _b.baseColProps) == null ? void 0 : _c.span)) / (unref(ROW_SLICE) + unref(ACTION_COL));
@@ -35918,7 +35890,7 @@ const FormItem = /* @__PURE__ */ defineComponent({
       const {
         schema,
         formModel,
-        formActionType: formActionType2
+        formActionType
       } = props2;
       let {
         componentProps = {}
@@ -35927,7 +35899,7 @@ const FormItem = /* @__PURE__ */ defineComponent({
         componentProps = componentProps({
           schema,
           formModel,
-          formActionType: formActionType2
+          formActionType
         }) ?? {};
       }
       if (schema.component === "Divider") {
@@ -41547,7 +41519,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         type: "number"
       },
       { label: "生日", field: "birth", type: "date" }
-    ] }
+    ] },
+    filterKeys: { default: () => [] }
   },
   setup(__props, { expose: __expose }) {
     const props2 = __props;
@@ -41613,18 +41586,25 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
     const getSearchType = (field) => {
       const type4 = getTypeByField(field);
+      let searchType2 = [];
       switch (type4) {
         case "number":
-          return searchTypeNumber;
+          searchType2 = searchTypeNumber;
+          break;
         case "string":
-          return searchTypeString;
+          searchType2 = searchTypeString;
+          break;
         case "date":
-          return searchTypeDate;
+          searchType2 = searchTypeDate;
+          break;
         case "select":
-          return searchTypeSelect;
+          searchType2 = searchTypeSelect;
+          break;
         case "stringSelect":
-          return stringSearchTypeSelect;
+          searchType2 = stringSearchTypeSelect;
+          break;
       }
+      return searchType2.filter((item) => !props2.filterKeys.includes(item.value));
     };
     const getComponent2 = (field) => {
       const column2 = props2.schemas.find((schema) => {
@@ -49548,7 +49528,7 @@ const Descriptions = /* @__PURE__ */ defineComponent({
           model: data,
           values: data,
           schema: item,
-          transformValue
+          transformValue: unref(transformValue)
         };
       };
     });

package/es/ui/src/ShyForm/src/hooks/useFormEvents.d.ts

@@ -10,9 +10,8 @@ interface UseFormActionContext {
     formElRef: Ref<FormActionType>;
     schemaRef: Ref<FormSchema[]>;
     handleFormValues: Fn;
-    tableAction?: any;
 }
-export declare function useFormEvents({ emit, getProps, formModel, getSchema, defaultValueRef, formElRef, schemaRef, handleFormValues, tableAction }: UseFormActionContext): {
+export declare function useFormEvents({ emit, getProps, formModel, getSchema, defaultValueRef, formElRef, schemaRef, handleFormValues }: UseFormActionContext): {
     handleSubmit: (e?: Event) => Promise<void>;
     clearValidate: (name?: string | string[]) => Promise<void>;
     validate: (nameList?: NamePath[] | undefined) => Promise<any>;

package/lib/index.js

@@ -11761,7 +11761,7 @@ const FormItem$2 = /* @__PURE__ */ vue.defineComponent({
         schema: schema2,
         tableAction: tableAction2,
         formModel,
-        formActionType: formActionType2
+        formActionType
       } = props2;
       let {
         componentProps = {}
@@ -11771,7 +11771,7 @@ const FormItem$2 = /* @__PURE__ */ vue.defineComponent({
           schema: schema2,
           tableAction: tableAction2,
           formModel,
-          formActionType: formActionType2
+          formActionType
         }) ?? {};
       }
       if (schema2.component === "Divider") {
@@ -12434,7 +12434,6 @@ function useFormValues({
   }
   return { handleFormValues, initDefault };
 }
-const formActionType = vue.inject("formActionType");
 function useFormEvents({
   emit,
   getProps,
@@ -12443,8 +12442,7 @@ function useFormEvents({
   defaultValueRef,
   formElRef,
   schemaRef,
-  handleFormValues,
-  tableAction: tableAction2
+  handleFormValues
 }) {
   async function resetFields() {
     const { resetFunc, submitOnReset } = vue.unref(getProps);
@@ -12640,46 +12638,20 @@ function useFormEvents({
       return;
     }
     const schema = [];
-    const processedMap = /* @__PURE__ */ new WeakMap();
-    function processSchemas(schemas, context = {}) {
-      return schemas.map((schemaItem) => {
-        const matched = updateData.find(
-          (item) => item.field === schemaItem.field
-        );
-        const merged = matched ? utils$1.deepMerge(schemaItem, matched) : { ...schemaItem };
-        if (processedMap.has(merged))
-          return processedMap.get(merged);
-        const rawComponentProps = merged.componentProps;
-        if (typeof rawComponentProps === "function" && merged.component === "Group") {
-          merged.componentProps = (ctx) => {
-            const result = rawComponentProps(ctx);
-            if (Array.isArray(result.schemas)) {
-              return {
-                ...result,
-                schemas: processSchemas(result.schemas, ctx)
-              };
-            }
-            return result;
-          };
-        }
-        if (typeof rawComponentProps === "object" && merged.component === "Group" && Array.isArray(rawComponentProps.schemas)) {
-          merged.componentProps = {
-            ...rawComponentProps,
-            schemas: processSchemas(rawComponentProps.schemas, context)
-          };
+    vue.unref(getSchema).forEach((val) => {
+      let _val;
+      updateData.forEach((item) => {
+        if (val.field === item.field) {
+          _val = item;
         }
-        processedMap.set(merged, merged);
-        return merged;
       });
-    }
-    const rawSchemas = vue.unref(getSchema);
-    schema.push(
-      ...processSchemas(rawSchemas, {
-        formModel,
-        formActionType,
-        tableAction: tableAction2
-      })
-    );
+      if (_val !== void 0 && val.field === _val.field) {
+        const newSchema = utils$1.deepMerge(val, _val);
+        schema.push(newSchema);
+      } else {
+        schema.push(val);
+      }
+    });
     _setDefaultValue(schema);
     schemaRef.value = uniqBy(schema, "field");
   }
@@ -25878,8 +25850,7 @@ const ShyForm = /* @__PURE__ */ vue.defineComponent({
       formElRef,
       //@ts-ignore
       schemaRef,
-      handleFormValues,
-      tableAction: props2.tableAction
+      handleFormValues
     });
     createFormContext({
       resetAction: resetFields,
@@ -25919,27 +25890,28 @@ const ShyForm = /* @__PURE__ */ vue.defineComponent({
       for (const key2 in val) {
         let handleSchemas = function(schemas = []) {
           schemas.forEach((item) => {
-            const isTargetField = item.field === key2;
-            context.schema = item;
-            const rawComponentProps = item.componentProps;
-            const resolvedProps = isFunction$5(rawComponentProps) ? rawComponentProps(context) : rawComponentProps;
-            if (isTargetField && (resolvedProps == null ? void 0 : resolvedProps.onModelChange)) {
-              resolvedProps.onModelChange(val[key2]);
+            var _a2, _b;
+            const isComponentProps = item.field === key2 && item.componentProps;
+            if (isComponentProps && !isFunction$5(item.componentProps) && ((_a2 = item.componentProps) == null ? void 0 : _a2.onModelChange)) {
+              item.componentProps.onModelChange(val[key2]);
+            } else if (isComponentProps && isFunction$5(item.componentProps)) {
+              const modelProps = item.componentProps({
+                schema: item,
+                formModel,
+                formActionType,
+                tableAction: props2.tableAction
+              });
+              if (modelProps.onModelChange) {
+                modelProps.onModelChange(val[key2]);
+              }
             }
-            if (item.component === "Group" && resolvedProps && Array.isArray(resolvedProps.schemas)) {
-              handleSchemas(resolvedProps.schemas);
+            if (item.component === "Group" && ((_b = item.componentProps) == null ? void 0 : _b.schemas)) {
+              handleSchemas(item.componentProps.schemas);
             }
           });
         };
         if (isEqual(vue.toRaw(val[key2]), vue.toRaw(tempFormModel[key2])))
           continue;
-        const context = {
-          schema: {},
-          // 每次赋值
-          formModel,
-          formActionType: formActionType2,
-          tableAction: props2.tableAction
-        };
         handleSchemas(vue.unref(getProps).schemas);
       }
       Object.assign(tempFormModel, cloneDeep(formModel));
@@ -25976,7 +25948,7 @@ const ShyForm = /* @__PURE__ */ vue.defineComponent({
           ;
       }
     }
-    const formActionType2 = {
+    const formActionType = {
       getFieldsValue,
       setFieldsValue,
       resetFields,
@@ -25991,7 +25963,7 @@ const ShyForm = /* @__PURE__ */ vue.defineComponent({
       validate,
       scrollToField
     };
-    vue.provide("formActionType", formActionType2);
+    vue.provide("formActionType", formActionType);
     const isTableForm = vue.computed(() => {
       return !!vue.unref(getBindValue).tableAction;
     });
@@ -26081,7 +26053,7 @@ const ShyForm = /* @__PURE__ */ vue.defineComponent({
     };
     vue.onMounted(() => {
       initDefault();
-      emit("register", formActionType2);
+      emit("register", formActionType);
     });
     return () => {
       const ignoreKeys = ["resetBefore", "submitBefore", "advanceBefore", "advanceAfter", "advancedSearch"];
@@ -26119,7 +26091,7 @@ const ShyForm = /* @__PURE__ */ vue.defineComponent({
         const realSpan = (((_a2 = schema.colProps) == null ? void 0 : _a2.span) ?? ((_c = (_b = vue.unref(getBindValue)) == null ? void 0 : _b.baseColProps) == null ? void 0 : _c.span)) / (vue.unref(ROW_SLICE2) + vue.unref(ACTION_COL2));
         return vue.createVNode(FormItem$2, {
           "tableAction": props2.tableAction,
-          "formActionType": formActionType2,
+          "formActionType": formActionType,
           "schema": schema,
           "formProps": getProps.value,
           "allDefaultValues": defaultValueRef.value,
@@ -28299,7 +28271,7 @@ const EQUAL_OPERATOR_OPTIONS = ALL_OPERATOR_OPTION.filter(
 const CONTAIN_OPERATOR_OPTIONS = ALL_OPERATOR_OPTION.filter(
   (item) => ["ct"].includes(item.value)
 );
-const useAdvancedSearch = (schemas, formActionType2) => {
+const useAdvancedSearch = (schemas, formActionType) => {
   const getSchemaOptions = (type4) => {
     switch (type4) {
       case "number":
@@ -28387,7 +28359,7 @@ const useAdvancedSearch = (schemas, formActionType2) => {
       removeSchemaByField,
       updateSchema,
       setFieldsValue
-    } = formActionType2;
+    } = formActionType;
     const {
       schemas: [operatorSchema, valueSchema]
     } = componentProps;
@@ -32115,7 +32087,7 @@ const ShyFormTable = /* @__PURE__ */ vue.defineComponent({
     const {
       prefixCls: prefixCls2
     } = use.useDesign("ant-form-table-children");
-    const formActionType2 = vue.inject("formActionType");
+    const formActionType = vue.inject("formActionType");
     const tableWrapperRef = vue.ref();
     const tableElRef = vue.ref();
     const curIndex = vue.ref(0);
@@ -32441,7 +32413,7 @@ const ShyFormTable = /* @__PURE__ */ vue.defineComponent({
               column: column2,
               record,
               ...args
-            }, formActionType2);
+            }, formActionType);
           } catch (error2) {
             rulesRef[errKey].show = true;
             rulesRef[errKey].msg = error2;
@@ -35779,7 +35751,7 @@ const Group = /* @__PURE__ */ vue.defineComponent({
         schema,
         tableAction: tableAction2,
         formModel,
-        formActionType: formActionType2
+        formActionType
       } = props2;
       let {
         componentProps: _componentProps,
@@ -35791,7 +35763,7 @@ const Group = /* @__PURE__ */ vue.defineComponent({
           schema,
           tableAction: tableAction2,
           formModel,
-          formActionType: formActionType2
+          formActionType
         }) ?? {};
       }
       const realSpan = (((_a2 = schema.colProps) == null ? void 0 : _a2.span) ?? ((_c = (_b = vue.unref(contextBindValue)) == null ? void 0 : _b.baseColProps) == null ? void 0 : _c.span)) / (vue.unref(ROW_SLICE) + vue.unref(ACTION_COL));
@@ -35942,7 +35914,7 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
       const {
         schema,
         formModel,
-        formActionType: formActionType2
+        formActionType
       } = props2;
       let {
         componentProps = {}
@@ -35951,7 +35923,7 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
         componentProps = componentProps({
           schema,
           formModel,
-          formActionType: formActionType2
+          formActionType
         }) ?? {};
       }
       if (schema.component === "Divider") {
@@ -41571,7 +41543,8 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         type: "number"
       },
       { label: "生日", field: "birth", type: "date" }
-    ] }
+    ] },
+    filterKeys: { default: () => [] }
   },
   setup(__props, { expose: __expose }) {
     const props2 = __props;
@@ -41637,18 +41610,25 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
     const getSearchType = (field) => {
       const type4 = getTypeByField(field);
+      let searchType2 = [];
       switch (type4) {
         case "number":
-          return searchTypeNumber;
+          searchType2 = searchTypeNumber;
+          break;
         case "string":
-          return searchTypeString;
+          searchType2 = searchTypeString;
+          break;
         case "date":
-          return searchTypeDate;
+          searchType2 = searchTypeDate;
+          break;
         case "select":
-          return searchTypeSelect;
+          searchType2 = searchTypeSelect;
+          break;
         case "stringSelect":
-          return stringSearchTypeSelect;
+          searchType2 = stringSearchTypeSelect;
+          break;
       }
+      return searchType2.filter((item) => !props2.filterKeys.includes(item.value));
     };
     const getComponent2 = (field) => {
       const column2 = props2.schemas.find((schema) => {
@@ -49572,7 +49552,7 @@ const Descriptions = /* @__PURE__ */ vue.defineComponent({
           model: data,
           values: data,
           schema: item,
-          transformValue
+          transformValue: vue.unref(transformValue)
         };
       };
     });

package/lib/ui/src/ShyForm/src/hooks/useFormEvents.d.ts

@@ -10,9 +10,8 @@ interface UseFormActionContext {
     formElRef: Ref<FormActionType>;
     schemaRef: Ref<FormSchema[]>;
     handleFormValues: Fn;
-    tableAction?: any;
 }
-export declare function useFormEvents({ emit, getProps, formModel, getSchema, defaultValueRef, formElRef, schemaRef, handleFormValues, tableAction }: UseFormActionContext): {
+export declare function useFormEvents({ emit, getProps, formModel, getSchema, defaultValueRef, formElRef, schemaRef, handleFormValues }: UseFormActionContext): {
     handleSubmit: (e?: Event) => Promise<void>;
     clearValidate: (name?: string | string[]) => Promise<void>;
     validate: (nameList?: NamePath[] | undefined) => Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3h1-ui",
-  "version": "3.0.0-next.247",
+  "version": "3.0.0-next.249",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",