cnhis-design-vue 3.1.18-beta.6 → 3.1.18-beta.7

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

@@ -3,7 +3,7 @@ import '@formily/path';
 import '@vue/shared';
 import 'lodash-es';
 import 'date-fns';
-import { assignUpdateValue, assignValueBindKey } from '../../utils/schema.js';
+import { assignUpdateValue, assignValueBindKey } from '../../utils/schema2.js';
 import { connect, mapProps } from '@formily/vue';
 import { NCheckboxGroup, NSpace, NCheckbox } from 'naive-ui';
 

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

@@ -1,15 +1,15 @@
 import { defineComponent, ref, computed, watch, inject, createVNode } from 'vue';
 import { isNumber, isArray } from 'lodash-es';
-import '../../../index.js';
+import '../../../index2.js';
 import { useField, RecursionField, connect } from '@formily/vue';
 import { NButton, NIcon } from 'naive-ui';
-import { InjectionBusinessCollector } from '../../constants/index.js';
+import { InjectionBusinessCollector } from '../../constants/index2.js';
 import '@formily/path';
 import '@vue/shared';
 import 'date-fns';
-import { createObjSchema } from '../../utils/schema.js';
+import { createObjSchema } from '../../utils/schema2.js';
 import { AddCircleOutline, RemoveCircle } from '@vicons/ionicons5';
-import { useFieldListAdaptor } from '../../hooks/useFieldListAdaptor.js';
+import { useFieldListAdaptor } from '../../hooks/useFieldListAdaptor2.js';
 
 const script = defineComponent({
   name: "FormCombination",

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

@@ -4,7 +4,7 @@ import '@formily/path';
 import '@vue/shared';
 import 'lodash-es';
 import 'date-fns';
-import { assignUpdateValue } from '../../utils/schema.js';
+import { assignUpdateValue } from '../../utils/schema2.js';
 
 const script = defineComponent({
   props: {

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

@@ -1,14 +1,14 @@
 import { defineComponent, computed, watch, createVNode, mergeProps } from 'vue';
-import { generateTimeFormat } from '../../../../../shared/utils/index.js';
+import { generateTimeFormat } from '../../../../../shared/utils/index2.js';
 import { connect, mapProps } from '@formily/vue';
 import { isObject } from '@vueuse/core';
 import { format } from 'date-fns';
 import { NDatePicker } from 'naive-ui';
-import { useCommonInjection } from '../../hooks/useCommonInjection.js';
+import { useCommonInjection } from '../../hooks/useCommonInjection2.js';
 import '@formily/path';
 import '@vue/shared';
 import 'lodash-es';
-import { assignUpdateValue, assignValueBindKey } from '../../utils/schema.js';
+import { assignUpdateValue, assignValueBindKey } from '../../utils/schema2.js';
 
 const script = defineComponent({
   props: {

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

@@ -2,13 +2,13 @@ import { defineComponent, inject, computed, createVNode } from 'vue';
 import { isVoidField } from '@formily/core';
 import { useField, connect, mapProps } from '@formily/vue';
 import { NFormItem } from 'naive-ui';
-import Annotation from '../../../../annotation-edit/index.js';
-import { InjectionAnnotation, InjectionFormUUID } from '../../constants/index.js';
+import Annotation from '../../../../annotation-edit/index2.js';
+import { InjectionAnnotation, InjectionFormUUID } from '../../constants/index2.js';
 import '@formily/path';
 import '@vue/shared';
 import 'lodash-es';
 import 'date-fns';
-import { dotEscape } from '../../utils/schema.js';
+import { dotEscape } from '../../utils/schema2.js';
 
 const script = defineComponent({
   props: {

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

@@ -4,7 +4,7 @@ export { FORM_ITEM } from './formItem.js';
 export { TEXTAREA } from './textarea.js';
 export { INPUT_NUMBER } from './inputNumber.js';
 export { LINEBAR } from './linebar.js';
-export { INPUT_GROUP } from './inputGroup.js';
+export { INPUT_GROUP } from './inputGroup2.js';
 export { DATE } from './date.js';
 export { SEARCH_CASCADE } from './cascader.js';
 export { JSON_COMBINATION } from './jsonCombination/index.js';

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

@@ -0,0 +1,18 @@
+export { INPUT } from './input.js';
+export { SELECT } from './select.js';
+export { FORM_ITEM } from './formItem.js';
+export { TEXTAREA } from './textarea.js';
+export { INPUT_NUMBER } from './inputNumber.js';
+export { LINEBAR } from './linebar.js';
+export { INPUT_GROUP } from './inputGroup2.js';
+export { DATE } from './date.js';
+export { SEARCH_CASCADE } from './cascader.js';
+export { JSON_COMBINATION } from './jsonCombination/index.js';
+export { COMBINATION } from './combination.js';
+export { CHECKBOX } from './checkbox.js';
+export { SWITCH } from './switch.js';
+export { RADIO } from './radio.js';
+export { LABEL } from './labelSelect.js';
+export { SLIDER } from './slider.js';
+export { COMPLEX } from './complex.js';
+export { BUTTON, TEXT } from './simpleComponent.js';

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

@@ -1,9 +1,9 @@
 import { defineComponent, computed, createVNode } from 'vue';
-import { useCommonInjection } from '../../hooks/useCommonInjection.js';
+import { useCommonInjection } from '../../hooks/useCommonInjection2.js';
 import { createInputSlot } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NInput } from 'naive-ui';
-import { assignUpdateValue } from '../../utils/schema.js';
+import { assignUpdateValue } from '../../utils/schema2.js';
 
 const script = defineComponent({
   name: "FormInput",

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

@@ -1,8 +1 @@
-import { connect, mapProps } from '@formily/vue';
-import { NInputGroup } from 'naive-ui';
-
-const INPUT_GROUP = connect(NInputGroup, mapProps((props) => {
-  return { style: { "--column": props.span }, class: "form-render__inputGroup" };
-}));
-
-export { INPUT_GROUP };
+export { INPUT_GROUP } from './inputGroup2.js';

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

@@ -0,0 +1,8 @@
+import { connect, mapProps } from '@formily/vue';
+import { NInputGroup } from 'naive-ui';
+
+const INPUT_GROUP = connect(NInputGroup, mapProps((props) => {
+  return { style: { "--column": props.span }, class: "form-render__inputGroup" };
+}));
+
+export { INPUT_GROUP };

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

@@ -1,10 +1,10 @@
 import { defineComponent, watch, computed, createVNode } from 'vue';
 import { isString, isNumber } from 'lodash-es';
-import { useCommonInjection } from '../../hooks/useCommonInjection.js';
+import { useCommonInjection } from '../../hooks/useCommonInjection2.js';
 import { createInputSlot, parseNumberFromMaybeString } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NInputNumber } from 'naive-ui';
-import { assignUpdateValue } from '../../utils/schema.js';
+import { assignUpdateValue } from '../../utils/schema2.js';
 
 const script = defineComponent({
   props: {

package/es/components/form-render/src/components/renderer/jsonCombination/hooks/useDeepValidate.js

@@ -1,33 +1 @@
-import { isField } from '@formily/core';
-import { flatten } from 'lodash-es';
-import { onMounted } from 'vue';
-import '../../../../../index.js';
-import { arrayed } from '../../../../utils/index.js';
-import { useFormField } from '../../../../hooks/useFormField.js';
-
-function useDeepValidate() {
-  function bindDeepValidate(formRenderRefs) {
-    const { field } = useFormField();
-    onMounted(() => {
-      if (!isField(field.value))
-        return;
-      const tempValidator = field.value.validator;
-      field.value.validator = [
-        {
-          async validator() {
-            return Promise.allSettled(formRenderRefs.value.map((formRenderRef) => formRenderRef.validate())).then((resultList) => {
-              const rejected = resultList.filter((res) => res.status === "rejected");
-              if (!rejected.length)
-                return "";
-              return flatten(rejected.map((res) => res.reason));
-            });
-          }
-        },
-        ...tempValidator ? arrayed(tempValidator) : []
-      ];
-    });
-  }
-  return { bindDeepValidate };
-}
-
-export { useDeepValidate };
+export { useDeepValidate } from './useDeepValidate2.js';

package/es/components/form-render/src/components/renderer/jsonCombination/hooks/useDeepValidate2.js

@@ -0,0 +1,33 @@
+import { isField } from '@formily/core';
+import { flatten } from 'lodash-es';
+import { onMounted } from 'vue';
+import '../../../../../index2.js';
+import { arrayed } from '../../../../utils/index.js';
+import { useFormField } from '../../../../hooks/useFormField2.js';
+
+function useDeepValidate() {
+  function bindDeepValidate(formRenderRefs) {
+    const { field } = useFormField();
+    onMounted(() => {
+      if (!isField(field.value))
+        return;
+      const tempValidator = field.value.validator;
+      field.value.validator = [
+        {
+          async validator() {
+            return Promise.allSettled(formRenderRefs.value.map((formRenderRef) => formRenderRef.validate())).then((resultList) => {
+              const rejected = resultList.filter((res) => res.status === "rejected");
+              if (!rejected.length)
+                return "";
+              return flatten(rejected.map((res) => res.reason));
+            });
+          }
+        },
+        ...tempValidator ? arrayed(tempValidator) : []
+      ];
+    });
+  }
+  return { bindDeepValidate };
+}
+
+export { useDeepValidate };

package/es/components/form-render/src/components/renderer/jsonCombination/index.js

@@ -3,13 +3,13 @@ import { isField } from '@formily/core';
 import { Path } from '@formily/path';
 import { AddCircleOutline, RemoveCircle } from '@vicons/ionicons5';
 import { isNumber, isArray, isEqual } from 'lodash-es';
-import { useDeepValidate } from './hooks/useDeepValidate.js';
+import { useDeepValidate } from './hooks/useDeepValidate2.js';
 import { formRenderLog, mergeDeepProperties } from '../../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { useDebounceFn, isObject } from '@vueuse/core';
 import { NButton, NIcon } from 'naive-ui';
 import script$1 from '../../../FormRender.js';
-import { assignUpdateValue } from '../../../utils/schema.js';
+import { assignUpdateValue } from '../../../utils/schema2.js';
 
 const script = defineComponent({
   name: "FormJsonCombination",

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

@@ -1,9 +1,9 @@
 import { defineComponent, ref, inject, createVNode } from 'vue';
 import { connect, mapProps } from '@formily/vue';
 import { NDivider, NCollapseTransition } from 'naive-ui';
-import '../../../index.js';
-import { InjectionFormItemDepsCollector, FormItemLineBarDepKeyPrepend } from '../../constants/index.js';
-import { useFormField } from '../../hooks/useFormField.js';
+import '../../../index2.js';
+import { InjectionFormItemDepsCollector, FormItemLineBarDepKeyPrepend } from '../../constants/index2.js';
+import { useFormField } from '../../hooks/useFormField2.js';
 
 const script = defineComponent({
   name: "FormCollapse",

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

@@ -5,7 +5,7 @@ import { NRadioGroup, NSpace, NRadio } from 'naive-ui';
 import '@formily/path';
 import '@vue/shared';
 import 'date-fns';
-import { assignUpdateValue, assignValueBindKey } from '../../utils/schema.js';
+import { assignUpdateValue, assignValueBindKey } from '../../utils/schema2.js';
 
 const script = defineComponent({
   props: {

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

@@ -1,12 +1,12 @@
 import { defineComponent, computed, ref, inject, nextTick, watch, createVNode } from 'vue';
 import { isField } from '@formily/core';
 import { cloneDeep, isEqual, isString } from 'lodash-es';
-import { useCommonInjection } from '../../hooks/useCommonInjection.js';
-import { InjectAsyncQueue, InjectionChangeContextCollector, InjectionFormItemDepsCollector } from '../../constants/index.js';
+import { useCommonInjection } from '../../hooks/useCommonInjection2.js';
+import { InjectAsyncQueue, InjectionChangeContextCollector, InjectionFormItemDepsCollector } from '../../constants/index2.js';
 import '@vueuse/core';
-import '../../../index.js';
+import '../../../index2.js';
 import { formRenderLog } from '../../utils/index.js';
-import { useFormField } from '../../hooks/useFormField.js';
+import { useFormField } from '../../hooks/useFormField2.js';
 import '../../../../../shared/utils/tapable/SyncHook.js';
 import '../../../../../shared/utils/tapable/SyncBailHook.js';
 import '../../../../../shared/utils/tapable/SyncWaterfallHook.js';
@@ -24,7 +24,7 @@ import './formItem.js';
 import './textarea.js';
 import './inputNumber.js';
 import './linebar.js';
-import './inputGroup.js';
+import './inputGroup2.js';
 import './date.js';
 import './cascader.js';
 import './jsonCombination/index.js';
@@ -37,7 +37,7 @@ import './slider.js';
 import './complex.js';
 import './simpleComponent.js';
 import { NSelect } from 'naive-ui';
-import { assignUpdateValue, assignValueBindKey, traverseDependKey } from '../../utils/schema.js';
+import { assignUpdateValue, assignValueBindKey, traverseDependKey } from '../../utils/schema2.js';
 
 const script = defineComponent({
   name: "FormSelect",

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

@@ -2,7 +2,7 @@ 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, assignValueBindKey } from '../../utils/schema.js';
+import { assignUpdateValue, assignValueBindKey } from '../../utils/schema2.js';
 
 const script = defineComponent({
   props: {

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

@@ -4,7 +4,7 @@ import '@formily/path';
 import '@vue/shared';
 import 'lodash-es';
 import 'date-fns';
-import { assignUpdateValue, assignValueBindKey } from '../../utils/schema.js';
+import { assignUpdateValue, assignValueBindKey } from '../../utils/schema2.js';
 import { connect, mapProps } from '@formily/vue';
 
 const script = defineComponent({

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

@@ -1,10 +1,10 @@
 import { defineComponent, computed, createVNode } from 'vue';
-import { useCommonInjection } from '../../hooks/useCommonInjection.js';
+import { useCommonInjection } from '../../hooks/useCommonInjection2.js';
 import '@formily/path';
 import '@vue/shared';
 import 'lodash-es';
 import 'date-fns';
-import { assignUpdateValue } from '../../utils/schema.js';
+import { assignUpdateValue } from '../../utils/schema2.js';
 import { connect, mapProps } from '@formily/vue';
 import { NInput } from 'naive-ui';
 

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

@@ -1,41 +1 @@
-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 InjectionAnnotation = Symbol("InjectionAnnotation");
-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["AGE_UNIT"] = "age_unit";
-  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 || {});
-var FIELD_AGE_UNIT = /* @__PURE__ */ ((FIELD_AGE_UNIT2) => {
-  FIELD_AGE_UNIT2["DAY"] = "D";
-  FIELD_AGE_UNIT2["MONTH"] = "M";
-  FIELD_AGE_UNIT2["YEAR"] = "Y";
-  FIELD_AGE_UNIT2["HOUR"] = "H";
-  FIELD_AGE_UNIT2["WEEK"] = "W";
-  FIELD_AGE_UNIT2["MINUTE"] = "N";
-  return FIELD_AGE_UNIT2;
-})(FIELD_AGE_UNIT || {});
-
-export { FIELD_AGE_UNIT, FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectAsyncQueue, InjectionAnnotation, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField };
+export { FIELD_AGE_UNIT, FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectAsyncQueue, InjectionAnnotation, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField } from './index2.js';

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

@@ -0,0 +1,41 @@
+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 InjectionAnnotation = Symbol("InjectionAnnotation");
+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["AGE_UNIT"] = "age_unit";
+  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 || {});
+var FIELD_AGE_UNIT = /* @__PURE__ */ ((FIELD_AGE_UNIT2) => {
+  FIELD_AGE_UNIT2["DAY"] = "D";
+  FIELD_AGE_UNIT2["MONTH"] = "M";
+  FIELD_AGE_UNIT2["YEAR"] = "Y";
+  FIELD_AGE_UNIT2["HOUR"] = "H";
+  FIELD_AGE_UNIT2["WEEK"] = "W";
+  FIELD_AGE_UNIT2["MINUTE"] = "N";
+  return FIELD_AGE_UNIT2;
+})(FIELD_AGE_UNIT || {});
+
+export { FIELD_AGE_UNIT, FIELD_BUSINESS_TYPE, FIELD_SEX_VALUE, FormItemLineBarDepKeyPrepend, InjectAsyncQueue, InjectionAnnotation, InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectionFormUUID, InjectionSchemaField };

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

@@ -1,13 +1,13 @@
-export { useFieldListAdaptor } from './useFieldListAdaptor.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 { useFieldNormalize } from './useFieldNormalize.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 { 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 { useFieldNormalize } from './useFieldNormalize2.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 { useAnchor } from './useAnchor2.js';
+export { useFormContext } from './useFormContext2.js';

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

@@ -1,90 +1 @@
-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 { FormItemLineBarDepKeyPrepend } from '../constants/index.js';
-import '@formily/path';
-import '@vue/shared';
-import 'date-fns';
-import { createLinebarId, traverseSchema } from '../utils/schema.js';
-
-function useAnchor(props, scrollbarRef, collector) {
-  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()) || "" });
-      }
-    });
-  }
-  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(`#${createLinebarId(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 });
-        }, "easeInSine", () => setTimeout(resolve, 300));
-      });
-    } finally {
-      scrollLock = false;
-    }
-  }
-  const onScroll = useDebounceFn(function() {
-    var _a;
-    if (scrollLock || !scrollbarRef.value)
-      return;
-    const { scrollTop, clientHeight } = scrollbarRef.value;
-    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 + clientHeight / 2;
-    }) || anchorIdList.value[anchorIdList.value.length - 1];
-    __currentAnchor.value = (_a = result == null ? void 0 : result.name) != null ? _a : "";
-  }, 300);
-  watch(anchorIdList, (_anchorIdList) => {
-    var _a, _b;
-    __currentAnchor.value = (_b = (_a = _anchorIdList[0]) == null ? void 0 : _a.name) != null ? _b : "";
-  }, { deep: true, immediate: true });
-  const currentAnchor = computed({
-    get() {
-      return __currentAnchor.value;
-    },
-    async set(id) {
-      __currentAnchor.value = id;
-      await new Promise((resolve) => setTimeout(resolve, 100));
-      await scrollTo(id);
-    }
-  });
-  return {
-    currentAnchor,
-    onScroll,
-    formHeight,
-    anchorIdList,
-    generateAnchorList,
-    scrollbarRef,
-    scrollTo
-  };
-}
-
-export { useAnchor };
+export { useAnchor } from './useAnchor2.js';

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

@@ -0,0 +1,90 @@
+import { doAnimation } from '../../../../shared/utils/anime2.js';
+import { useDebounceFn } from '@vueuse/core';
+import { isNumber } from 'lodash-es';
+import { ref, computed, watch, nextTick } from 'vue';
+import { FormItemLineBarDepKeyPrepend } from '../constants/index2.js';
+import '@formily/path';
+import '@vue/shared';
+import 'date-fns';
+import { createLinebarId, traverseSchema } from '../utils/schema2.js';
+
+function useAnchor(props, scrollbarRef, collector) {
+  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()) || "" });
+      }
+    });
+  }
+  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(`#${createLinebarId(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 });
+        }, "easeInSine", () => setTimeout(resolve, 300));
+      });
+    } finally {
+      scrollLock = false;
+    }
+  }
+  const onScroll = useDebounceFn(function() {
+    var _a;
+    if (scrollLock || !scrollbarRef.value)
+      return;
+    const { scrollTop, clientHeight } = scrollbarRef.value;
+    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 + clientHeight / 2;
+    }) || anchorIdList.value[anchorIdList.value.length - 1];
+    __currentAnchor.value = (_a = result == null ? void 0 : result.name) != null ? _a : "";
+  }, 300);
+  watch(anchorIdList, (_anchorIdList) => {
+    var _a, _b;
+    __currentAnchor.value = (_b = (_a = _anchorIdList[0]) == null ? void 0 : _a.name) != null ? _b : "";
+  }, { deep: true, immediate: true });
+  const currentAnchor = computed({
+    get() {
+      return __currentAnchor.value;
+    },
+    async set(id) {
+      __currentAnchor.value = id;
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      await scrollTo(id);
+    }
+  });
+  return {
+    currentAnchor,
+    onScroll,
+    formHeight,
+    anchorIdList,
+    generateAnchorList,
+    scrollbarRef,
+    scrollTo
+  };
+}
+
+export { useAnchor };