cnhis-design-vue 3.1.16-beta.3 → 3.1.16-beta.6

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

@@ -1,7 +1,9 @@
 import { PropType } from 'vue';
 export declare const DATE: import("vue").DefineComponent<{
     onChange: {};
-    value: {};
+    value: {
+        type: StringConstructor;
+    };
     validate: {
         type: PropType<Partial<{
             [key: string]: any;
@@ -16,9 +18,15 @@ export declare const DATE: import("vue").DefineComponent<{
             regular_error_tip: string;
         }>>;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    valueFormat: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => 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<{
     onChange: {};
-    value: {};
+    value: {
+        type: StringConstructor;
+    };
     validate: {
         type: PropType<Partial<{
             [key: string]: any;
@@ -33,4 +41,12 @@ export declare const DATE: import("vue").DefineComponent<{
             regular_error_tip: string;
         }>>;
     };
-}>>, {}>;
+    valueFormat: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    valueFormat: string;
+}>;

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

@@ -1,19 +1,29 @@
-import { defineComponent, computed, createVNode } from 'vue';
-import { isField } from '@formily/core';
+import { defineComponent, computed, watch, createVNode, mergeProps } from 'vue';
 import { connect, mapProps } from '@formily/vue';
 import { isObject } from '@vueuse/core';
+import { format } from 'date-fns';
 import { NDatePicker } from 'naive-ui';
 import { useCommonInjection } from '../../../../../packages/form-render/src/hooks/useCommonInjection';
+import { assignUpdateValue } from '../../../../../packages/form-render/src/utils';
 
 const script = defineComponent({
   props: {
     onChange: {},
-    value: {},
+    value: {
+      type: String
+    },
     validate: {
       type: Object
+    },
+    valueFormat: {
+      type: String,
+      default: "yyyy-MM-dd"
     }
   },
-  setup(props) {
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
     useCommonInjection().injectValueValidate(() => props.value);
     function minCurrentDate() {
       var _a;
@@ -56,7 +66,9 @@ const script = defineComponent({
       }
     }
     const validateConfig = computed(() => {
-      const result = {};
+      const result = {
+        valueFormat: props.valueFormat
+      };
       if (isObject(props.validate)) {
         const {
           min_date,
@@ -69,22 +81,26 @@ const script = defineComponent({
       }
       return result;
     });
-    return () => createVNode(NDatePicker, validateConfig.value, null);
-  }
-});
-const DATE = connect(script, mapProps((props, field) => {
-  const _props = {
-    ...props
-  };
-  if (isField(field)) {
-    Object.assign(_props, {
-      "formatted-value": field.value,
-      "onUpdate:formatted-value"(v) {
-        field.setValue(v);
-      }
+    function formatDate(value) {
+      if (!value)
+        return value;
+      return format(new Date(value), props.valueFormat);
+    }
+    watch(() => props.value, (value) => {
+      if (!value || formatDate(value) === value)
+        return;
+      emit("update:value", formatDate(value));
+    });
+    const valueRef = computed({
+      get: () => formatDate(props.value),
+      set: (value) => emit("update:value", value)
     });
+    return () => createVNode(NDatePicker, mergeProps(validateConfig.value, {
+      "formatted-value": valueRef.value,
+      "onUpdate:formatted-value": ($event) => valueRef.value = $event
+    }), null);
   }
-  return _props;
-}));
+});
+const DATE = connect(script, mapProps(assignUpdateValue));
 
 export { DATE };

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, inject, createVNode } from 'vue';
+import { defineComponent, ref, inject, createVNode } from 'vue';
 import { connect, mapProps } from '@formily/vue';
 import { NDivider, NCollapseTransition } from 'naive-ui';
 import { useFormField } from '../../../../../packages/form-render';
@@ -28,9 +28,6 @@ const script = defineComponent({
     slots
   }) {
     const _show = ref(props.show);
-    onMounted(() => {
-      _show.value = props.show;
-    });
     function toggleShow() {
       if (props.disabled)
         return;

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

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
+import { defineComponent, computed, ref, inject, nextTick, watch, createVNode } from 'vue';
 import { isField } from '@formily/core';
-import { isEqual, cloneDeep } from 'lodash-es';
+import { cloneDeep, isEqual } from 'lodash-es';
 import { useCommonInjection } from '../../../../../packages/form-render/src/hooks/useCommonInjection';
-import { InjectionChangeContextCollector, InjectAsyncQueue, InjectionFormItemDepsCollector } from '../../constants/index.js';
+import { InjectAsyncQueue, InjectionChangeContextCollector, InjectionFormItemDepsCollector } from '../../constants/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NSelect } from 'naive-ui';
 import { useFormField } from '../../hooks/useFormField.js';
@@ -35,6 +35,10 @@ const script = defineComponent({
     slots,
     emit
   }) {
+    const valueRef = computed({
+      get: () => props.value,
+      set: (v) => emit("update:value", v)
+    });
     const remoteOptions = ref(null);
     const lastSearch = ref("");
     const labelKey = computed(() => {
@@ -45,11 +49,6 @@ const script = defineComponent({
       var _a, _b;
       return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
     });
-    const changeContextCollector = inject(InjectionChangeContextCollector);
-    function update(v, option) {
-      changeContextCollector == null ? void 0 : changeContextCollector.setContext(fieldKey.value, "currentOption", cloneDeep(option));
-      emit("update:value", v);
-    }
     const {
       field,
       fieldKey
@@ -102,6 +101,13 @@ const script = defineComponent({
         });
       }
     });
+    const changeContextCollector = inject(InjectionChangeContextCollector);
+    changeContextCollector == null ? void 0 : changeContextCollector.setContext(fieldKey.value, async () => {
+      await nextTick();
+      return {
+        currentOption: cloneDeep(parsedOptions.value.find((option) => option[valueKey.value] === valueRef.value))
+      };
+    });
     const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
     watch(() => props.urlConfig, (config, oldConfig) => {
       if (isEqual(config, oldConfig))
@@ -114,7 +120,7 @@ const script = defineComponent({
         emit("update:value", null);
         !props.lazyRequest && await fetchData();
       });
-      (props.value || !props.lazyRequest) && fetchData();
+      (valueRef.value || !props.lazyRequest) && fetchData();
     }, {
       immediate: true
     });
@@ -122,8 +128,8 @@ const script = defineComponent({
       injectValueValidate,
       injectValueWatchFromEmpty
     } = useCommonInjection();
-    injectValueWatchFromEmpty(() => props.value, fetchData);
-    injectValueValidate(() => props.value);
+    injectValueWatchFromEmpty(valueRef, fetchData);
+    injectValueValidate(valueRef);
     function focusDecorator(onFocus) {
       return (...args) => {
         if (isField(field.value)) {
@@ -135,8 +141,8 @@ const script = defineComponent({
     return () => createVNode(NSelect, {
       "remote": true,
       "filterable": true,
-      "value": props.value,
-      "onUpdate:value": update,
+      "value": valueRef.value,
+      "onUpdate:value": ($event) => valueRef.value = $event,
       "labelField": labelKey.value,
       "valueField": valueKey.value,
       "options": parsedOptions.value,

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 { 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/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/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() {