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

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

@@ -1,4 +1,5 @@
-import { defineComponent, provide, ref, computed, toRaw, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString, createVNode, isRef, withCtx, createBlock, createCommentVNode, createTextVNode } from 'vue';
+import { i18n } from '../../../_virtual/_virtual_i18n-methods.js';
+import { defineComponent, provide, ref, computed, toRaw, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode } from 'vue';
 import { useTheme } from '../../../shared/hooks/useTheme.js';
 import '@vueuse/core';
 import 'date-fns';
@@ -11,7 +12,6 @@ import '@vicons/ionicons5';
 import { NSelect, NSpace } from 'naive-ui';
 import { useVersion } from '../../../shared/hooks/useVersion.js';
 import '../../../shared/hooks/useScrollLoading.js';
-import { useFormConfigLocale } from './hooks/useLocale.js';
 import draggableComponent from '../../../shared/components/VueDraggable/src/vuedraggable.js';
 import FormConfigCreator from './components/FormConfigCreator.vue.js';
 import FormConfigDragDisplay from './components/FormConfigDragDisplay.vue.js';
@@ -29,21 +29,15 @@ const _hoisted_2 = {
   class: "form-config__material"
 };
 const _hoisted_3 = {
-  class: "form-config__materialHeader"
-};
-const _hoisted_4 = {
   class: "form-config__displayWrapper"
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   class: "form-config__displayHeader"
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   class: "form-config__config"
 };
-const _hoisted_7 = {
-  class: "form-config__configHeader"
-};
-const _hoisted_8 = {
+const _hoisted_6 = {
   class: "form-config__configContent"
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -78,11 +72,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "reactionsValidateFailure"
   ],
   setup(__props, {
-    expose,
-    emit
+    expose: __expose,
+    emit: __emit
   }) {
     const props = __props;
     provide(InjectionFormConfigProps, props);
+    const emit = __emit;
     provide(InjectionFormConfigEmit, emit);
     const uuid = uuidGenerator();
     const cssVars = useTheme();
@@ -147,7 +142,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       _extraOptions.value = isFunction(props.extraMaterialList) ? await props.extraMaterialList() : props.extraMaterialList;
     }
-    expose({
+    __expose({
       loadData({
         fieldList,
         lowCodeReactions = []
@@ -190,31 +185,33 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           ...unref(cssVars)
         },
         id: unref(uuid)
-      }, unref(useVersion)()), [createElementVNode("section", _hoisted_2, [createElementVNode("header", _hoisted_3, toDisplayString(unref(useFormConfigLocale)("materialArea")), 1), createVNode(unref(draggableComponent), mergeProps(getSortOption(), {
+      }, unref(useVersion)()), [createElementVNode("section", _hoisted_2, [_cache[5] || (_cache[5] = createElementVNode("header", {
+        class: "form-config__materialHeader"
+      }, i18n("10010.1.1", "\u7269\u6599\u533A"), -1)), createVNode(unref(draggableComponent), mergeProps(getSortOption(), {
         class: "form-config__materialContent",
-        modelValue: unref(materialListRef),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(materialListRef) ? materialListRef.value = $event : null)
+        modelValue: materialListRef.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => materialListRef.value = $event)
       }), {
         item: withCtx(({
           element
         }) => [createVNode(unref(FormConfigMaterialItem), {
           "form-config-item": element,
           "text-formatter": parsedTextFormatter,
-          "material-List": unref(materialListRef)
+          "material-List": materialListRef.value
         }, null, 8, ["form-config-item", "material-List"])]),
         _: 1
       }, 16, ["modelValue"]), __props.extraMaterialList ? (openBlock(), createBlock(unref(NSelect), {
         key: 0,
         class: "form-config__materialExtraList",
         filterable: "",
-        value: unref(extraValueRef),
-        "onUpdate:value": _cache[1] || (_cache[1] = ($event) => isRef(extraValueRef) ? extraValueRef.value = $event : null),
-        placeholder: unref(useFormConfigLocale)("materialArea.createMaterialPlaceholder"),
-        options: unref(extraOptions),
+        value: extraValueRef.value,
+        "onUpdate:value": _cache[1] || (_cache[1] = ($event) => extraValueRef.value = $event),
+        placeholder: i18n("10010.1.2", "\u8BF7\u9009\u62E9\u989D\u5916\u7269\u6599"),
+        options: extraOptions.value,
         "label-field": "name",
         "value-field": "key",
         onFocus
-      }, null, 8, ["value", "placeholder", "options"])) : createCommentVNode("v-if", true)]), createElementVNode("section", _hoisted_4, [createElementVNode("header", _hoisted_5, [createTextVNode(toDisplayString(unref(useFormConfigLocale)("layoutArea")) + " ", 1), createVNode(unref(NSpace), null, {
+      }, null, 8, ["value", "options"])) : createCommentVNode("v-if", true)]), createElementVNode("section", _hoisted_3, [createElementVNode("header", _hoisted_4, [_cache[6] || (_cache[6] = createTextVNode(i18n("10010.1.3", "\u5E03\u5C40\u533A"), -1)), createVNode(unref(NSpace), null, {
         default: withCtx(() => [__props.showLowCodeReactions ? (openBlock(), createBlock(FormConfigEventSetting, {
           key: 0,
           modelValue: lowCodeReactionsRef.value,
@@ -229,9 +226,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         class: "form-config__displayContent",
         group: unref(FORM_CONFIG_GROUP),
         "text-formatter": parsedTextFormatter,
-        modelValue: unref(fieldListRef),
-        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(fieldListRef) ? fieldListRef.value = $event : null)
-      }, null, 8, ["group", "modelValue"])]), createElementVNode("section", _hoisted_6, [createElementVNode("header", _hoisted_7, toDisplayString(unref(useFormConfigLocale)("configArea")), 1), createElementVNode("section", _hoisted_8, [createVNode(FormConfigEdit, {
+        modelValue: fieldListRef.value,
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => fieldListRef.value = $event)
+      }, null, 8, ["group", "modelValue"])]), createElementVNode("section", _hoisted_5, [_cache[7] || (_cache[7] = createElementVNode("header", {
+        class: "form-config__configHeader"
+      }, i18n("10010.1.8", "\u914D\u7F6E\u533A"), -1)), createElementVNode("section", _hoisted_6, [createVNode(FormConfigEdit, {
         ref_key: "formConfigEditRef",
         ref: formConfigEditRef,
         uuid: unref(uuid),

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

@@ -1,28 +1,26 @@
-import { useFormConfigLocale } from '../../../../components/form-config/src/hooks/useLocale';
 import { FieldItem, FormRenderExpose } from '../../../../components/form-render';
 import { AnyObject, FormConfigItem } from '../../..';
 declare const _default: import("vue").DefineComponent<{}, {
     linebarField: FieldItem[];
-    linebarFormRef: import("vue").Ref<FormRenderExpose | undefined>;
-    lineBreakFormRef: import("vue").Ref<FormRenderExpose | undefined>;
+    linebarFormRef: import("vue").Ref<FormRenderExpose | undefined, FormRenderExpose | undefined>;
+    lineBreakFormRef: import("vue").Ref<FormRenderExpose | undefined, FormRenderExpose | undefined>;
     initialData: Partial<FormConfigItem>;
     emit: (event: "submit", payload: FormConfigItem) => void;
     submit: (type: string, props?: AnyObject, formRef?: FormRenderExpose) => Promise<void>;
-    pick: {
+    readonly pick: {
         <T extends object, U extends keyof T>(object: T, ...props: import("lodash").Many<U>[]): Pick<T, U>;
         <T_1>(object: T_1 | null | undefined, ...props: import("lodash").Many<import("lodash").PropertyPath>[]): Partial<T_1>;
     };
-    NButton: any;
-    NButtonGroup: any;
-    NPopconfirm: any;
-    useFormConfigLocale: typeof useFormConfigLocale;
-    CFormRender: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{}, {
-        formRenderRef: import("vue").Ref<FormRenderExpose | undefined>;
-        key: import("vue").Ref<number>;
+    readonly NButton: any;
+    readonly NButtonGroup: any;
+    readonly NPopconfirm: any;
+    readonly CFormRender: 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<FieldItem[]>;
             };
@@ -116,7 +114,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: {
@@ -201,11 +199,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: {
@@ -230,8 +228,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<FieldItem[]>;
                 };
@@ -325,7 +323,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: {
@@ -410,11 +408,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: {
@@ -439,19 +437,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("../../../../components/form-render").BusinessCollector;
@@ -464,13 +462,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>;
@@ -497,7 +503,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;
             }>;
@@ -574,7 +580,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: AnyObject;
                 annotation: Record<string, import("../../../annotation-edit/src/type").AnnotationItem>;
                 annotationShortcuts: (string | {
@@ -609,8 +615,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;
@@ -793,16 +799,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").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").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<FieldItem[]>;
             };
@@ -896,7 +902,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: {
@@ -981,11 +987,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: {
@@ -1010,18 +1016,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: AnyObject;
             parallelism: number;
             scope: AnyObject;
@@ -1037,8 +1043,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;
@@ -1047,11 +1053,11 @@ 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<{}>>, {}>>;
+        }, {}, {}, {}, 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, {
     submit: (payload: FormConfigItem) => FormConfigItem;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
     onSubmit?: ((payload: FormConfigItem) => any) | undefined;
-}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,9 +1,9 @@
+import { i18n, i18nAbbr } from '../../../../_virtual/_virtual_i18n-methods.js';
 import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString } from 'vue';
 import { pick } from 'lodash-es';
 import { NButtonGroup, NPopconfirm, NButton } from 'naive-ui';
 import { EditAbleField } from '../constants/index.js';
 import { useConfigurationField } from '../hooks/useConfigurationField.js';
-import { useFormConfigLocale } from '../hooks/useLocale.js';
 import '../../../index.js';
 import FormRender from '../../../form-render/index.js';
 
@@ -13,7 +13,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     submit: (payload) => payload
   },
   setup(__props, {
-    emit
+    emit: __emit
   }) {
     const linebarField = useConfigurationField().generateFieldListByKeys([EditAbleField.NAME, EditAbleField.LAYOUT_WIDTH_ENUM, EditAbleField.NOTES, EditAbleField.DEFAULT_EXPAND, EditAbleField.FOLD]);
     Object.assign(linebarField[0], {
@@ -27,6 +27,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       fold: true,
       layoutWidthEnum: "ALL_LINE"
     };
+    const emit = __emit;
     async function submit(type, props, formRef) {
       if (!formRef)
         return;
@@ -50,12 +51,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           "show-icon": false,
           "show-arrow": false,
           to: "body",
-          "positive-text": unref(useFormConfigLocale)("configArea.positiveBtn"),
-          "negative-text": unref(useFormConfigLocale)("configArea.negativeBtn"),
+          "positive-text": i18n("10010.1.27", "\u786E\u5B9A"),
+          "negative-text": i18n("10010.1.28", "\u53D6\u6D88"),
           onPositiveClick: _cache[0] || (_cache[0] = ($event) => submit("NEWLINE", {}, lineBreakFormRef.value))
         }, {
-          trigger: withCtx(() => [createVNode(unref(NButton), null, {
-            default: withCtx(() => [createTextVNode(toDisplayString(unref(useFormConfigLocale)("layoutArea.createLinebreak")), 1)]),
+          trigger: withCtx(() => [createVNode(unref(NButton), {
+            title: i18n("10010.1.6", "\u65B0\u5EFA\u5206\u884C\u7B26")
+          }, {
+            default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(toDisplayString(i18nAbbr("10010.1.6", "\u65B0\u5EFA\u5206\u884C\u7B26")), -1)])]),
             _: 1
           })]),
           default: withCtx(() => [createVNode(unref(FormRender), {
@@ -69,19 +72,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             fieldList: unref(linebarField).slice(0, 1)
           }, null, 8, ["initial-data", "fieldList"])]),
           _: 1
-        }, 8, ["positive-text", "negative-text"]), createVNode(unref(NPopconfirm), {
+        }), createVNode(unref(NPopconfirm), {
           width: "300px",
           "show-icon": false,
           "show-arrow": false,
           to: "body",
-          "positive-text": unref(useFormConfigLocale)("configArea.positiveBtn"),
-          "negative-text": unref(useFormConfigLocale)("configArea.negativeBtn"),
+          "positive-text": i18n("10010.1.27", "\u786E\u5B9A"),
+          "negative-text": i18n("10010.1.28", "\u53D6\u6D88"),
           onPositiveClick: _cache[1] || (_cache[1] = ($event) => submit("LINE_BAR", {
             children: []
           }, linebarFormRef.value))
         }, {
-          trigger: withCtx(() => [createVNode(unref(NButton), null, {
-            default: withCtx(() => [createTextVNode(toDisplayString(unref(useFormConfigLocale)("layoutArea.createLinebar")), 1)]),
+          trigger: withCtx(() => [createVNode(unref(NButton), {
+            title: i18n("10010.1.7", "\u65B0\u5EFA\u5206\u7EBF\u680F")
+          }, {
+            default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(toDisplayString(i18nAbbr("10010.1.7", "\u65B0\u5EFA\u5206\u7EBF\u680F")), -1)])]),
             _: 1
           })]),
           default: withCtx(() => [createVNode(unref(FormRender), {
@@ -95,7 +100,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             fieldList: unref(linebarField)
           }, null, 8, ["fieldList"])]),
           _: 1
-        }, 8, ["positive-text", "negative-text"])]),
+        })]),
         _: 1
       });
     };

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { FormConfigItem, FormConfigTextFormatter } from '../../../../components/form-config';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
     };
@@ -8,13 +8,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FormConfigTextFormatter>;
         required: true;
     };
-}, {
+}>, {
     globProps: import("../../../../shared/types").AnyObject | undefined;
     getItemColumnStyle: (formConfigItem?: FormConfigItem) => {
         '--item-column': number;
     };
-    fieldList: import("vue").Ref<FormConfigItem[]> | undefined;
-    materialList: import("vue").Ref<FormConfigItem[]> | undefined;
+    fieldList: import("vue").Ref<FormConfigItem[], FormConfigItem[]> | undefined;
+    materialList: import("vue").Ref<FormConfigItem[], FormConfigItem[]> | undefined;
     getSortOption: (formConfigItem?: FormConfigItem) => {
         move: ({ to, from, dragged }: import("sortablejs").MoveEvent) => false | undefined;
         onChoose: ({ target, item }: import("sortablejs").SortableEvent) => void;
@@ -25,8 +25,8 @@ declare const _default: import("vue").DefineComponent<{
         'item-key': string;
         group: string;
     };
-    getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component | import("vue").FunctionalComponent<{}, {}>;
-    Draggable: import("vue").DefineComponent<{
+    getRenderer: (formConfigItem: FormConfigItem) => import("vue").Component | import("vue").FunctionalComponent<{}, {}, any, {}>;
+    readonly Draggable: import("vue").DefineComponent<{
         list: {
             type: ArrayConstructor;
             required: boolean;
@@ -98,8 +98,8 @@ declare const _default: import("vue").DefineComponent<{
         list: unknown[];
         modelValue: unknown[];
         componentData: Record<string, any>;
-    }>;
-}, unknown, {}, {}, 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<import("vue").ExtractPropTypes<{
     formConfigItem: {
         type: PropType<FormConfigItem>;
     };
@@ -107,5 +107,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FormConfigTextFormatter>;
         required: true;
     };
-}>>, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -9,20 +9,13 @@ import { layoutWidthEnum2Column } from '../utils/index.js';
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FormConfigDragDisplay",
   props: {
-    formConfigItem: {
-      type: Object
-    },
-    textFormatter: {
-      type: Function,
-      required: true
-    }
+    formConfigItem: { type: Object },
+    textFormatter: { type: Function, required: true }
   },
   setup(__props) {
     const globProps = inject(InjectionFormConfigProps);
     function getItemColumnStyle(formConfigItem) {
-      return {
-        "--item-column": formConfigItem ? layoutWidthEnum2Column(formConfigItem.layoutWidthEnum) : 24
-      };
+      return { "--item-column": formConfigItem ? layoutWidthEnum2Column(formConfigItem.layoutWidthEnum) : 24 };
     }
     const fieldList = inject(InjectionFieldList);
     const materialList = inject(InjectionMaterialList);
@@ -36,21 +29,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     }
-    const {
-      getRenderer
-    } = usePresetRenderer();
+    const { getRenderer } = usePresetRenderer();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(draggableComponent), mergeProps(getSortOption(__props.formConfigItem), {
         style: getItemColumnStyle(__props.formConfigItem)
       }), {
-        item: withCtx(({
-          element
-        }) => [(openBlock(), createBlock(resolveDynamicComponent(unref(getRenderer)(element)), {
-          class: "form-config__displayContentItem",
-          style: normalizeStyle(getItemColumnStyle(element)),
-          "form-config-item": element,
-          textFormatter: __props.textFormatter
-        }, null, 8, ["style", "form-config-item", "textFormatter"]))]),
+        item: withCtx(({ element }) => [
+          (openBlock(), createBlock(resolveDynamicComponent(unref(getRenderer)(element)), {
+            class: "form-config__displayContentItem",
+            style: normalizeStyle(getItemColumnStyle(element)),
+            "form-config-item": element,
+            textFormatter: __props.textFormatter
+          }, null, 8, ["style", "form-config-item", "textFormatter"]))
+        ]),
         _: 1
       }, 16, ["style"]);
     };