cnhis-design-vue 3.1.17-beta.10 → 3.1.17-beta.13

package/es/components/field-set/index.d.ts

@@ -4,14 +4,6 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<any[]>;
         default: () => never[];
     };
-    menuSource: {
-        type: StringConstructor;
-        default: string;
-    };
-    drawerDirection: {
-        type: StringConstructor;
-        default: string;
-    };
     footerFlag: {
         type: BooleanConstructor;
         default: boolean;
@@ -20,6 +12,10 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    isEdit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     fieldsMapping: Record<string, string>;
     selectOptions: Record<string, string>[];
@@ -30,14 +26,6 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<any[]>;
             default: () => never[];
         };
-        menuSource: {
-            type: StringConstructor;
-            default: string;
-        };
-        drawerDirection: {
-            type: StringConstructor;
-            default: string;
-        };
         footerFlag: {
             type: BooleanConstructor;
             default: boolean;
@@ -46,10 +34,15 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        isEdit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onOnSave?: ((...args: any[]) => any) | undefined;
         onOnClose?: ((...args: any[]) => any) | undefined;
     }>>;
+    initFields: () => any[];
     realityFields: import("vue").ComputedRef<any[]>;
     state: {
         spinning: boolean;
@@ -68,7 +61,11 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
             fixedShow: boolean;
             fixedWay: "NONE" | "LEFT" | "RIGHT";
             columnWidth: number;
+            editable: boolean;
+            required: boolean;
         }[];
+        widthShow: string;
+        widthLarge: string;
     };
     leftStyle: (ele: {
         [key: string]: any;
@@ -81,6 +78,8 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         fixedShow: boolean;
         fixedWay: "NONE" | "LEFT" | "RIGHT";
         columnWidth: number;
+        editable: boolean;
+        required: boolean;
     }) => {
         background: string | undefined;
     };
@@ -89,6 +88,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
     getTableFields: () => any[];
     handleFieldSave: () => void;
     onCancle: () => void;
+    reset: () => void;
     calculateCheck: (key: string) => boolean;
     handleAllCheck: (e: boolean, key: string) => void;
     handleFieldClick: (item: {
@@ -102,7 +102,10 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         fixedShow: boolean;
         fixedWay: "NONE" | "LEFT" | "RIGHT";
         columnWidth: number;
+        editable: boolean;
+        required: boolean;
     }) => void;
+    setWidth: () => void;
     NButton: import("vue").DefineComponent<{
         readonly color: StringConstructor;
         readonly textColor: StringConstructor;
@@ -6979,14 +6982,6 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<any[]>;
         default: () => never[];
     };
-    menuSource: {
-        type: StringConstructor;
-        default: string;
-    };
-    drawerDirection: {
-        type: StringConstructor;
-        default: string;
-    };
     footerFlag: {
         type: BooleanConstructor;
         default: boolean;
@@ -6995,14 +6990,17 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    isEdit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOnSave?: ((...args: any[]) => any) | undefined;
     onOnClose?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
     fields: any[];
-    menuSource: string;
-    drawerDirection: string;
     footerFlag: boolean;
+    isEdit: boolean;
 }>>;
 export default FieldSet;

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, createBlock, normalizeStyle, toDisplayString, withDirectives, vShow, renderSlot, createTextVNode } from 'vue';
+import { defineComponent, ref, computed, reactive, onMounted, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, createBlock, toDisplayString, withDirectives, vShow, renderSlot, createTextVNode } from 'vue';
 import { NSpin, NCheckbox, NTooltip, NSelect, NInput, NInputNumber, NButton } from 'naive-ui';
 import Draggable from 'vuedraggable';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
@@ -12,31 +12,50 @@ const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", {
 const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "width-large" }, "\u6240\u6709\u5B57\u6BB5", -1);
 const _hoisted_5 = { class: "width-show" };
 const _hoisted_6 = /* @__PURE__ */ createTextVNode(" \u663E\u793A ");
-const _hoisted_7 = { class: "width-show" };
-const _hoisted_8 = /* @__PURE__ */ createTextVNode(" \u6392\u5E8F ");
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", { class: "width-showed" }, "\u56FA\u5B9A", -1);
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", { class: "width-word" }, "\u81EA\u5B9A\u4E49\u6807\u9898", -1);
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", { class: "width-showed" }, "\u5217\u5BBD", -1);
-const _hoisted_12 = ["onClick"];
-const _hoisted_13 = { class: "width-show drag-icon-wrap" };
-const _hoisted_14 = /* @__PURE__ */ createElementVNode("span", {
+const _hoisted_7 = {
+  key: 0,
+  class: "width-show"
+};
+const _hoisted_8 = /* @__PURE__ */ createTextVNode(" \u7F16\u8F91 ");
+const _hoisted_9 = {
+  key: 1,
+  class: "width-show"
+};
+const _hoisted_10 = /* @__PURE__ */ createTextVNode(" \u5FC5\u586B ");
+const _hoisted_11 = { class: "width-show" };
+const _hoisted_12 = /* @__PURE__ */ createTextVNode(" \u6392\u5E8F ");
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("span", { class: "width-showed" }, "\u56FA\u5B9A", -1);
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("span", { class: "width-word" }, "\u81EA\u5B9A\u4E49\u6807\u9898", -1);
+const _hoisted_15 = /* @__PURE__ */ createElementVNode("span", { class: "width-showed" }, "\u5217\u5BBD", -1);
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = { class: "width-show drag-icon-wrap" };
+const _hoisted_18 = /* @__PURE__ */ createElementVNode("span", {
   class: "iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",
   style: { "color": "#000" }
 }, null, -1);
-const _hoisted_15 = /* @__PURE__ */ createElementVNode("span", null, "\u62D6\u62FD\u8C03\u6574\u987A\u5E8F", -1);
-const _hoisted_16 = /* @__PURE__ */ createElementVNode("span", { style: { "width": "14px", "margin-right": "6px" } }, null, -1);
-const _hoisted_17 = { class: "width-show" };
-const _hoisted_18 = { class: "width-show" };
-const _hoisted_19 = { class: "width-showed" };
-const _hoisted_20 = { class: "width-word" };
-const _hoisted_21 = { class: "width-showed" };
-const _hoisted_22 = {
+const _hoisted_19 = /* @__PURE__ */ createElementVNode("span", null, "\u62D6\u62FD\u8C03\u6574\u987A\u5E8F", -1);
+const _hoisted_20 = /* @__PURE__ */ createElementVNode("span", { style: { "width": "14px", "margin-right": "6px" } }, null, -1);
+const _hoisted_21 = { class: "width-show" };
+const _hoisted_22 = { class: "width-show" };
+const _hoisted_23 = {
+  key: 0,
+  class: "width-show"
+};
+const _hoisted_24 = {
+  key: 1,
+  class: "width-show"
+};
+const _hoisted_25 = { class: "width-showed" };
+const _hoisted_26 = { class: "width-word" };
+const _hoisted_27 = { class: "width-showed" };
+const _hoisted_28 = {
   key: 0,
   class: "check-options"
 };
-const _hoisted_23 = { class: "btn-operate" };
-const _hoisted_24 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
-const _hoisted_25 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
+const _hoisted_29 = { class: "btn-operate" };
+const _hoisted_30 = /* @__PURE__ */ createTextVNode("\u6062\u590D\u9ED8\u8BA4\u8BBE\u7F6E");
+const _hoisted_31 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
+const _hoisted_32 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FieldSet",
   props: {
@@ -46,14 +65,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return [];
       }
     },
-    menuSource: {
-      type: String,
-      default: ""
-    },
-    drawerDirection: {
-      type: String,
-      default: "right"
-    },
     footerFlag: {
       type: Boolean,
       default: true
@@ -61,6 +72,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     type: {
       type: String,
       default: "old"
+    },
+    isEdit: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["onSave", "onClose"],
@@ -89,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     ];
     const settingView = ref(null);
-    const realityFields = computed(() => {
+    function initFields() {
       const result = props.fields ? JSON.parse(JSON.stringify(props.fields)) : [];
       Object.keys(fieldsMapping).forEach((key) => {
         result.forEach((item) => {
@@ -103,12 +118,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       });
       return result;
-    });
+    }
+    const realityFields = computed(initFields);
     const state = reactive({
       spinning: false,
       isCustomSearch: true,
       clickItem: {},
-      fields: realityFields.value
+      fields: realityFields.value,
+      widthShow: "10%",
+      widthLarge: "20%"
     });
     const leftStyle = (ele) => {
       return {
@@ -135,7 +153,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               sortable: item.sort,
               title: item.alias || item.title,
               fixed: item.fixedWay,
-              minWidth: item.columnWidth
+              minWidth: item.columnWidth,
+              ...props.isEdit ? {
+                required: item.required,
+                editable: item.editable
+              } : {}
             });
           });
         }
@@ -150,6 +172,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onCancle = () => {
       emit("onClose");
     };
+    function reset() {
+      state.fields = initFields();
+    }
     const calculateCheck = (key) => {
       if (!state.fields.length)
         return false;
@@ -172,8 +197,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleFieldClick = (item) => {
       state.clickItem = item;
     };
+    function setWidth() {
+      if (props.isEdit) {
+        state.widthShow = "9%";
+        state.widthLarge = "15%";
+      }
+    }
     onMounted(() => {
       hideTab();
+      setWidth();
     });
     expose({
       getTableFields
@@ -182,7 +214,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "settingView",
         ref: settingView,
-        class: "c-field-set"
+        class: "c-field-set",
+        style: normalizeStyle({ "--width-show": state.widthShow, "--width-large": state.widthLarge })
       }, [
         createVNode(unref(NSpin), {
           show: state.spinning,
@@ -207,21 +240,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["checked"])) : createCommentVNode("v-if", true),
                     _hoisted_6
                   ]),
+                  createCommentVNode(" \u53EF\u7F16\u8F91 "),
+                  __props.isEdit ? (openBlock(), createElementBlock("span", _hoisted_7, [
+                    showCheckBox("editable") ? (openBlock(), createBlock(unref(NCheckbox), {
+                      key: 0,
+                      checked: calculateCheck("editable"),
+                      "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => handleAllCheck($event, "editable"))
+                    }, null, 8, ["checked"])) : createCommentVNode("v-if", true),
+                    _hoisted_8
+                  ])) : createCommentVNode("v-if", true),
+                  createCommentVNode(" \u662F\u5426\u5FC5\u586B "),
+                  __props.isEdit ? (openBlock(), createElementBlock("span", _hoisted_9, [
+                    showCheckBox("required") ? (openBlock(), createBlock(unref(NCheckbox), {
+                      key: 0,
+                      checked: calculateCheck("required"),
+                      "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => handleAllCheck($event, "required"))
+                    }, null, 8, ["checked"])) : createCommentVNode("v-if", true),
+                    _hoisted_10
+                  ])) : createCommentVNode("v-if", true),
                   createCommentVNode(" \u6392\u5E8F "),
-                  createElementVNode("span", _hoisted_7, [
+                  createElementVNode("span", _hoisted_11, [
                     showCheckBox("sort") ? (openBlock(), createBlock(unref(NCheckbox), {
                       key: 0,
                       checked: calculateCheck("sort"),
-                      "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => handleAllCheck($event, "sort"))
+                      "onUpdate:checked": _cache[3] || (_cache[3] = ($event) => handleAllCheck($event, "sort"))
                     }, null, 8, ["checked"])) : createCommentVNode("v-if", true),
-                    _hoisted_8
+                    _hoisted_12
                   ]),
                   createCommentVNode(" \u56FA\u5B9A "),
-                  _hoisted_9,
+                  _hoisted_13,
                   createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
-                  _hoisted_10,
+                  _hoisted_14,
                   createCommentVNode(" \u5217\u5BBD "),
-                  _hoisted_11
+                  _hoisted_15
                 ], 2),
                 createElementVNode("div", {
                   ref: "setShow",
@@ -239,13 +290,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         style: normalizeStyle(leftStyle(element)),
                         onClick: ($event) => handleFieldClick(element)
                       }, [
-                        createElementVNode("span", _hoisted_13, [
+                        createElementVNode("span", _hoisted_17, [
                           createVNode(unref(NTooltip), { trigger: "hover" }, {
                             trigger: withCtx(() => [
-                              _hoisted_14
+                              _hoisted_18
                             ]),
                             default: withCtx(() => [
-                              _hoisted_15
+                              _hoisted_19
                             ]),
                             _: 1
                           })
@@ -254,11 +305,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createElementVNode("span", {
                           class: normalizeClass(["width-large title-item", { blue: element.extraField }])
                         }, [
-                          _hoisted_16,
+                          _hoisted_20,
                           createElementVNode("span", null, toDisplayString(element.title), 1)
                         ], 2),
                         createCommentVNode(" \u663E\u793A "),
-                        createElementVNode("span", _hoisted_17, [
+                        createElementVNode("span", _hoisted_21, [
                           withDirectives(createVNode(unref(NCheckbox), {
                             checked: element.show,
                             "onUpdate:checked": ($event) => element.show = $event
@@ -267,7 +318,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           ])
                         ]),
                         createCommentVNode(" \u6392\u5E8F "),
-                        createElementVNode("span", _hoisted_18, [
+                        createElementVNode("span", _hoisted_22, [
                           withDirectives(createVNode(unref(NCheckbox), {
                             checked: element.sort,
                             "onUpdate:checked": ($event) => element.sort = $event,
@@ -276,8 +327,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             [vShow, element.id != "0001"]
                           ])
                         ]),
+                        createCommentVNode(" \u662F\u5426\u53EF\u7F16\u8F91 "),
+                        __props.isEdit ? (openBlock(), createElementBlock("span", _hoisted_23, [
+                          withDirectives(createVNode(unref(NCheckbox), {
+                            checked: element.editable,
+                            "onUpdate:checked": ($event) => element.editable = $event
+                          }, null, 8, ["checked", "onUpdate:checked"]), [
+                            [vShow, element.id != "0001"]
+                          ])
+                        ])) : createCommentVNode("v-if", true),
+                        createCommentVNode(" \u662F\u5426\u5FC5\u586B "),
+                        __props.isEdit ? (openBlock(), createElementBlock("span", _hoisted_24, [
+                          withDirectives(createVNode(unref(NCheckbox), {
+                            checked: element.required,
+                            "onUpdate:checked": ($event) => element.required = $event
+                          }, null, 8, ["checked", "onUpdate:checked"]), [
+                            [vShow, element.id != "0001"]
+                          ])
+                        ])) : createCommentVNode("v-if", true),
                         createCommentVNode(" \u56FA\u5B9A "),
-                        createElementVNode("span", _hoisted_19, [
+                        createElementVNode("span", _hoisted_25, [
                           createVNode(unref(NSelect), {
                             value: element.fixedWay,
                             "onUpdate:value": ($event) => element.fixedWay = $event,
@@ -286,7 +355,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }, null, 8, ["value", "onUpdate:value"])
                         ]),
                         createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
-                        createElementVNode("span", _hoisted_20, [
+                        createElementVNode("span", _hoisted_26, [
                           withDirectives(createVNode(unref(NInput), {
                             value: element.alias,
                             "onUpdate:value": ($event) => element.alias = $event,
@@ -296,28 +365,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           ])
                         ]),
                         createCommentVNode(" \u5217\u5BBD "),
-                        createElementVNode("span", _hoisted_21, [
+                        createElementVNode("span", _hoisted_27, [
                           createVNode(unref(NInputNumber), {
                             value: element.columnWidth,
                             "onUpdate:value": ($event) => element.columnWidth = $event,
                             style: { width: "120px" }
                           }, null, 8, ["value", "onUpdate:value"])
                         ])
-                      ], 12, _hoisted_12)
+                      ], 12, _hoisted_16)
                     ]),
                     _: 1
                   }, 8, ["list"])
                 ], 2)
               ]),
-              props.footerFlag ? (openBlock(), createElementBlock("div", _hoisted_22, [
-                createElementVNode("div", _hoisted_23, [
+              props.footerFlag ? (openBlock(), createElementBlock("div", _hoisted_28, [
+                createElementVNode("div", _hoisted_29, [
                   renderSlot(_ctx.$slots, "footer", {}, () => [
+                    createVNode(unref(NButton), {
+                      style: { "margin-right": "8px" },
+                      onClick: reset
+                    }, {
+                      default: withCtx(() => [
+                        _hoisted_30
+                      ]),
+                      _: 1
+                    }),
                     createVNode(unref(NButton), {
                       style: { "margin-right": "8px" },
                       onClick: onCancle
                     }, {
                       default: withCtx(() => [
-                        _hoisted_24
+                        _hoisted_31
                       ]),
                       _: 1
                     }),
@@ -326,7 +404,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onClick: handleFieldSave
                     }, {
                       default: withCtx(() => [
-                        _hoisted_25
+                        _hoisted_32
                       ]),
                       _: 1
                     })
@@ -337,7 +415,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["show"])
-      ], 512);
+      ], 4);
     };
   }
 });

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

@@ -9,6 +9,8 @@ declare type Ifields = {
     fixedShow: boolean;
     fixedWay: 'NONE' | 'LEFT' | 'RIGHT';
     columnWidth: number;
+    editable: boolean;
+    required: boolean;
     [key: string]: any;
 };
 declare type Istate = {
@@ -18,20 +20,14 @@ declare type Istate = {
         [key: string]: any;
     };
     fields: Ifields[];
+    widthShow: string;
+    widthLarge: string;
 };
 declare const _default: import("vue").DefineComponent<{
     fields: {
         type: PropType<any[]>;
         default: () => never[];
     };
-    menuSource: {
-        type: StringConstructor;
-        default: string;
-    };
-    drawerDirection: {
-        type: StringConstructor;
-        default: string;
-    };
     footerFlag: {
         type: BooleanConstructor;
         default: boolean;
@@ -40,6 +36,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    isEdit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     fieldsMapping: Record<string, string>;
     selectOptions: Record<string, string>[];
@@ -50,14 +50,6 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<any[]>;
             default: () => never[];
         };
-        menuSource: {
-            type: StringConstructor;
-            default: string;
-        };
-        drawerDirection: {
-            type: StringConstructor;
-            default: string;
-        };
         footerFlag: {
             type: BooleanConstructor;
             default: boolean;
@@ -66,10 +58,15 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        isEdit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onOnSave?: ((...args: any[]) => any) | undefined;
         onOnClose?: ((...args: any[]) => any) | undefined;
     }>>;
+    initFields: () => any[];
     realityFields: import("vue").ComputedRef<any[]>;
     state: Istate;
     leftStyle: (ele: Ifields) => {
@@ -80,9 +77,11 @@ declare const _default: import("vue").DefineComponent<{
     getTableFields: () => any[];
     handleFieldSave: () => void;
     onCancle: () => void;
+    reset: () => void;
     calculateCheck: (key: string) => boolean;
     handleAllCheck: (e: boolean, key: string) => void;
     handleFieldClick: (item: Ifields) => void;
+    setWidth: () => void;
     NButton: import("vue").DefineComponent<{
         readonly color: StringConstructor;
         readonly textColor: StringConstructor;
@@ -6959,14 +6958,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<any[]>;
         default: () => never[];
     };
-    menuSource: {
-        type: StringConstructor;
-        default: string;
-    };
-    drawerDirection: {
-        type: StringConstructor;
-        default: string;
-    };
     footerFlag: {
         type: BooleanConstructor;
         default: boolean;
@@ -6975,14 +6966,17 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    isEdit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOnSave?: ((...args: any[]) => any) | undefined;
     onOnClose?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
     fields: any[];
-    menuSource: string;
-    drawerDirection: string;
     footerFlag: boolean;
+    isEdit: boolean;
 }>;
 export default _default;

package/es/components/field-set/style/index.css

@@ -100,10 +100,10 @@
 }
 .c-field-set .width-show {
   display: inline-block;
-  width: 10%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  width: var(--width-show);
 }
 .c-field-set .drag-icon-wrap {
   width: 5% !important;
@@ -112,28 +112,28 @@
 }
 .c-field-set .width-showed {
   display: inline-block;
-  width: 15%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  width: 15%;
 }
 .c-field-set .width-showed select {
   width: 90% !important;
 }
 .c-field-set .width-word {
   display: inline-block;
-  width: 20%;
-  line-height: 52px;
   overflow: hidden;
   white-space: nowrap;
+  width: var(--width-large);
+  line-height: 52px;
 }
 .c-field-set .width-word input {
   width: 90% !important;
 }
 .c-field-set .width-large {
   display: inline-block;
-  width: 20%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  width: var(--width-large);
 }