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

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

@@ -1,11 +1,11 @@
 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 { defineComponent, computed, ref, inject, watch, toRaw, h, openBlock, createElementBlock, Fragment, createVNode, unref, mergeProps, withCtx, createElementVNode, renderList, toDisplayString } from 'vue';
 import { cloneDeep, set, isEmpty, isArray } from 'lodash-es';
 import { InjectionActiveFieldItem, EditAbleField } from '../constants/index.js';
 import '../../../../shared/components/VueDraggable/src/vuedraggable.js';
 import { findFieldItemByKey } from '../utils/index.js';
 import '@vicons/ionicons5';
-import { NModal, NInput, NButton } from 'naive-ui';
+import { NColorPicker, NModal, NInput, NButton } from 'naive-ui';
 import '../../../../shared/utils/index.js';
 import { useConfigurationField } from '../hooks/useConfigurationField.js';
 import '../../../index.js';
@@ -22,7 +22,6 @@ 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: {
@@ -38,8 +37,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props, {
-    expose
+    expose: __expose
   }) {
+    var _a;
     const props = __props;
     const wrapperSelector = computed(() => `#${props.uuid} .form-config__config`);
     const formRenderRef = ref();
@@ -50,7 +50,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       generateFieldListByFormConfigItem
     } = useConfigurationField();
     watch(currentActiveField, async (formConfigItem, oldFormConfigItem) => {
-      var _a, _b;
+      var _a2, _b;
       if (!formConfigItem)
         return fieldList.value = [];
       initialData.value = {
@@ -58,7 +58,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         show: true,
         ...cloneDeep(toRaw(formConfigItem))
       };
-      const fieldItemList = (_a = props.bindFormRenderRef) == null ? void 0 : _a.getFieldList();
+      const fieldItemList = (_a2 = props.bindFormRenderRef) == null ? void 0 : _a2.getFieldList();
       fieldList.value = generateFieldListByFormConfigItem(formConfigItem, findFieldItemByKey(fieldItemList, formConfigItem.key));
       (_b = formRenderRef.value) == null ? void 0 : _b.reload();
     }, {
@@ -87,10 +87,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           text: true,
           type: "primary",
           onClick() {
-            var _a;
+            var _a2;
             showOptionModal.value = true;
             editOptions.value = cloneDeep(originOptions);
-            if (isEmpty((_a = currentActiveField.value) == null ? void 0 : _a.optionAliasList))
+            if (isEmpty((_a2 = currentActiveField.value) == null ? void 0 : _a2.optionAliasList))
               return;
             editOptions.value.forEach((option) => {
               const target = currentActiveField.value.optionAliasList.find((item) => item.value === option.value);
@@ -105,8 +105,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function applyOptionAlias(options) {
       return isArray(options) ? options.map((option) => {
-        var _a;
-        const target = (_a = currentActiveField.value.optionAliasList) == null ? void 0 : _a.find((item) => {
+        var _a2;
+        const target = (_a2 = currentActiveField.value.optionAliasList) == null ? void 0 : _a2.find((item) => {
           return item.value === option.value;
         });
         return target ? {
@@ -116,17 +116,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }) : options;
     }
     const visitor = {
-      "*"({
-        field
-      }) {
-        if (field.val_key !== EditAbleField.DEFAULT_VALUE)
-          return;
-        const originOption = field.option;
-        field.option = applyOptionAlias(field.option);
-        field.decoratorProps = {
-          labelRender: createLabelRender(originOption)
-        };
-      }
+      "*"(payload) {
+        var _a2, _b, _c;
+        const {
+          field
+        } = payload;
+        if (field.val_key === EditAbleField.DEFAULT_VALUE) {
+          const originOption = field.option;
+          field.option = applyOptionAlias(field.option);
+          field.decoratorProps = {
+            labelRender: createLabelRender(originOption)
+          };
+        }
+        (_c = (_b = (_a2 = props.formProps) == null ? void 0 : _a2.fieldVisitor) == null ? void 0 : _b["*"]) == null ? void 0 : _c.call(_b, payload);
+      },
+      ...((_a = props.formProps) == null ? void 0 : _a.fieldVisitor) || {}
     };
     const showOptionModal = ref(false);
     const editOptions = ref([]);
@@ -135,7 +139,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       editOptions.value = [];
     }
     function onOptionModalConfirm() {
-      var _a;
+      var _a2;
       showOptionModal.value = false;
       currentActiveField.value.optionAliasList = editOptions.value.reduce((res, option) => {
         if (option.alias)
@@ -151,12 +155,28 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         show: true,
         ...cloneDeep(toRaw(currentActiveField.value))
       };
-      (_a = formRenderRef.value) == null ? void 0 : _a.reload();
+      (_a2 = formRenderRef.value) == null ? void 0 : _a2.reload();
     }
-    expose({
+    __expose({
       validate() {
-        var _a;
-        return (_a = formRenderRef.value) == null ? void 0 : _a.validate();
+        var _a2;
+        return (_a2 = formRenderRef.value) == null ? void 0 : _a2.validate();
+      }
+    });
+    const ColorPicker = defineComponent({
+      props: {
+        value: {
+          type: String,
+          required: true
+        },
+        onChange: {}
+      },
+      setup(props2) {
+        return () => h(NColorPicker, {
+          modes: ["hex"],
+          value: props2.value,
+          onUpdateValue: props2.onChange
+        });
       }
     });
     return (_ctx, _cache) => {
@@ -166,15 +186,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         column: 12,
         ref_key: "formRenderRef",
         ref: formRenderRef,
+        components: {
+          COLOR_PICKER: unref(ColorPicker)
+        },
         onFormChange,
         "field-visitor": visitor,
         "field-list": fieldList.value,
         "initial-data": initialData.value
-      }), null, 16, ["field-list", "initial-data"]), createVNode(unref(NModal), {
+      }), null, 16, ["components", "field-list", "initial-data"]), createVNode(unref(NModal), {
         show: showOptionModal.value,
         "onUpdate:show": _cache[0] || (_cache[0] = ($event) => showOptionModal.value = $event),
         preset: "dialog",
-        to: unref(wrapperSelector),
+        to: wrapperSelector.value,
         "close-on-esc": false,
         "mask-closable": false,
         title: i18n("10010.1.21", "\u4FEE\u6539\u9009\u9879\u6587\u672C"),
@@ -183,7 +206,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         onNegativeClick: onOptionModalCancel,
         onPositiveClick: onOptionModalConfirm
       }, {
-        default: withCtx(() => [createElementVNode("section", _hoisted_1, [createElementVNode("table", _hoisted_2, [_hoisted_3, createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(editOptions.value, (option) => {
+        default: withCtx(() => [createElementVNode("section", _hoisted_1, [createElementVNode("table", _hoisted_2, [_cache[1] || (_cache[1] = createElementVNode("thead", null, [createElementVNode("tr", null, [createElementVNode("th", null, i18n("10010.1.22", "\u503C")), createElementVNode("th", null, i18n("10010.1.23", "\u539F\u6587\u672C")), createElementVNode("th", null, i18n("10010.1.24", "\u8C03\u6574\u540E\u6587\u672C"))])], -1)), 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), {

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<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: ArrayConstructor;
         required: true;
@@ -12,11 +12,8 @@ declare const _default: import("vue").DefineComponent<{
         type: null;
         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<{
@@ -51,8 +48,40 @@ declare const _default: import("vue").DefineComponent<{
         }[] | 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>;
+    expandedName: import("vue").Ref<string, string>;
     addConnection: () => void;
     removeConnection: (index: number) => void;
     getOppositeBtnText: (item: LowCodeTypes.reactionConfig) => string | undefined;
@@ -66,14 +95,14 @@ declare const _default: import("vue").DefineComponent<{
     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>;
+    showRef: import("vue").Ref<boolean, boolean>;
     addSetValueField: (item: LowCodeTypes.reactionConfig) => void;
-    fieldListRef: import("vue").Ref<FormConfigItem[]>;
+    fieldListRef: import("vue").Ref<FormConfigItem[], FormConfigItem[]>;
     fieldOptions: import("vue").ComputedRef<FormConfigItem[]>;
     setValueTypes: string[];
     setValueFieldOptions: import("vue").ComputedRef<FormConfigItem[]>;
-    currentTypeList: string[];
-    dialog: import("naive-ui").DialogApi;
+    currentTypeList: import("vue").Reactive<string[]>;
+    dialog: import("naive-ui/es/dialog").DialogApi;
     onNegativeClick: () => Promise<void>;
     onPositiveClick: () => Promise<void>;
     configValidate: () => Promise<void>;
@@ -84,7 +113,7 @@ declare const _default: import("vue").DefineComponent<{
         decoratorProps: {
             showFeedback: boolean;
         };
-        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";
+        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";
         annotation?: boolean | undefined;
         val_key_unit?: string | undefined;
         is_edit?: import("../../../../components/form-render").FormCommonState | undefined;
@@ -99,7 +128,7 @@ declare const _default: import("vue").DefineComponent<{
         placeholder?: string | undefined;
         validate?: Partial<{
             [key: string]: any;
-            obj_type: "password" | "sex" | "age" | "email" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name";
+            obj_type: "sex" | "age" | "email" | "password" | "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;
@@ -170,8 +199,8 @@ declare const _default: import("vue").DefineComponent<{
         editor_title?: string | undefined;
         editor_title_mode?: "EMBEDDED_FORM" | "HOVER_TOOLTIP" | "POPUP_ALERT" | undefined;
         linebarWidth?: string | undefined;
-        linebarDirection?: "horizontal" | "vertical" | undefined;
-        linebarTextDirection?: "horizontal" | "vertical" | undefined;
+        linebarDirection?: "vertical" | "horizontal" | undefined;
+        linebarTextDirection?: "vertical" | "horizontal" | undefined;
         labelColor?: string | undefined;
         fieldTitleRed?: boolean | import("../../../../components/form-render").FormCommonState | undefined;
         confirmBeforeValueChange?: boolean | undefined;
@@ -185,10 +214,10 @@ declare const _default: import("vue").DefineComponent<{
             updateOriginValue: boolean;
         } | undefined;
         selected_style?: "RADIO_MARK" | "CHECK_MARK" | undefined;
-        unit?: ("HOUR" | "DAY" | "WEEK" | "MONTH" | "QUARTER" | "YEAR") | undefined;
+        unit?: ("DAY" | "WEEK" | "MONTH" | "QUARTER" | "YEAR" | "HOUR") | undefined;
         condition?: ("0" | "IN_THE_PAST" | "IN_THE_FUTURE" | "CURRENT_TIME") | undefined;
-        max_date_unit?: ("HOUR" | "DAY" | "WEEK" | "MONTH" | "QUARTER" | "YEAR") | undefined;
-        min_date_unit?: ("HOUR" | "DAY" | "WEEK" | "MONTH" | "QUARTER" | "YEAR") | undefined;
+        max_date_unit?: ("DAY" | "WEEK" | "MONTH" | "QUARTER" | "YEAR" | "HOUR") | undefined;
+        min_date_unit?: ("DAY" | "WEEK" | "MONTH" | "QUARTER" | "YEAR" | "HOUR") | 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;
@@ -208,7 +237,7 @@ declare const _default: import("vue").DefineComponent<{
         slots?: Record<string, (...args: unknown[]) => unknown> | undefined;
         wrapperStyle?: Record<string, string | number> | undefined;
         childFieldStrategy?: "checked" | "all" | undefined;
-        childWidthMode?: "inner" | "outer" | undefined;
+        childWidthMode?: "outer" | "inner" | 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>;
@@ -222,36 +251,36 @@ declare const _default: import("vue").DefineComponent<{
         field: string;
         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: {
+    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: LowCodeTypes.VALUE_RELATION;
         label: string;
     }[];
-    connectionTypeOptions: {
+    readonly connectionTypeOptions: {
         value: string;
         label: string;
     }[];
-    CForm: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{}, {
-        formRenderRef: import("vue").Ref<FormRenderExpose | undefined>;
-        key: import("vue").Ref<number>;
+    readonly CForm: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{}, {
+        formRenderRef: import("vue").Ref<FormRenderExpose | undefined, 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<FormRenderExpose>;
-        FormRender: import("vue").DefineComponent<{
+        FormRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: import("vue").PropType<import("../../../../components/form-render").FieldItem[]>;
             };
@@ -345,7 +374,7 @@ declare const _default: 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: {
@@ -430,11 +459,11 @@ declare const _default: 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: {
@@ -459,8 +488,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: import("vue").PropType<import("../../../../components/form-render").FieldItem[]>;
                 };
@@ -554,7 +583,7 @@ declare const _default: 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: {
@@ -639,11 +668,11 @@ declare const _default: 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: {
@@ -668,19 +697,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<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("../../../../components/form-render").BusinessCollector;
@@ -693,13 +722,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>;
@@ -726,7 +763,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;
             }>;
@@ -803,7 +840,7 @@ declare const _default: 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 | {
@@ -827,6 +864,7 @@ declare const _default: import("vue").DefineComponent<{
                 enterToNextWidget: boolean | ((fieldItem: import("../../../../components/form-render").FieldItem) => boolean | void);
                 autoExpand: boolean;
                 lowCodeReactions: LowCodeTypes.reactionConfig[];
+                newLowCodeReactions: LowCodeTypes.newReactionConfig[];
                 linebarAutoHidden: boolean;
                 labelPlacementOverwrite: boolean;
                 bordered: string | boolean;
@@ -838,8 +876,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;
@@ -1022,16 +1060,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 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("../../../../components/form-render").FieldItem[]>;
             };
@@ -1125,7 +1163,7 @@ declare const _default: 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: {
@@ -1210,11 +1248,11 @@ declare const _default: 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: {
@@ -1239,18 +1277,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, 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;
@@ -1266,8 +1304,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;
@@ -1276,9 +1314,9 @@ declare const _default: 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<{}>>, {}>>;
-}, 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<{
+        }, {}, {}, {}, 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<{
     modelValue: {
         type: ArrayConstructor;
         required: true;
@@ -1288,10 +1326,10 @@ declare const _default: import("vue").DefineComponent<{
         type: null;
         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;