cnhis-design-vue 3.4.0-beta.7 → 3.4.0-beta.71

package/es/components/form-config/src/hooks/useConfigurationField.js

@@ -116,7 +116,14 @@ function useConfigurationField() {
     alias: "\u6807\u9898\u663E\u793A\u7EA2\u8272",
     elem_width: 6,
     default_val: false,
+    remark: "\u8BE5\u5B57\u6BB5\u8BBE\u7F6E\u4E3A\u5FC5\u586B\u65F6\u624D\u751F\u6548\uFF0C\u4F18\u5148\u5C55\u793A",
     html_type: "SWITCH"
+  })], [EditAbleField.LABEL_COLOR, () => ({
+    alias: "\u6807\u7B7E\u989C\u8272",
+    remark: "\u6807\u9898\u5FC5\u586B\u7EA2\u8272\u5F00\u542F\u65F6\uFF0C\u8BE5\u914D\u7F6E\u4E0D\u751F\u6548",
+    elem_width: 6,
+    default_val: "",
+    html_type: "COLOR_PICKER"
   })], [EditAbleField.ALLOW_PARTIAL, () => ({
     alias: "\u5141\u8BB8\u9009\u62E9\u4E2D\u95F4\u5C42\u7EA7",
     elem_width: 6,
@@ -134,7 +141,17 @@ function useConfigurationField() {
         }))
       }
     };
-  }], [EditAbleField.DATE_FORMAT, () => ({
+  }], [EditAbleField.MAX_LEVEL, () => ({
+    alias: "\u6700\u5927\u9009\u62E9\u5C42\u7EA7",
+    elem_width: 6,
+    html_type: "SELECT",
+    componentProps: {
+      options: range(1, 11).map((item) => ({
+        text: item + "",
+        value: item
+      }))
+    }
+  })], [EditAbleField.DATE_FORMAT, () => ({
     alias: i18n("10010.1.541", "\u65E5\u671F\u683C\u5F0F"),
     elem_width: 6,
     html_type: "SELECT",
@@ -169,7 +186,7 @@ function useConfigurationField() {
     });
   }
   const htmlMap = new Map([["LINE_BAR", [EditAbleField.KEY, EditAbleField.NAME, EditAbleField.ALIAS, EditAbleField.LAYOUT_WIDTH_ENUM, EditAbleField.NOTES, EditAbleField.DEFAULT_EXPAND, EditAbleField.FOLD]], ["NEWLINE", [EditAbleField.KEY, EditAbleField.NAME, EditAbleField.ALIAS]], ...["COMPLEX", "COMBINATION"].map((key) => [key, [EditAbleField.KEY, EditAbleField.NAME, EditAbleField.ALIAS, EditAbleField.LAYOUT_WIDTH_ENUM]])]);
-  const defaultItems = [EditAbleField.KEY, EditAbleField.NAME, EditAbleField.ALIAS, EditAbleField.DEFAULT_VALUE, EditAbleField.LAYOUT_WIDTH_ENUM, EditAbleField.DESC, EditAbleField.NOTES, EditAbleField.EDITABLE, EditAbleField.CONFIRM, EditAbleField.REQUIRED, EditAbleField.SHOW, EditAbleField.TITLE_RED];
+  const defaultItems = [EditAbleField.KEY, EditAbleField.NAME, EditAbleField.ALIAS, EditAbleField.DEFAULT_VALUE, EditAbleField.LAYOUT_WIDTH_ENUM, EditAbleField.DESC, EditAbleField.NOTES, EditAbleField.EDITABLE, EditAbleField.CONFIRM, EditAbleField.REQUIRED, EditAbleField.SHOW, EditAbleField.TITLE_RED, EditAbleField.LABEL_COLOR];
   function generateFieldListByFormConfigItem(formConfigItem, fieldItem) {
     var _a, _b, _c, _d, _e;
     const keys = [...htmlMap.get(formConfigItem.type) || defaultItems];
@@ -177,7 +194,7 @@ function useConfigurationField() {
       keys.splice(3, 0, EditAbleField.ROWS);
     }
     if (["SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE2"].includes(fieldItem ? fieldItem.html_type : (_c = (_b = formConfigItem.originalSetting) == null ? void 0 : _b.html_type) != null ? _c : "")) {
-      keys.splice(9, 0, EditAbleField.ALLOW_PARTIAL, EditAbleField.PARTIAL_LEVEL);
+      keys.splice(9, 0, EditAbleField.ALLOW_PARTIAL, EditAbleField.PARTIAL_LEVEL, EditAbleField.MAX_LEVEL);
     }
     if (["DATE"].includes(fieldItem ? fieldItem.html_type : (_e = (_d = formConfigItem.originalSetting) == null ? void 0 : _d.html_type) != null ? _e : "")) {
       keys.splice(keys.indexOf(EditAbleField.DEFAULT_VALUE), 1, EditAbleField.DATE_FORMAT, EditAbleField.DATE_DEFAULT_VALUE_CONDITION, EditAbleField.DATE_MIN_VALUE_CONDITION, EditAbleField.DATE_MAX_VALUE_CONDITION);

package/es/components/form-config/src/hooks/usePresetRenderer.d.ts

@@ -1,4 +1,4 @@
 import { FormConfigItem } from '../types';
 export declare function usePresetRenderer(): {
-    getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component | import("vue").FunctionalComponent<{}, {}>;
+    getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>;
 };

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

@@ -3,12 +3,12 @@ export * from './src/hooks';
 export * from './src/utils';
 export * from './src/types';
 declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
-    formRenderRef: import("vue").Ref<import("./src/types").FormRenderExpose | undefined>;
-    key: import("vue").Ref<number>;
+    formRenderRef: import("vue").Ref<import("./src/types").FormRenderExpose | undefined, import("./src/types").FormRenderExpose | undefined>;
+    key: import("vue").Ref<number, number>;
     reload: () => Promise<void>;
     formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFields", "queryWidget", "getFieldList", "applySelectedSetting", "getTextFormValues", "optionInited", "updateAnchor"];
     exposed: Partial<import("./src/types").FormRenderExpose>;
-    FormRender: import("vue").DefineComponent<{
+    FormRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         fieldList: {
             type: import("vue").PropType<import("./src/types").FieldItem[]>;
         };
@@ -102,7 +102,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             }>>;
         };
         components: {
-            type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>>;
+            type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>>;
             default: () => {};
         };
         scope: {
@@ -187,11 +187,11 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: import("vue").PropType<string[]>;
         };
         linebarDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarTextDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarWidth: {
@@ -216,8 +216,8 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         lazyRender: BooleanConstructor;
         linebreaksToTitle: BooleanConstructor;
         dialogFn: {};
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: import("vue").PropType<import("./src/types").FieldItem[]>;
             };
@@ -311,7 +311,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 }>>;
             };
             components: {
-                type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>>;
+                type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>>;
                 default: () => {};
             };
             scope: {
@@ -396,11 +396,11 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<string[]>;
             };
             linebarDirection: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
+                type: import("vue").PropType<"vertical" | "horizontal">;
                 default: string;
             };
             linebarTextDirection: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
+                type: import("vue").PropType<"vertical" | "horizontal">;
                 default: string;
             };
             linebarWidth: {
@@ -425,19 +425,19 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             lazyRender: BooleanConstructor;
             linebreaksToTitle: BooleanConstructor;
             dialogFn: {};
-        }>> & {
+        }>> & Readonly<{
             onFormChange?: ((...args: any[]) => any) | undefined;
             onScroll?: ((...args: any[]) => any) | undefined;
             onAnnotationChange?: ((...args: any[]) => any) | undefined;
             "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
             onLinebarChange?: ((...args: any[]) => any) | undefined;
             onReady?: ((...args: any[]) => any) | undefined;
-        }>>;
+        }> & {}>;
         emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", ...args: any[]) => void;
         cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-        formRenderRef: import("vue").Ref<HTMLElement | undefined>;
-        formWidth: import("vue").Ref<number>;
+        formRenderRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        formWidth: import("vue").Ref<number, number>;
         formHeight: import("vue").ComputedRef<string>;
         SchemaField: import("vue").DefineComponent<import("@formily/vue").ISchemaFieldProps>;
         businessCollector: import("./src/hooks").BusinessCollector;
@@ -450,13 +450,21 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         formUUID: string;
         anchorBarRef: import("vue").Ref<{
             syncBarPosition: import("../../shared/types").AnyFn;
+        } | undefined, {
+            syncBarPosition: import("../../shared/types").AnyFn;
         } | undefined>;
-        currentAnchor: import("vue").WritableComputedRef<string>;
+        currentAnchor: import("vue").WritableComputedRef<string, string>;
         updateAnchorList: (field: import("@formily/core").GeneralField) => void;
         anchorIdList: import("vue").Ref<{
             name: string;
             title: string;
             index: number;
+        }[], (Record<"name" | "title", string> & {
+            index: number;
+        })[] | {
+            name: string;
+            title: string;
+            index: number;
         }[]>;
         onScroll: (scrollEvent: Event) => void;
         generateAnchorList: (formModel: import("@formily/core").Form<any>) => Promise<void>;
@@ -483,7 +491,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         setGraph: (field: import("@formily/core").GeneralField) => void;
         removeGraph: (field: import("@formily/core").GeneralField) => void;
         lowCodeEventTrigger: (field: import("@formily/core").GeneralField) => void;
-        emitFormChange: import("vue").Ref<boolean>;
+        emitFormChange: import("vue").Ref<boolean, boolean>;
         formModel: import("@formily/core").Form<{
             [x: string]: any;
         }>;
@@ -560,7 +568,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
                 "x-read-pretty"?: boolean | undefined;
                 "x-compile-omitted"?: string[] | undefined;
             }>;
-            components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>;
+            components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>;
             scope: import("../../shared/types").AnyObject;
             annotation: Record<string, import("../annotation-edit/src/type").AnnotationItem>;
             annotationShortcuts: (string | {
@@ -584,6 +592,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             enterToNextWidget: boolean | ((fieldItem: import("./src/types").FieldItem) => boolean | void);
             autoExpand: boolean;
             lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionConfig[];
+            newLowCodeReactions: import("../../shared/types").LowCodeTypes.newReactionConfig[];
             linebarAutoHidden: boolean;
             labelPlacementOverwrite: boolean;
             bordered: string | boolean;
@@ -595,8 +604,8 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             selectMode: boolean;
             selectedFields: string[];
             linebarWidth: string | number;
-            linebarDirection: "horizontal" | "vertical";
-            linebarTextDirection: "horizontal" | "vertical";
+            linebarDirection: "vertical" | "horizontal";
+            linebarTextDirection: "vertical" | "horizontal";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
             fixMemoLeak: boolean;
@@ -779,16 +788,16 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         onKeydown: (event: KeyboardEvent) => Promise<void>;
         clearSpan: (uuid: string) => void;
         exposeEvent: Omit<import("./src/types").FormRenderExpose, "updateAnchor" | "getFieldList" | "optionInited" | "formModel" | "reload">;
-        useVersion: typeof import("../../shared/hooks").useVersion;
-        FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
+        readonly useVersion: typeof import("../../shared/hooks").useVersion;
+        readonly FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
             form: any;
-        }>;
-        NConfigProvider: any;
-        NForm: any;
-        NTabPane: any;
-        NTabs: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly NConfigProvider: any;
+        readonly NForm: any;
+        readonly NTabPane: any;
+        readonly NTabs: any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
             type: import("vue").PropType<import("./src/types").FieldItem[]>;
         };
@@ -882,7 +891,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             }>>;
         };
         components: {
-            type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>>;
+            type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>>;
             default: () => {};
         };
         scope: {
@@ -967,11 +976,11 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
             type: import("vue").PropType<string[]>;
         };
         linebarDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarTextDirection: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
+            type: import("vue").PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarWidth: {
@@ -996,18 +1005,18 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         lazyRender: BooleanConstructor;
         linebreaksToTitle: BooleanConstructor;
         dialogFn: {};
-    }>> & {
+    }>> & Readonly<{
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
         onAnnotationChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
         onLinebarChange?: ((...args: any[]) => any) | undefined;
         onReady?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
+        maxHeight: string | number;
         anchor: boolean;
         column: number;
-        maxHeight: string | number;
-        components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>;
+        components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>;
         initialData: import("../../shared/types").AnyObject;
         parallelism: number;
         scope: import("../../shared/types").AnyObject;
@@ -1023,8 +1032,8 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         wordSplitFilter: boolean;
         selectMode: boolean;
         linebarWidth: string | number;
-        linebarDirection: "horizontal" | "vertical";
-        linebarTextDirection: "horizontal" | "vertical";
+        linebarDirection: "vertical" | "horizontal";
+        linebarTextDirection: "vertical" | "horizontal";
         autoWidth: number | boolean;
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
@@ -1033,6 +1042,6 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
         nominalAge: boolean;
         operationalFormInit: boolean;
         incrementalRender: boolean;
-    }>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default FormRender;

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

@@ -3,7 +3,7 @@ import { AnyObject, LowCodeTypes } from '../../../shared/types';
 import { Component, FunctionalComponent, PropType } from 'vue';
 import { AnnotationItem } from '../../../components/annotation-edit/src/type';
 import { FieldItem, FieldVisitor, FormBusinessFormatter, FormRenderExpose } from './types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     fieldList: {
         type: PropType<FieldItem[]>;
     };
@@ -97,7 +97,7 @@ declare const _default: import("vue").DefineComponent<{
         }>>;
     };
     components: {
-        type: PropType<Record<string, Component | FunctionalComponent<{}, {}>>>;
+        type: PropType<Record<string, Component | FunctionalComponent<{}, {}, any, {}>>>;
         default: () => {};
     };
     scope: {
@@ -182,11 +182,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
     };
     linebarDirection: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"vertical" | "horizontal">;
         default: string;
     };
     linebarTextDirection: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"vertical" | "horizontal">;
         default: string;
     };
     linebarWidth: {
@@ -211,8 +211,8 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: BooleanConstructor;
     linebreaksToTitle: BooleanConstructor;
     dialogFn: {};
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fieldList: {
             type: PropType<FieldItem[]>;
         };
@@ -306,7 +306,7 @@ declare const _default: import("vue").DefineComponent<{
             }>>;
         };
         components: {
-            type: PropType<Record<string, Component | FunctionalComponent<{}, {}>>>;
+            type: PropType<Record<string, Component | FunctionalComponent<{}, {}, any, {}>>>;
             default: () => {};
         };
         scope: {
@@ -391,11 +391,11 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string[]>;
         };
         linebarDirection: {
-            type: PropType<"horizontal" | "vertical">;
+            type: PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarTextDirection: {
-            type: PropType<"horizontal" | "vertical">;
+            type: PropType<"vertical" | "horizontal">;
             default: string;
         };
         linebarWidth: {
@@ -420,19 +420,19 @@ declare const _default: import("vue").DefineComponent<{
         lazyRender: BooleanConstructor;
         linebreaksToTitle: BooleanConstructor;
         dialogFn: {};
-    }>> & {
+    }>> & Readonly<{
         onFormChange?: ((...args: any[]) => any) | undefined;
         onScroll?: ((...args: any[]) => any) | undefined;
         onAnnotationChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
         onLinebarChange?: ((...args: any[]) => any) | undefined;
         onReady?: ((...args: any[]) => any) | undefined;
-    }>>;
+    }> & {}>;
     emit: (event: "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", ...args: any[]) => void;
     cssVars: import("vue").ComputedRef<AnyObject>;
     nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-    formRenderRef: import("vue").Ref<HTMLElement | undefined>;
-    formWidth: import("vue").Ref<number>;
+    formRenderRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    formWidth: import("vue").Ref<number, number>;
     formHeight: import("vue").ComputedRef<string>;
     SchemaField: import("vue").DefineComponent<import("@formily/vue").ISchemaFieldProps>;
     businessCollector: import("./hooks").BusinessCollector;
@@ -445,13 +445,21 @@ declare const _default: import("vue").DefineComponent<{
     formUUID: string;
     anchorBarRef: import("vue").Ref<{
         syncBarPosition: import("../../../shared/types").AnyFn;
+    } | undefined, {
+        syncBarPosition: import("../../../shared/types").AnyFn;
     } | undefined>;
-    currentAnchor: import("vue").WritableComputedRef<string>;
+    currentAnchor: import("vue").WritableComputedRef<string, string>;
     updateAnchorList: (field: import("@formily/core").GeneralField) => void;
     anchorIdList: import("vue").Ref<{
         name: string;
         title: string;
         index: number;
+    }[], (Record<"name" | "title", string> & {
+        index: number;
+    })[] | {
+        name: string;
+        title: string;
+        index: number;
     }[]>;
     onScroll: (scrollEvent: Event) => void;
     generateAnchorList: (formModel: import("@formily/core").Form<any>) => Promise<void>;
@@ -478,7 +486,7 @@ declare const _default: import("vue").DefineComponent<{
     setGraph: (field: import("@formily/core").GeneralField) => void;
     removeGraph: (field: import("@formily/core").GeneralField) => void;
     lowCodeEventTrigger: (field: import("@formily/core").GeneralField) => void;
-    emitFormChange: import("vue").Ref<boolean>;
+    emitFormChange: import("vue").Ref<boolean, boolean>;
     formModel: import("@formily/core").Form<{
         [x: string]: any;
     }>;
@@ -555,7 +563,7 @@ declare const _default: import("vue").DefineComponent<{
             "x-read-pretty"?: boolean | undefined;
             "x-compile-omitted"?: string[] | undefined;
         }>;
-        components: Record<string, Component | FunctionalComponent<{}, {}>>;
+        components: Record<string, Component | FunctionalComponent<{}, {}, any, {}>>;
         scope: AnyObject;
         annotation: Record<string, AnnotationItem>;
         annotationShortcuts: (string | {
@@ -579,6 +587,7 @@ declare const _default: import("vue").DefineComponent<{
         enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
         autoExpand: boolean;
         lowCodeReactions: LowCodeTypes.reactionConfig[];
+        newLowCodeReactions: LowCodeTypes.newReactionConfig[];
         linebarAutoHidden: boolean;
         labelPlacementOverwrite: boolean;
         bordered: string | boolean;
@@ -590,8 +599,8 @@ declare const _default: import("vue").DefineComponent<{
         selectMode: boolean;
         selectedFields: string[];
         linebarWidth: string | number;
-        linebarDirection: "horizontal" | "vertical";
-        linebarTextDirection: "horizontal" | "vertical";
+        linebarDirection: "vertical" | "horizontal";
+        linebarTextDirection: "vertical" | "horizontal";
         autoWidth: number | boolean;
         feedbackType: "default" | "tooltip";
         fixMemoLeak: boolean;
@@ -774,16 +783,16 @@ declare const _default: import("vue").DefineComponent<{
     onKeydown: (event: KeyboardEvent) => Promise<void>;
     clearSpan: (uuid: string) => void;
     exposeEvent: Omit<FormRenderExpose, "updateAnchor" | "getFieldList" | "optionInited" | "formModel" | "reload">;
-    useVersion: typeof useVersion;
-    FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
+    readonly useVersion: typeof useVersion;
+    readonly FormConsumer: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
         form: any;
-    }>;
-    NConfigProvider: any;
-    NForm: any;
-    NTabPane: any;
-    NTabs: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly NConfigProvider: any;
+    readonly NForm: any;
+    readonly NTabPane: any;
+    readonly NTabs: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready")[], "scroll" | "formChange" | "annotationChange" | "update:selectedFields" | "linebarChange" | "ready", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     fieldList: {
         type: PropType<FieldItem[]>;
     };
@@ -877,7 +886,7 @@ declare const _default: import("vue").DefineComponent<{
         }>>;
     };
     components: {
-        type: PropType<Record<string, Component | FunctionalComponent<{}, {}>>>;
+        type: PropType<Record<string, Component | FunctionalComponent<{}, {}, any, {}>>>;
         default: () => {};
     };
     scope: {
@@ -962,11 +971,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
     };
     linebarDirection: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"vertical" | "horizontal">;
         default: string;
     };
     linebarTextDirection: {
-        type: PropType<"horizontal" | "vertical">;
+        type: PropType<"vertical" | "horizontal">;
         default: string;
     };
     linebarWidth: {
@@ -991,18 +1000,18 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: BooleanConstructor;
     linebreaksToTitle: BooleanConstructor;
     dialogFn: {};
-}>> & {
+}>> & Readonly<{
     onFormChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
     onAnnotationChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedFields"?: ((...args: any[]) => any) | undefined;
     onLinebarChange?: ((...args: any[]) => any) | undefined;
     onReady?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
+    maxHeight: string | number;
     anchor: boolean;
     column: number;
-    maxHeight: string | number;
-    components: Record<string, Component | FunctionalComponent<{}, {}>>;
+    components: Record<string, Component | FunctionalComponent<{}, {}, any, {}>>;
     initialData: AnyObject;
     parallelism: number;
     scope: AnyObject;
@@ -1018,8 +1027,8 @@ declare const _default: import("vue").DefineComponent<{
     wordSplitFilter: boolean;
     selectMode: boolean;
     linebarWidth: string | number;
-    linebarDirection: "horizontal" | "vertical";
-    linebarTextDirection: "horizontal" | "vertical";
+    linebarDirection: "vertical" | "horizontal";
+    linebarTextDirection: "vertical" | "horizontal";
     autoWidth: number | boolean;
     feedbackType: "default" | "tooltip";
     fixMemoLeak: boolean;
@@ -1028,5 +1037,5 @@ declare const _default: import("vue").DefineComponent<{
     nominalAge: boolean;
     operationalFormInit: boolean;
     incrementalRender: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -113,8 +113,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "linebarChange",
     "ready"
   ],
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const cssVars = useTheme();
     const { nuiThemeOverrides } = useNuiThemeOverrides();
     validateMessageLocale();
@@ -270,7 +271,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       changeContextCollector,
       emitFormChange
     });
-    expose({
+    __expose({
       formModel,
       validate(path = "*", options = {}) {
         return exposeEvent.validate(path, options);
@@ -355,7 +356,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createElementVNode("section", {
                 class: "form-render__wrapper",
-                style: normalizeStyle({ "--column": __props.column, "--form-height": unref(formHeight) }),
+                style: normalizeStyle({ "--column": __props.column, "--form-height": formHeight.value }),
                 ref_key: "formRenderRef",
                 ref: formRenderRef,
                 onScroll: _cache[1] || (_cache[1] = (...args) => unref(onScroll) && unref(onScroll)(...args)),
@@ -363,7 +364,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createVNode(unref(FormProvider), { form: unref(formModel) }, {
                   default: withCtx(() => [
-                    createVNode(unref(SchemaField), { schema: unref(parsedSchema) }, null, 8, ["schema"]),
+                    createVNode(unref(SchemaField), { schema: parsedSchema.value }, null, 8, ["schema"]),
                     __props.consumer ? (openBlock(), createBlock(unref(FormConsumer), { key: 0 }, {
                       default: withCtx(({ form }) => [
                         createElementVNode("div", _hoisted_2, toDisplayString(JSON.stringify(form.values, null, 2)), 1)