cnhis-design-vue 3.4.0-beta.3 → 3.4.0-beta.7

package/es/components/form-render/src/hooks/useCommonInjection.js

@@ -5,9 +5,7 @@ import { useFormField } from './useFormField.js';
 
 function useCommonInjection() {
   function injectValueValidate(traverser) {
-    const {
-      field
-    } = useFormField();
+    const { field } = useFormField();
     watch(traverser, () => {
       var _a, _b, _c;
       try {
@@ -21,9 +19,7 @@ function useCommonInjection() {
     });
   }
   function injectValueWatchFromEmpty(traverser, trigger) {
-    watch(traverser, (n, o) => n != null && o == null && trigger(), {
-      immediate: true
-    });
+    watch(traverser, (n, o) => n != null && o == null && trigger(), { immediate: true });
   }
   function injectValueBindKey(traverser) {
     const key = ref(1);
@@ -34,25 +30,14 @@ function useCommonInjection() {
     });
     return key;
   }
-  return {
-    injectValueValidate,
-    injectValueWatchFromEmpty,
-    injectValueBindKey
-  };
+  return { injectValueValidate, injectValueWatchFromEmpty, injectValueBindKey };
 }
 function useSelectOptionProps() {
   const nodeProps = () => {
-    return {
-      class: "form-render__selectOption"
-    };
-  };
-  const menuProps = {
-    class: "form-render__selectMenu"
-  };
-  return {
-    nodeProps,
-    menuProps
+    return { class: "form-render__selectOption" };
   };
+  const menuProps = { class: "form-render__selectMenu" };
+  return { nodeProps, menuProps };
 }
 
 export { useCommonInjection, useSelectOptionProps };

package/es/components/form-render/src/hooks/useCommonLog.js

@@ -2,11 +2,11 @@ import { formRenderLog } from '../utils/index.js';
 
 function useCommonLog() {
   function invalidHttpInstanceLog() {
-    formRenderLog("before use http feature, you should regist http instance by useFormilyRequest.registGlobHttpInstance()");
+    formRenderLog(
+      "before use http feature, you should regist http instance by useFormilyRequest.registGlobHttpInstance()"
+    );
   }
-  return {
-    invalidHttpInstanceLog
-  };
+  return { invalidHttpInstanceLog };
 }
 
 export { useCommonLog };

package/es/components/form-render/src/hooks/useFieldListAdaptor.js

@@ -18,9 +18,7 @@ function bindUrlProps(schema, item) {
   });
 }
 function useFieldListAdaptor(collector, globProps) {
-  const {
-    createValidatorSchema
-  } = useFormValidator();
+  const { createValidatorSchema } = useFormValidator();
   const createStandardSchema = (item) => {
     var _a, _b;
     const result = {
@@ -43,10 +41,7 @@ function useFieldListAdaptor(collector, globProps) {
       result["x-reactions"] = arrayed(item.reactions).map((item2) => {
         var _a2;
         if (item2.target) {
-          return {
-            ...item2,
-            effects: (_a2 = item2.effects) != null ? _a2 : ["onFieldInit", "onFieldValueChange"]
-          };
+          return { ...item2, effects: (_a2 = item2.effects) != null ? _a2 : ["onFieldInit", "onFieldValueChange"] };
         } else {
           return item2;
         }
@@ -202,11 +197,7 @@ function useFieldListAdaptor(collector, globProps) {
   };
   const createInputNumberSchema = (item) => {
     const schema = createStandardSchema(item);
-    const {
-      decimal_length,
-      validate,
-      allowSlash
-    } = item;
+    const { decimal_length, validate, allowSlash } = item;
     if (isPositive(allowSlash)) {
       schema["x-component"] = "INPUT_NUMBER_SLASH";
       schema.type = "string";
@@ -258,14 +249,14 @@ function useFieldListAdaptor(collector, globProps) {
   const createComplexSchema = (item) => {
     const schema = createStandardSchema(item);
     if (Array.isArray(item.properties)) {
-      formRenderLog("COMPLEX\u63A7\u4EF6\u7684properties\u5C5E\u6027\u5DF2\u7ECF\u5E9F\u5F03, \u8BF7\u4F7F\u7528children\u4F5C\u4E3A\u66FF\u4EE3, \u5728\u4E4B\u540E\u7684\u7248\u672C\u4E2Dproperties\u5C5E\u6027\u5C06\u4E0D\u518D\u652F\u6301");
+      formRenderLog(
+        "COMPLEX\u63A7\u4EF6\u7684properties\u5C5E\u6027\u5DF2\u7ECF\u5E9F\u5F03, \u8BF7\u4F7F\u7528children\u4F5C\u4E3A\u66FF\u4EE3, \u5728\u4E4B\u540E\u7684\u7248\u672C\u4E2Dproperties\u5C5E\u6027\u5C06\u4E0D\u518D\u652F\u6301"
+      );
     }
     const properties = Array.isArray(item.properties || item.children) ? schemaAdaptor(item.properties || item.children) : {};
     schema.type = item.fieldType || "void";
     schema.properties = properties;
-    Object.assign(schema["x-decorator-props"], {
-      showFeedback: false
-    });
+    Object.assign(schema["x-decorator-props"], { showFeedback: false });
     Object.assign(schema["x-component-props"], pick(item, ["wrapperStyle", "display"]));
     return schema;
   };
@@ -275,9 +266,7 @@ function useFieldListAdaptor(collector, globProps) {
       type: "void",
       title: item.alias || item.name,
       "x-component": "LINE_BREAKS",
-      "x-component-props": {
-        border: item.lineBreaksBorder
-      },
+      "x-component-props": { border: item.lineBreaksBorder },
       "x-display": isNegative(item.is_show) ? "hidden" : "visible"
     };
   };
@@ -288,7 +277,25 @@ function useFieldListAdaptor(collector, globProps) {
     });
     return schema;
   };
-  const creatorMap = /* @__PURE__ */ new Map([["LINEBAR", createLinebarSchema], ["LINE_BREAKS", createLinebreaksSchema], ["INPUT", createInputSchema], ["TEXTAREA", createTextareaSchema], ["INPUT_NUMBER", createInputNumberSchema], ["SELECT", createSelectSchema], ["REMOTE_SEARCH", createSelectSchema], ["DATE", createDateSchema], ["TIME", createTimeSchema], ["LEVEL_SEARCH_CASCADER", createLevelSearchCascadeSchema], ["SEARCH_CASCADER", createSearchCascadeSchema], ["COMBINATION", createCombinationSchema], ["RADIO", createRadioSchema], ["CHECKBOX", createRadioSchema], ["SWITCH", createSwitchSchema], ["SLIDER", createSliderSchema], ["COMPLEX", createComplexSchema]]);
+  const creatorMap = /* @__PURE__ */ new Map([
+    ["LINEBAR", createLinebarSchema],
+    ["LINE_BREAKS", createLinebreaksSchema],
+    ["INPUT", createInputSchema],
+    ["TEXTAREA", createTextareaSchema],
+    ["INPUT_NUMBER", createInputNumberSchema],
+    ["SELECT", createSelectSchema],
+    ["REMOTE_SEARCH", createSelectSchema],
+    ["DATE", createDateSchema],
+    ["TIME", createTimeSchema],
+    ["LEVEL_SEARCH_CASCADER", createLevelSearchCascadeSchema],
+    ["SEARCH_CASCADER", createSearchCascadeSchema],
+    ["COMBINATION", createCombinationSchema],
+    ["RADIO", createRadioSchema],
+    ["CHECKBOX", createRadioSchema],
+    ["SWITCH", createSwitchSchema],
+    ["SLIDER", createSliderSchema],
+    ["COMPLEX", createComplexSchema]
+  ]);
   const createWidgetSchema = (item) => {
     if (isValidWidgetCombination(item.suffixConfig) || isValidWidgetCombination(item.prefixConfig))
       return createWidgetCombinationSchema(item);
@@ -299,26 +306,30 @@ function useFieldListAdaptor(collector, globProps) {
     const schema = createStandardSchema(item);
     const suffixList = item.suffixConfig ? arrayed(item.suffixConfig) : [];
     const prefixList = item.prefixConfig ? arrayed(item.prefixConfig) : [];
-    const fieldList = [...prefixList.map((prefix) => {
-      return {
-        elem_width: item.elem_width,
-        ...prefix,
-        hide_title: "1",
-        is_show: isNegative(prefix.is_show) ? "0" : item.is_show
-      };
-    }), {
-      ...item,
-      hide_title: "1",
-      suffixConfig: void 0,
-      prefixConfig: void 0
-    }, ...suffixList.map((suffix) => {
-      return {
-        elem_width: item.elem_width,
-        ...suffix,
+    const fieldList = [
+      ...prefixList.map((prefix) => {
+        return {
+          elem_width: item.elem_width,
+          ...prefix,
+          hide_title: "1",
+          is_show: isNegative(prefix.is_show) ? "0" : item.is_show
+        };
+      }),
+      {
+        ...item,
         hide_title: "1",
-        is_show: isNegative(suffix.is_show) ? "0" : item.is_show
-      };
-    })].map((item2) => {
+        suffixConfig: void 0,
+        prefixConfig: void 0
+      },
+      ...suffixList.map((suffix) => {
+        return {
+          elem_width: item.elem_width,
+          ...suffix,
+          hide_title: "1",
+          is_show: isNegative(suffix.is_show) ? "0" : item.is_show
+        };
+      })
+    ].map((item2) => {
       item2.decoratorProps = omit(item2.decoratorProps, ["onClickOutside"]);
       return item2;
     });
@@ -330,9 +341,7 @@ function useFieldListAdaptor(collector, globProps) {
       name: fieldKeyEscape(fieldList),
       title: item.alias || item.name,
       "x-component": "INPUT_GROUP",
-      "x-component-props": {
-        span: groupSpan
-      },
+      "x-component-props": { span: groupSpan },
       "x-decorator-props": {
         ...schema["x-decorator-props"],
         showFeedback: false,
@@ -342,13 +351,8 @@ function useFieldListAdaptor(collector, globProps) {
     });
     return schema;
   };
-  const {
-    FieldNormalizeWaterfallHook,
-    FieldListNormalizeWaterfallHook
-  } = useFieldNormalize();
-  function schemaAdaptor(fieldList, options = {
-    column: 9999
-  }) {
+  const { FieldNormalizeWaterfallHook, FieldListNormalizeWaterfallHook } = useFieldNormalize();
+  function schemaAdaptor(fieldList, options = { column: 9999 }) {
     let prevLinebar = null;
     const result = FieldListNormalizeWaterfallHook.call(cloneDeep(fieldList), options).reduce((fin, cur, idx) => {
       var _a;
@@ -371,10 +375,7 @@ function useFieldListAdaptor(collector, globProps) {
         return;
       handlerAutoHiddenSchema(schema);
     });
-    traverseSchema({
-      properties: result,
-      ["x-root"]: true
-    }, (_s, parent) => {
+    traverseSchema({ properties: result, ["x-root"]: true }, (_s, parent) => {
       if (_s["x-component"] !== "INPUT_GROUP")
         return;
       handlerAutoHiddenSchema(_s, !!parent && !parent["x-root"]);
@@ -382,23 +383,20 @@ function useFieldListAdaptor(collector, globProps) {
     return result;
     function bindIndex(schema, idx) {
       schema["x-index"] = idx;
-      schema["x-decorator-props"] = {
-        _index: idx,
-        ...schema["x-decorator-props"]
-      };
+      schema["x-decorator-props"] = { _index: idx, ...schema["x-decorator-props"] };
       return schema;
     }
     function createFieldName(fieldItem) {
       if (fieldItem.suffixConfig || fieldItem.prefixConfig) {
-        const fieldList2 = [...arrayed(fieldItem.prefixConfig), fieldItem, ...arrayed(fieldItem.suffixConfig)].filter(Boolean);
+        const fieldList2 = [...arrayed(fieldItem.prefixConfig), fieldItem, ...arrayed(fieldItem.suffixConfig)].filter(
+          Boolean
+        );
         return fieldKeyEscape(fieldList2);
       }
       return fieldItem.val_key;
     }
   }
-  return {
-    schemaAdaptor
-  };
+  return { schemaAdaptor };
 }
 function handlerAutoHiddenSchema(schema, hasParent = false) {
   if (!schema["x-reactions"]) {
@@ -409,11 +407,7 @@ function handlerAutoHiddenSchema(schema, hasParent = false) {
   const childFields = Object.keys(schema.properties || {}).map((f) => `${hasParent ? "*." : "."}${schema.name}.${f}#selfDisplay`).concat(Object.keys(schema.properties || {}).map((f) => `${hasParent ? "*." : "."}${schema.name}.${f}#component`));
   schema["x-reactions"].push({
     dependencies: childFields,
-    fulfill: {
-      state: {
-        visible: `{{hasVisible($deps)}}`
-      }
-    }
+    fulfill: { state: { visible: `{{hasVisible($deps)}}` } }
   });
 }
 

package/es/components/form-render/src/hooks/useFieldNormalize.js

@@ -21,23 +21,15 @@ function useFieldNormalize() {
   const FieldNormalizeWaterfallHook = new SyncWaterfallHook(["fieldItem", "props"]);
   FieldNormalizeWaterfallHook.tap("__forceClearable", (fieldItem, props) => {
     if (props.forceClearable) {
-      fieldItem.componentProps = {
-        ...fieldItem.componentProps,
-        clearable: true
-      };
+      fieldItem.componentProps = { ...fieldItem.componentProps, clearable: true };
     }
     return fieldItem;
   });
-  FieldNormalizeWaterfallHook.tap({
-    name: "__fieldAlias",
-    before: "__labelPlacementOverwrite"
-  }, (fieldItem) => {
+  FieldNormalizeWaterfallHook.tap({ name: "__fieldAlias", before: "__labelPlacementOverwrite" }, (fieldItem) => {
     if (fieldItem.inputBorder === "BOTTOM")
       fieldItem.bordered = "underline";
     if (fieldItem.title_h_layout != null) {
-      fieldItem.decoratorProps = {
-        ...fieldItem.decoratorProps
-      };
+      fieldItem.decoratorProps = { ...fieldItem.decoratorProps };
       if (isNegative(fieldItem.title_h_layout)) {
         fieldItem.decoratorProps.labelPlacement = "top";
       } else if (isPositive(fieldItem.title_h_layout)) {
@@ -51,10 +43,7 @@ function useFieldNormalize() {
   });
   FieldNormalizeWaterfallHook.tap("__labelPlacementOverwrite", (fieldItem, props) => {
     if (props.labelPlacementOverwrite) {
-      fieldItem.decoratorProps = {
-        ...fieldItem.decoratorProps,
-        labelPlacement: void 0
-      };
+      fieldItem.decoratorProps = { ...fieldItem.decoratorProps, labelPlacement: void 0 };
     }
     return fieldItem;
   });
@@ -76,37 +65,29 @@ function useFieldNormalize() {
       fieldItem.reactions = fieldItem.reactions ? arrayed(fieldItem.reactions) : [];
       fieldItem.reactions.push({
         target: fieldItem.val_key_unit,
-        fulfill: {
-          state: {
-            disabled: "{{$self.disabled}}"
-          }
-        }
+        fulfill: { state: { disabled: "{{$self.disabled}}" } }
       });
-      fieldItem.suffixConfig = [{
-        validate: {
-          obj_type: FIELD_BUSINESS_TYPE.AGE_UNIT
-        },
-        val_key: fieldItem.val_key_unit,
-        html_type: "SELECT",
-        option: fieldItem.option,
-        urlConfig: fieldItem.urlConfig
-      }];
+      fieldItem.suffixConfig = [
+        {
+          validate: { obj_type: FIELD_BUSINESS_TYPE.AGE_UNIT },
+          val_key: fieldItem.val_key_unit,
+          html_type: "SELECT",
+          option: fieldItem.option,
+          urlConfig: fieldItem.urlConfig
+        }
+      ];
     }
     return fieldItem;
   });
-  FieldNormalizeWaterfallHook.tap({
-    name: "__multiple_select",
-    before: "__defaultValue"
-  }, (fieldItem) => {
-    const {
-      html_type,
-      multi_select,
-      __multiple
-    } = fieldItem;
+  FieldNormalizeWaterfallHook.tap({ name: "__multiple_select", before: "__defaultValue" }, (fieldItem) => {
+    const { html_type, multi_select, __multiple } = fieldItem;
     fieldItem.__multiple = html_type === "SEARCH" ? false : html_type === "SEARCH_MORE" ? true : html_type === "SELECT" ? isNegative(multi_select) : __multiple;
     return fieldItem;
   });
   FieldNormalizeWaterfallHook.tap("__defaultValue", (fieldItem) => {
+    if (isString(fieldItem.date_format)) {
+      fieldItem.date_format = fieldItem.date_format.replace("YYYY", "yyyy").replace("DD", "dd");
+    }
     switch (fieldItem.html_type) {
       case "TIME": {
         if (fieldItem.default_val === "current") {
@@ -142,7 +123,17 @@ function useFieldNormalize() {
     }
     return fieldItem;
   });
-  const types = [[["SEARCH", "PHONE_TYPE", "IDCARD_TYPE", "SEARCH_MORE"], "SELECT"], ["DIGITAL", "INPUT_NUMBER"], ["CHECKBOX_BLOCK", "CHECKBOX"], ["RADIO_BLOCK", "RADIO"], [["DATE-INPUT", "DATETIME-INPUT"], "DATE"], ["SWITCH_COMPONENT", "SWITCH"], ["SLIDER_COMPONENT", "SLIDER"], ["LEVEL_SEARCH_CASCADE", "LEVEL_SEARCH_CASCADER"], ["SEARCH_CASCADE", "SEARCH_CASCADER"]];
+  const types = [
+    [["SEARCH", "PHONE_TYPE", "IDCARD_TYPE", "SEARCH_MORE"], "SELECT"],
+    ["DIGITAL", "INPUT_NUMBER"],
+    ["CHECKBOX_BLOCK", "CHECKBOX"],
+    ["RADIO_BLOCK", "RADIO"],
+    [["DATE-INPUT", "DATETIME-INPUT"], "DATE"],
+    ["SWITCH_COMPONENT", "SWITCH"],
+    ["SLIDER_COMPONENT", "SLIDER"],
+    ["LEVEL_SEARCH_CASCADE", "LEVEL_SEARCH_CASCADER"],
+    ["SEARCH_CASCADE", "SEARCH_CASCADER"]
+  ];
   FieldNormalizeWaterfallHook.tap("__normalize", (fieldItem) => {
     types.some(([rule, target]) => {
       const match = Array.isArray(rule) ? rule.includes(fieldItem.html_type) : rule === fieldItem.html_type;
@@ -150,17 +141,35 @@ function useFieldNormalize() {
     });
     return fieldItem;
   });
-  const ShowModeHandlerMap = /* @__PURE__ */ new Map([[["SELECT", "SEARCH", "SEARCH_MORE"], /* @__PURE__ */ new Map([["H_TILE", (fieldItem) => fieldItem.html_type = fieldItem.__multiple ? "CHECKBOX" : "RADIO"], ["V_TILE", (fieldItem) => {
-    fieldItem.html_type = fieldItem.__multiple ? "CHECKBOX" : "RADIO";
-    fieldItem.__vertical = true;
-  }]])], ["RADIO", /* @__PURE__ */ new Map([["DROPDOWN", (fieldItem) => fieldItem.html_type = "SELECT"]])], ["CHECKBOX", /* @__PURE__ */ new Map([["DROPDOWN", (fieldItem) => {
-    fieldItem.__multiple = true;
-    fieldItem.html_type = "SELECT";
-  }]])]]);
-  FieldNormalizeWaterfallHook.tap({
-    stage: 9999,
-    name: "__show_mode"
-  }, (fieldItem) => {
+  const ShowModeHandlerMap = /* @__PURE__ */ new Map([
+    [
+      ["SELECT", "SEARCH", "SEARCH_MORE"],
+      /* @__PURE__ */ new Map([
+        ["H_TILE", (fieldItem) => fieldItem.html_type = fieldItem.__multiple ? "CHECKBOX" : "RADIO"],
+        [
+          "V_TILE",
+          (fieldItem) => {
+            fieldItem.html_type = fieldItem.__multiple ? "CHECKBOX" : "RADIO";
+            fieldItem.__vertical = true;
+          }
+        ]
+      ])
+    ],
+    ["RADIO", /* @__PURE__ */ new Map([["DROPDOWN", (fieldItem) => fieldItem.html_type = "SELECT"]])],
+    [
+      "CHECKBOX",
+      /* @__PURE__ */ new Map([
+        [
+          "DROPDOWN",
+          (fieldItem) => {
+            fieldItem.__multiple = true;
+            fieldItem.html_type = "SELECT";
+          }
+        ]
+      ])
+    ]
+  ]);
+  FieldNormalizeWaterfallHook.tap({ stage: 9999, name: "__show_mode" }, (fieldItem) => {
     if (!fieldItem.show_mode)
       return fieldItem;
     [...ShowModeHandlerMap].some(([rule, handlerMap]) => {
@@ -172,21 +181,14 @@ function useFieldNormalize() {
     });
     return fieldItem;
   });
-  FieldListNormalizeWaterfallHook.tap("__out_bordered", (fieldList, {
-    column,
-    outBordered
-  }) => {
+  FieldListNormalizeWaterfallHook.tap("__out_bordered", (fieldList, { column, outBordered }) => {
     return fieldList;
   });
-  FieldNormalizeWaterfallHook.tap("__linebreaksToTitle", (fieldItem, {
-    linebreaksToTitle
-  }) => {
+  FieldNormalizeWaterfallHook.tap("__linebreaksToTitle", (fieldItem, { linebreaksToTitle }) => {
     if (linebreaksToTitle && fieldItem.html_type === "LINE_BREAKS") {
       Object.assign(fieldItem, {
         elem_width: 9999,
-        decoratorProps: {
-          showLabel: false
-        },
+        decoratorProps: { showLabel: false },
         content: fieldItem.alias || fieldItem.name || fieldItem.val_key || "",
         html_type: "TEXT"
       });
@@ -195,23 +197,27 @@ function useFieldNormalize() {
   });
   FieldListNormalizeWaterfallHook.tap("__prefix/suffix", (fieldList) => {
     const prefixOrSuffixItem = [];
-    traverse(fieldList, (fieldItem) => {
-      ["prefix", "suffix"].forEach((key) => {
-        const prefixOrSuffix = fieldItem[key];
-        if (!isString(prefixOrSuffix))
-          return;
-        const matched = prefixOrSuffix.match("#{(.+)}");
-        if (!matched)
-          return;
-        const target = isString(matched[1]) && findItemByValCondition(fieldList, (item) => item.val_key === matched[1].trim());
-        if (!target)
-          return;
-        Reflect.deleteProperty(fieldItem, key);
-        fieldItem[`${key}Config`] = fieldItem[`${key}Config`] || [];
-        fieldItem[`${key}Config`].push(target);
-        prefixOrSuffixItem.push(target);
-      });
-    }, ["children", "properties"]);
+    traverse(
+      fieldList,
+      (fieldItem) => {
+        ["prefix", "suffix"].forEach((key) => {
+          const prefixOrSuffix = fieldItem[key];
+          if (!isString(prefixOrSuffix))
+            return;
+          const matched = prefixOrSuffix.match("#{(.+)}");
+          if (!matched)
+            return;
+          const target = isString(matched[1]) && findItemByValCondition(fieldList, (item) => item.val_key === matched[1].trim());
+          if (!target)
+            return;
+          Reflect.deleteProperty(fieldItem, key);
+          fieldItem[`${key}Config`] = fieldItem[`${key}Config`] || [];
+          fieldItem[`${key}Config`].push(target);
+          prefixOrSuffixItem.push(target);
+        });
+      },
+      ["children", "properties"]
+    );
     if (!prefixOrSuffixItem.length)
       return fieldList;
     return FieldListFilter(fieldList, (item) => prefixOrSuffixItem.includes(item));
@@ -228,7 +234,10 @@ function useFieldNormalize() {
         parseNodes.forEach((node) => {
           if (node.type === "text")
             return;
-          const target = findItemByValCondition(fieldList, (item) => [item.name, item.val_key].includes(node.content));
+          const target = findItemByValCondition(
+            fieldList,
+            (item) => [item.name, item.val_key].includes(node.content)
+          );
           if (!target)
             return;
           bindFields.push(target);
@@ -245,28 +254,32 @@ function useFieldNormalize() {
   });
   FieldListNormalizeWaterfallHook.tap("__textEnhance", (fieldList) => {
     const bindFields = [];
-    traverse(fieldList, (field) => {
-      if (field.html_type !== "TEXT" || !isString(field.default_val))
-        return;
-      const parseNodes = parseEnhanceText(field.default_val);
-      field.__textEnhance = parseNodes;
-      parseNodes.forEach((node) => {
-        if (node.type === "text")
-          return;
-        const target = findItemByValCondition(fieldList, (item) => [item.name, item.val_key].includes(node.content));
-        if (!target)
+    traverse(
+      fieldList,
+      (field) => {
+        if (field.html_type !== "TEXT" || !isString(field.default_val))
           return;
-        Reflect.deleteProperty(field, "default_val");
-        bindFields.push(target);
-        node.content = target;
-      });
-    }, ["children", "properties"]);
+        const parseNodes = parseEnhanceText(field.default_val);
+        field.__textEnhance = parseNodes;
+        parseNodes.forEach((node) => {
+          if (node.type === "text")
+            return;
+          const target = findItemByValCondition(
+            fieldList,
+            (item) => [item.name, item.val_key].includes(node.content)
+          );
+          if (!target)
+            return;
+          Reflect.deleteProperty(field, "default_val");
+          bindFields.push(target);
+          node.content = target;
+        });
+      },
+      ["children", "properties"]
+    );
     return FieldListFilter(fieldList, (item) => bindFields.includes(item));
   });
-  return {
-    FieldNormalizeWaterfallHook,
-    FieldListNormalizeWaterfallHook
-  };
+  return { FieldNormalizeWaterfallHook, FieldListNormalizeWaterfallHook };
 }
 
 export { useFieldNormalize };

package/es/components/form-render/src/hooks/useFieldVisitor.js

@@ -52,9 +52,7 @@ function useFieldVisitor() {
       return fin.concat([...before, current, ...after]);
     }, []);
   }
-  return {
-    traverse
-  };
+  return { traverse };
 }
 
 export { useFieldVisitor };

package/es/components/form-render/src/hooks/useFormContext.js

@@ -21,10 +21,11 @@ import { useChangeContext } from './useChangeContext.js';
 import { useFormItemDeps } from './useFormItemDeps.js';
 
 function useFormContext(props, emit) {
-  const {
-    callLifeCycle
-  } = useFormRenderLifeCycle(props);
-  const asyncQueue = useFormAsyncQueue(computed(() => props.requestInstance), computed(() => !!props.uniqueCacheData)).create(props.parallelism, {
+  const { callLifeCycle } = useFormRenderLifeCycle(props);
+  const asyncQueue = useFormAsyncQueue(
+    computed(() => props.requestInstance),
+    computed(() => !!props.uniqueCacheData)
+  ).create(props.parallelism, {
     beforeRequest(...args) {
       return callLifeCycle("beforeRequest", args) || args[1];
     },
@@ -34,10 +35,7 @@ function useFormContext(props, emit) {
   });
   provide(InjectionAsyncQueue, asyncQueue);
   const SchemaField = createSchemaField({
-    components: {
-      ...components,
-      ...props.components
-    },
+    components: { ...components, ...props.components },
     scope: Object.assign({}, usePresetScope(), props.scope)
   }).SchemaField;
   provide(InjectionSchemaField, SchemaField);
@@ -49,25 +47,27 @@ function useFormContext(props, emit) {
   provide(InjectionFormItemDepsCollector, formItemDepsCollector);
   const formUUID = props.uuid || uuidGenerator();
   provide(InjectionFormUUID, formUUID);
-  provide(InjectionAnnotation, computed({
-    get() {
-      return props.annotation ? readonly(props.annotation) : null;
-    },
-    set(payload) {
-      if (!isObject(props.annotation) || !isObject(payload))
-        return;
-      const oldValue = props.annotation[payload.property];
-      props.annotation[payload.property] = payload.value;
-      emit("annotationChange", {
-        fieldKey: payload.property,
-        value: payload.value,
-        oldValue
-      });
-    }
-  }));
-  provide(InjectionAnnotationShortcuts, computed(() => {
-    return props.annotationShortcuts;
-  }));
+  provide(
+    InjectionAnnotation,
+    computed({
+      get() {
+        return props.annotation ? readonly(props.annotation) : null;
+      },
+      set(payload) {
+        if (!isObject(props.annotation) || !isObject(payload))
+          return;
+        const oldValue = props.annotation[payload.property];
+        props.annotation[payload.property] = payload.value;
+        emit("annotationChange", { fieldKey: payload.property, value: payload.value, oldValue });
+      }
+    })
+  );
+  provide(
+    InjectionAnnotationShortcuts,
+    computed(() => {
+      return props.annotationShortcuts;
+    })
+  );
   provide(InjectionFormGlobalProps, props);
   provide(InjectionFormGlobalEmit, emit);
   return {