cnhis-design-vue 3.4.0-beta.8 → 3.4.0-release.3

package/es/components/field-set/src/FieldSet.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType, VNodeChild } from 'vue';
 import { setStyle, isDraggableItem } from './utils';
 import { FieldSetItem, FieldSetColumnName, FieldSetColumnItem } from '../../../components/field-set/src/types';
 import { AnyObject } from '../../../shared/types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     fields: {
         type: PropType<Partial<{
             [key: string]: any;
@@ -101,13 +101,13 @@ declare const _default: import("vue").DefineComponent<{
             sortType?: "SINGLE" | "MULTIPLE" | undefined;
         } & AnyObject>;
     };
-}, {
+}>, {
     fieldsMapping: Record<string, string>;
     TABLESORT_OPTION: {
         label: string;
         value: string;
     }[];
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fields: {
             type: PropType<Partial<{
                 [key: string]: any;
@@ -206,23 +206,37 @@ declare const _default: import("vue").DefineComponent<{
                 sortType?: "SINGLE" | "MULTIPLE" | undefined;
             } & AnyObject>;
         };
-    }>> & {
+    }>> & Readonly<{
         onSave?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
         onReset?: ((...args: any[]) => any) | undefined;
-    }>>;
+    }> & {}>;
     emit: (event: "close" | "save" | "reset", ...args: any[]) => void;
-    resetKey: import("vue").Ref<number>;
-    keyword: import("vue").Ref<string>;
-    tableBodyRef: import("vue").Ref<HTMLDivElement | undefined>;
-    tableRef: import("vue").Ref<any>;
-    newFields: import("vue").Ref<AnyObject[]>;
-    compositeSort: import("vue").Ref<"SINGLE" | "MULTIPLE">;
+    resetKey: import("vue").Ref<number, number>;
+    keyword: import("vue").Ref<string, string>;
+    tableBodyRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    tableRef: import("vue").Ref<any, any>;
+    newFields: import("vue").Ref<AnyObject[], AnyObject[]>;
+    compositeSort: import("vue").Ref<"SINGLE" | "MULTIPLE", "SINGLE" | "MULTIPLE">;
     defaultColumns: FieldSetColumnItem[];
     columns: import("vue").Ref<{
         [x: string]: any;
         title: string;
-        type: "color" | "text" | "checkbox" | "input" | "select" | "custom" | "inputNumber";
+        type: "color" | "input" | "select" | "custom" | "text" | "checkbox" | "inputNumber";
+        field: string;
+        checkedAll?: boolean | undefined;
+        disabledAll?: boolean | undefined;
+        isHeadCheckHide?: boolean | undefined;
+        isShow?: boolean | undefined;
+        contentRender?: ((column: AnyObject, row: AnyObject) => VNodeChild) | undefined;
+        titleRender?: ((column: AnyObject) => VNodeChild) | undefined;
+        hide?: boolean | undefined;
+        positionField?: string | undefined;
+        showPrevFn?: ((column: FieldSetColumnItem, row: AnyObject) => boolean) | undefined;
+    }[], FieldSetColumnItem[] | {
+        [x: string]: any;
+        title: string;
+        type: "color" | "input" | "select" | "custom" | "text" | "checkbox" | "inputNumber";
         field: string;
         checkedAll?: boolean | undefined;
         disabledAll?: boolean | undefined;
@@ -242,7 +256,7 @@ declare const _default: import("vue").DefineComponent<{
         columns: {
             [x: string]: any;
             title: string;
-            type: "color" | "text" | "checkbox" | "input" | "select" | "custom" | "inputNumber";
+            type: "color" | "input" | "select" | "custom" | "text" | "checkbox" | "inputNumber";
             field: string;
             checkedAll?: boolean | undefined;
             disabledAll?: boolean | undefined;
@@ -280,7 +294,7 @@ declare const _default: import("vue").DefineComponent<{
     getShowColumn: (column: AnyObject) => boolean;
     initFields: () => (AnyObject | AnyObject[])[];
     handleGroup: (fields: AnyObject[]) => (AnyObject | AnyObject[])[];
-    getTableFields: () => import("lodash").Omit<never, "uuid">[];
+    getTableFields: () => import("lodash").Omit<AnyObject, "uuid">[];
     handleSearch: () => void;
     isHighlight: (element: FieldSetItem) => boolean | undefined;
     handleAllCheck: (checked: boolean, field: string) => void;
@@ -297,14 +311,14 @@ declare const _default: import("vue").DefineComponent<{
             compositeSort: boolean;
         };
     } | undefined;
-    NButton: any;
-    NCheckbox: any;
-    NPopconfirm: any;
-    NIcon: any;
-    NTooltip: any;
-    NInput: any;
-    NSelect: any;
-    Draggable: import("vue").DefineComponent<{
+    readonly NButton: any;
+    readonly NCheckbox: any;
+    readonly NPopconfirm: any;
+    readonly NIcon: any;
+    readonly NTooltip: any;
+    readonly NInput: any;
+    readonly NSelect: any;
+    readonly Draggable: import("vue").DefineComponent<{
         list: {
             type: ArrayConstructor;
             required: boolean;
@@ -376,8 +390,8 @@ declare const _default: import("vue").DefineComponent<{
         list: unknown[];
         modelValue: unknown[];
         componentData: Record<string, any>;
-    }>;
-    Row: import("vue").DefineComponent<{
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Row: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         element: {
             type: PropType<Partial<{
                 [key: string]: any;
@@ -468,7 +482,7 @@ declare const _default: import("vue").DefineComponent<{
         titleRender: {
             type: PropType<(row: AnyObject) => VNodeChild>;
         };
-    }, {
+    }>, {
         fixedWayOptions: {
             label: string;
             value: string;
@@ -482,7 +496,7 @@ declare const _default: import("vue").DefineComponent<{
             value: string;
         }[];
         swatches: string[];
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             element: {
                 type: PropType<Partial<{
                     [key: string]: any;
@@ -573,10 +587,10 @@ declare const _default: import("vue").DefineComponent<{
             titleRender: {
                 type: PropType<(row: AnyObject) => VNodeChild>;
             };
-        }>> & {
+        }>> & Readonly<{
             onEdit?: ((...args: any[]) => any) | undefined;
             onUpdateChecked?: ((...args: any[]) => any) | undefined;
-        }>>;
+        }> & {}>;
         emit: (event: "edit" | "updateChecked", ...args: any[]) => void;
         onRemove: () => void;
         onEdit: (param?: AnyObject) => void;
@@ -602,28 +616,28 @@ declare const _default: import("vue").DefineComponent<{
         getStyle: (column: AnyObject) => import("vue").CSSProperties;
         onUpdateChecked: (checked: boolean, column: AnyObject) => void;
         handleUpdateSelect: (value: string, column: AnyObject) => void;
-        NCheckbox: any;
-        NSelect: any;
-        NInput: any;
-        NInputNumber: any;
-        NTooltip: any;
-        NIcon: any;
-        NColorPicker: any;
-        NPopconfirm: any;
-        NPopover: any;
-        NSpace: any;
-        NButton: any;
-        setStyle: typeof setStyle;
-        setColorInfo: typeof import("./utils").setColorInfo;
-        ReorderTwoOutline: 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<{}>>, {}>;
-        TrashOutline: 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<{}>>, {}>;
-        CreateOutline: 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<{}>>, {}>;
-        HelpCircleOutline: 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<{}>>, {}>;
-        CaretDownOutline: 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<{}>>, {}>;
-        EyeOutline: 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<{}>>, {}>;
-        CopyOutline: 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<{}>>, {}>;
-        isFunction: (value: any) => value is (...args: any[]) => any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("edit" | "updateChecked")[], "edit" | "updateChecked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly NCheckbox: any;
+        readonly NSelect: any;
+        readonly NInput: any;
+        readonly NInputNumber: any;
+        readonly NTooltip: any;
+        readonly NIcon: any;
+        readonly NColorPicker: any;
+        readonly NPopconfirm: any;
+        readonly NPopover: any;
+        readonly NSpace: any;
+        readonly NButton: any;
+        readonly setStyle: typeof setStyle;
+        readonly setColorInfo: typeof import("./utils").setColorInfo;
+        readonly ReorderTwoOutline: 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 TrashOutline: 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 CreateOutline: 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 HelpCircleOutline: 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 CaretDownOutline: 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 EyeOutline: 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 CopyOutline: 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 isFunction: (value: any) => value is (...args: any[]) => any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("edit" | "updateChecked")[], "edit" | "updateChecked", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         element: {
             type: PropType<Partial<{
                 [key: string]: any;
@@ -714,10 +728,10 @@ declare const _default: import("vue").DefineComponent<{
         titleRender: {
             type: PropType<(row: AnyObject) => VNodeChild>;
         };
-    }>> & {
+    }>> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
         onUpdateChecked?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         data: Partial<{
             [key: string]: any;
             id: string;
@@ -736,9 +750,10 @@ declare const _default: import("vue").DefineComponent<{
             requiredDisable: boolean;
             hide: boolean;
         }>[];
+        columns: FieldSetColumnItem[];
         primaryKey: string;
         index: number;
-        columns: FieldSetColumnItem[];
+        developMode: boolean;
         element: Partial<{
             [key: string]: any;
             id: string;
@@ -757,7 +772,6 @@ declare const _default: import("vue").DefineComponent<{
             requiredDisable: boolean;
             hide: boolean;
         }>;
-        developMode: boolean;
         draggable: boolean;
         isHighlightRow: boolean;
         idx: number;
@@ -765,16 +779,16 @@ declare const _default: import("vue").DefineComponent<{
         isFieldSet: boolean;
         fieldDescribeMode: "column" | "tooltip";
         hideExpressionOption: AnyObject[];
-    }>;
-    isArray: {
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly isArray: {
         (value?: any): value is any[];
         <T>(value?: any): value is any[];
     };
-    isFunction: (value: any) => value is (...args: any[]) => any;
-    setStyle: typeof setStyle;
-    isDraggableItem: typeof isDraggableItem;
-    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<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "save" | "reset")[], "close" | "save" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly isFunction: (value: any) => value is (...args: any[]) => any;
+    readonly setStyle: typeof setStyle;
+    readonly isDraggableItem: typeof isDraggableItem;
+    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>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "save" | "reset")[], "close" | "save" | "reset", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     fields: {
         type: PropType<Partial<{
             [key: string]: any;
@@ -873,11 +887,11 @@ declare const _default: import("vue").DefineComponent<{
             sortType?: "SINGLE" | "MULTIPLE" | undefined;
         } & AnyObject>;
     };
-}>> & {
+}>> & Readonly<{
     onSave?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     primaryKey: string;
     type: string;
     fields: Partial<{
@@ -908,5 +922,5 @@ declare const _default: import("vue").DefineComponent<{
     customColumns: FieldSetColumnItem[];
     showSortPriority: boolean;
     showHeadFilter: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/field-set/src/FieldSet.vue2.js

@@ -1,5 +1,5 @@
 import { i18n } from '../../../_virtual/_virtual_i18n-methods.js';
-import { createElementVNode, defineComponent, ref, computed, reactive, toRef, watch, openBlock, createElementBlock, createBlock, unref, withKeys, withModifiers, createCommentVNode, Fragment, renderList, normalizeStyle, withCtx, createTextVNode, toDisplayString, resolveDynamicComponent, createVNode, normalizeClass, mergeProps, renderSlot } from 'vue';
+import { defineComponent, ref, computed, reactive, toRef, watch, openBlock, createElementBlock, createBlock, unref, withKeys, withModifiers, createCommentVNode, createElementVNode, Fragment, renderList, normalizeStyle, withCtx, createTextVNode, toDisplayString, resolveDynamicComponent, createVNode, normalizeClass, mergeProps, renderSlot } from 'vue';
 import { NInput, NCheckbox, NTooltip, NIcon, NSelect, NPopconfirm, NButton } from 'naive-ui';
 import draggableComponent from '../../../shared/components/VueDraggable/src/vuedraggable.js';
 import Row from './components/table-row.vue.js';
@@ -14,19 +14,15 @@ const _hoisted_1 = {
 const _hoisted_2 = {
   class: "main-wrapper__table-header"
 };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", null, i18n("10010.1.246", "\u6570\u503C\u8D8A\u5C0F\uFF0C\u4F18\u5148\u7EA7\u8D8A\u9AD8"), -1);
-const _hoisted_4 = ["tabindex"];
-const _hoisted_5 = {
+const _hoisted_3 = ["tabindex"];
+const _hoisted_4 = {
   key: 1,
   class: "main-wrapper__other-config"
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   class: "item"
 };
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", {
-  class: "label"
-}, i18n("10010.1.676", "\u8868\u5934\u7EC4\u5408\u6392\u5E8F"), -1);
-const _hoisted_8 = {
+const _hoisted_6 = {
   key: 2,
   class: "main-wrapper__table-footer"
 };
@@ -115,11 +111,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "reset"
   ],
   setup(__props, {
-    expose,
-    emit
+    expose: __expose,
+    emit: __emit
   }) {
     var _a;
-    const props = __props;
     const fieldsMapping = {
       sid: "id",
       columnName: "name",
@@ -135,6 +130,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       label: i18n("10010.1.678", "\u7EC4\u5408\u6392\u5E8F"),
       value: "MULTIPLE"
     }];
+    const props = __props;
+    const emit = __emit;
     const resetKey = ref(Date.now());
     const keyword = ref("");
     const tableBodyRef = ref();
@@ -479,7 +476,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       immediate: true,
       deep: true
     });
-    expose({
+    __expose({
       getTableFields,
       getTableConfig
     });
@@ -527,7 +524,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               "top": "2px"
             }
           }, null, 8, ["component"])]),
-          default: withCtx(() => [_hoisted_3]),
+          default: withCtx(() => [_cache[3] || (_cache[3] = createElementVNode("span", null, i18n("10010.1.246", "\u6570\u503C\u8D8A\u5C0F\uFF0C\u4F18\u5148\u7EA7\u8D8A\u9AD8"), -1))]),
           _: 1
         })) : createCommentVNode("v-if", true)])], 4)) : createCommentVNode("v-if", true)], 64);
       }), 128))]), createElementVNode("div", {
@@ -541,6 +538,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "item-key": "id",
         filter: ".disabled",
         draggable: ".item",
+        handle: ".drag-icon",
         move: onMove,
         disabled: !__props.rowDraggable,
         key: resetKey.value
@@ -553,12 +551,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["item", unref(isDraggableItem)(element) ? "" : "disabled"]),
           tabindex: index,
           style: normalizeStyle({
-            width: unref(itemWidth)
+            width: itemWidth.value
           })
         }, [unref(isArray)(element) ? (openBlock(true), createElementBlock(Fragment, {
           key: 0
         }, renderList(element, (ele, _index) => {
-          return openBlock(), createBlock(Row, mergeProps(rowProps, {
+          return openBlock(), createBlock(Row, mergeProps({
+            ref_for: true
+          }, rowProps, {
             key: _index,
             element: ele,
             idx: index + 1,
@@ -570,16 +570,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           element,
           idx: index + 1,
           "is-highlight": isHighlight(element)
-        }), null, 16, ["element", "idx", "is-highlight"]))], 14, _hoisted_4)) : createCommentVNode("v-if", true)]),
+        }), null, 16, ["element", "idx", "is-highlight"]))], 14, _hoisted_3)) : createCommentVNode("v-if", true)]),
         _: 1
-      }, 8, ["modelValue", "disabled"]))], 512)], 512), unref(isShowCompositeSort) ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [_hoisted_7, createVNode(unref(NSelect), {
+      }, 8, ["modelValue", "disabled"]))], 512)], 512), isShowCompositeSort.value ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [_cache[4] || (_cache[4] = createElementVNode("span", {
+        class: "label"
+      }, i18n("10010.1.676", "\u8868\u5934\u7EC4\u5408\u6392\u5E8F"), -1)), createVNode(unref(NSelect), {
         style: {
           "width": "200px"
         },
         value: compositeSort.value,
         "onUpdate:value": _cache[2] || (_cache[2] = ($event) => compositeSort.value = $event),
         options: TABLESORT_OPTION
-      }, null, 8, ["value"])])])) : createCommentVNode("v-if", true), __props.footerFlag ? (openBlock(), createElementBlock("div", _hoisted_8, [createCommentVNode(" \u5E95\u90E8\u6309\u94AE\u63D2\u69FD "), renderSlot(_ctx.$slots, "footer", {}, () => [createVNode(unref(NPopconfirm), {
+      }, null, 8, ["value"])])])) : createCommentVNode("v-if", true), __props.footerFlag ? (openBlock(), createElementBlock("div", _hoisted_6, [createCommentVNode(" \u5E95\u90E8\u6309\u94AE\u63D2\u69FD "), renderSlot(_ctx.$slots, "footer", {}, () => [createVNode(unref(NPopconfirm), {
         onPositiveClick: reset
       }, {
         trigger: withCtx(() => [createVNode(unref(NButton), {
@@ -587,10 +589,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             "margin-right": "8px"
           }
         }, {
-          default: withCtx(() => [createTextVNode(i18n("10010.1.242", "\u6062\u590D\u9ED8\u8BA4\u8BBE\u7F6E"))]),
+          default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(i18n("10010.1.242", "\u6062\u590D\u9ED8\u8BA4\u8BBE\u7F6E"), -1)])]),
           _: 1
         })]),
-        default: withCtx(() => [createTextVNode(i18n("10010.1.243", "\u786E\u8BA4\u8981\u6062\u590D\u7CFB\u7EDF\u9ED8\u8BA4\u8BBE\u7F6E\u5417\uFF1F"))]),
+        default: withCtx(() => [_cache[6] || (_cache[6] = createTextVNode(i18n("10010.1.243", "\u786E\u8BA4\u8981\u6062\u590D\u7CFB\u7EDF\u9ED8\u8BA4\u8BBE\u7F6E\u5417\uFF1F"), -1))]),
         _: 1
       }), createVNode(unref(NButton), {
         style: {
@@ -598,13 +600,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         },
         onClick: onCancle
       }, {
-        default: withCtx(() => [createTextVNode(i18n("10010.1.28", "\u53D6\u6D88"))]),
+        default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode(i18n("10010.1.28", "\u53D6\u6D88"), -1)])]),
         _: 1
       }), createVNode(unref(NButton), {
         type: "primary",
         onClick: handleFieldSave
       }, {
-        default: withCtx(() => [createTextVNode(i18n("10010.1.244", "\u4FDD\u5B58"))]),
+        default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode(i18n("10010.1.244", "\u4FDD\u5B58"), -1)])]),
         _: 1
       })])])) : createCommentVNode("v-if", true)]);
     };

package/es/components/field-set/src/Index.vue.d.ts

@@ -6,7 +6,7 @@ type WordbookOption = {
     value: string;
     [key: string]: any;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     showTabNames: {
         type: PropType<FieldSetTab[]>;
         default: () => string[];
@@ -33,11 +33,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<("type" | "title" | "optionType" | "isShowSearch" | "filterExplicit" | "explicitRequired" | "defaultValue" | "customTitle" | "width")[]>;
         default: () => never[];
     };
-}, {
+}>, {
     attrs: {
         [x: string]: unknown;
     };
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         showTabNames: {
             type: PropType<FieldSetTab[]>;
             default: () => string[];
@@ -64,13 +64,13 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<("type" | "title" | "optionType" | "isShowSearch" | "filterExplicit" | "explicitRequired" | "defaultValue" | "customTitle" | "width")[]>;
             default: () => never[];
         };
-    }>> & {
+    }>> & Readonly<{
         onSave?: ((...args: any[]) => any) | undefined;
-    }>>;
+    }> & {}>;
     emit: (event: "save", ...args: any[]) => void;
     setRefs: AnyObject;
-    fieldSetRef: import("vue").Ref<any>;
-    primaryColor: import("vue").Ref<string>;
+    fieldSetRef: import("vue").Ref<any, any>;
+    primaryColor: import("vue").Ref<string, string>;
     dataLength: import("vue").ComputedRef<number>;
     style: import("vue").ComputedRef<{
         '--row-height': string;
@@ -87,9 +87,9 @@ declare const _default: import("vue").DefineComponent<{
     onSave: () => void;
     setRef: (e: any, id: string) => void;
     getTableFields: (type?: 'field' | 'fieldColor' | 'highlightRow' | 'tableStyle' | 'fieldFilter') => any;
-    NTabs: any;
-    NTabPane: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "save"[], "save", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly NTabs: any;
+    readonly NTabPane: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "save"[], "save", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     showTabNames: {
         type: PropType<FieldSetTab[]>;
         default: () => string[];
@@ -116,13 +116,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<("type" | "title" | "optionType" | "isShowSearch" | "filterExplicit" | "explicitRequired" | "defaultValue" | "customTitle" | "width")[]>;
         default: () => never[];
     };
-}>> & {
+}>> & Readonly<{
     onSave?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     showTabNames: FieldSetTab[];
     fieldColorList: ColorSetItem[];
     highlightRowColorList: ColorSetItem[];
     fieldFilterList: FilterSetItem[];
     showFilterColumnNames: ("type" | "title" | "optionType" | "isShowSearch" | "filterExplicit" | "explicitRequired" | "defaultValue" | "customTitle" | "width")[];
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/field-set/src/Index.vue2.js

@@ -1,5 +1,5 @@
 import { i18n } from '../../../_virtual/_virtual_i18n-methods.js';
-import { defineComponent, useAttrs, provide, reactive, ref, computed, h, unref, openBlock, createElementBlock, normalizeStyle, createBlock, withCtx, Fragment, renderList, resolveDynamicComponent, mergeProps, createSlots, renderSlot, createCommentVNode } from 'vue';
+import { defineComponent, useAttrs, provide, reactive, ref, computed, h, openBlock, createElementBlock, normalizeStyle, createBlock, unref, withCtx, Fragment, renderList, resolveDynamicComponent, mergeProps, createSlots, renderSlot, createCommentVNode } from 'vue';
 import { useThemeVars, NTabs, NTabPane } from 'naive-ui';
 import FieldSet from './FieldSet.vue.js';
 import FieldColor from './FieldColor.vue.js';
@@ -42,11 +42,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "save"
   ],
   setup(__props, {
-    expose,
-    emit
+    expose: __expose,
+    emit: __emit
   }) {
-    const props = __props;
     const attrs = useAttrs();
+    const props = __props;
+    const emit = __emit;
     provide(InjectionFieldList, props.fieldList);
     provide(InjectionQueryWordbookData, props.queryWordbookData);
     const setRefs = reactive({});
@@ -127,7 +128,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       return (_a = setRefs[type || "field"]) == null ? void 0 : _a.getTableFields();
     }
-    expose({
+    __expose({
       getTableFields,
       getTableConfig() {
         var _a, _b;
@@ -135,25 +136,27 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return unref(dataLength) > 0 ? (openBlock(), createElementBlock("div", {
+      return dataLength.value > 0 ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "c-field-set",
-        style: normalizeStyle(unref(style)),
+        style: normalizeStyle(style.value),
         ref_key: "fieldSetRef",
         ref: fieldSetRef
-      }, [unref(tabList).length > 1 ? (openBlock(), createBlock(unref(NTabs), {
+      }, [tabList.value.length > 1 ? (openBlock(), createBlock(unref(NTabs), {
         key: 0,
         type: "line",
         naimated: ""
       }, {
-        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabList), (item) => {
+        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tabList.value, (item) => {
           return openBlock(), createBlock(unref(NTabPane), {
             key: item.name,
             name: item.name,
             tab: item.tab,
             "display-directive": "show"
           }, {
-            default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.render()), mergeProps(unref(newAttrs), {
+            default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.render()), mergeProps({
+              ref_for: true
+            }, newAttrs.value, {
               ref_for: true,
               ref: (el) => setRef(el, item.name),
               onSave
@@ -169,10 +172,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, 1032, ["name", "tab"]);
         }), 128))]),
         _: 3
-      })) : (openBlock(), createBlock(resolveDynamicComponent(unref(tabList)[0].render()), mergeProps({
+      })) : (openBlock(), createBlock(resolveDynamicComponent(tabList.value[0].render()), mergeProps({
         key: 1
-      }, unref(newAttrs), {
-        ref: (el) => setRef(el, unref(tabList)[0].name),
+      }, newAttrs.value, {
+        ref: (el) => setRef(el, tabList.value[0].name),
         onSave
       }), createSlots({
         _: 2