cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.9

package/es/components/form-render/src/hooks/useBusinessBinding.d.ts

@@ -0,0 +1,26 @@
+import { Form } from '@formily/core';
+import { FormBusinessFormatter } from '../../../../../es/components/form-render';
+import { FIELD_BUSINESS_TYPE } from '../constants';
+export declare class BusinessCollector {
+    private formModel;
+    private businessFormatter?;
+    private readonly typeCollector;
+    private readonly fieldNameCollector;
+    constructor(formModel: Form, businessFormatter?: FormBusinessFormatter | undefined);
+    private formatter;
+    collect(type: FIELD_BUSINESS_TYPE, fieldName: string): void;
+    private getField;
+    getFieldInstanceByType(type: FIELD_BUSINESS_TYPE): import("@formily/core").GeneralField | null;
+    private getType;
+    private getValueByField;
+    getValueByType(type: FIELD_BUSINESS_TYPE): unknown;
+    setValueByType(type: FIELD_BUSINESS_TYPE, value: unknown, force?: boolean): void;
+    registerChangeBusiness(type: FIELD_BUSINESS_TYPE, handler: () => void): this;
+    registerBlurBusiness(type: FIELD_BUSINESS_TYPE, handler: () => void): this;
+    private changeHandlerMap;
+    private blurHandlerMap;
+    trigger(fieldName: string, triggerType?: 'change' | 'blur'): void;
+}
+export declare function useBusinessBinding(): {
+    create: (formModel: Form, formatter?: FormBusinessFormatter) => BusinessCollector;
+};

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

@@ -0,0 +1,107 @@
+import { isField } from '@formily/core';
+import { isString } from '@vueuse/core';
+import { isFunction, isNumber } from 'lodash-es';
+import { FIELD_BUSINESS_TYPE } from '../constants/index.js';
+import '../utils/index.js';
+import { isIdCard, parseIdCard, parseAge2FromContext, parseBirthday, parseAge2Birthday } from '../utils/business.js';
+
+class BusinessCollector {
+  constructor(formModel, businessFormatter) {
+    this.formModel = formModel;
+    this.businessFormatter = businessFormatter;
+    this.typeCollector = /* @__PURE__ */ new Map();
+    this.fieldNameCollector = /* @__PURE__ */ new Map();
+    this.changeHandlerMap = /* @__PURE__ */ new Map([]);
+    this.blurHandlerMap = /* @__PURE__ */ new Map([]);
+  }
+  formatter(...args) {
+    return isFunction(this.businessFormatter) ? this.businessFormatter(...args) : args[0].value;
+  }
+  collect(type, fieldName) {
+    this.typeCollector.set(type, fieldName);
+    this.fieldNameCollector.set(fieldName, type);
+  }
+  getField(type) {
+    return this.typeCollector.get(type);
+  }
+  getFieldInstanceByType(type) {
+    const field = this.getField(type);
+    return field ? this.formModel.query(field).take() : null;
+  }
+  getType(fieldName) {
+    return this.fieldNameCollector.get(fieldName);
+  }
+  getValueByField(fieldName) {
+    const _field = this.formModel.query(fieldName).take();
+    return isField(_field) ? _field.value : null;
+  }
+  getValueByType(type) {
+    const field = this.getField(type);
+    return field ? this.getValueByField(field) : null;
+  }
+  setValueByType(type, value, force = true) {
+    const field = this.getField(type);
+    field && this.formModel.setFieldState(field, (state) => {
+      if (!force && state.value)
+        return;
+      state.value = this.formatter({ value, type, fieldKey: field });
+    });
+  }
+  registerChangeBusiness(type, handler) {
+    this.changeHandlerMap.set(type, handler);
+    return this;
+  }
+  registerBlurBusiness(type, handler) {
+    this.blurHandlerMap.set(type, handler);
+    return this;
+  }
+  trigger(fieldName, triggerType = "change") {
+    var _a, _b;
+    const type = this.getType(fieldName);
+    const handlerMaps = { change: this.changeHandlerMap, blur: this.blurHandlerMap };
+    type && ((_b = (_a = handlerMaps[triggerType]) == null ? void 0 : _a.get(type)) == null ? void 0 : _b.call(this));
+  }
+}
+function useBusinessBinding() {
+  function handlerIdCardType() {
+    const idCard = this.getValueByType(FIELD_BUSINESS_TYPE.ID_CARD);
+    if (!idCard || !isString(idCard) || !isIdCard(idCard)) {
+      setSexDisabled.call(this, false);
+      return;
+    }
+    const info = parseIdCard(idCard);
+    const { age, ageUnit } = parseAge2FromContext(info);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
+    this.setValueByType(FIELD_BUSINESS_TYPE.SEX, info.sex);
+    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, info.birthday);
+    setSexDisabled.call(this, true);
+    function setSexDisabled(value) {
+      const sexField = this.getFieldInstanceByType(FIELD_BUSINESS_TYPE.SEX);
+      isField(sexField) && (sexField.disabled = value);
+    }
+  }
+  function handlerBirthdayType() {
+    const birthday = this.getValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY);
+    if (!isString(birthday))
+      return;
+    const { age, ageUnit } = parseAge2FromContext(parseBirthday(birthday));
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
+  }
+  function handlerAgeType() {
+    const age = this.getValueByType(FIELD_BUSINESS_TYPE.AGE);
+    const ageUnit = this.getValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT);
+    if (!isString(age) && !isNumber(age) || age === "")
+      return;
+    if (!isString(ageUnit) || ageUnit === "")
+      return;
+    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, parseAge2Birthday(+age, ageUnit), false);
+  }
+  function create(formModel, formatter) {
+    return new BusinessCollector(formModel, formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerBlurBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType).registerBlurBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType);
+  }
+  return { create };
+}
+
+export { BusinessCollector, useBusinessBinding };

package/es/components/form-render/src/hooks/useChangeContext.d.ts

@@ -0,0 +1,11 @@
+import { FormChangeContext } from '../types';
+export declare class ContextCollector {
+    private readonly contextMap;
+    setContext(key: string, value: (value: unknown) => FormChangeContext): void;
+    getContext(key: string, value: unknown): Partial<{
+        currentOption: import("../../../../shared/types").AnyObject;
+    }> | undefined;
+}
+export declare function useChangeContext(): {
+    create: () => ContextCollector;
+};

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

@@ -0,0 +1,20 @@
+class ContextCollector {
+  constructor() {
+    this.contextMap = /* @__PURE__ */ new Map();
+  }
+  setContext(key, value) {
+    this.contextMap.set(key, value);
+  }
+  getContext(key, value) {
+    var _a;
+    return (_a = this.contextMap.get(key)) == null ? void 0 : _a(value);
+  }
+}
+function useChangeContext() {
+  function create() {
+    return new ContextCollector();
+  }
+  return { create };
+}
+
+export { ContextCollector, useChangeContext };

package/es/components/form-render/src/hooks/useCommonInjection.d.ts

@@ -0,0 +1,7 @@
+import { Func } from '../../../../../es/shared/types';
+import { WatchSource } from '@vue/runtime-core';
+export declare function useCommonInjection(): {
+    injectValueValidate: (traverser: WatchSource) => void;
+    injectValueWatchFromEmpty: (traverser: WatchSource, trigger: Func) => void;
+    injectValueBindKey: (traverser: WatchSource) => import("vue").Ref<number>;
+};

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

@@ -0,0 +1,36 @@
+import { isField } from '@formily/core';
+import { watch, ref } from 'vue';
+import '../../index.js';
+import { useFormField } from './useFormField.js';
+
+function useCommonInjection() {
+  function injectValueValidate(traverser) {
+    const { field } = useFormField();
+    watch(traverser, () => {
+      var _a, _b, _c;
+      try {
+        if (!isField(field.value))
+          return;
+        if (!field.value.visited && !((_a = field.value.selfErrors) == null ? void 0 : _a.length))
+          return;
+        (_c = (_b = field.value).validate) == null ? void 0 : _c.call(_b);
+      } catch (e) {
+      }
+    });
+  }
+  function injectValueWatchFromEmpty(traverser, trigger) {
+    watch(traverser, (n, o) => n != null && o == null && trigger(), { immediate: true });
+  }
+  function injectValueBindKey(traverser) {
+    const key = ref(1);
+    watch(traverser, (n, o) => {
+      if (n === void 0 && o !== void 0) {
+        key.value++;
+      }
+    });
+    return key;
+  }
+  return { injectValueValidate, injectValueWatchFromEmpty, injectValueBindKey };
+}
+
+export { useCommonInjection };

package/es/components/form-render/src/hooks/useCommonLog.d.ts

@@ -0,0 +1,3 @@
+export declare function useCommonLog(): {
+    invalidHttpInstanceLog: () => void;
+};

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

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

package/es/components/form-render/src/hooks/useFieldListAdaptor.d.ts

@@ -0,0 +1,64 @@
+import { BusinessCollector } from '../../../../../es/components/form-render';
+import { FieldItem } from '../types';
+/**
+ * @description 胶水层, 将低代码平台中的fieldList转换为JSONSchema
+ */
+export declare function useFieldListAdaptor(collector: BusinessCollector): {
+    schemaAdaptor: (fieldList: FieldItem[]) => Record<string, import("@formily/json-schema/esm/types").Stringify<{
+        [key: symbol]: any;
+        [key: `x-${string}`]: any;
+        [key: `x-${number}`]: any;
+        version?: string | undefined;
+        name?: import("@formily/json-schema/esm/types").SchemaKey | undefined;
+        title?: any;
+        description?: any;
+        default?: any;
+        readOnly?: boolean | undefined;
+        writeOnly?: boolean | undefined;
+        type?: import("@formily/json-schema/esm/types").SchemaTypes | undefined;
+        enum?: import("@formily/json-schema/esm/types").SchemaEnum<any> | undefined;
+        const?: any;
+        multipleOf?: number | undefined;
+        maximum?: number | undefined;
+        exclusiveMaximum?: number | undefined;
+        minimum?: number | undefined;
+        exclusiveMinimum?: number | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        pattern?: string | RegExp | undefined;
+        maxItems?: number | undefined;
+        minItems?: number | undefined;
+        uniqueItems?: boolean | undefined;
+        maxProperties?: number | undefined;
+        minProperties?: number | undefined;
+        required?: string | boolean | string[] | undefined;
+        format?: string | undefined;
+        $ref?: string | undefined;
+        $namespace?: string | undefined;
+        definitions?: import("@formily/json-schema/esm/types").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        properties?: import("@formily/json-schema/esm/types").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        items?: import("@formily/json-schema/esm/types").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+        additionalItems?: import("@formily/json-schema/esm/types").Stringify<any> | undefined;
+        patternProperties?: import("@formily/json-schema/esm/types").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        additionalProperties?: import("@formily/json-schema/esm/types").Stringify<any> | undefined;
+        "x-value"?: any;
+        "x-index"?: number | undefined;
+        "x-pattern"?: any;
+        "x-display"?: any;
+        "x-validator"?: any;
+        "x-decorator"?: any;
+        "x-decorator-props"?: any;
+        "x-component"?: any;
+        "x-component-props"?: any;
+        "x-reactions"?: import("@formily/json-schema/esm/types").SchemaReactions<any> | undefined;
+        "x-content"?: any;
+        "x-data"?: any;
+        "x-visible"?: boolean | undefined;
+        "x-hidden"?: boolean | undefined;
+        "x-disabled"?: boolean | undefined;
+        "x-editable"?: boolean | undefined;
+        "x-read-only"?: boolean | undefined;
+        "x-read-pretty"?: boolean | undefined;
+        "x-compile-omitted"?: string[] | undefined;
+    }>>;
+};

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

@@ -0,0 +1,287 @@
+import { arrayed, deepOmit } from '../../../../shared/utils/index.js';
+import { cloneDeep, pick } from 'lodash-es';
+import '../../index.js';
+import { parseNumberFromMaybeString, formRenderLog } from '../utils/index.js';
+import { useFieldNormalize } from './useFieldNormalize.js';
+import { fieldKeyEscape, createLinebarId } from '../utils/schema.js';
+import { transformDateFormat } from '../utils/business.js';
+import { useFormValidator } from './useFormValidator.js';
+
+function useFieldListAdaptor(collector) {
+  const { createValidatorSchema } = useFormValidator();
+  const createStandardSchema = (item) => {
+    var _a;
+    const result = {
+      name: item.val_key,
+      type: (_a = item.fieldType) != null ? _a : "string",
+      title: item.alias || item.name,
+      "x-component": item.html_type,
+      default: item.default_val,
+      "x-component-props": {
+        placeholder: item.placeholder,
+        clearable: item.is_empty === "0",
+        ...item.componentProps || {},
+        onBlur(...args) {
+          var _a2, _b;
+          collector.trigger(item.val_key, "blur");
+          (_b = (_a2 = item.componentProps) == null ? void 0 : _a2.onBlur) == null ? void 0 : _b.call(_a2, ...args);
+        }
+      },
+      "x-display": item.is_show === "0" ? "hidden" : "visible",
+      "x-pattern": item.is_edit === "0" ? "disabled" : "editable"
+    };
+    if (item.reactions) {
+      result["x-reactions"] = item.reactions;
+    }
+    if (!item.noDecorator) {
+      Object.assign(result, {
+        "x-decorator": "FORM_ITEM",
+        "x-decorator-props": {
+          fieldItem: deepOmit(item, ["reactions"]),
+          span: item.elem_width,
+          showLabel: item.hide_title !== "1",
+          propertyKey: item.val_key,
+          annotation: item.annotation,
+          ...item.decoratorProps || {}
+        }
+      });
+    }
+    const rules = createValidatorSchema(item);
+    rules && (result["x-validator"] = rules);
+    item.is_null === "0" && (result.required = true);
+    return result;
+  };
+  const createInputSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      ...pick(item, ["prefix", "suffix"])
+    });
+    return schema;
+  };
+  const createSelectSchema = (item) => {
+    const schema = createStandardSchema(item);
+    if (item.urlConfig) {
+      bindUrlProps(schema, item);
+    } else if (item.autograph) {
+      bindAutoGraphProps(schema, item);
+    }
+    bindCommonProps(schema, item);
+    return schema;
+    function bindCommonProps(schema2, item2) {
+      const multiple = item2.multi_select === "0";
+      Object.assign(schema2["x-component-props"], {
+        multiple,
+        options: item2.option,
+        maxTagCount: parseNumberFromMaybeString(item2.multi_select_value),
+        ...pick(item2, ["lazyRequest", "requestCache"])
+      });
+      multiple && (schema2.type = "array");
+    }
+    function bindAutoGraphProps(schema2, item2) {
+      schema2["x-component"] = "SEARCH";
+      Object.assign(schema2["x-component-props"], {
+        ...pick(item2, ["wordbook", "autograph"])
+      });
+    }
+    function bindUrlProps(schema2, item2) {
+      Object.assign(schema2["x-component-props"], {
+        ...pick(item2, ["urlConfig"])
+      });
+    }
+  };
+  const createRadioSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      options: item.option,
+      vertical: item.__vertical
+    });
+    return schema;
+  };
+  const createDateSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      valueFormat: item.date_format,
+      type: transformDateFormat(item.date_format),
+      validate: item.validate
+    });
+    return schema;
+  };
+  const createSearchCascadeSchema = (item) => {
+    var _a;
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      urlConfig: item.urlConfig,
+      depth: (_a = item.wordbook) == null ? void 0 : _a.level_num,
+      options: item.option
+    });
+    return schema;
+  };
+  const createLevelSearchCascadeSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      ...pick(item, ["wordbook", "lazyRequest", "autograph"])
+    });
+    return schema;
+  };
+  const createSwitchSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      openDescription: item.open,
+      closeDescription: item.close
+    });
+    return schema;
+  };
+  const createCombinationSchema = (item) => {
+    const schema = createStandardSchema(item);
+    schema.type = "array";
+    if (item.jsonCombination !== false) {
+      schema["x-component"] = "JSON_COMBINATION";
+    }
+    Object.assign(schema["x-decorator-props"], {
+      showLabel: false,
+      showFeedback: false
+    });
+    Object.assign(schema["x-component-props"], {
+      title: item.alias || item.name,
+      maxGroupNum: item.maxGroupNum,
+      getProperties: () => item.children || []
+    });
+    return schema;
+  };
+  const createInputNumberSchema = (item) => {
+    const schema = createStandardSchema(item);
+    const { decimal_length, validate } = item;
+    Object.assign(schema["x-component-props"], {
+      precision: decimal_length || (validate == null ? void 0 : validate.decimal_length),
+      prefix: item.prefix,
+      suffix: item.suffix
+    });
+    return schema;
+  };
+  const createSliderSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      step: parseNumberFromMaybeString(item.step_length),
+      max: parseNumberFromMaybeString(item.max_length),
+      min: parseNumberFromMaybeString(item.min_length),
+      option: item.option
+    });
+    return schema;
+  };
+  const createCustomSchema = (item) => {
+    const schema = createStandardSchema(item);
+    Object.assign(schema["x-component-props"], {
+      fieldItem: deepOmit(item, ["reactions"])
+    });
+    return schema;
+  };
+  const createLinebarSchema = (item) => {
+    return {
+      name: item.val_key,
+      type: "void",
+      title: item.alias || item.name,
+      "x-component": "LINEBAR",
+      "x-component-props": {
+        line: item.__line,
+        disabled: item.is_not_fold === "1",
+        id: createLinebarId(item.val_key),
+        show: item.is_show !== "0"
+      }
+    };
+  };
+  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"
+      );
+    }
+    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-component-props"], pick(item, ["wrapperStyle", "display"]));
+    return schema;
+  };
+  const createLinebreaksSchema = (item) => {
+    return {
+      name: item.val_key,
+      type: "void",
+      title: item.alias || item.name,
+      "x-component": "LINE_BREAKS",
+      "x-display": item.is_show === "0" ? "hidden" : "visible"
+    };
+  };
+  const creatorMap = /* @__PURE__ */ new Map([
+    ["LINEBAR", createLinebarSchema],
+    ["LINE_BREAKS", createLinebreaksSchema],
+    ["INPUT", createInputSchema],
+    ["INPUT_NUMBER", createInputNumberSchema],
+    ["SELECT", createSelectSchema],
+    ["DATE", createDateSchema],
+    ["LEVEL_SEARCH_CASCADE", createLevelSearchCascadeSchema],
+    ["SEARCH_CASCADE", createSearchCascadeSchema],
+    ["COMBINATION", createCombinationSchema],
+    ["RADIO", createRadioSchema],
+    ["CHECKBOX", createRadioSchema],
+    ["SWITCH", createSwitchSchema],
+    ["SLIDER", createSliderSchema],
+    ["COMPLEX", createComplexSchema]
+  ]);
+  const createWidgetSchema = (item) => {
+    if (item.suffixConfig)
+      return createWidgetCombinationSchema(item);
+    const creator = creatorMap.get(item.html_type) || createCustomSchema;
+    return creator(item);
+  };
+  const createWidgetCombinationSchema = (item) => {
+    if (!item.suffixConfig)
+      return createWidgetSchema(item);
+    const suffixList = arrayed(item.suffixConfig);
+    const fieldList = [{ ...item, suffixConfig: void 0 }].concat(
+      suffixList.map((suffix) => {
+        return { ...suffix, is_show: item.is_show, alias: " " };
+      })
+    );
+    return {
+      type: "void",
+      name: fieldKeyEscape(fieldList),
+      title: item.alias || item.name,
+      "x-component": "INPUT_GROUP",
+      "x-component-props": { span: item.elem_width },
+      properties: schemaAdaptor(fieldList)
+    };
+  };
+  const { FieldNormalizeWaterfallHook } = useFieldNormalize();
+  function schemaAdaptor(fieldList) {
+    let prevLinebar = null;
+    return fieldList.reduce((fin, cur, idx) => {
+      var _a;
+      cur = FieldNormalizeWaterfallHook.call(cloneDeep(cur));
+      const obj_type = (_a = cur.validate) == null ? void 0 : _a.obj_type;
+      obj_type && collector.collect(obj_type, cur.val_key);
+      if (cur.html_type === "LINEBAR") {
+        fin[createFieldName(cur)] = bindIndex(createLinebarSchema(cur), idx);
+        prevLinebar = fin[createFieldName(cur)].properties = {};
+      } else if (prevLinebar) {
+        prevLinebar[createFieldName(cur)] = bindIndex(createWidgetSchema(cur), idx);
+      } else {
+        prevLinebar = null;
+        fin[createFieldName(cur)] = bindIndex(createWidgetSchema(cur), idx);
+      }
+      return fin;
+    }, {});
+    function bindIndex(schema, idx) {
+      return { ...schema, "x-index": idx };
+    }
+    function createFieldName(fieldItem) {
+      if (fieldItem.suffixConfig) {
+        return fieldKeyEscape([fieldItem, ...arrayed(fieldItem.suffixConfig)]);
+      }
+      return fieldItem.val_key;
+    }
+  }
+  return { schemaAdaptor };
+}
+
+export { useFieldListAdaptor };

package/es/components/form-render/src/hooks/useFieldNormalize.d.ts

@@ -0,0 +1,5 @@
+import { SyncWaterfallHook } from '../../../../../es/shared/utils/tapable';
+import { FieldItem } from '../types';
+export declare function useFieldNormalize(): {
+    FieldNormalizeWaterfallHook: SyncWaterfallHook<FieldItem, import("../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
+};

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

@@ -0,0 +1,67 @@
+import { arrayed } from '../../../../shared/utils/index.js';
+import '../../../../shared/utils/tapable/SyncHook.js';
+import '../../../../shared/utils/tapable/SyncBailHook.js';
+import SyncWaterfallHook from '../../../../shared/utils/tapable/SyncWaterfallHook.js';
+import '../../../../shared/utils/tapable/SyncLoopHook.js';
+import '../../../../shared/utils/tapable/AsyncParallelHook.js';
+import '../../../../shared/utils/tapable/AsyncParallelBailHook.js';
+import '../../../../shared/utils/tapable/AsyncSeriesHook.js';
+import '../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
+import '../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
+import '../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
+import { FIELD_BUSINESS_TYPE } from '../constants/index.js';
+
+function useFieldNormalize() {
+  const FieldNormalizeWaterfallHook = new SyncWaterfallHook(["fieldItem"]);
+  FieldNormalizeWaterfallHook.tap("__block", (fieldItem) => {
+    if (["CHECKBOX_BLOCK", "RADIO_BLOCK"].includes(fieldItem.html_type)) {
+      fieldItem.__vertical = true;
+    }
+    return fieldItem;
+  });
+  FieldNormalizeWaterfallHook.tap("__age", (fieldItem) => {
+    if (fieldItem.html_type === "AGE") {
+      fieldItem.html_type = "INPUT_NUMBER";
+      fieldItem.reactions = fieldItem.reactions ? arrayed(fieldItem.reactions) : [];
+      fieldItem.reactions.push({
+        target: fieldItem.val_key_unit,
+        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
+        }
+      ];
+    }
+    return fieldItem;
+  });
+  const types = [
+    [["SEARCH", "PHONE_TYPE", "IDCARD_TYPE"], "SELECT"],
+    ["DIGITAL", "INPUT_NUMBER"],
+    ["CHECKBOX_BLOCK", "CHECKBOX"],
+    ["RADIO_BLOCK", "RADIO"],
+    [["DATE-INPUT", "DATETIME-INPUT"], "DATE"],
+    ["SWITCH_COMPONENT", "SWITCH"],
+    ["SLIDER_COMPONENT", "SLIDER"]
+  ];
+  FieldNormalizeWaterfallHook.tap("__normalize", (fieldItem) => {
+    types.some(([rule, target]) => {
+      const match = Array.isArray(rule) ? rule.includes(fieldItem.html_type) : rule === fieldItem.html_type;
+      return match && (fieldItem.html_type = target);
+    });
+    return fieldItem;
+  });
+  FieldNormalizeWaterfallHook.tap("__elem_width", (fieldItem) => {
+    fieldItem.elem_width = ~~((fieldItem.elem_width || 3) * 2);
+    return fieldItem;
+  });
+  return { FieldNormalizeWaterfallHook };
+}
+
+export { useFieldNormalize };

package/es/components/form-render/src/hooks/useFieldVisitor.d.ts

@@ -0,0 +1,4 @@
+import { FieldItem, FieldVisitor } from '../types';
+export declare function useFieldVisitor(): {
+    traverse: (fieldList: FieldItem[], visitorMap?: FieldVisitor, key?: string) => FieldItem[];
+};