cnhis-design-vue 3.1.40-beta.1 → 3.1.40-beta.11

package/es/components/form-render/src/FormRenderWrapper.vue.d.ts

@@ -129,6 +129,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         lowCodeReactions: {
             type: import("vue").PropType<import("../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
         };
+        linebarAutoHidden: {
+            type: BooleanConstructor;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -254,6 +257,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             lowCodeReactions: {
                 type: import("vue").PropType<import("../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
             };
+            linebarAutoHidden: {
+                type: BooleanConstructor;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -261,17 +267,30 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>>;
         emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-        formModel: import("../../../../es/components/form-render").Form<{
-            [x: string]: any;
-        }>;
-        lowCodeReactionsHandler: (field: string, value: unknown) => void;
-        triggerAllReactionsHandler: () => void;
+        formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+        formHeight: import("vue").ComputedRef<string>;
         SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
         businessCollector: import("../../../../es/components/form-render").BusinessCollector;
         formItemDepsCollector: import("../../../../es/components/form-render").FormItemDepsCollector;
         changeContextCollector: import("../../../../es/components/form-render").ContextCollector;
         formUUID: string;
-        formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+        anchorBarRef: import("vue").Ref<{
+            syncBarPosition: import("../../../shared/types").Func<any[], any>;
+        } | undefined>;
+        currentAnchor: import("vue").WritableComputedRef<string>;
+        generateAnchorList: (formModel: import("../../../../es/components/form-render").Form<any>) => Promise<void>;
+        updateAnchorList: (field: import("../../../../es/components/form-render").GeneralField) => void;
+        anchorIdList: import("vue").Ref<{
+            name: string;
+            title: string;
+        }[]>;
+        onScroll: (scrollEvent: Event) => void;
+        triggerAutoHidden: (field: import("../../../../es/components/form-render").GeneralField) => Promise<void>;
+        formModel: import("../../../../es/components/form-render").Form<{
+            [x: string]: any;
+        }>;
+        lowCodeReactionsHandler: (field: string, value: unknown) => void;
+        triggerAllReactionsHandler: () => void;
         schemaAdaptor: (fieldList: import("../../../../es/components/form-render").FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -387,70 +406,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             "x-read-pretty"?: boolean | undefined;
             "x-compile-omitted"?: string[] | undefined;
         }>>;
-        currentAnchor: import("vue").WritableComputedRef<string>;
-        generateAnchorList: (schema: import("@formily/json-schema").Stringify<{
-            [key: symbol]: any;
-            [key: `x-${string}`]: any;
-            [key: `x-${number}`]: any;
-            version?: string | undefined;
-            name?: import("@formily/json-schema").SchemaKey | undefined;
-            title?: any;
-            description?: any;
-            default?: any;
-            readOnly?: boolean | undefined;
-            writeOnly?: boolean | undefined;
-            type?: import("@formily/json-schema").SchemaTypes | undefined;
-            enum?: import("@formily/json-schema").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").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-            properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-            items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
-            additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
-            patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-            additionalProperties?: import("@formily/json-schema").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").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;
-        }>) => void;
-        anchorIdList: import("vue").Ref<{
-            name: string;
-            title: string;
-        }[]>;
-        formHeight: import("vue").ComputedRef<string | undefined>;
-        onScroll: (scrollEvent: Event) => void;
         onKeydown: (event: KeyboardEvent) => void;
         clearSpan: (uuid: string) => void;
         exposeEvent: {
@@ -479,17 +434,19 @@ declare const _default: import("vue").DefineComponent<{}, {
                 content: any;
                 hidden: boolean;
                 active: boolean;
+                dataSource: import("../../../../es/components/form-render").FieldDataSource;
+                description: string;
+                display: import("../../../../es/components/form-render").FieldDisplayTypes;
                 mounted: boolean;
                 readonly destroyed: boolean;
                 unmounted: boolean;
                 componentProps: Record<string, any>;
                 decoratorProps: Record<string, any>;
-                display: import("../../../../es/components/form-render").FieldDisplayTypes;
-                description: string;
                 readOnly: boolean;
                 editable: boolean;
                 component: import("../../../../es/components/form-render").FieldComponent<any, any>;
                 decorator: import("../../../../es/components/form-render").FieldDecorator<any, any>;
+                readPretty: boolean;
                 validating: boolean;
                 submitting: boolean;
                 visited: boolean;
@@ -497,7 +454,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                 modified: boolean;
                 inputValue: string;
                 inputValues: any[];
-                dataSource: import("../../../../es/components/form-render").FieldDataSource;
                 feedbacks: import("../../../../es/components/form-render").IFieldFeedback[];
                 caches: import("../../../../es/components/form-render").IFieldCaches;
                 selfErrors: import("../../../../es/components/form-render").FeedbackMessage;
@@ -533,7 +489,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                 designable: boolean;
                 locate: (address: import("@formily/path").Pattern) => void;
                 readonly parent: import("../../../../es/components/form-render").GeneralField;
-                readPretty: boolean;
                 setTitle: (title?: string | undefined) => void;
                 setDescription: (description?: string | undefined) => void;
                 setDisplay: (type?: import("../../../../es/components/form-render").FieldDisplayTypes | undefined) => void;
@@ -741,6 +696,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         lowCodeReactions: {
             type: import("vue").PropType<import("../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
         };
+        linebarAutoHidden: {
+            type: BooleanConstructor;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -755,6 +713,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         scope: import("../../../shared/types").AnyObject;
         consumer: boolean;
         enterToNextWidget: boolean | ((fieldItem: import("../../../../es/components/form-render").FieldItem) => boolean | void);
+        linebarAutoHidden: boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/components/form-render/src/components/renderer/formItem.js

@@ -2,7 +2,7 @@ import { defineComponent, inject, computed, createVNode, mergeProps } from 'vue'
 import { arrayed, widthAppend } from '../../../../../shared/utils/index.js';
 import { isVoidField } from '@formily/core';
 import { connect, mapProps } from '@formily/vue';
-import { isString } from 'lodash-es';
+import { isString, isArray } from 'lodash-es';
 import { NFormItem } from 'naive-ui';
 import Annotation from '../../../../annotation-edit/index.js';
 import '../../../index.js';
@@ -104,10 +104,11 @@ const FORM_ITEM = connect(script, mapProps({
   title: "label"
 }, (props, field) => {
   const feedback = !isVoidField(field) ? arrayed(field.selfErrors).length ? parseFeedback(arrayed(field.selfErrors), props.fieldItem) : void 0 : void 0;
+  const required = isVoidField(field) ? isSuffixRequired(props.fieldItem) : field.required;
   return {
     ...props,
     fieldItem: void 0,
-    required: isVoidField(field) ? void 0 : field.required,
+    required,
     feedback,
     "validation-status": feedback ? "error" : void 0
   };
@@ -118,5 +119,10 @@ function parseFeedback(selfErrors, fieldItem) {
   }
   return validateMessageParser(fieldItem.defined_error_msg, fieldItem);
 }
+function isSuffixRequired(field) {
+  if (!field || !isArray(field.suffixConfig) || !field.suffixConfig.length)
+    return false;
+  return `${field.is_null}` === "0";
+}
 
 export { FORM_ITEM };

package/es/components/form-render/src/components/renderer/searchCascade.js

@@ -20,6 +20,7 @@ import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
 import '../../hooks/useFormValidator.js';
 import '@formily/core';
 import 'date-fns';
+import '@formily/reactive';
 import { connect, mapProps } from '@formily/vue';
 import '@vue/shared';
 import './index.js';

package/es/components/form-render/src/components/renderer/select.js

@@ -20,6 +20,7 @@ import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
 import '../../hooks/useFormValidator.js';
 import '@formily/core';
 import 'date-fns';
+import '@formily/reactive';
 import { connect, mapProps } from '@formily/vue';
 import '@vue/shared';
 import './index.js';

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

@@ -1,15 +1,18 @@
 import { Func, UndefinedAble } from '../../../../../es/shared/types';
-import { ISchema } from '@formily/json-schema/esm/types';
+import { Form, GeneralField } from '@formily/core';
 import { Ref } from 'vue';
 import { FormItemDepsCollector, FormRenderProps } from '../../../../../es/components/form-render';
 export declare function useAnchor(props: Readonly<FormRenderProps>, emit: Func, scrollbarRef: Ref<UndefinedAble<HTMLElement>>, collector: FormItemDepsCollector): {
     currentAnchor: import("vue").WritableComputedRef<string>;
     onScroll: (scrollEvent: Event) => void;
-    formHeight: import("vue").ComputedRef<string | undefined>;
     anchorIdList: Ref<{
         name: string;
         title: string;
     }[]>;
-    generateAnchorList: (schema: ISchema) => void;
+    generateAnchorList: (formModel: Form) => Promise<void>;
+    updateAnchorList: (field: GeneralField) => void;
     scrollTo: (id: string) => Promise<void>;
+    anchorBarRef: Ref<{
+        syncBarPosition: Func;
+    } | undefined>;
 };

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

@@ -1,27 +1,30 @@
 import { doAnimation } from '../../../../shared/utils/anime.js';
-import { useDebounceFn } from '@vueuse/core';
-import { isNumber } from 'lodash-es';
-import { ref, computed, watch, nextTick } from 'vue';
+import { untracked } from '@formily/reactive';
+import { useDebounceFn, watchOnce } from '@vueuse/core';
+import { ref, nextTick, computed } from 'vue';
 import { FormItemLineBarDepKeyPrepend } from '../constants/index.js';
 import '../utils/index.js';
-import { createLinebarId, traverseSchema } from '../utils/schema.js';
+import { createLinebarId } from '../utils/schema.js';
 
 function useAnchor(props, emit, scrollbarRef, collector) {
+  const anchorBarRef = ref();
   const __currentAnchor = ref("");
-  const formHeight = computed(() => {
-    if (isNumber(props.maxHeight))
-      return props.maxHeight + "px";
-    return props.maxHeight;
-  });
   const anchorIdList = ref([]);
-  function generateAnchorList(schema) {
-    anchorIdList.value.length = 0;
-    traverseSchema(schema, (_schema) => {
-      var _a;
-      if (_schema["x-component"] === "LINEBAR") {
-        anchorIdList.value.push({ title: _schema.title, name: ((_a = _schema.name) == null ? void 0 : _a.toString()) || "" });
+  const generateAnchorList = useDebounceFn(async function(formModel) {
+    var _a;
+    anchorIdList.value = Object.values(formModel.fields).reduce((res, field) => {
+      if (field.componentType === "LINEBAR" && field.selfDisplay === "visible") {
+        res.push({ title: field.title, name: field.address.toString() });
       }
-    });
+      return res;
+    }, []);
+    await nextTick();
+    (_a = anchorBarRef.value) == null ? void 0 : _a.syncBarPosition();
+  }, 100);
+  function updateAnchorList(field) {
+    if (field.componentType !== "LINEBAR" || !field.selfDisplay)
+      return;
+    untracked(() => generateAnchorList(field.form));
   }
   let scrollLock = false;
   async function scrollTo(id) {
@@ -68,14 +71,10 @@ function useAnchor(props, emit, scrollbarRef, collector) {
     __currentAnchor.value = (_a = result == null ? void 0 : result.name) != null ? _a : "";
     emit("scroll", scrollEvent);
   }, 300);
-  watch(
-    anchorIdList,
-    (_anchorIdList) => {
-      var _a, _b;
-      __currentAnchor.value = (_b = (_a = _anchorIdList[0]) == null ? void 0 : _a.name) != null ? _b : "";
-    },
-    { deep: true, immediate: true }
-  );
+  watchOnce(anchorIdList, (_anchorIdList) => {
+    var _a, _b;
+    __currentAnchor.value = (_b = (_a = _anchorIdList[0]) == null ? void 0 : _a.name) != null ? _b : "";
+  });
   const currentAnchor = computed({
     get() {
       return __currentAnchor.value;
@@ -89,10 +88,11 @@ function useAnchor(props, emit, scrollbarRef, collector) {
   return {
     currentAnchor,
     onScroll,
-    formHeight,
     anchorIdList,
     generateAnchorList,
-    scrollTo
+    updateAnchorList,
+    scrollTo,
+    anchorBarRef
   };
 }
 

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

@@ -0,0 +1,4 @@
+import { GeneralField } from '@formily/core';
+export declare function useAutoHidden(): {
+    trigger: (field: GeneralField) => Promise<void>;
+};

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

@@ -0,0 +1,43 @@
+import { untracked } from '@formily/reactive';
+import { nextTick } from 'vue';
+
+function useAutoHidden() {
+  async function trigger(field) {
+    const fieldDisplay = field.selfDisplay;
+    untracked(async () => {
+      if (field.componentType === "LINEBAR") {
+        await nextTick();
+        linebarVisibleCheck(field);
+      } else {
+        const parent = field.parent;
+        if (!parent || parent.componentType !== "LINEBAR")
+          return;
+        if (fieldDisplay === "visible") {
+          parent.setDisplay("visible");
+        } else {
+          linebarVisibleCheck(parent);
+        }
+      }
+    });
+  }
+  return { trigger };
+}
+async function linebarVisibleCheck(field) {
+  if (field.selfDisplay === "hidden")
+    return;
+  const visible = getChildrenAddress(field).some((address) => {
+    const targetField = field.form.fields[address];
+    return targetField && targetField.selfDisplay === "visible";
+  });
+  field.setDisplay(visible ? "visible" : "hidden");
+}
+function getChildrenAddress(field) {
+  const fieldAddress = field.address.toString();
+  const addresses = Reflect.get(field.form.query(fieldAddress + ".*"), "addresses");
+  return addresses.filter((address) => {
+    const targetField = field.form.fields[address];
+    return targetField && targetField.address.parent().toString() === fieldAddress;
+  });
+}
+
+export { useAutoHidden };

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

@@ -2,26 +2,23 @@ import { Form } from '@formily/core';
 import { FieldItem, FormBusinessFormatter } from '../../../../../es/components/form-render';
 import { FIELD_BUSINESS_TYPE } from '../constants';
 export declare class BusinessCollector {
-    private formModel;
     private businessFormatter?;
     private readonly typeLockMap;
     private readonly typeCollector;
     private readonly fieldNameCollector;
-    constructor(formModel: Form, businessFormatter?: FormBusinessFormatter | undefined);
+    constructor(businessFormatter?: FormBusinessFormatter | undefined);
     private formatter;
     collect(type: FIELD_BUSINESS_TYPE, fieldItem: FieldItem): void;
     getField(type: FIELD_BUSINESS_TYPE): FieldItem | undefined;
-    getFieldInstanceByType(type: FIELD_BUSINESS_TYPE): import("@formily/core").GeneralField | null;
+    getFieldInstanceByType(formModel: Form, 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): void;
-    registerChangeBusiness(type: FIELD_BUSINESS_TYPE, handler: () => void): this;
-    registerBlurBusiness(type: FIELD_BUSINESS_TYPE, handler: () => void): this;
+    getValueByType(formModel: Form, type: FIELD_BUSINESS_TYPE): unknown;
+    setValueByType(formModel: Form, type: FIELD_BUSINESS_TYPE, value: unknown): void;
+    registerChangeBusiness(type: FIELD_BUSINESS_TYPE, handler: (formModel: Form) => void): this;
     private changeHandlerMap;
-    private blurHandlerMap;
-    trigger(fieldName: string, triggerType?: 'change' | 'blur'): Map<FIELD_BUSINESS_TYPE, number> | undefined;
+    trigger(formModel: Form, fieldName: string, triggerType?: 'change' | 'blur'): Map<FIELD_BUSINESS_TYPE, number> | undefined;
 }
 export declare function useBusinessBinding(): {
-    create: (formModel: Form, formatter?: FormBusinessFormatter) => BusinessCollector;
+    create: (formatter?: FormBusinessFormatter) => BusinessCollector;
 };

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

@@ -7,14 +7,12 @@ import '../utils/index.js';
 import { isIdCard, parseIdCard, parseAgeFromContext, parseBirthday, parseAge2Birthday } from '../utils/business.js';
 
 class BusinessCollector {
-  constructor(formModel, businessFormatter) {
-    this.formModel = formModel;
+  constructor(businessFormatter) {
     this.businessFormatter = businessFormatter;
     this.typeLockMap = /* @__PURE__ */ new Map();
     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;
@@ -26,24 +24,24 @@ class BusinessCollector {
   getField(type) {
     return this.typeCollector.get(type);
   }
-  getFieldInstanceByType(type) {
+  getFieldInstanceByType(formModel, type) {
     const field = this.getField(type);
-    return field ? this.formModel.query(field.val_key).take() : null;
+    return field ? formModel.query(field.val_key).take() : null;
   }
   getType(fieldName) {
     return this.fieldNameCollector.get(fieldName);
   }
-  getValueByField(fieldName) {
-    const _field = this.formModel.query(fieldName).take();
+  getValueByField(formModel, fieldName) {
+    const _field = formModel.query(fieldName).take();
     return isField(_field) ? _field.value : null;
   }
-  getValueByType(type) {
+  getValueByType(formModel, type) {
     const field = this.getField(type);
-    return field ? this.getValueByField(field.val_key) : null;
+    return field ? this.getValueByField(formModel, field.val_key) : null;
   }
-  setValueByType(type, value) {
+  setValueByType(formModel, type, value) {
     const field = this.getField(type);
-    field && this.formModel.setFieldState(field.val_key, (state) => {
+    field && formModel.setFieldState(field.val_key, (state) => {
       if (state.value === value)
         return;
       const lock = this.typeLockMap.get(type);
@@ -55,11 +53,7 @@ class BusinessCollector {
     this.changeHandlerMap.set(type, handler);
     return this;
   }
-  registerBlurBusiness(type, handler) {
-    this.blurHandlerMap.set(type, handler);
-    return this;
-  }
-  trigger(fieldName, triggerType = "change") {
+  trigger(formModel, fieldName, triggerType = "change") {
     var _a;
     const type = this.getType(fieldName);
     if (!type)
@@ -67,10 +61,10 @@ class BusinessCollector {
     if (triggerType === "change" && this.typeLockMap.get(type) > 0) {
       return this.typeLockMap.set(type, this.typeLockMap.get(type) - 1);
     }
-    const handler = triggerType === "change" ? this.changeHandlerMap : triggerType === "blur" ? this.blurHandlerMap : null;
+    const handler = triggerType === "change" ? this.changeHandlerMap : null;
     if (!handler)
       return;
-    (_a = handler.get(type)) == null ? void 0 : _a.call(this);
+    (_a = handler.get(type)) == null ? void 0 : _a.call(this, formModel);
   }
 }
 function useBusinessBinding() {
@@ -79,37 +73,45 @@ function useBusinessBinding() {
     const birthdayField = this.getField(FIELD_BUSINESS_TYPE.BIRTHDAY);
     return (_a = birthdayField == null ? void 0 : birthdayField.date_format) != null ? _a : "yyyy-MM-dd HH:mm";
   }
-  function handlerIdCardType() {
-    const idCard = this.getValueByType(FIELD_BUSINESS_TYPE.ID_CARD);
+  function handlerIdCardType(formModel) {
+    const idCard = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.ID_CARD);
     if (!idCard || !isString(idCard) || !isIdCard(idCard)) {
       return;
     }
     const info = parseIdCard(idCard);
     const { age, ageUnit } = parseAgeFromContext(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, format(new Date(info.birthday), getBirthdayFormat.call(this)));
-  }
-  function handlerBirthdayType() {
-    const birthday = this.getValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE, age);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.SEX, info.sex);
+    this.setValueByType(
+      formModel,
+      FIELD_BUSINESS_TYPE.BIRTHDAY,
+      format(new Date(info.birthday), getBirthdayFormat.call(this))
+    );
+  }
+  function handlerBirthdayType(formModel) {
+    const birthday = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.BIRTHDAY);
     if (!isString(birthday))
       return;
     const { age, ageUnit } = parseAgeFromContext(parseBirthday(birthday));
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE, age);
   }
-  function handlerAgeType() {
-    const age = this.getValueByType(FIELD_BUSINESS_TYPE.AGE);
-    const ageUnit = this.getValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT);
+  function handlerAgeType(formModel) {
+    const age = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.AGE);
+    const ageUnit = this.getValueByType(formModel, 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, getBirthdayFormat.call(this)));
-  }
-  function create(formModel, formatter) {
-    return new BusinessCollector(formModel, formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType);
+    this.setValueByType(
+      formModel,
+      FIELD_BUSINESS_TYPE.BIRTHDAY,
+      parseAge2Birthday(+age, ageUnit, getBirthdayFormat.call(this))
+    );
+  }
+  function create(formatter) {
+    return new BusinessCollector(formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType);
   }
   return { create };
 }

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

@@ -4,8 +4,8 @@ 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';
+import { transformDateFormat } from '../utils/business.js';
 
 function bindAutoGraphProps(schema, item) {
   Object.assign(schema["x-component-props"], {
@@ -30,12 +30,7 @@ function useFieldListAdaptor(collector) {
       "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);
-        }
+        ...item.componentProps || {}
       },
       "x-content": item.slots,
       "x-display": item.is_show === "0" ? "hidden" : "visible",
@@ -180,6 +175,7 @@ function useFieldListAdaptor(collector) {
       type: "void",
       title: item.alias || item.name,
       "x-component": "LINEBAR",
+      "x-display": "visible",
       "x-component-props": {
         disabled: item.is_not_fold === "1",
         id: createLinebarId(item.val_key),
@@ -238,23 +234,25 @@ function useFieldListAdaptor(collector) {
     if (!item.suffixConfig)
       return createWidgetSchema(item);
     const suffixList = arrayed(item.suffixConfig);
-    const fieldList = [{ ...item, suffixConfig: void 0 }].concat(
+    const fieldList = [{ ...item, hide_title: "1", suffixConfig: void 0 }].concat(
       suffixList.map((suffix) => {
         return {
           ...suffix,
-          is_show: item.is_show,
-          alias: ""
+          hide_title: "1",
+          is_show: item.is_show
         };
       })
     );
-    return {
+    const schema = createStandardSchema(item);
+    Object.assign(schema, {
       type: "void",
       name: fieldKeyEscape(fieldList),
       title: item.alias || item.name,
       "x-component": "INPUT_GROUP",
       "x-component-props": { span: (item.elem_width || 3) * 2 },
       properties: schemaAdaptor(fieldList)
-    };
+    });
+    return schema;
   };
   const { FieldNormalizeWaterfallHook } = useFieldNormalize();
   function schemaAdaptor(fieldList) {

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

@@ -1,8 +1,7 @@
 import { Func } from '../../../../../es/shared/types';
-import { Form } from '@formily/core';
 import { ShallowReactive } from 'vue';
 import { FormRenderProps } from '../../../../../es/components/form-render';
-export declare function useFormContext(props: ShallowReactive<FormRenderProps>, formModel: Form, emit: Func): {
+export declare function useFormContext(props: ShallowReactive<FormRenderProps>, emit: Func): {
     asyncQueue: import("../../../../../es/components/form-render").FormAsyncQueue;
     SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     businessCollector: import("../../../../../es/components/form-render").BusinessCollector;

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

@@ -14,7 +14,7 @@ import { useBusinessBinding } from './useBusinessBinding.js';
 import { useChangeContext } from './useChangeContext.js';
 import { useFormItemDeps } from './useFormItemDeps.js';
 
-function useFormContext(props, formModel, emit) {
+function useFormContext(props, emit) {
   const { callLifeCycle } = useFormRenderLifeCycle(props);
   const asyncQueue = injectOrProvide(
     InjectionAsyncQueue,
@@ -34,7 +34,7 @@ function useFormContext(props, formModel, emit) {
       scope: Object.assign({}, usePresetScope(), props.scope)
     }).SchemaField
   );
-  const businessCollector = useBusinessBinding().create(formModel, props.businessFormatter);
+  const businessCollector = useBusinessBinding().create(props.businessFormatter);
   provide(InjectionBusinessCollector, businessCollector);
   const changeContextCollector = useChangeContext().create();
   provide(InjectionChangeContextCollector, changeContextCollector);