npm - cnhis-design-vue - Versions diffs - 3.1.40-beta.7 → 3.1.40-beta.8 - Mend

cnhis-design-vue 3.1.40-beta.7 → 3.1.40-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts CHANGED Viewed

@@ -2004,18 +2004,30 @@ declare const _default: import("vue").DefineComponent<{
             }>>;
             emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
+            formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+            formHeight: import("vue").ComputedRef<string>;
+            SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+            businessCollector: import("../../../../../es/components/form-render").BusinessCollector;
+            formItemDepsCollector: import("../../../../../es/components/form-render").FormItemDepsCollector;
+            changeContextCollector: import("../../../../../es/components/form-render").ContextCollector;
+            formUUID: string;
+            anchorBarRef: import("vue").Ref<{
+                syncBarPosition: import("../../../../../es/shared/types").Func<any[], any>;
+            } | undefined>;
+            currentAnchor: import("vue").WritableComputedRef<string>;
+            generateAnchorList: (formModel: import("../../../../../es/components/form-render").Form<any>) => Promise<void>;
+            updateAnchorList: (field: import("../../../../../es/components/form-render").GeneralField) => void;
+            anchorIdList: import("vue").Ref<{
+                name: string;
+                title: string;
+            }[]>;
+            onScroll: (scrollEvent: Event) => void;
             triggerAutoHidden: (field: import("../../../../../es/components/form-render").GeneralField) => Promise<void>;
             formModel: import("../../../../../es/components/form-render").Form<{
                 [x: string]: any;
             }>;
             lowCodeReactionsHandler: (field: string, value: unknown) => void;
             triggerAllReactionsHandler: () => void;
-            SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-            businessCollector: import("../../../../../es/components/form-render").BusinessCollector;
-            formItemDepsCollector: import("../../../../../es/components/form-render").FormItemDepsCollector;
-            changeContextCollector: import("../../../../../es/components/form-render").ContextCollector;
-            formUUID: string;
-            formRenderRef: import("vue").Ref<HTMLElement | undefined>;
             schemaAdaptor: (fieldList: FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -2131,70 +2143,6 @@ declare const _default: import("vue").DefineComponent<{
                 "x-read-pretty"?: boolean | undefined;
                 "x-compile-omitted"?: string[] | undefined;
             }>>;
-            currentAnchor: import("vue").WritableComputedRef<string>;
-            generateAnchorList: (schema: import("@formily/json-schema").Stringify<{
-                [key: symbol]: any;
-                [key: `x-${string}`]: any;
-                [key: `x-${number}`]: any;
-                version?: string | undefined;
-                name?: import("@formily/json-schema").SchemaKey | undefined;
-                title?: any;
-                description?: any;
-                default?: any;
-                readOnly?: boolean | undefined;
-                writeOnly?: boolean | undefined;
-                type?: import("@formily/json-schema").SchemaTypes | undefined;
-                enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
-                const?: any;
-                multipleOf?: number | undefined;
-                maximum?: number | undefined;
-                exclusiveMaximum?: number | undefined;
-                minimum?: number | undefined;
-                exclusiveMinimum?: number | undefined;
-                maxLength?: number | undefined;
-                minLength?: number | undefined;
-                pattern?: string | RegExp | undefined;
-                maxItems?: number | undefined;
-                minItems?: number | undefined;
-                uniqueItems?: boolean | undefined;
-                maxProperties?: number | undefined;
-                minProperties?: number | undefined;
-                required?: string | boolean | string[] | undefined;
-                format?: string | undefined;
-                $ref?: string | undefined;
-                $namespace?: string | undefined;
-                definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
-                additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
-                patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-                additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
-                "x-value"?: any;
-                "x-index"?: number | undefined;
-                "x-pattern"?: any;
-                "x-display"?: any;
-                "x-validator"?: any;
-                "x-decorator"?: any;
-                "x-decorator-props"?: any;
-                "x-component"?: any;
-                "x-component-props"?: any;
-                "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
-                "x-content"?: any;
-                "x-data"?: any;
-                "x-visible"?: boolean | undefined;
-                "x-hidden"?: boolean | undefined;
-                "x-disabled"?: boolean | undefined;
-                "x-editable"?: boolean | undefined;
-                "x-read-only"?: boolean | undefined;
-                "x-read-pretty"?: boolean | undefined;
-                "x-compile-omitted"?: string[] | undefined;
-            }>) => void;
-            anchorIdList: import("vue").Ref<{
-                name: string;
-                title: string;
-            }[]>;
-            formHeight: import("vue").ComputedRef<string | undefined>;
-            onScroll: (scrollEvent: Event) => void;
             onKeydown: (event: KeyboardEvent) => void;
             clearSpan: (uuid: string) => void;
             exposeEvent: {
@@ -2234,6 +2182,7 @@ declare const _default: import("vue").DefineComponent<{
                     editable: boolean;
                     component: import("../../../../../es/components/form-render").FieldComponent<any, any>;
                     decorator: import("../../../../../es/components/form-render").FieldDecorator<any, any>;
+                    readPretty: boolean;
                     validating: boolean;
                     submitting: boolean;
                     visited: boolean;
@@ -2277,7 +2226,6 @@ declare const _default: import("vue").DefineComponent<{
                     designable: boolean;
                     locate: (address: import("@formily/path").Pattern) => void;
                     readonly parent: import("../../../../../es/components/form-render").GeneralField;
-                    readPretty: boolean;
                     setTitle: (title?: string | undefined) => void;
                     setDescription: (description?: string | undefined) => void;
                     setDisplay: (type?: import("../../../../../es/components/form-render").FieldDisplayTypes | undefined) => void;

package/es/components/form-render/index.d.ts CHANGED Viewed

@@ -270,18 +270,30 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         }>>;
         emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
+        formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+        formHeight: import("vue").ComputedRef<string>;
+        SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        businessCollector: import("./src/hooks").BusinessCollector;
+        formItemDepsCollector: import("./src/hooks").FormItemDepsCollector;
+        changeContextCollector: import("./src/hooks").ContextCollector;
+        formUUID: string;
+        anchorBarRef: import("vue").Ref<{
+            syncBarPosition: import("../../../es/shared/types").Func<any[], any>;
+        } | undefined>;
+        currentAnchor: import("vue").WritableComputedRef<string>;
+        generateAnchorList: (formModel: import("@formily/core/esm/models/Form").Form<any>) => Promise<void>;
+        updateAnchorList: (field: import("@formily/core/esm/types").GeneralField) => void;
+        anchorIdList: import("vue").Ref<{
+            name: string;
+            title: string;
+        }[]>;
+        onScroll: (scrollEvent: Event) => void;
         triggerAutoHidden: (field: import("@formily/core/esm/types").GeneralField) => Promise<void>;
         formModel: import("@formily/core/esm/models/Form").Form<{
             [x: string]: any;
         }>;
         lowCodeReactionsHandler: (field: string, value: unknown) => void;
         triggerAllReactionsHandler: () => void;
-        SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-        businessCollector: import("./src/hooks").BusinessCollector;
-        formItemDepsCollector: import("./src/hooks").FormItemDepsCollector;
-        changeContextCollector: import("./src/hooks").ContextCollector;
-        formUUID: string;
-        formRenderRef: import("vue").Ref<HTMLElement | undefined>;
         schemaAdaptor: (fieldList: import("./src/types").FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -397,70 +409,6 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             "x-read-pretty"?: boolean | undefined;
             "x-compile-omitted"?: string[] | undefined;
         }>>;
-        currentAnchor: import("vue").WritableComputedRef<string>;
-        generateAnchorList: (schema: import("@formily/json-schema").Stringify<{
-            [key: symbol]: any;
-            [key: `x-${string}`]: any;
-            [key: `x-${number}`]: any;
-            version?: string | undefined;
-            name?: import("@formily/json-schema").SchemaKey | undefined;
-            title?: any;
-            description?: any;
-            default?: any;
-            readOnly?: boolean | undefined;
-            writeOnly?: boolean | undefined;
-            type?: import("@formily/json-schema").SchemaTypes | undefined;
-            enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
-            const?: any;
-            multipleOf?: number | undefined;
-            maximum?: number | undefined;
-            exclusiveMaximum?: number | undefined;
-            minimum?: number | undefined;
-            exclusiveMinimum?: number | undefined;
-            maxLength?: number | undefined;
-            minLength?: number | undefined;
-            pattern?: string | RegExp | undefined;
-            maxItems?: number | undefined;
-            minItems?: number | undefined;
-            uniqueItems?: boolean | undefined;
-            maxProperties?: number | undefined;
-            minProperties?: number | undefined;
-            required?: string | boolean | string[] | undefined;
-            format?: string | undefined;
-            $ref?: string | undefined;
-            $namespace?: string | undefined;
-            definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-            properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-            items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
-            additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
-            patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-            additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
-            "x-value"?: any;
-            "x-index"?: number | undefined;
-            "x-pattern"?: any;
-            "x-display"?: any;
-            "x-validator"?: any;
-            "x-decorator"?: any;
-            "x-decorator-props"?: any;
-            "x-component"?: any;
-            "x-component-props"?: any;
-            "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
-            "x-content"?: any;
-            "x-data"?: any;
-            "x-visible"?: boolean | undefined;
-            "x-hidden"?: boolean | undefined;
-            "x-disabled"?: boolean | undefined;
-            "x-editable"?: boolean | undefined;
-            "x-read-only"?: boolean | undefined;
-            "x-read-pretty"?: boolean | undefined;
-            "x-compile-omitted"?: string[] | undefined;
-        }>) => void;
-        anchorIdList: import("vue").Ref<{
-            name: string;
-            title: string;
-        }[]>;
-        formHeight: import("vue").ComputedRef<string | undefined>;
-        onScroll: (scrollEvent: Event) => void;
         onKeydown: (event: KeyboardEvent) => void;
         clearSpan: (uuid: string) => void;
         exposeEvent: {
@@ -500,6 +448,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 editable: boolean;
                 component: import("@formily/core/esm/types").FieldComponent<any, any>;
                 decorator: import("@formily/core/esm/types").FieldDecorator<any, any>;
+                readPretty: boolean;
                 validating: boolean;
                 submitting: boolean;
                 visited: boolean;
@@ -543,7 +492,6 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 designable: boolean;
                 locate: (address: import("@formily/path").Pattern) => void;
                 readonly parent: import("@formily/core/esm/types").GeneralField;
-                readPretty: boolean;
                 setTitle: (title?: string | undefined) => void;
                 setDescription: (description?: string | undefined) => void;
                 setDisplay: (type?: import("@formily/core/esm/types").FieldDisplayTypes | undefined) => void;

package/es/components/form-render/src/FormRender.vue.d.ts CHANGED Viewed

@@ -264,18 +264,30 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
     nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
+    formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+    formHeight: import("vue").ComputedRef<string>;
+    SchemaField: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    businessCollector: import("./hooks").BusinessCollector;
+    formItemDepsCollector: import("./hooks").FormItemDepsCollector;
+    changeContextCollector: import("./hooks").ContextCollector;
+    formUUID: string;
+    anchorBarRef: import("vue").Ref<{
+        syncBarPosition: import("../../../../es/shared/types").Func<any[], any>;
+    } | undefined>;
+    currentAnchor: import("vue").WritableComputedRef<string>;
+    generateAnchorList: (formModel: import("@formily/core").Form<any>) => Promise<void>;
+    updateAnchorList: (field: import("@formily/core").GeneralField) => void;
+    anchorIdList: import("vue").Ref<{
+        name: string;
+        title: string;
+    }[]>;
+    onScroll: (scrollEvent: Event) => void;
     triggerAutoHidden: (field: import("@formily/core").GeneralField) => Promise<void>;
     formModel: import("@formily/core").Form<{
         [x: string]: any;
     }>;
     lowCodeReactionsHandler: (field: string, value: unknown) => void;
     triggerAllReactionsHandler: () => void;
-    SchemaField: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-    businessCollector: import("./hooks").BusinessCollector;
-    formItemDepsCollector: import("./hooks").FormItemDepsCollector;
-    changeContextCollector: import("./hooks").ContextCollector;
-    formUUID: string;
-    formRenderRef: import("vue").Ref<HTMLElement | undefined>;
     schemaAdaptor: (fieldList: FieldItem[]) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
@@ -391,70 +403,6 @@ declare const _default: import("vue").DefineComponent<{
         "x-read-pretty"?: boolean | undefined;
         "x-compile-omitted"?: string[] | undefined;
     }>>;
-    currentAnchor: import("vue").WritableComputedRef<string>;
-    generateAnchorList: (schema: import("@formily/vue").Stringify<{
-        [key: symbol]: any;
-        [key: `x-${string}`]: any;
-        [key: `x-${number}`]: any;
-        version?: string | undefined;
-        name?: import("@formily/vue").SchemaKey | undefined;
-        title?: any;
-        description?: any;
-        default?: any;
-        readOnly?: boolean | undefined;
-        writeOnly?: boolean | undefined;
-        type?: import("@formily/vue").SchemaTypes | undefined;
-        enum?: import("@formily/vue").SchemaEnum<any> | undefined;
-        const?: any;
-        multipleOf?: number | undefined;
-        maximum?: number | undefined;
-        exclusiveMaximum?: number | undefined;
-        minimum?: number | undefined;
-        exclusiveMinimum?: number | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        pattern?: string | RegExp | undefined;
-        maxItems?: number | undefined;
-        minItems?: number | undefined;
-        uniqueItems?: boolean | undefined;
-        maxProperties?: number | undefined;
-        minProperties?: number | undefined;
-        required?: string | boolean | string[] | undefined;
-        format?: string | undefined;
-        $ref?: string | undefined;
-        $namespace?: string | undefined;
-        definitions?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-        properties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-        items?: import("@formily/vue").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
-        additionalItems?: import("@formily/vue").Stringify<any> | undefined;
-        patternProperties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-        additionalProperties?: import("@formily/vue").Stringify<any> | undefined;
-        "x-value"?: any;
-        "x-index"?: number | undefined;
-        "x-pattern"?: any;
-        "x-display"?: any;
-        "x-validator"?: any;
-        "x-decorator"?: any;
-        "x-decorator-props"?: any;
-        "x-component"?: any;
-        "x-component-props"?: any;
-        "x-reactions"?: import("@formily/vue").SchemaReactions<any> | undefined;
-        "x-content"?: any;
-        "x-data"?: any;
-        "x-visible"?: boolean | undefined;
-        "x-hidden"?: boolean | undefined;
-        "x-disabled"?: boolean | undefined;
-        "x-editable"?: boolean | undefined;
-        "x-read-only"?: boolean | undefined;
-        "x-read-pretty"?: boolean | undefined;
-        "x-compile-omitted"?: string[] | undefined;
-    }>) => void;
-    anchorIdList: import("vue").Ref<{
-        name: string;
-        title: string;
-    }[]>;
-    formHeight: import("vue").ComputedRef<string | undefined>;
-    onScroll: (scrollEvent: Event) => void;
     onKeydown: (event: KeyboardEvent) => void;
     clearSpan: (uuid: string) => void;
     exposeEvent: {
@@ -494,6 +442,7 @@ declare const _default: import("vue").DefineComponent<{
             editable: boolean;
             component: import("@formily/core").FieldComponent<any, any>;
             decorator: import("@formily/core").FieldDecorator<any, any>;
+            readPretty: boolean;
             validating: boolean;
             submitting: boolean;
             visited: boolean;
@@ -537,7 +486,6 @@ declare const _default: import("vue").DefineComponent<{
             designable: boolean;
             locate: (address: import("@formily/path").Pattern) => void;
             readonly parent: import("@formily/core").GeneralField;
-            readPretty: boolean;
             setTitle: (title?: string | undefined) => void;
             setDescription: (description?: string | undefined) => void;
             setDisplay: (type?: import("@formily/core").FieldDisplayTypes | undefined) => void;

package/es/components/form-render/src/FormRender.vue.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { defineComponent, computed, onMounted, ref, watch, onUnmounted, openBlock, createBlock, unref, withCtx, createElementBlock, createVNode, isRef, Fragment, renderList, createCommentVNode, createElementVNode, normalizeStyle, withKeys, withModifiers, toDisplayString } from 'vue';
+import { defineComponent, ref, computed, onMounted, onUnmounted, openBlock, createBlock, unref, withCtx, createElementBlock, createVNode, isRef, Fragment, renderList, createCommentVNode, createElementVNode, normalizeStyle, withKeys, withModifiers, toDisplayString } from 'vue';
 import { createForm, onFieldValueChange, onFieldReact, onFormMount } from '@formily/core';
 import { FormProvider, FormConsumer } from '@formily/vue';
-import { cloneDeep } from 'lodash-es';
+import { isNumber, cloneDeep } from 'lodash-es';
 import { NForm, NTabs, NTabPane, NConfigProvider } from 'naive-ui';
 import { useAutoHidden } from './hooks/useAutoHidden.js';
 import { useComplexOptionsSpan } from './hooks/useComplexOptions.js';
@@ -78,14 +78,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { nuiThemeOverrides } = useNuiThemeOverrides();
     validateMessageLocale();
+    const formRenderRef = ref();
+    const formHeight = computed(() => {
+      if (isNumber(props.maxHeight))
+        return props.maxHeight + "px";
+      return props.maxHeight;
+    });
+    const { SchemaField, businessCollector, formItemDepsCollector, changeContextCollector, formUUID } = useFormContext(
+      props,
+      emit
+    );
+    const { anchorBarRef, currentAnchor, generateAnchorList, updateAnchorList, anchorIdList, onScroll } = useAnchor(
+      props,
+      emit,
+      formRenderRef,
+      formItemDepsCollector
+    );
     useFormRenderLifeCycle(props).callLifeCycle("onSetup");
     const { trigger: triggerAutoHidden } = useAutoHidden();
     const formModel = createForm({
       initialValues: props.initialData,
-      effects() {
+      effects(_formModel) {
         onFieldValueChange("*", (field) => {
           const fieldKey = field.props.name.toString();
-          businessCollector.trigger(fieldKey);
+          businessCollector.trigger(_formModel, fieldKey);
           formItemDepsCollector.trigger(fieldKey);
           emit("formChange", {
             fieldInstance: field,
@@ -96,10 +112,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           });
           lowCodeReactionsHandler(fieldKey, field.value);
         });
-        if (!props.linebarAutoHidden)
-          return;
-        onFieldReact("*", triggerAutoHidden);
-        onFormMount((formModel2) => formModel2.query("*").forEach(triggerAutoHidden));
+        if (props.linebarAutoHidden) {
+          onFieldReact("*", triggerAutoHidden);
+          onFormMount((formModel2) => formModel2.query("*").forEach(triggerAutoHidden));
+        }
+        if (props.anchor) {
+          onFieldReact("*", updateAnchorList);
+          onFormMount(generateAnchorList);
+        }
       }
     });
     const { lowCodeReactionsHandler, triggerAllReactionsHandler } = useLowCodeReactions(
@@ -107,12 +127,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       formModel
     );
     onMounted(triggerAllReactionsHandler);
-    const { SchemaField, businessCollector, formItemDepsCollector, changeContextCollector, formUUID } = useFormContext(
-      props,
-      formModel,
-      emit
-    );
-    const formRenderRef = ref();
     const { schemaAdaptor } = useFieldListAdaptor(businessCollector);
     let _fieldList = props.fieldList || [];
     const parsedSchema = computed(() => {
@@ -125,13 +139,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return createObjSchema({});
     });
-    const { currentAnchor, generateAnchorList, anchorIdList, formHeight, onScroll } = useAnchor(
-      props,
-      emit,
-      formRenderRef,
-      formItemDepsCollector
-    );
-    watch(parsedSchema, generateAnchorList, { immediate: true });
     const { onKeydown } = useFormDomEvent({ formModel, formRenderRef, props });
     const { clearSpan } = useComplexOptionsSpan();
     onUnmounted(() => clearSpan(formUUID));
@@ -176,7 +183,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(NTabs), {
               value: unref(currentAnchor),
               "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(currentAnchor) ? currentAnchor.value = $event : null),
-              type: "line"
+              type: "line",
+              ref_key: "anchorBarRef",
+              ref: anchorBarRef
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(anchorIdList), (anchor) => {

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

@@ -267,18 +267,30 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>>;
         emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
+        formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+        formHeight: import("vue").ComputedRef<string>;
+        SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        businessCollector: import("../../../../es/components/form-render").BusinessCollector;
+        formItemDepsCollector: import("../../../../es/components/form-render").FormItemDepsCollector;
+        changeContextCollector: import("../../../../es/components/form-render").ContextCollector;
+        formUUID: string;
+        anchorBarRef: import("vue").Ref<{
+            syncBarPosition: import("../../../shared/types").Func<any[], any>;
+        } | undefined>;
+        currentAnchor: import("vue").WritableComputedRef<string>;
+        generateAnchorList: (formModel: import("../../../../es/components/form-render").Form<any>) => Promise<void>;
+        updateAnchorList: (field: import("../../../../es/components/form-render").GeneralField) => void;
+        anchorIdList: import("vue").Ref<{
+            name: string;
+            title: string;
+        }[]>;
+        onScroll: (scrollEvent: Event) => void;
         triggerAutoHidden: (field: import("../../../../es/components/form-render").GeneralField) => Promise<void>;
         formModel: import("../../../../es/components/form-render").Form<{
             [x: string]: any;
         }>;
         lowCodeReactionsHandler: (field: string, value: unknown) => void;
         triggerAllReactionsHandler: () => void;
-        SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-        businessCollector: import("../../../../es/components/form-render").BusinessCollector;
-        formItemDepsCollector: import("../../../../es/components/form-render").FormItemDepsCollector;
-        changeContextCollector: import("../../../../es/components/form-render").ContextCollector;
-        formUUID: string;
-        formRenderRef: import("vue").Ref<HTMLElement | undefined>;
         schemaAdaptor: (fieldList: import("../../../../es/components/form-render").FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -394,70 +406,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             "x-read-pretty"?: boolean | undefined;
             "x-compile-omitted"?: string[] | undefined;
         }>>;
-        currentAnchor: import("vue").WritableComputedRef<string>;
-        generateAnchorList: (schema: import("@formily/json-schema").Stringify<{
-            [key: symbol]: any;
-            [key: `x-${string}`]: any;
-            [key: `x-${number}`]: any;
-            version?: string | undefined;
-            name?: import("@formily/json-schema").SchemaKey | undefined;
-            title?: any;
-            description?: any;
-            default?: any;
-            readOnly?: boolean | undefined;
-            writeOnly?: boolean | undefined;
-            type?: import("@formily/json-schema").SchemaTypes | undefined;
-            enum?: import("@formily/json-schema").SchemaEnum<any> | undefined;
-            const?: any;
-            multipleOf?: number | undefined;
-            maximum?: number | undefined;
-            exclusiveMaximum?: number | undefined;
-            minimum?: number | undefined;
-            exclusiveMinimum?: number | undefined;
-            maxLength?: number | undefined;
-            minLength?: number | undefined;
-            pattern?: string | RegExp | undefined;
-            maxItems?: number | undefined;
-            minItems?: number | undefined;
-            uniqueItems?: boolean | undefined;
-            maxProperties?: number | undefined;
-            minProperties?: number | undefined;
-            required?: string | boolean | string[] | undefined;
-            format?: string | undefined;
-            $ref?: string | undefined;
-            $namespace?: string | undefined;
-            definitions?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-            properties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-            items?: import("@formily/json-schema").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
-            additionalItems?: import("@formily/json-schema").Stringify<any> | undefined;
-            patternProperties?: import("@formily/json-schema").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-            additionalProperties?: import("@formily/json-schema").Stringify<any> | undefined;
-            "x-value"?: any;
-            "x-index"?: number | undefined;
-            "x-pattern"?: any;
-            "x-display"?: any;
-            "x-validator"?: any;
-            "x-decorator"?: any;
-            "x-decorator-props"?: any;
-            "x-component"?: any;
-            "x-component-props"?: any;
-            "x-reactions"?: import("@formily/json-schema").SchemaReactions<any> | undefined;
-            "x-content"?: any;
-            "x-data"?: any;
-            "x-visible"?: boolean | undefined;
-            "x-hidden"?: boolean | undefined;
-            "x-disabled"?: boolean | undefined;
-            "x-editable"?: boolean | undefined;
-            "x-read-only"?: boolean | undefined;
-            "x-read-pretty"?: boolean | undefined;
-            "x-compile-omitted"?: string[] | undefined;
-        }>) => void;
-        anchorIdList: import("vue").Ref<{
-            name: string;
-            title: string;
-        }[]>;
-        formHeight: import("vue").ComputedRef<string | undefined>;
-        onScroll: (scrollEvent: Event) => void;
         onKeydown: (event: KeyboardEvent) => void;
         clearSpan: (uuid: string) => void;
         exposeEvent: {
@@ -497,6 +445,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 editable: boolean;
                 component: import("../../../../es/components/form-render").FieldComponent<any, any>;
                 decorator: import("../../../../es/components/form-render").FieldDecorator<any, any>;
+                readPretty: boolean;
                 validating: boolean;
                 submitting: boolean;
                 visited: boolean;
@@ -540,7 +489,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                 designable: boolean;
                 locate: (address: import("@formily/path").Pattern) => void;
                 readonly parent: import("../../../../es/components/form-render").GeneralField;
-                readPretty: boolean;
                 setTitle: (title?: string | undefined) => void;
                 setDescription: (description?: string | undefined) => void;
                 setDisplay: (type?: import("../../../../es/components/form-render").FieldDisplayTypes | undefined) => void;

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

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

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

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

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

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