cnhis-design-vue 3.1.15 → 3.1.16-beta.10

package/es/packages/form-render/src/components/renderer/slider.d.ts

@@ -1,347 +1,11 @@
 export declare const SLIDER: import("vue").DefineComponent<{
-    readonly to: {
-        type: import("vue").PropType<string | boolean | HTMLElement>;
-        default: undefined;
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
     };
-    readonly defaultValue: {
-        readonly type: import("vue").PropType<number | number[]>;
-        readonly default: 0;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
     };
-    readonly marks: import("vue").PropType<Record<string, string>>;
-    readonly disabled: {
-        readonly type: import("vue").PropType<boolean | undefined>;
-        readonly default: undefined;
-    };
-    readonly formatTooltip: import("vue").PropType<(value: number) => string | number>;
-    readonly min: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
-    };
-    readonly max: {
-        readonly type: NumberConstructor;
-        readonly default: 100;
-    };
-    readonly step: {
-        readonly type: import("vue").PropType<number | "mark">;
-        readonly default: 1;
-    };
-    readonly range: BooleanConstructor;
-    readonly value: import("vue").PropType<number | number[]>;
-    readonly placement: import("vue").PropType<import("naive-ui").PopoverPlacement>;
-    readonly showTooltip: {
-        readonly type: import("vue").PropType<boolean | undefined>;
-        readonly default: undefined;
-    };
-    readonly tooltip: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly vertical: BooleanConstructor;
-    readonly reverse: BooleanConstructor;
-    readonly 'onUpdate:value': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: number & number[]) => void>>;
-    readonly onUpdateValue: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: number & number[]) => void>>;
-    readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Slider", {
-        fontSize: string;
-        railColor: string;
-        railColorHover: string;
-        fillColor: string;
-        fillColorHover: string;
-        opacityDisabled: string;
-        handleColor: string;
-        dotColor: string;
-        dotColorModal: string;
-        dotColorPopover: string;
-        handleBoxShadow: string;
-        handleBoxShadowHover: string;
-        handleBoxShadowActive: string;
-        handleBoxShadowFocus: string;
-        indicatorColor: string;
-        indicatorBoxShadow: string;
-        indicatorTextColor: string;
-        indicatorBorderRadius: string;
-        dotBorder: string;
-        dotBorderActive: string;
-        dotBoxShadow: string;
-        railHeight: string;
-        railWidthVertical: string;
-        handleSize: string;
-        dotHeight: string;
-        dotWidth: string;
-        dotBorderRadius: string;
-    }, any>>;
-    readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Slider", {
-        fontSize: string;
-        railColor: string;
-        railColorHover: string;
-        fillColor: string;
-        fillColorHover: string;
-        opacityDisabled: string;
-        handleColor: string;
-        dotColor: string;
-        dotColorModal: string;
-        dotColorPopover: string;
-        handleBoxShadow: string;
-        handleBoxShadowHover: string;
-        handleBoxShadowActive: string;
-        handleBoxShadowFocus: string;
-        indicatorColor: string;
-        indicatorBoxShadow: string;
-        indicatorTextColor: string;
-        indicatorBorderRadius: string;
-        dotBorder: string;
-        dotBorderActive: string;
-        dotBoxShadow: string;
-        railHeight: string;
-        railWidthVertical: string;
-        handleSize: string;
-        dotHeight: string;
-        dotWidth: string;
-        dotBorderRadius: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Slider", {
-        fontSize: string;
-        railColor: string;
-        railColorHover: string;
-        fillColor: string;
-        fillColorHover: string;
-        opacityDisabled: string;
-        handleColor: string;
-        dotColor: string;
-        dotColorModal: string;
-        dotColorPopover: string;
-        handleBoxShadow: string;
-        handleBoxShadowHover: string;
-        handleBoxShadowActive: string;
-        handleBoxShadowFocus: string;
-        indicatorColor: string;
-        indicatorBoxShadow: string;
-        indicatorTextColor: string;
-        indicatorBorderRadius: string;
-        dotBorder: string;
-        dotBorderActive: string;
-        dotBoxShadow: string;
-        railHeight: string;
-        railWidthVertical: string;
-        handleSize: string;
-        dotHeight: string;
-        dotWidth: string;
-        dotBorderRadius: string;
-    }, any>>>;
-}, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
-    namespace: import("vue").ComputedRef<string | undefined>;
-    uncontrolledValue: import("vue").Ref<number | number[]>;
-    mergedValue: import("vue").ComputedRef<number | number[]>;
-    mergedDisabled: import("vue").ComputedRef<boolean>;
-    mergedPlacement: import("vue").ComputedRef<import("naive-ui").PopoverPlacement>;
-    isMounted: Readonly<import("vue").Ref<boolean>>;
-    adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
-    dotTransitionDisabled: import("vue").Ref<boolean>;
-    markInfos: import("vue").ComputedRef<{
-        active: boolean;
-        label: string;
-        style: import("vue").CSSProperties;
-    }[]>;
-    isShowTooltip: (index: number) => boolean;
-    shouldKeepTooltipTransition: (index: number) => boolean;
-    handleRailRef: import("vue").Ref<HTMLElement | null>;
-    setHandleRefs: (key: number) => (el: any) => void;
-    setFollowerRefs: (key: number) => (el: any) => void;
-    fillStyle: import("vue").ComputedRef<{
-        [x: string]: string;
-        height: string;
-        width?: undefined;
-    } | {
-        [x: string]: string;
-        width: string;
-        height?: undefined;
-    } | undefined>;
-    getHandleStyle: (value: number, index: number) => Record<string, any>;
-    activeIndex: import("vue").Ref<number>;
-    arrifiedValues: import("vue").ComputedRef<number[]>;
-    followerEnabledIndexSet: import("vue").Ref<Set<number>>;
-    handleRailMouseDown: (event: MouseEvent | TouchEvent) => void;
-    handleHandleFocus: (index: number) => void;
-    handleHandleBlur: (index: number) => void;
-    handleHandleMouseEnter: (index: number) => void;
-    handleHandleMouseLeave: (index: number) => void;
-    handleRailKeyDown: (e: KeyboardEvent) => void;
-    indicatorCssVars: import("vue").ComputedRef<{
-        '--n-font-size': string;
-        '--n-indicator-border-radius': string;
-        '--n-indicator-box-shadow': string;
-        '--n-indicator-color': string;
-        '--n-indicator-text-color': string;
-    }> | undefined;
-    indicatorThemeClass: import("vue").Ref<string> | undefined;
-    indicatorOnRender: (() => void) | undefined;
-    cssVars: import("vue").ComputedRef<{
-        '--n-bezier': string;
-        '--n-dot-border': string;
-        '--n-dot-border-active': string;
-        '--n-dot-border-radius': string;
-        '--n-dot-box-shadow': string;
-        '--n-dot-color': string;
-        '--n-dot-color-modal': string;
-        '--n-dot-color-popover': string;
-        '--n-dot-height': string;
-        '--n-dot-width': string;
-        '--n-fill-color': string;
-        '--n-fill-color-hover': string;
-        '--n-font-size': string;
-        '--n-handle-box-shadow': string;
-        '--n-handle-box-shadow-active': string;
-        '--n-handle-box-shadow-focus': string;
-        '--n-handle-box-shadow-hover': string;
-        '--n-handle-color': string;
-        '--n-handle-size': string;
-        '--n-opacity-disabled': string;
-        '--n-rail-color': string;
-        '--n-rail-color-hover': string;
-        '--n-rail-height': string;
-        '--n-rail-width-vertical': string;
-    }> | undefined;
-    themeClass: import("vue").Ref<string> | undefined;
-    onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly to: {
-        type: import("vue").PropType<string | boolean | HTMLElement>;
-        default: undefined;
-    };
-    readonly defaultValue: {
-        readonly type: import("vue").PropType<number | number[]>;
-        readonly default: 0;
-    };
-    readonly marks: import("vue").PropType<Record<string, string>>;
-    readonly disabled: {
-        readonly type: import("vue").PropType<boolean | undefined>;
-        readonly default: undefined;
-    };
-    readonly formatTooltip: import("vue").PropType<(value: number) => string | number>;
-    readonly min: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
-    };
-    readonly max: {
-        readonly type: NumberConstructor;
-        readonly default: 100;
-    };
-    readonly step: {
-        readonly type: import("vue").PropType<number | "mark">;
-        readonly default: 1;
-    };
-    readonly range: BooleanConstructor;
-    readonly value: import("vue").PropType<number | number[]>;
-    readonly placement: import("vue").PropType<import("naive-ui").PopoverPlacement>;
-    readonly showTooltip: {
-        readonly type: import("vue").PropType<boolean | undefined>;
-        readonly default: undefined;
-    };
-    readonly tooltip: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly vertical: BooleanConstructor;
-    readonly reverse: BooleanConstructor;
-    readonly 'onUpdate:value': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: number & number[]) => void>>;
-    readonly onUpdateValue: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: number & number[]) => void>>;
-    readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Slider", {
-        fontSize: string;
-        railColor: string;
-        railColorHover: string;
-        fillColor: string;
-        fillColorHover: string;
-        opacityDisabled: string;
-        handleColor: string;
-        dotColor: string;
-        dotColorModal: string;
-        dotColorPopover: string;
-        handleBoxShadow: string;
-        handleBoxShadowHover: string;
-        handleBoxShadowActive: string;
-        handleBoxShadowFocus: string;
-        indicatorColor: string;
-        indicatorBoxShadow: string;
-        indicatorTextColor: string;
-        indicatorBorderRadius: string;
-        dotBorder: string;
-        dotBorderActive: string;
-        dotBoxShadow: string;
-        railHeight: string;
-        railWidthVertical: string;
-        handleSize: string;
-        dotHeight: string;
-        dotWidth: string;
-        dotBorderRadius: string;
-    }, any>>;
-    readonly themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Slider", {
-        fontSize: string;
-        railColor: string;
-        railColorHover: string;
-        fillColor: string;
-        fillColorHover: string;
-        opacityDisabled: string;
-        handleColor: string;
-        dotColor: string;
-        dotColorModal: string;
-        dotColorPopover: string;
-        handleBoxShadow: string;
-        handleBoxShadowHover: string;
-        handleBoxShadowActive: string;
-        handleBoxShadowFocus: string;
-        indicatorColor: string;
-        indicatorBoxShadow: string;
-        indicatorTextColor: string;
-        indicatorBorderRadius: string;
-        dotBorder: string;
-        dotBorderActive: string;
-        dotBoxShadow: string;
-        railHeight: string;
-        railWidthVertical: string;
-        handleSize: string;
-        dotHeight: string;
-        dotWidth: string;
-        dotBorderRadius: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Slider", {
-        fontSize: string;
-        railColor: string;
-        railColorHover: string;
-        fillColor: string;
-        fillColorHover: string;
-        opacityDisabled: string;
-        handleColor: string;
-        dotColor: string;
-        dotColorModal: string;
-        dotColorPopover: string;
-        handleBoxShadow: string;
-        handleBoxShadowHover: string;
-        handleBoxShadowActive: string;
-        handleBoxShadowFocus: string;
-        indicatorColor: string;
-        indicatorBoxShadow: string;
-        indicatorTextColor: string;
-        indicatorBorderRadius: string;
-        dotBorder: string;
-        dotBorderActive: string;
-        dotBoxShadow: string;
-        railHeight: string;
-        railWidthVertical: string;
-        handleSize: string;
-        dotHeight: string;
-        dotWidth: string;
-        dotBorderRadius: string;
-    }, any>>>;
-}>>, {
-    readonly range: boolean;
-    readonly reverse: boolean;
-    readonly vertical: boolean;
-    readonly tooltip: boolean;
-    readonly disabled: boolean | undefined;
-    readonly step: number | "mark";
-    readonly max: number;
-    readonly min: number;
-    readonly to: string | boolean | HTMLElement;
-    readonly defaultValue: number | number[];
-    readonly showTooltip: boolean | undefined;
-}>;
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {}>;

package/es/packages/form-render/src/components/renderer/slider.js

@@ -1,8 +1,30 @@
+import { defineComponent, computed, createVNode } from 'vue';
 import { connect, mapProps } from '@formily/vue';
 import { NSlider } from 'naive-ui';
-import { assignUpdateValue } from '../../utils/index.js';
+import { parseNumberFromMaybeString } from '../../utils/index.js';
+import { assignUpdateValue } from '../../utils/schema.js';
 
-const SLIDER = connect(NSlider, mapProps((props, field) => {
+const script = defineComponent({
+  props: {
+    value: {
+      type: [Number, String]
+    }
+  },
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    const valueRef = computed({
+      get: () => parseNumberFromMaybeString(props.value),
+      set: (v) => emit("update:value", v)
+    });
+    return () => createVNode(NSlider, {
+      "value": valueRef.value,
+      "onUpdate:value": ($event) => valueRef.value = $event
+    }, null);
+  }
+});
+const SLIDER = connect(script, mapProps((props, field) => {
   const _props = assignUpdateValue(props, field);
   if (Array.isArray(_props.option)) {
     _props.marks = _props.option.reduce((fin, option) => {

package/es/packages/form-render/src/components/renderer/switch.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, createVNode, createTextVNode } from 'vue';
 import { NSwitch } from 'naive-ui';
-import { assignUpdateValue } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
+import { assignUpdateValue } from '../../utils/schema.js';
 
 const script = defineComponent({
   name: "FormSwitch",

package/es/packages/form-render/src/components/renderer/textarea.js

@@ -1,6 +1,6 @@
-import { assignUpdateValue } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NInput } from 'naive-ui';
+import { assignUpdateValue } from '../../utils/schema.js';
 
 const TEXTAREA = connect(NInput, mapProps((props, field) => {
   const _props = assignUpdateValue(props, field);

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

@@ -37,7 +37,7 @@ function useAnchor(props, scrollbarRef, collector) {
         doAnimation(scrollbarRef.value.scrollTop, targetAnchor.offsetTop, 300, (top) => {
           var _a;
           (_a = scrollbarRef.value) == null ? void 0 : _a.scrollTo({ top });
-        }, "easeInSine", resolve);
+        }, "easeInSine", () => setTimeout(resolve, 300));
       });
     } finally {
       scrollLock = false;
@@ -48,11 +48,14 @@ function useAnchor(props, scrollbarRef, collector) {
     if (scrollLock || !scrollbarRef.value)
       return;
     const { scrollTop, clientHeight } = scrollbarRef.value;
-    const result = anchorIdList.value.find((anchor) => {
-      const node = scrollbarRef.value.querySelector(`#${createLinebarId(anchor.name)}`);
+    const result = anchorIdList.value.find((anchor, idx, arr) => {
+      const nextAnchor = arr[idx + 1];
+      if (!nextAnchor)
+        return true;
+      const node = scrollbarRef.value.querySelector(`#${createLinebarId(nextAnchor.name)}`);
       if (!node)
         return;
-      return node.offsetTop >= scrollTop || node.offsetTop < scrollTop && node.clientHeight + node.offsetTop > scrollTop + clientHeight;
+      return node.offsetTop > scrollTop + clientHeight / 2;
     }) || anchorIdList.value[anchorIdList.value.length - 1];
     __currentAnchor.value = (_a = result == null ? void 0 : result.name) != null ? _a : "";
   }, 300);

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

@@ -1,20 +1,26 @@
 import { Form } from '@formily/core';
-import { FormBusinessFilter } from '../../../../../es/packages/form-render';
+import { FormBusinessFormatter } from '../../../../../es/packages/form-render';
 import { FIELD_BUSINESS_TYPE } from '../constants';
 export declare class BusinessCollector {
+    private formModel;
+    private businessFormatter?;
     private readonly typeCollector;
     private readonly fieldNameCollector;
-    private readonly valueFilter;
-    constructor(valueFilter?: FormBusinessFilter);
+    constructor(formModel: Form, businessFormatter?: FormBusinessFormatter | undefined);
+    private formatter;
     collect(type: FIELD_BUSINESS_TYPE, fieldName: string): void;
-    getField(type: FIELD_BUSINESS_TYPE): string[];
-    getType(fieldName: string): FIELD_BUSINESS_TYPE | undefined;
-    private setAge;
+    private getField;
+    private getType;
+    private getValueByField;
+    private getValueByType;
+    private setValueByType;
     private handlerIdCardType;
     private handlerBirthdayType;
-    handlerMap: Map<FIELD_BUSINESS_TYPE, (formModel: Form, value: unknown) => void>;
-    trigger(formModel: Form, fieldName: string, value: unknown): void;
+    private handlerAgeType;
+    private handlerChangeMap;
+    private blurHandlerMap;
+    trigger(fieldName: string, triggerType?: 'change' | 'blur'): void;
 }
 export declare function useBusinessBinding(): {
-    create: (valueFilter?: FormBusinessFilter) => BusinessCollector;
+    create: (formModel: Form, formatter?: FormBusinessFormatter) => BusinessCollector;
 };

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

@@ -1,87 +1,91 @@
+import { isField } from '@formily/core';
 import { isString } from '@vueuse/core';
-import { FIELD_BUSINESS_TYPE, FIELD_AGE_UNIT } from '../constants/index.js';
-import { isIdCard, parseIdCard, parseBirthday } from '../utils/index.js';
+import { isFunction, isNumber } from 'lodash-es';
+import { FIELD_BUSINESS_TYPE } from '../constants/index.js';
+import { isIdCard, parseIdCard, parseAge2FromContext, parseBirthday, parseAge2Birthday } from '../utils/business.js';
 
 class BusinessCollector {
-  constructor(valueFilter = ({ value }) => value) {
+  constructor(formModel, businessFormatter) {
+    this.formModel = formModel;
+    this.businessFormatter = businessFormatter;
     this.typeCollector = /* @__PURE__ */ new Map();
     this.fieldNameCollector = /* @__PURE__ */ new Map();
-    this.handlerMap = /* @__PURE__ */ new Map([
+    this.handlerChangeMap = /* @__PURE__ */ new Map([
       [FIELD_BUSINESS_TYPE.ID_CARD, this.handlerIdCardType.bind(this)],
-      [FIELD_BUSINESS_TYPE.BIRTHDAY, this.handlerBirthdayType.bind(this)]
+      [FIELD_BUSINESS_TYPE.AGE_UNIT, this.handlerAgeType.bind(this)]
     ]);
-    this.valueFilter = valueFilter;
+    this.blurHandlerMap = /* @__PURE__ */ new Map([
+      [FIELD_BUSINESS_TYPE.BIRTHDAY, this.handlerBirthdayType.bind(this)],
+      [FIELD_BUSINESS_TYPE.AGE, this.handlerAgeType.bind(this)]
+    ]);
+  }
+  formatter(...args) {
+    return isFunction(this.businessFormatter) ? this.businessFormatter(...args) : args[0].value;
   }
   collect(type, fieldName) {
-    const set = this.typeCollector.get(type) || /* @__PURE__ */ new Set();
-    set.add(fieldName);
-    this.typeCollector.set(type, set);
+    this.typeCollector.set(type, fieldName);
     this.fieldNameCollector.set(fieldName, type);
   }
   getField(type) {
-    return [...this.typeCollector.get(type) || /* @__PURE__ */ new Set()];
+    return this.typeCollector.get(type);
   }
   getType(fieldName) {
     return this.fieldNameCollector.get(fieldName);
   }
-  setAge(formModel, context) {
-    const value = context.day < 30 ? { ageUnit: FIELD_AGE_UNIT.DAY, age: context.day } : context.day < 365 ? { ageUnit: FIELD_AGE_UNIT.MONTH, age: context.month } : { ageUnit: FIELD_AGE_UNIT.YEAR, age: context.year };
-    const ageUnitFields = this.getField(FIELD_BUSINESS_TYPE.AGE_UNIT);
-    ageUnitFields.forEach((field) => {
-      formModel.setFieldState(field, (state) => {
-        state.value = this.valueFilter({
-          fieldKey: field,
-          value: value.ageUnit,
-          context,
-          type: FIELD_BUSINESS_TYPE.AGE_UNIT
-        });
-      });
-    });
-    const ageFields = this.getField(FIELD_BUSINESS_TYPE.AGE);
-    ageFields.forEach((field) => {
-      formModel.setFieldState(field, (state) => {
-        state.value = this.valueFilter({
-          fieldKey: field,
-          value: ageUnitFields.length ? value.age : context.year,
-          context,
-          type: FIELD_BUSINESS_TYPE.AGE
-        });
-      });
+  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 });
     });
   }
-  handlerIdCardType(formModel, value) {
-    if (!value || !isString(value) || !isIdCard(value))
+  handlerIdCardType() {
+    const idCard = this.getValueByType(FIELD_BUSINESS_TYPE.ID_CARD);
+    if (!idCard || !isString(idCard) || !isIdCard(idCard))
       return;
-    const info = parseIdCard(value);
-    this.setAge(formModel, info);
-    const sexFields = this.getField(FIELD_BUSINESS_TYPE.SEX);
-    sexFields.forEach((field) => {
-      formModel.setFieldState(field, (state) => {
-        state.value = this.valueFilter({ fieldKey: field, value: info.sex, type: FIELD_BUSINESS_TYPE.SEX });
-      });
-    });
-    const birthdayFields = this.getField(FIELD_BUSINESS_TYPE.BIRTHDAY);
-    birthdayFields.forEach((field) => {
-      formModel.setFieldState(field, (state) => {
-        state.value = this.valueFilter({ fieldKey: field, value: info.birthday, type: FIELD_BUSINESS_TYPE.BIRTHDAY });
-      });
-    });
+    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);
   }
-  handlerBirthdayType(formModel, value) {
-    if (!isString(value))
+  handlerBirthdayType() {
+    const birthday = this.getValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY);
+    if (!isString(birthday))
       return;
-    this.setAge(formModel, parseBirthday(value));
+    const { age, ageUnit } = parseAge2FromContext(parseBirthday(birthday));
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
   }
-  trigger(formModel, fieldName, value) {
-    const type = this.getType(fieldName);
-    if (!type || !this.handlerMap.has(type))
+  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.handlerMap.get(type)(formModel, value);
+    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, parseAge2Birthday(+age, ageUnit), false);
+  }
+  trigger(fieldName, triggerType = "change") {
+    var _a;
+    const type = this.getType(fieldName);
+    const handler = triggerType === "change" ? this.handlerChangeMap : triggerType === "blur" ? this.blurHandlerMap : null;
+    type && ((_a = handler == null ? void 0 : handler.get(type)) == null ? void 0 : _a());
   }
 }
 function useBusinessBinding() {
-  function create(valueFilter) {
-    return new BusinessCollector(valueFilter);
+  function create(formModel, formatter) {
+    return new BusinessCollector(formModel, formatter);
   }
   return { create };
 }

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

@@ -1,10 +1,12 @@
 import { FormChangeContext } from '../types';
 export declare class ContextCollector {
     private readonly contextMap;
-    setContext<T extends keyof FormChangeContext>(key: string, prop: T, value: FormChangeContext[T]): void;
+    setContext(key: string, value: () => Promise<FormChangeContext> | FormChangeContext): void;
     getContext(key: string): Partial<{
         currentOption: import("../../../../src/types").AnyObject;
-    }>;
+    }> | Promise<Partial<{
+        currentOption: import("../../../../src/types").AnyObject;
+    }>> | undefined;
 }
 export declare function useChangeContext(): {
     create: () => ContextCollector;

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

@@ -2,15 +2,12 @@ class ContextCollector {
   constructor() {
     this.contextMap = /* @__PURE__ */ new Map();
   }
-  setContext(key, prop, value) {
-    const context = this.contextMap.get(key) || {};
-    context[prop] = value;
-    this.contextMap.set(key, context);
+  setContext(key, value) {
+    this.contextMap.set(key, value);
   }
   getContext(key) {
-    const result = this.contextMap.get(key) || {};
-    this.contextMap.delete(key);
-    return result;
+    var _a;
+    return (_a = this.contextMap.get(key)) == null ? void 0 : _a();
   }
 }
 function useChangeContext() {