cnhis-design-vue 3.1.40-beta.1 → 3.1.40-beta.10

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

@@ -1866,6 +1866,9 @@ declare const _default: import("vue").DefineComponent<{
             lowCodeReactions: {
                 type: import("vue").PropType<import("../../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
             };
+            linebarAutoHidden: {
+                type: BooleanConstructor;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
@@ -1991,6 +1994,9 @@ declare const _default: import("vue").DefineComponent<{
                 lowCodeReactions: {
                     type: import("vue").PropType<import("../../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
                 };
+                linebarAutoHidden: {
+                    type: BooleanConstructor;
+                };
             }>> & {
                 onFormChange?: ((...args: any[]) => any) | undefined;
                 onScroll?: ((...args: any[]) => any) | undefined;
@@ -1998,17 +2004,30 @@ declare const _default: import("vue").DefineComponent<{
             }>>;
             emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-            formModel: import("../../../../../es/components/form-render").Form<{
-                [x: string]: any;
-            }>;
-            lowCodeReactionsHandler: (field: string, value: unknown) => void;
-            triggerAllReactionsHandler: () => void;
+            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;
-            formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+            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;
             schemaAdaptor: (fieldList: FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
                 [key: `x-${string}`]: any;
@@ -2124,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: {
@@ -2216,17 +2171,19 @@ declare const _default: import("vue").DefineComponent<{
                     content: any;
                     hidden: boolean;
                     active: boolean;
+                    dataSource: import("../../../../../es/components/form-render").FieldDataSource;
+                    description: string;
+                    display: import("../../../../../es/components/form-render").FieldDisplayTypes;
                     mounted: boolean;
                     readonly destroyed: boolean;
                     unmounted: boolean;
                     componentProps: Record<string, any>;
                     decoratorProps: Record<string, any>;
-                    display: import("../../../../../es/components/form-render").FieldDisplayTypes;
-                    description: string;
                     readOnly: boolean;
                     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;
@@ -2234,7 +2191,6 @@ declare const _default: import("vue").DefineComponent<{
                     modified: boolean;
                     inputValue: string;
                     inputValues: any[];
-                    dataSource: import("../../../../../es/components/form-render").FieldDataSource;
                     feedbacks: import("../../../../../es/components/form-render").IFieldFeedback[];
                     caches: import("../../../../../es/components/form-render").IFieldCaches;
                     selfErrors: import("../../../../../es/components/form-render").FeedbackMessage;
@@ -2270,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;
@@ -2478,6 +2433,9 @@ declare const _default: import("vue").DefineComponent<{
             lowCodeReactions: {
                 type: import("vue").PropType<import("../../../../../es/components/form-render").FormLowCodeReactions.Config[]>;
             };
+            linebarAutoHidden: {
+                type: BooleanConstructor;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -2492,6 +2450,7 @@ declare const _default: import("vue").DefineComponent<{
             scope: import("../../../../../es/shared/types").AnyObject;
             consumer: boolean;
             enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+            linebarAutoHidden: boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -132,6 +132,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         lowCodeReactions: {
             type: import("vue").PropType<import("./src/types").FormLowCodeReactions.Config[]>;
         };
+        linebarAutoHidden: {
+            type: BooleanConstructor;
+        };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
@@ -257,6 +260,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             lowCodeReactions: {
                 type: import("vue").PropType<import("./src/types").FormLowCodeReactions.Config[]>;
             };
+            linebarAutoHidden: {
+                type: BooleanConstructor;
+            };
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
@@ -264,17 +270,30 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         }>>;
         emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-        formModel: import("@formily/core/esm/models/Form").Form<{
-            [x: string]: any;
-        }>;
-        lowCodeReactionsHandler: (field: string, value: unknown) => void;
-        triggerAllReactionsHandler: () => void;
+        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;
-        formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+        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;
         schemaAdaptor: (fieldList: import("./src/types").FieldItem[]) => Record<string, import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
             [key: `x-${string}`]: any;
@@ -390,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: {
@@ -482,17 +437,19 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 content: any;
                 hidden: boolean;
                 active: boolean;
+                dataSource: import("@formily/core/esm/types").FieldDataSource;
+                description: string;
+                display: import("@formily/core/esm/types").FieldDisplayTypes;
                 mounted: boolean;
                 readonly destroyed: boolean;
                 unmounted: boolean;
                 componentProps: Record<string, any>;
                 decoratorProps: Record<string, any>;
-                display: import("@formily/core/esm/types").FieldDisplayTypes;
-                description: string;
                 readOnly: boolean;
                 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;
@@ -500,7 +457,6 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 modified: boolean;
                 inputValue: string;
                 inputValues: any[];
-                dataSource: import("@formily/core/esm/types").FieldDataSource;
                 feedbacks: import("@formily/core/esm/types").IFieldFeedback[];
                 caches: import("@formily/core/esm/types").IFieldCaches;
                 selfErrors: import("@formily/core/esm/types").FeedbackMessage;
@@ -536,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;
@@ -744,6 +699,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         lowCodeReactions: {
             type: import("vue").PropType<import("./src/types").FormLowCodeReactions.Config[]>;
         };
+        linebarAutoHidden: {
+            type: BooleanConstructor;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -758,6 +716,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         scope: import("../../../es/shared/types").AnyObject;
         consumer: boolean;
         enterToNextWidget: boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void);
+        linebarAutoHidden: boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 export default FormRender;

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

@@ -126,6 +126,9 @@ declare const _default: import("vue").DefineComponent<{
     lowCodeReactions: {
         type: PropType<FormLowCodeReactions.Config[]>;
     };
+    linebarAutoHidden: {
+        type: BooleanConstructor;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
@@ -251,6 +254,9 @@ declare const _default: import("vue").DefineComponent<{
         lowCodeReactions: {
             type: PropType<FormLowCodeReactions.Config[]>;
         };
+        linebarAutoHidden: {
+            type: BooleanConstructor;
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
@@ -258,17 +264,30 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
     nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-    formModel: import("@formily/core").Form<{
-        [x: string]: any;
-    }>;
-    lowCodeReactionsHandler: (field: string, value: unknown) => void;
-    triggerAllReactionsHandler: () => void;
+    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;
-    formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+    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;
     schemaAdaptor: (fieldList: FieldItem[]) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;
         [key: `x-${string}`]: any;
@@ -384,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: {
@@ -476,17 +431,19 @@ declare const _default: import("vue").DefineComponent<{
             content: any;
             hidden: boolean;
             active: boolean;
+            dataSource: import("@formily/core").FieldDataSource;
+            description: string;
+            display: import("@formily/core").FieldDisplayTypes;
             mounted: boolean;
             readonly destroyed: boolean;
             unmounted: boolean;
             componentProps: Record<string, any>;
             decoratorProps: Record<string, any>;
-            display: import("@formily/core").FieldDisplayTypes;
-            description: string;
             readOnly: boolean;
             editable: boolean;
             component: import("@formily/core").FieldComponent<any, any>;
             decorator: import("@formily/core").FieldDecorator<any, any>;
+            readPretty: boolean;
             validating: boolean;
             submitting: boolean;
             visited: boolean;
@@ -494,7 +451,6 @@ declare const _default: import("vue").DefineComponent<{
             modified: boolean;
             inputValue: string;
             inputValues: any[];
-            dataSource: import("@formily/core").FieldDataSource;
             feedbacks: import("@formily/core").IFieldFeedback[];
             caches: import("@formily/core").IFieldCaches;
             selfErrors: import("@formily/core").FeedbackMessage;
@@ -530,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;
@@ -738,6 +693,9 @@ declare const _default: import("vue").DefineComponent<{
     lowCodeReactions: {
         type: PropType<FormLowCodeReactions.Config[]>;
     };
+    linebarAutoHidden: {
+        type: BooleanConstructor;
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
@@ -752,5 +710,6 @@ declare const _default: import("vue").DefineComponent<{
     scope: AnyObject;
     consumer: boolean;
     enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+    linebarAutoHidden: boolean;
 }>;
 export default _default;

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

@@ -1,8 +1,9 @@
-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 { createForm, onFieldValueChange } from '@formily/core';
+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';
 import { useFormDomEvent, useFormExposeEvent } from './hooks/useFormEvent.js';
 import { useFormRenderLifeCycle } from './hooks/useFormRenderLifeCycle.js';
@@ -65,7 +66,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     lowCodeReactions: {
       type: Array
-    }
+    },
+    linebarAutoHidden: { type: Boolean }
   },
   emits: [
     "formChange",
@@ -76,13 +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,
@@ -93,6 +112,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           });
           lowCodeReactionsHandler(fieldKey, field.value);
         });
+        if (props.linebarAutoHidden) {
+          onFieldReact("*", triggerAutoHidden);
+          onFormMount((formModel2) => formModel2.query("*").forEach(triggerAutoHidden));
+        }
+        if (props.anchor) {
+          onFieldReact("*", updateAnchorList);
+          onFormMount(generateAnchorList);
+        }
       }
     });
     const { lowCodeReactionsHandler, triggerAllReactionsHandler } = useLowCodeReactions(
@@ -100,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(() => {
@@ -118,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));
@@ -169,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) => {