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

package/es/components/form-config/src/components/FormConfigEdit.vue2.js

@@ -1,4 +1,5 @@
-import { defineComponent, computed, ref, inject, watch, toRaw, openBlock, createElementBlock, Fragment, createVNode, unref, mergeProps, withCtx, createElementVNode, toDisplayString, renderList, h } from 'vue';
+import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
+import { createElementVNode, defineComponent, computed, ref, inject, watch, toRaw, openBlock, createElementBlock, Fragment, createVNode, unref, mergeProps, withCtx, renderList, toDisplayString, h } from 'vue';
 import { cloneDeep, set, isEmpty, isArray } from 'lodash-es';
 import { InjectionActiveFieldItem, EditAbleField } from '../constants/index.js';
 import '../../../../shared/components/VueDraggable/src/vuedraggable.js';
@@ -7,7 +8,6 @@ import '@vicons/ionicons5';
 import { NModal, NInput, NButton } from 'naive-ui';
 import '../../../../shared/utils/index.js';
 import { useConfigurationField } from '../hooks/useConfigurationField.js';
-import { useFormConfigLocale } from '../hooks/useLocale.js';
 import '../../../index.js';
 import FormRender from '../../../form-render/index.js';
 
@@ -22,6 +22,7 @@ const _hoisted_2 = {
     "text-align": "left"
   }
 };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("thead", null, [/* @__PURE__ */ createElementVNode("tr", null, [/* @__PURE__ */ createElementVNode("th", null, i18n("10010.1.22", "\u503C")), /* @__PURE__ */ createElementVNode("th", null, i18n("10010.1.23", "\u539F\u6587\u672C")), /* @__PURE__ */ createElementVNode("th", null, i18n("10010.1.24", "\u8C03\u6574\u540E\u6587\u672C"))])], -1);
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormConfigEdit",
   props: {
@@ -37,7 +38,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props, {
-    expose: __expose
+    expose
   }) {
     const props = __props;
     const wrapperSelector = computed(() => `#${props.uuid} .form-config__config`);
@@ -98,7 +99,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             });
           }
         }, {
-          default: () => useFormConfigLocale("configArea.modifyOptionTitle")
+          default: () => i18n("10010.1.21", "\u4FEE\u6539\u9009\u9879\u6587\u672C")
         })]);
       };
     }
@@ -152,7 +153,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       };
       (_a = formRenderRef.value) == null ? void 0 : _a.reload();
     }
-    __expose({
+    expose({
       validate() {
         var _a;
         return (_a = formRenderRef.value) == null ? void 0 : _a.validate();
@@ -173,16 +174,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         show: showOptionModal.value,
         "onUpdate:show": _cache[0] || (_cache[0] = ($event) => showOptionModal.value = $event),
         preset: "dialog",
-        to: wrapperSelector.value,
+        to: unref(wrapperSelector),
         "close-on-esc": false,
         "mask-closable": false,
-        title: unref(useFormConfigLocale)("configArea.modifyOptionTitle"),
-        "positive-text": unref(useFormConfigLocale)("configArea.positiveBtn"),
-        "negative-text": unref(useFormConfigLocale)("configArea.negativeBtn"),
+        title: i18n("10010.1.21", "\u4FEE\u6539\u9009\u9879\u6587\u672C"),
+        "positive-text": i18n("10010.1.27", "\u786E\u5B9A"),
+        "negative-text": i18n("10010.1.28", "\u53D6\u6D88"),
         onNegativeClick: onOptionModalCancel,
         onPositiveClick: onOptionModalConfirm
       }, {
-        default: withCtx(() => [createElementVNode("section", _hoisted_1, [createElementVNode("table", _hoisted_2, [createElementVNode("thead", null, [createElementVNode("tr", null, [createElementVNode("th", null, toDisplayString(unref(useFormConfigLocale)("configArea.modifyOptionName")), 1), createElementVNode("th", null, toDisplayString(unref(useFormConfigLocale)("configArea.modifyOptionOriginText")), 1), createElementVNode("th", null, toDisplayString(unref(useFormConfigLocale)("configArea.modifyOptionNewText")), 1)])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(editOptions.value, (option) => {
+        default: withCtx(() => [createElementVNode("section", _hoisted_1, [createElementVNode("table", _hoisted_2, [_hoisted_3, createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(editOptions.value, (option) => {
           return openBlock(), createElementBlock("tr", {
             key: option.value
           }, [createElementVNode("td", null, toDisplayString(option.value), 1), createElementVNode("td", null, toDisplayString(option.text), 1), createElementVNode("td", null, [createVNode(unref(NInput), {
@@ -191,7 +192,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["value", "onUpdate:value"])])]);
         }), 128))])])])]),
         _: 1
-      }, 8, ["show", "to", "title", "positive-text", "negative-text"])], 64);
+      }, 8, ["show", "to"])], 64);
     };
   }
 });

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

@@ -2,7 +2,7 @@ import { LowCodeTypes } from '../../../../shared/types';
 import { FormConfigItem } from '../../../../components/form-config/src/types';
 import { EditAbleField } from '../../../../components/form-config/src/constants';
 import { FormChangePayload, FormRenderExpose } from '../../../../components/form-render';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: ArrayConstructor;
         required: true;
@@ -10,10 +10,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     bindFormRenderRef: {
         type: null;
-        required: true;
+        required: false;
+    };
+}, {
+    props: {
+        modelValue: LowCodeTypes.reactionConfig[];
+        bindFormRenderRef?: FormRenderExpose | undefined;
     };
-}>, {
-    props: any;
     emit: (event: "update:modelValue" | "validateFailure", ...args: any[]) => void;
     cssVars: import("vue").ComputedRef<import("../../../../shared/types").AnyObject>;
     valueRef: import("vue").Ref<{
@@ -48,40 +51,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }[] | undefined;
         __oppositeBindField?: any | undefined;
         __oppositeTargetField?: any | undefined;
-    }[], LowCodeTypes.reactionConfig[] | {
-        conObj: {
-            con: LowCodeTypes.VALUE_RELATION;
-            field_key: string;
-            value: unknown;
-        }[];
-        compareMap?: {
-            NULL?: ((v1: any, v2: any) => boolean) | undefined;
-            EQ?: ((v1: any, v2: any) => boolean) | undefined;
-            BIG?: ((v1: any, v2: any) => boolean) | undefined;
-            LESS?: ((v1: any, v2: any) => boolean) | undefined;
-            BIGEQ?: ((v1: any, v2: any) => boolean) | undefined;
-            LESSEQ?: ((v1: any, v2: any) => boolean) | undefined;
-            CL?: ((v1: any, v2: any) => boolean) | undefined;
-            NC?: ((v1: any, v2: any) => boolean) | undefined;
-            NEQ?: ((v1: any, v2: any) => boolean) | undefined;
-            NOT_NULL?: ((v1: any, v2: any) => boolean) | undefined;
-        } | undefined;
-        isRestoreDefault?: boolean | undefined;
-        sqlExpression?: string | undefined;
-        showField?: string[] | undefined;
-        hideField?: string[] | undefined;
-        requiredField?: string[] | undefined;
-        notRequiredField?: string[] | undefined;
-        enabledField?: string[] | undefined;
-        disabledField?: string[] | undefined;
-        setValueField?: {
-            field?: string | undefined;
-            value?: unknown;
-        }[] | undefined;
-        __oppositeBindField?: any | undefined;
-        __oppositeTargetField?: any | undefined;
     }[]>;
-    expandedName: import("vue").Ref<string, string>;
+    expandedName: import("vue").Ref<string>;
     addConnection: () => void;
     removeConnection: (index: number) => void;
     getOppositeBtnText: (item: LowCodeTypes.reactionConfig) => string | undefined;
@@ -95,14 +66,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     addCondition: (config: LowCodeTypes.reactionConfig) => void;
     removeCondition: (config: LowCodeTypes.reactionConfig, index: number) => void;
     onUpdateConditionType: (condition: LowCodeTypes.reactionsConObj, type: LowCodeTypes.VALUE_RELATION) => void;
-    showRef: import("vue").Ref<boolean, boolean>;
+    showRef: import("vue").Ref<boolean>;
     addSetValueField: (item: LowCodeTypes.reactionConfig) => void;
-    fieldListRef: import("vue").Ref<FormConfigItem[], FormConfigItem[]>;
+    fieldListRef: import("vue").Ref<FormConfigItem[]>;
     fieldOptions: import("vue").ComputedRef<FormConfigItem[]>;
     setValueTypes: string[];
     setValueFieldOptions: import("vue").ComputedRef<FormConfigItem[]>;
-    currentTypeList: import("vue").Reactive<string[]>;
-    dialog: import("naive-ui/es/dialog").DialogApi;
+    currentTypeList: string[];
+    dialog: import("naive-ui").DialogApi;
     onNegativeClick: () => Promise<void>;
     onPositiveClick: () => Promise<void>;
     configValidate: () => Promise<void>;
@@ -113,7 +84,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         decoratorProps: {
             showFeedback: boolean;
         };
-        html_type: "LINEBAR" | "SELECT" | "DATE" | ({} & string) | "INPUT" | "SEARCH" | "REMOTE_SEARCH" | "DIGITAL" | "TEXTAREA" | "LINE_BREAKS" | "INPUT_NUMBER" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
+        html_type: "LINEBAR" | ({} & string) | "INPUT" | "TEXTAREA" | "SELECT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "DATE" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "COMBINATION" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
         annotation?: boolean | undefined;
         val_key_unit?: string | undefined;
         is_edit?: import("../../../../components/form-render").FormCommonState | undefined;
@@ -128,7 +99,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         placeholder?: string | undefined;
         validate?: Partial<{
             [key: string]: any;
-            obj_type: "sex" | "age" | "email" | "password" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name";
+            obj_type: "password" | "sex" | "age" | "email" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name";
             vali_obj: string;
             max_value: string | number;
             min_value: string | number;
@@ -199,8 +170,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         editor_title?: string | undefined;
         editor_title_mode?: "EMBEDDED_FORM" | "HOVER_TOOLTIP" | "POPUP_ALERT" | undefined;
         linebarWidth?: string | undefined;
-        linebarDirection?: "vertical" | "horizontal" | undefined;
-        linebarTextDirection?: "vertical" | "horizontal" | undefined;
+        linebarDirection?: "horizontal" | "vertical" | undefined;
+        linebarTextDirection?: "horizontal" | "vertical" | undefined;
         labelColor?: string | undefined;
         fieldTitleRed?: boolean | import("../../../../components/form-render").FormCommonState | undefined;
         confirmBeforeValueChange?: boolean | undefined;
@@ -214,10 +185,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             updateOriginValue: boolean;
         } | undefined;
         selected_style?: "RADIO_MARK" | "CHECK_MARK" | undefined;
-        unit?: ("DAY" | "WEEK" | "MONTH" | "QUARTER" | "YEAR" | "HOUR") | undefined;
+        unit?: ("HOUR" | "DAY" | "WEEK" | "MONTH" | "QUARTER" | "YEAR") | undefined;
         condition?: ("0" | "IN_THE_PAST" | "IN_THE_FUTURE" | "CURRENT_TIME") | undefined;
-        max_date_unit?: ("DAY" | "WEEK" | "MONTH" | "QUARTER" | "YEAR" | "HOUR") | undefined;
-        min_date_unit?: ("DAY" | "WEEK" | "MONTH" | "QUARTER" | "YEAR" | "HOUR") | undefined;
+        max_date_unit?: ("HOUR" | "DAY" | "WEEK" | "MONTH" | "QUARTER" | "YEAR") | undefined;
+        min_date_unit?: ("HOUR" | "DAY" | "WEEK" | "MONTH" | "QUARTER" | "YEAR") | undefined;
         max_date_condition?: ("0" | "IN_THE_PAST" | "IN_THE_FUTURE" | "CURRENT_TIME") | undefined;
         min_date_condition?: ("0" | "IN_THE_PAST" | "IN_THE_FUTURE" | "CURRENT_TIME") | undefined;
         fieldTitleColor?: string | undefined;
@@ -237,7 +208,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         slots?: Record<string, (...args: unknown[]) => unknown> | undefined;
         wrapperStyle?: Record<string, string | number> | undefined;
         childFieldStrategy?: "checked" | "all" | undefined;
-        childWidthMode?: "outer" | "inner" | undefined;
+        childWidthMode?: "inner" | "outer" | undefined;
         validator?: ((value: unknown, fieldItem: import("../../../../components/form-render").FieldItem, context: {
             field: import("@formily/core").Field<any, any, any, any>;
             form: import("@formily/core").Form<any>;
@@ -247,40 +218,40 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         reactions?: import("../../../../shared/types").ArrayAble<import("../../../../components/form-render").ReactionType> | undefined;
     }[];
     removeSetValueField: (item: LowCodeTypes.reactionConfig, index: number) => void;
-    onFormChange: (payload: FormChangePayload, item: {
+    onFormChange: (payload: FormChangePayload, item: Partial<{
         field: string;
-        value: string;
-    }) => void;
-    readonly HelpCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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 NButton: any;
-    readonly NCollapse: any;
-    readonly NCollapseItem: any;
-    readonly NEllipsis: any;
-    readonly NEmpty: any;
-    readonly NIcon: any;
-    readonly NInput: any;
-    readonly NInputGroup: any;
-    readonly NModal: any;
-    readonly NScrollbar: any;
-    readonly NSelect: any;
-    readonly NSpace: any;
-    readonly NThing: any;
-    readonly NTooltip: any;
-    readonly conditionTypeOptions: {
+        value: unknown;
+    }>) => void;
+    HelpCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    NButton: any;
+    NCollapse: any;
+    NCollapseItem: any;
+    NEllipsis: any;
+    NEmpty: any;
+    NIcon: any;
+    NInput: any;
+    NInputGroup: any;
+    NModal: any;
+    NScrollbar: any;
+    NSelect: any;
+    NSpace: any;
+    NThing: any;
+    NTooltip: any;
+    conditionTypeOptions: {
         value: LowCodeTypes.VALUE_RELATION;
         label: string;
     }[];
-    readonly connectionTypeOptions: {
+    connectionTypeOptions: {
         value: string;
         label: string;
     }[];
-    readonly CForm: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{}, {
-        formRenderRef: import("vue").Ref<FormRenderExpose | undefined, FormRenderExpose | undefined>;
-        key: import("vue").Ref<number, number>;
+    CForm: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{}, {
+        formRenderRef: import("vue").Ref<FormRenderExpose | undefined>;
+        key: import("vue").Ref<number>;
         reload: () => Promise<void>;
         formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFields", "queryWidget", "getFieldList", "applySelectedSetting", "getTextFormValues", "optionInited", "updateAnchor"];
         exposed: Partial<FormRenderExpose>;
-        FormRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        FormRender: import("vue").DefineComponent<{
             fieldList: {
                 type: import("vue").PropType<import("../../../../components/form-render").FieldItem[]>;
             };
@@ -374,7 +345,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>>;
             };
             components: {
-                type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>>;
+                type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>>;
                 default: () => {};
             };
             scope: {
@@ -459,11 +430,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<string[]>;
             };
             linebarDirection: {
-                type: import("vue").PropType<"vertical" | "horizontal">;
+                type: import("vue").PropType<"horizontal" | "vertical">;
                 default: string;
             };
             linebarTextDirection: {
-                type: import("vue").PropType<"vertical" | "horizontal">;
+                type: import("vue").PropType<"horizontal" | "vertical">;
                 default: string;
             };
             linebarWidth: {
@@ -488,8 +459,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             lazyRender: BooleanConstructor;
             linebreaksToTitle: BooleanConstructor;
             dialogFn: {};
-        }>, {
-            props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 fieldList: {
                     type: import("vue").PropType<import("../../../../components/form-render").FieldItem[]>;
                 };
@@ -583,7 +554,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>>;
                 };
                 components: {
-                    type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>>;
+                    type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>>;
                     default: () => {};
                 };
                 scope: {
@@ -668,11 +639,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: import("vue").PropType<string[]>;
                 };
                 linebarDirection: {
-                    type: import("vue").PropType<"vertical" | "horizontal">;
+                    type: import("vue").PropType<"horizontal" | "vertical">;
                     default: string;
                 };
                 linebarTextDirection: {
-                    type: import("vue").PropType<"vertical" | "horizontal">;
+                    type: import("vue").PropType<"horizontal" | "vertical">;
                     default: string;
                 };
                 linebarWidth: {
@@ -697,19 +668,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 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, HTMLElement | undefined>;
-            formWidth: import("vue").Ref<number, number>;
+            formRenderRef: import("vue").Ref<HTMLElement | undefined>;
+            formWidth: import("vue").Ref<number>;
             formHeight: import("vue").ComputedRef<string>;
             SchemaField: import("vue").DefineComponent<import("@formily/vue").ISchemaFieldProps>;
             businessCollector: import("../../../../components/form-render").BusinessCollector;
@@ -722,21 +693,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             formUUID: string;
             anchorBarRef: import("vue").Ref<{
                 syncBarPosition: import("../../../../shared/types").AnyFn;
-            } | undefined, {
-                syncBarPosition: import("../../../../shared/types").AnyFn;
             } | undefined>;
-            currentAnchor: import("vue").WritableComputedRef<string, string>;
+            currentAnchor: import("vue").WritableComputedRef<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>;
@@ -763,7 +726,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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, boolean>;
+            emitFormChange: import("vue").Ref<boolean>;
             formModel: import("@formily/core").Form<{
                 [x: string]: any;
             }>;
@@ -840,7 +803,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     "x-read-pretty"?: boolean | undefined;
                     "x-compile-omitted"?: string[] | undefined;
                 }>;
-                components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>;
+                components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>;
                 scope: import("../../../../shared/types").AnyObject;
                 annotation: Record<string, import("../../../annotation-edit/src/type").AnnotationItem>;
                 annotationShortcuts: (string | {
@@ -875,8 +838,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 selectMode: boolean;
                 selectedFields: string[];
                 linebarWidth: string | number;
-                linebarDirection: "vertical" | "horizontal";
-                linebarTextDirection: "vertical" | "horizontal";
+                linebarDirection: "horizontal" | "vertical";
+                linebarTextDirection: "horizontal" | "vertical";
                 autoWidth: number | boolean;
                 feedbackType: "default" | "tooltip";
                 fixMemoLeak: boolean;
@@ -1059,16 +1022,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onKeydown: (event: KeyboardEvent) => Promise<void>;
             clearSpan: (uuid: string) => void;
             exposeEvent: Omit<FormRenderExpose, "updateAnchor" | "getFieldList" | "optionInited" | "formModel" | "reload">;
-            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>>>, {
+            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>>>, {
                 form: any;
-            }, {}, {}, {}, 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<{
+            }>;
+            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<{
             fieldList: {
                 type: import("vue").PropType<import("../../../../components/form-render").FieldItem[]>;
             };
@@ -1162,7 +1125,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>>;
             };
             components: {
-                type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>>;
+                type: import("vue").PropType<Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>>;
                 default: () => {};
             };
             scope: {
@@ -1247,11 +1210,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<string[]>;
             };
             linebarDirection: {
-                type: import("vue").PropType<"vertical" | "horizontal">;
+                type: import("vue").PropType<"horizontal" | "vertical">;
                 default: string;
             };
             linebarTextDirection: {
-                type: import("vue").PropType<"vertical" | "horizontal">;
+                type: import("vue").PropType<"horizontal" | "vertical">;
                 default: string;
             };
             linebarWidth: {
@@ -1276,18 +1239,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             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;
-            components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>>;
+            maxHeight: string | number;
+            components: Record<string, import("vue").Component | import("vue").FunctionalComponent<{}, {}>>;
             initialData: import("../../../../shared/types").AnyObject;
             parallelism: number;
             scope: import("../../../../shared/types").AnyObject;
@@ -1303,8 +1266,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             wordSplitFilter: boolean;
             selectMode: boolean;
             linebarWidth: string | number;
-            linebarDirection: "vertical" | "horizontal";
-            linebarTextDirection: "vertical" | "horizontal";
+            linebarDirection: "horizontal" | "vertical";
+            linebarTextDirection: "horizontal" | "vertical";
             autoWidth: number | boolean;
             feedbackType: "default" | "tooltip";
             fixMemoLeak: boolean;
@@ -1313,9 +1276,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             nominalAge: boolean;
             operationalFormInit: boolean;
             incrementalRender: boolean;
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "validateFailure")[], "update:modelValue" | "validateFailure", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }>;
+    }, {}, {}, {}, 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, ("update:modelValue" | "validateFailure")[], "update:modelValue" | "validateFailure", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: ArrayConstructor;
         required: true;
@@ -1323,12 +1286,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     bindFormRenderRef: {
         type: null;
-        required: true;
+        required: false;
     };
-}>> & Readonly<{
+}>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onValidateFailure?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     modelValue: unknown[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;