cnhis-design-vue 3.1.11 → 3.1.12-beta.0

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

@@ -0,0 +1,141 @@
+import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { InjectAsyncQueue, InjectionFormItemDepsCollector, InjectionChangeContextCollector } from '../../constants/index2.js';
+import { assignUpdateValue, formRenderLog, generateUrlParams } from '../../utils/index2.js';
+import '../../../../packages/form-render';
+import { isObject } from '@vueuse/core';
+import { useFormField } from '../../hooks/useFormField2.js';
+import '../../../../packages/form-render/src/utils';
+import '../../../../src/utils/anime';
+import '../../../../packages/form-render/src/constants';
+import { connect, mapProps } from '@formily/vue';
+import '../../../../packages/form-render/src/components/renderer';
+import { NSelect } from 'naive-ui';
+
+const script = defineComponent({
+  name: "FormSelect",
+  props: {
+    value: {
+      type: String
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    urlConfig: {
+      type: Object
+    },
+    onChange: {
+      type: Function
+    }
+  },
+  emits: ["update:value"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const _options = ref(null);
+    let cachedOptions = null;
+    const lastSearch = ref("");
+    const asyncQueue = inject(InjectAsyncQueue);
+    const {
+      title,
+      field,
+      fieldKey
+    } = useFormField();
+    function filterOption(options, searchContent) {
+      return options.filter((option) => {
+        return !searchContent || String(option[labelKey.value]).includes(searchContent);
+      });
+    }
+    async function fetchData(content) {
+      if (content === lastSearch.value) {
+        if (cachedOptions)
+          return;
+      } else {
+        lastSearch.value = content || "";
+      }
+      const config = props.urlConfig;
+      if (!config) {
+        return cachedOptions = _options.value = null;
+      }
+      if (!isObject(config)) {
+        formRenderLog(`invalid urlConfig (${config}) in SELECT => ${title.value}`, "warn");
+        return cachedOptions = _options.value = null;
+      }
+      if (cachedOptions) {
+        return _options.value = filterOption(cachedOptions, content);
+      }
+      try {
+        const data = await asyncQueue.addAsync({
+          ...config,
+          key: title.value,
+          params: Object.assign({}, config.params, generateUrlParams(field.value, config.dependKey))
+        });
+        _options.value = data.reduce((res, d) => {
+          var _a;
+          if (((_a = d[labelKey.value]) == null ? void 0 : _a.includes(content)) || !content) {
+            res.push(d);
+          }
+          return res;
+        }, []);
+        cachedOptions = _options.value;
+      } catch (e) {
+        _options.value = null;
+      }
+    }
+    const parsedOptions = computed(() => {
+      if (_options.value)
+        return _options.value;
+      if (!Array.isArray(props.options))
+        return [];
+      return filterOption(props.options, lastSearch.value);
+    });
+    const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
+    watch(() => props.urlConfig, (config) => {
+      cachedOptions = null;
+      config && formItemDepsCollector.setDeps(fieldKey.value, config.dependKey || [], () => {
+        cachedOptions = null;
+        props.value && fetchData();
+      });
+    }, {
+      immediate: true
+    });
+    watch(() => props.value, (n, o) => {
+      if (o == null && n != null) {
+        fetchData();
+      }
+    }, {
+      immediate: true
+    });
+    const changeContextCollector = inject(InjectionChangeContextCollector);
+    function update(v, option) {
+      changeContextCollector == null ? void 0 : changeContextCollector.setContext(fieldKey.value, "currentOption", cloneDeep(option));
+      emit("update:value", v);
+    }
+    const labelKey = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text";
+    });
+    const valueKey = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
+    });
+    return () => createVNode(NSelect, {
+      "value": props.value,
+      "onUpdate:value": update,
+      "remote": true,
+      "filterable": true,
+      "labelField": labelKey.value,
+      "valueField": valueKey.value,
+      "onSearch": fetchData,
+      "onUpdate:show": (show) => show && fetchData(),
+      "options": parsedOptions.value
+    }, slots);
+  }
+});
+const SELECT = connect(script, mapProps({
+  dataSource: "options"
+}, assignUpdateValue));
+
+export { SELECT };

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

@@ -143,7 +143,7 @@ export declare const SLIDER: import("vue").DefineComponent<{
         style: import("vue").CSSProperties;
     }[]>;
     isShowTooltip: (index: number) => boolean;
-    shouldKeepTooltipTransition: (index: number) => boolean;
+    isSkipCSSDetection: (index: number) => boolean;
     handleRailRef: import("vue").Ref<HTMLElement | null>;
     setHandleRefs: (key: number) => (el: any) => void;
     setFollowerRefs: (key: number) => (el: any) => void;
@@ -333,15 +333,15 @@ export declare const SLIDER: import("vue").DefineComponent<{
         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;
+    range: boolean;
+    reverse: boolean;
+    vertical: boolean;
+    tooltip: boolean;
+    disabled: boolean | undefined;
+    step: number | "mark";
+    max: number;
+    min: number;
+    to: string | boolean | HTMLElement;
+    defaultValue: number | number[];
+    showTooltip: boolean | undefined;
 }>;

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

@@ -1,16 +1 @@
-import { connect, mapProps } from '@formily/vue';
-import { NSlider } from 'naive-ui';
-import { assignUpdateValue } from '../../utils/index.js';
-
-const SLIDER = connect(NSlider, mapProps((props, field) => {
-  const _props = assignUpdateValue(props, field);
-  if (Array.isArray(_props.option)) {
-    _props.marks = _props.option.reduce((fin, option) => {
-      fin[option.value] = option.text;
-      return fin;
-    }, {});
-  }
-  return _props;
-}));
-
-export { SLIDER };
+export { SLIDER } from './slider2.js';

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

@@ -0,0 +1,16 @@
+import { connect, mapProps } from '@formily/vue';
+import { NSlider } from 'naive-ui';
+import { assignUpdateValue } from '../../utils/index2.js';
+
+const SLIDER = connect(NSlider, mapProps((props, field) => {
+  const _props = assignUpdateValue(props, field);
+  if (Array.isArray(_props.option)) {
+    _props.marks = _props.option.reduce((fin, option) => {
+      fin[option.value] = option.text;
+      return fin;
+    }, {});
+  }
+  return _props;
+}));
+
+export { SLIDER };

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

@@ -1,47 +1 @@
-import { defineComponent, computed, createVNode, createTextVNode } from 'vue';
-import { NSwitch } from 'naive-ui';
-import { assignUpdateValue } from '../../utils/index.js';
-import { connect, mapProps } from '@formily/vue';
-
-const script = defineComponent({
-  name: "FormSwitch",
-  props: {
-    openDescription: {
-      type: Object
-    },
-    closeDescription: {
-      type: Object
-    },
-    onChange: {}
-  },
-  setup(props) {
-    return () => {
-      const checkedValue = computed(() => {
-        var _a, _b;
-        return (_b = (_a = props.openDescription) == null ? void 0 : _a.value) != null ? _b : true;
-      });
-      const uncheckedValue = computed(() => {
-        var _a, _b;
-        return (_b = (_a = props.closeDescription) == null ? void 0 : _a.value) != null ? _b : false;
-      });
-      const checked = () => {
-        var _a, _b;
-        return createTextVNode((_b = (_a = props.openDescription) == null ? void 0 : _a.describe) != null ? _b : "");
-      };
-      const unchecked = () => {
-        var _a, _b;
-        return createTextVNode((_b = (_a = props.closeDescription) == null ? void 0 : _a.describe) != null ? _b : "");
-      };
-      return createVNode(NSwitch, {
-        "checkedValue": checkedValue.value,
-        "uncheckedValue": uncheckedValue.value
-      }, {
-        checked,
-        unchecked
-      });
-    };
-  }
-});
-const SWITCH = connect(script, mapProps(assignUpdateValue));
-
-export { SWITCH };
+export { SWITCH } from './switch2.js';

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

@@ -0,0 +1,47 @@
+import { defineComponent, computed, createVNode, createTextVNode } from 'vue';
+import { NSwitch } from 'naive-ui';
+import { assignUpdateValue } from '../../utils/index2.js';
+import { connect, mapProps } from '@formily/vue';
+
+const script = defineComponent({
+  name: "FormSwitch",
+  props: {
+    openDescription: {
+      type: Object
+    },
+    closeDescription: {
+      type: Object
+    },
+    onChange: {}
+  },
+  setup(props) {
+    return () => {
+      const checkedValue = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.openDescription) == null ? void 0 : _a.value) != null ? _b : true;
+      });
+      const uncheckedValue = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.closeDescription) == null ? void 0 : _a.value) != null ? _b : false;
+      });
+      const checked = () => {
+        var _a, _b;
+        return createTextVNode((_b = (_a = props.openDescription) == null ? void 0 : _a.describe) != null ? _b : "");
+      };
+      const unchecked = () => {
+        var _a, _b;
+        return createTextVNode((_b = (_a = props.closeDescription) == null ? void 0 : _a.describe) != null ? _b : "");
+      };
+      return createVNode(NSwitch, {
+        "checkedValue": checkedValue.value,
+        "uncheckedValue": uncheckedValue.value
+      }, {
+        checked,
+        unchecked
+      });
+    };
+  }
+});
+const SWITCH = connect(script, mapProps(assignUpdateValue));
+
+export { SWITCH };

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

@@ -56,7 +56,6 @@ export declare const TEXTAREA: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: undefined;
     };
-    allowInput: import("vue").PropType<(value: string) => boolean>;
     onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
     onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
     onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;
@@ -277,8 +276,8 @@ export declare const TEXTAREA: import("vue").DefineComponent<{
         contentRef: HTMLElement | null;
         containerScrollTop: number;
         syncUnifiedContainer: () => void;
-        scrollTo: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollTo;
-        scrollBy: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollBy;
+        scrollTo: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollTo;
+        scrollBy: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollBy;
         sync: () => void;
         handleMouseEnterWrapper: () => void;
         handleMouseLeaveWrapper: () => void;
@@ -312,7 +311,7 @@ export declare const TEXTAREA: import("vue").DefineComponent<{
     handleCompositionEnd: (e: CompositionEvent) => void;
     handleInput: (e: Event | CompositionEvent | InputEvent, index?: 0 | 1 | undefined, event?: string | undefined) => void;
     handleInputBlur: (e: FocusEvent) => void;
-    handleInputFocus: (e: FocusEvent, index: number) => void;
+    handleInputFocus: (e: FocusEvent) => void;
     handleWrapperBlur: (e: FocusEvent) => void;
     handleWrapperFocus: (e: FocusEvent) => void;
     handleMouseEnter: () => void;
@@ -323,7 +322,7 @@ export declare const TEXTAREA: import("vue").DefineComponent<{
     handleClear: (e: MouseEvent) => void;
     handlePasswordToggleClick: () => void;
     handlePasswordToggleMousedown: (e: MouseEvent) => void;
-    handleWrapperKeydown: (e: KeyboardEvent) => void;
+    handleWrapperKeyDown: (e: KeyboardEvent) => void;
     handleTextAreaMirrorResize: () => void;
     getTextareaScrollContainer: () => HTMLTextAreaElement | null;
     mergedTheme: import("vue").ComputedRef<{
@@ -367,11 +366,10 @@ export declare const TEXTAREA: import("vue").DefineComponent<{
             opacity5: string;
             dividerColor: string;
             borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
+            closeColor: string;
             closeColorHover: string;
             closeColorPressed: string;
+            closeColorDisabled: string;
             clearColor: string;
             clearColorHover: string;
             clearColorPressed: string;
@@ -612,7 +610,6 @@ export declare const TEXTAREA: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: undefined;
     };
-    allowInput: import("vue").PropType<(value: string) => boolean>;
     onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
     onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
     onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;

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

@@ -1,11 +1 @@
-import { assignUpdateValue } from '../../utils/index.js';
-import { connect, mapProps } from '@formily/vue';
-import { NInput } from 'naive-ui';
-
-const TEXTAREA = connect(NInput, mapProps((props, field) => {
-  const _props = assignUpdateValue(props, field);
-  _props.type = "textarea";
-  return _props;
-}));
-
-export { TEXTAREA };
+export { TEXTAREA } from './textarea2.js';

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

@@ -0,0 +1,11 @@
+import { assignUpdateValue } from '../../utils/index2.js';
+import { connect, mapProps } from '@formily/vue';
+import { NInput } from 'naive-ui';
+
+const TEXTAREA = connect(NInput, mapProps((props, field) => {
+  const _props = assignUpdateValue(props, field);
+  _props.type = "textarea";
+  return _props;
+}));
+
+export { TEXTAREA };

package/es/packages/form-render/src/constants/index.d.ts

@@ -7,6 +7,7 @@ export declare const InjectionSchemaField: InjectionKey<Component>;
 export declare const InjectionBusinessCollector: InjectionKey<BusinessCollector>;
 export declare const InjectionChangeContextCollector: InjectionKey<ContextCollector>;
 export declare const InjectionFormItemDepsCollector: InjectionKey<FormItemDepsCollector>;
+export declare const InjectionFormUUID: InjectionKey<string>;
 export declare const FormItemLineBarDepKeyPrepend = "__dep_LINEBAR_";
 export declare enum FIELD_BUSINESS_TYPE {
     PASSWORD = "password",

package/es/packages/form-render/src/constants/index.js

@@ -1,29 +1 @@
-const InjectAsyncQueue = Symbol("InjectAsyncQueue");
-const InjectionSchemaField = Symbol("InjectionSchemaField");
-const InjectionBusinessCollector = Symbol("InjectionBusinessCollector");
-const InjectionChangeContextCollector = Symbol("InjectionChangeContextCollector");
-const InjectionFormItemDepsCollector = Symbol("InjectionFormItemDepsCollector");
-const FormItemLineBarDepKeyPrepend = `__dep_LINEBAR_`;
-var FIELD_BUSINESS_TYPE = /* @__PURE__ */ ((FIELD_BUSINESS_TYPE2) => {
-  FIELD_BUSINESS_TYPE2["PASSWORD"] = "password";
-  FIELD_BUSINESS_TYPE2["ID_CARD"] = "id_card";
-  FIELD_BUSINESS_TYPE2["AGE"] = "age";
-  FIELD_BUSINESS_TYPE2["MOBILE"] = "mobile";
-  FIELD_BUSINESS_TYPE2["TELEPHONE"] = "telephone";
-  FIELD_BUSINESS_TYPE2["EMAIL"] = "email";
-  FIELD_BUSINESS_TYPE2["SEX"] = "sex";
-  FIELD_BUSINESS_TYPE2["BIRTHDAY"] = "birthday";
-  FIELD_BUSINESS_TYPE2["BANK_CARD"] = "bank_card";
-  FIELD_BUSINESS_TYPE2["WEBSITE"] = "website";
-  FIELD_BUSINESS_TYPE2["GESTATIONAL_WEEKS"] = "gestational_weeks";
-  FIELD_BUSINESS_TYPE2["GESTATIONAL_STAGE"] = "gestational_stage";
-  FIELD_BUSINESS_TYPE2["CUSTOMER_NAME"] = "customer_name";
-  return FIELD_BUSINESS_TYPE2;
-})(FIELD_BUSINESS_TYPE || {});
-var FIELD_SEX_VALUE = /* @__PURE__ */ ((FIELD_SEX_VALUE2) => {
-  FIELD_SEX_VALUE2["MALE"] = "1";
-  FIELD_SEX_VALUE2["FEMALE"] = "2";
-  return FIELD_SEX_VALUE2;
-})(FIELD_SEX_VALUE || {});
-
-export { FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectAsyncQueue, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionSchemaField };
+export { FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectAsyncQueue, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField } from './index2.js';

package/es/packages/form-render/src/constants/index2.js

@@ -0,0 +1,30 @@
+const InjectAsyncQueue = Symbol("InjectAsyncQueue");
+const InjectionSchemaField = Symbol("InjectionSchemaField");
+const InjectionBusinessCollector = Symbol("InjectionBusinessCollector");
+const InjectionChangeContextCollector = Symbol("InjectionChangeContextCollector");
+const InjectionFormItemDepsCollector = Symbol("InjectionFormItemDepsCollector");
+const InjectionFormUUID = Symbol("InjectionFormUUID");
+const FormItemLineBarDepKeyPrepend = "__dep_LINEBAR_";
+var FIELD_BUSINESS_TYPE = /* @__PURE__ */ ((FIELD_BUSINESS_TYPE2) => {
+  FIELD_BUSINESS_TYPE2["PASSWORD"] = "password";
+  FIELD_BUSINESS_TYPE2["ID_CARD"] = "id_card";
+  FIELD_BUSINESS_TYPE2["AGE"] = "age";
+  FIELD_BUSINESS_TYPE2["MOBILE"] = "mobile";
+  FIELD_BUSINESS_TYPE2["TELEPHONE"] = "telephone";
+  FIELD_BUSINESS_TYPE2["EMAIL"] = "email";
+  FIELD_BUSINESS_TYPE2["SEX"] = "sex";
+  FIELD_BUSINESS_TYPE2["BIRTHDAY"] = "birthday";
+  FIELD_BUSINESS_TYPE2["BANK_CARD"] = "bank_card";
+  FIELD_BUSINESS_TYPE2["WEBSITE"] = "website";
+  FIELD_BUSINESS_TYPE2["GESTATIONAL_WEEKS"] = "gestational_weeks";
+  FIELD_BUSINESS_TYPE2["GESTATIONAL_STAGE"] = "gestational_stage";
+  FIELD_BUSINESS_TYPE2["CUSTOMER_NAME"] = "customer_name";
+  return FIELD_BUSINESS_TYPE2;
+})(FIELD_BUSINESS_TYPE || {});
+var FIELD_SEX_VALUE = /* @__PURE__ */ ((FIELD_SEX_VALUE2) => {
+  FIELD_SEX_VALUE2["MALE"] = "1";
+  FIELD_SEX_VALUE2["FEMALE"] = "2";
+  return FIELD_SEX_VALUE2;
+})(FIELD_SEX_VALUE || {});
+
+export { FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectAsyncQueue, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField };

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

@@ -1,4 +1,4 @@
-export * from './useFieldList2Schema';
+export * from './useFieldListAdaptor';
 export * from './useFormRequest';
 export * from './useCommonLog';
 export * from './useFormField';

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

@@ -1,14 +1,14 @@
-export { useFieldList2Schema } from './useFieldList2Schema.js';
-export { useFormRequest } from './useFormRequest.js';
-export { useCommonLog } from './useCommonLog.js';
-export { useFormField } from './useFormField.js';
-export { AsyncQueue, useAsyncQueue } from './useAsyncQueue.js';
-export { useFieldVisitor } from './useFieldVisitor.js';
-export { useTypeNormalize } from './useTypeNormalize.js';
-export { useFormValidator } from './useFormValidator.js';
-export { BusinessCollector, useBusinessBinding } from './useBusinessBinding.js';
-export { ContextCollector, useChangeContext } from './useChangeContext.js';
-export { FormItemDepsCollector, useFormItemDeps } from './useFormItemDeps.js';
-export { useInitialData } from './useInitialData.js';
-export { useAnchor } from './useAnchor.js';
-export { useFormContext } from './useFormContext.js';
+export { useFieldListAdaptor } from './useFieldListAdaptor2.js';
+export { useFormRequest } from './useFormRequest2.js';
+export { useCommonLog } from './useCommonLog2.js';
+export { useFormField } from './useFormField2.js';
+export { AsyncQueue, useAsyncQueue } from './useAsyncQueue2.js';
+export { useFieldVisitor } from './useFieldVisitor2.js';
+export { useTypeNormalize } from './useTypeNormalize2.js';
+export { useFormValidator } from './useFormValidator2.js';
+export { BusinessCollector, useBusinessBinding } from './useBusinessBinding2.js';
+export { ContextCollector, useChangeContext } from './useChangeContext2.js';
+export { FormItemDepsCollector, useFormItemDeps } from './useFormItemDeps2.js';
+export { useInitialData } from './useInitialData2.js';
+export { useAnchor } from './useAnchor2.js';
+export { useFormContext } from './useFormContext2.js';

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

@@ -2,8 +2,7 @@ import { AnyObject } from '../../../../../es/src/types';
 import { ISchema } from '@formily/json-schema/esm/types';
 import { FormItemDepsCollector } from '../../../../../es/packages/form-render';
 export declare function useAnchor(props: Readonly<AnyObject>, collector: FormItemDepsCollector): {
-    currentAnchor: import("vue").Ref<string>;
-    updateCurrentAnchor: (id: string) => Promise<void>;
+    currentAnchor: import("vue").WritableComputedRef<string>;
     onScroll: () => Promise<void>;
     formHeight: import("vue").ComputedRef<any>;
     anchorIdList: import("vue").Ref<{

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

@@ -1,81 +1 @@
-import { doAnimation } from '../../../../src/utils/anime';
-import { useDebounceFn } from '@vueuse/core';
-import { isNumber } from 'lodash-es';
-import { ref, computed, nextTick, watch } from 'vue';
-import { FormItemLineBarDepKeyPrepend } from '../../../../packages/form-render/src/constants';
-import { traverseSchema } from '../../../../packages/form-render/src/utils';
-
-function useAnchor(props, collector) {
-  const currentAnchor = ref("");
-  async function updateCurrentAnchor(id) {
-    currentAnchor.value = id;
-    await new Promise((resolve) => setTimeout(resolve, 100));
-    await scrollTo(id);
-  }
-  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 scrollbarRef = ref();
-  let scrollLock = false;
-  async function scrollTo(id) {
-    scrollLock = true;
-    try {
-      if (!scrollbarRef.value)
-        return;
-      collector.trigger(FormItemLineBarDepKeyPrepend + id, true);
-      await nextTick();
-      const targetAnchor = scrollbarRef.value.querySelector(`#${id}`);
-      if (!targetAnchor)
-        return;
-      await new Promise((resolve) => {
-        doAnimation(scrollbarRef.value.scrollTop, targetAnchor.offsetTop, 300, (top) => {
-          var _a;
-          (_a = scrollbarRef.value) == null ? void 0 : _a.scrollTo({ top });
-        }, "easeInBounce", resolve);
-      });
-    } finally {
-      scrollLock = false;
-    }
-  }
-  const onScroll = useDebounceFn(async function() {
-    var _a;
-    if (scrollLock || !scrollbarRef.value)
-      return;
-    const { scrollTop, clientHeight } = scrollbarRef.value;
-    const result = anchorIdList.value.find((anchor) => {
-      const node = scrollbarRef.value.querySelector(`#${anchor.name}`);
-      if (!node)
-        return;
-      return node.offsetTop >= scrollTop || node.offsetTop < scrollTop && node.clientHeight + node.offsetTop > scrollTop + clientHeight;
-    }) || anchorIdList.value[anchorIdList.value.length - 1];
-    currentAnchor.value = (_a = result == null ? void 0 : result.name) != null ? _a : "";
-  }, 300);
-  watch(anchorIdList, (anchorIdList2) => {
-    var _a, _b;
-    currentAnchor.value = (_b = (_a = anchorIdList2[0]) == null ? void 0 : _a.name) != null ? _b : "";
-  }, { deep: true, immediate: true });
-  return {
-    currentAnchor,
-    updateCurrentAnchor,
-    onScroll,
-    formHeight,
-    anchorIdList,
-    generateAnchorList,
-    scrollbarRef,
-    scrollTo
-  };
-}
-
-export { useAnchor };
+export { useAnchor } from './useAnchor2.js';