cnhis-design-vue 3.1.24-beta.5 → 3.1.24-beta.7

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

@@ -1,448 +0,0 @@
-import { defineComponent, ref, reactive, watch, onMounted, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, createBlock, createTextVNode, toDisplayString, withDirectives, vShow, renderSlot } from 'vue';
-import { NSpin, NCheckbox, NTooltip, NSelect, NInput, NInputNumber, NPopconfirm, NButton } from 'naive-ui';
-import Draggable from 'vuedraggable';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
-
-const _hoisted_1 = { class: "fields-set-content" };
-const _hoisted_2 = { class: "fields-table" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", {
-  class: "width-show",
-  style: { "width": "4%" }
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "width-large" }, "\u6240\u6709\u5B57\u6BB5", -1);
-const _hoisted_5 = { class: "width-show" };
-const _hoisted_6 = {
-  key: 0,
-  class: "width-show"
-};
-const _hoisted_7 = {
-  key: 1,
-  class: "width-show"
-};
-const _hoisted_8 = { class: "width-show" };
-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", {
-  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 = {
-  key: 0,
-  class: "width-show"
-};
-const _hoisted_19 = {
-  key: 1,
-  class: "width-show"
-};
-const _hoisted_20 = { class: "width-show" };
-const _hoisted_21 = { class: "width-showed" };
-const _hoisted_22 = { class: "width-word" };
-const _hoisted_23 = { class: "width-showed" };
-const _hoisted_24 = {
-  key: 0,
-  class: "check-options"
-};
-const _hoisted_25 = { class: "btn-operate" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FieldSet",
-  props: {
-    fields: {
-      type: Array,
-      default: function() {
-        return [];
-      }
-    },
-    footerFlag: {
-      type: Boolean,
-      default: true
-    },
-    type: {
-      type: String,
-      default: "old"
-    },
-    isEdit: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["onSave", "onClose", "reset"],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const fieldsMapping = {
-      sid: "id",
-      columnName: "name",
-      isShow: "show",
-      isSort: "sort",
-      isFixed: "fixedWay",
-      colWidth: "columnWidth"
-    };
-    const selectOptions = [
-      {
-        label: "\u4E0D\u56FA\u5B9A",
-        value: "NONE"
-      },
-      {
-        label: "\u5DE6\u56FA\u5B9A",
-        value: "LEFT"
-      },
-      {
-        label: "\u53F3\u56FA\u5B9A",
-        value: "RIGHT"
-      }
-    ];
-    const settingView = ref(null);
-    function initFields() {
-      const result = props.fields ? JSON.parse(JSON.stringify(props.fields)) : [];
-      Object.keys(fieldsMapping).forEach((key) => {
-        result.forEach((item) => {
-          if (props.type == "old") {
-            if (Reflect.has(item, key)) {
-              if (key == "isFixed") {
-                item["fixedWay"] = item[key] == 1 ? "LEFT" : item[key] == 2 ? "RIGHT" : "NONE";
-              } else {
-                item[fieldsMapping[key]] = item[key];
-              }
-              Reflect.deleteProperty(item, key);
-            }
-          }
-          if (!Reflect.has(item, "columnWidth")) {
-            item.columnWidth = null;
-          } else {
-            item.columnWidth = +item.columnWidth;
-          }
-          if (!Reflect.has(item, "alias")) {
-            item.alias = "";
-          }
-        });
-      });
-      return result;
-    }
-    const state = reactive({
-      spinning: false,
-      isCustomSearch: true,
-      clickItem: {},
-      fields: [],
-      widthShow: "10%",
-      widthLarge: "20%"
-    });
-    const leftStyle = (ele) => {
-      return {
-        background: state.clickItem.id === ele.id ? "#f2f2f2" : void 0
-      };
-    };
-    const showCheckBox = (key) => {
-      return state.fields.some((i) => Object.prototype.hasOwnProperty.call(i, key));
-    };
-    const hideTab = () => {
-      var _a;
-      (_a = settingView.value) == null ? void 0 : _a.style.setProperty("margin", "auto");
-    };
-    const getTableFields = () => {
-      if (props.type == "old") {
-        let tableFields = [];
-        if (state.fields.length > 0) {
-          state.fields.forEach((item, i) => {
-            tableFields.push({
-              id: item.id,
-              field: item.name,
-              visible: item.show,
-              sequence: i,
-              sortable: item.sort,
-              title: item.alias,
-              fixed: item.fixedWay,
-              minWidth: item.columnWidth,
-              ...props.isEdit ? {
-                required: item.required,
-                editable: item.editable
-              } : {}
-            });
-          });
-        }
-        return tableFields;
-      } else {
-        return state.fields;
-      }
-    };
-    const handleFieldSave = () => {
-      emit("onSave", { tableFields: getTableFields() });
-    };
-    const onCancle = () => {
-      emit("onClose");
-    };
-    function reset() {
-      state.fields = initFields();
-      emit("reset");
-    }
-    const calculateCheck = (key) => {
-      if (!state.fields.length)
-        return false;
-      return state.fields.every((i) => {
-        if (!Object.prototype.hasOwnProperty.call(i, key) || isDisable(i, key))
-          return true;
-        return i[key];
-      });
-    };
-    const handleAllCheck = (e, key) => {
-      const value = e;
-      const data = state.fields.map((i) => {
-        if (Object.prototype.hasOwnProperty.call(i, key) && !isDisable(i, key)) {
-          i[key] = value;
-        }
-        return i;
-      });
-      state.fields = data;
-    };
-    const handleFieldClick = (item) => {
-      state.clickItem = item;
-    };
-    function isDisable(item, key) {
-      return ["editable", "required"].includes(key) && item[`${key}Disable`];
-    }
-    function setWidth() {
-      if (props.isEdit) {
-        state.widthShow = "9%";
-        state.widthLarge = "15%";
-      }
-    }
-    watch(
-      () => props.fields,
-      (value) => {
-        if ((value == null ? void 0 : value.length) > 0) {
-          state.fields = initFields();
-        }
-      },
-      { immediate: true, deep: true }
-    );
-    onMounted(() => {
-      hideTab();
-      setWidth();
-    });
-    expose({
-      getTableFields
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "settingView",
-        ref: settingView,
-        class: "c-field-set",
-        style: normalizeStyle({ "--width-show": state.widthShow, "--width-large": state.widthLarge })
-      }, [
-        createVNode(unref(NSpin), {
-          show: state.spinning,
-          tip: "...",
-          style: { "width": "100%", "height": "100%" }
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
-              createElementVNode("div", _hoisted_2, [
-                createElementVNode("div", {
-                  class: normalizeClass(["setting-title", { "seting-title-api": !state.isCustomSearch }])
-                }, [
-                  _hoisted_3,
-                  createCommentVNode(" \u5B57\u6BB5\u540D\u79F0 "),
-                  _hoisted_4,
-                  createCommentVNode(" \u663E\u793A "),
-                  createElementVNode("span", _hoisted_5, [
-                    showCheckBox("show") ? (openBlock(), createBlock(unref(NCheckbox), {
-                      key: 0,
-                      checked: calculateCheck("show"),
-                      "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => handleAllCheck($event, "show"))
-                    }, null, 8, ["checked"])) : createCommentVNode("v-if", true),
-                    createTextVNode(" \u663E\u793A ")
-                  ]),
-                  createCommentVNode(" \u53EF\u7F16\u8F91 "),
-                  __props.isEdit ? (openBlock(), createElementBlock("span", _hoisted_6, [
-                    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),
-                    createTextVNode(" \u7F16\u8F91 ")
-                  ])) : createCommentVNode("v-if", true),
-                  createCommentVNode(" \u662F\u5426\u5FC5\u586B "),
-                  __props.isEdit ? (openBlock(), createElementBlock("span", _hoisted_7, [
-                    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),
-                    createTextVNode(" \u5FC5\u586B ")
-                  ])) : createCommentVNode("v-if", true),
-                  createCommentVNode(" \u6392\u5E8F "),
-                  createElementVNode("span", _hoisted_8, [
-                    showCheckBox("sort") ? (openBlock(), createBlock(unref(NCheckbox), {
-                      key: 0,
-                      checked: calculateCheck("sort"),
-                      "onUpdate:checked": _cache[3] || (_cache[3] = ($event) => handleAllCheck($event, "sort"))
-                    }, null, 8, ["checked"])) : createCommentVNode("v-if", true),
-                    createTextVNode(" \u6392\u5E8F ")
-                  ]),
-                  createCommentVNode(" \u56FA\u5B9A "),
-                  _hoisted_9,
-                  createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
-                  _hoisted_10,
-                  createCommentVNode(" \u5217\u5BBD "),
-                  _hoisted_11
-                ], 2),
-                createElementVNode("div", {
-                  ref: "setShow",
-                  class: normalizeClass(["set-show", { "set-show-api": !state.isCustomSearch }])
-                }, [
-                  createVNode(unref(Draggable), {
-                    list: state.fields,
-                    animation: "150",
-                    "item-key": "id",
-                    tag: "ul"
-                  }, {
-                    item: withCtx(({ element }) => [
-                      !element.hide ? (openBlock(), createElementBlock("li", {
-                        key: 0,
-                        class: "left-style",
-                        style: normalizeStyle(leftStyle(element)),
-                        onClick: ($event) => handleFieldClick(element)
-                      }, [
-                        createElementVNode("span", _hoisted_13, [
-                          createVNode(unref(NTooltip), { trigger: "hover" }, {
-                            trigger: withCtx(() => [
-                              _hoisted_14
-                            ]),
-                            default: withCtx(() => [
-                              _hoisted_15
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        createCommentVNode(" \u5B57\u6BB5\u540D\u79F0 "),
-                        createElementVNode("span", {
-                          class: normalizeClass(["width-large title-item", { blue: element.extraField }])
-                        }, [
-                          _hoisted_16,
-                          createElementVNode("span", null, toDisplayString(element.title), 1)
-                        ], 2),
-                        createCommentVNode(" \u663E\u793A "),
-                        createElementVNode("span", _hoisted_17, [
-                          withDirectives(createVNode(unref(NCheckbox), {
-                            checked: element.show,
-                            "onUpdate:checked": ($event) => element.show = $event
-                          }, null, 8, ["checked", "onUpdate:checked"]), [
-                            [vShow, element.id != "0001"]
-                          ])
-                        ]),
-                        createCommentVNode(" \u662F\u5426\u53EF\u7F16\u8F91 "),
-                        __props.isEdit ? (openBlock(), createElementBlock("span", _hoisted_18, [
-                          withDirectives(createVNode(unref(NCheckbox), {
-                            disabled: element.editableDisable,
-                            checked: element.editable,
-                            "onUpdate:checked": ($event) => element.editable = $event
-                          }, null, 8, ["disabled", "checked", "onUpdate:checked"]), [
-                            [vShow, element.id != "0001"]
-                          ])
-                        ])) : createCommentVNode("v-if", true),
-                        createCommentVNode(" \u662F\u5426\u5FC5\u586B "),
-                        __props.isEdit ? (openBlock(), createElementBlock("span", _hoisted_19, [
-                          withDirectives(createVNode(unref(NCheckbox), {
-                            disabled: element.requiredDisable,
-                            checked: element.required,
-                            "onUpdate:checked": ($event) => element.required = $event
-                          }, null, 8, ["disabled", "checked", "onUpdate:checked"]), [
-                            [vShow, element.id != "0001"]
-                          ])
-                        ])) : createCommentVNode("v-if", true),
-                        createCommentVNode(" \u6392\u5E8F "),
-                        createElementVNode("span", _hoisted_20, [
-                          withDirectives(createVNode(unref(NCheckbox), {
-                            checked: element.sort,
-                            "onUpdate:checked": ($event) => element.sort = $event,
-                            disabled: element.notParticipatingSort == 1
-                          }, null, 8, ["checked", "onUpdate:checked", "disabled"]), [
-                            [vShow, element.id != "0001"]
-                          ])
-                        ]),
-                        createCommentVNode(" \u56FA\u5B9A "),
-                        createElementVNode("span", _hoisted_21, [
-                          createVNode(unref(NSelect), {
-                            value: element.fixedWay,
-                            "onUpdate:value": ($event) => element.fixedWay = $event,
-                            options: selectOptions,
-                            style: { width: "90%", display: "flex" }
-                          }, null, 8, ["value", "onUpdate:value"])
-                        ]),
-                        createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
-                        createElementVNode("span", _hoisted_22, [
-                          withDirectives(createVNode(unref(NInput), {
-                            value: element.alias,
-                            "onUpdate:value": ($event) => element.alias = $event,
-                            style: { width: "90%" }
-                          }, null, 8, ["value", "onUpdate:value"]), [
-                            [vShow, element.id != "0001"]
-                          ])
-                        ]),
-                        createCommentVNode(" \u5217\u5BBD "),
-                        createElementVNode("span", _hoisted_23, [
-                          createVNode(unref(NInputNumber), {
-                            value: element.columnWidth,
-                            "onUpdate:value": ($event) => element.columnWidth = $event,
-                            style: { width: "120px" }
-                          }, null, 8, ["value", "onUpdate:value"])
-                        ])
-                      ], 12, _hoisted_12)) : createCommentVNode("v-if", true)
-                    ]),
-                    _: 1
-                  }, 8, ["list"])
-                ], 2)
-              ]),
-              props.footerFlag ? (openBlock(), createElementBlock("div", _hoisted_24, [
-                createElementVNode("div", _hoisted_25, [
-                  renderSlot(_ctx.$slots, "footer", {}, () => [
-                    createVNode(unref(NPopconfirm), { onPositiveClick: reset }, {
-                      trigger: withCtx(() => [
-                        createVNode(unref(NButton), { style: { "margin-right": "8px" } }, {
-                          default: withCtx(() => [
-                            createTextVNode("\u6062\u590D\u9ED8\u8BA4\u8BBE\u7F6E")
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      default: withCtx(() => [
-                        createTextVNode(" \u786E\u8BA4\u8981\u6062\u590D\u7CFB\u7EDF\u9ED8\u8BA4\u8BBE\u7F6E\u5417\uFF1F ")
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(unref(NButton), {
-                      style: { "margin-right": "8px" },
-                      onClick: onCancle
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode("\u53D6\u6D88")
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(unref(NButton), {
-                      type: "primary",
-                      onClick: handleFieldSave
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode("\u4FDD\u5B58")
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ])
-              ])) : createCommentVNode("v-if", true)
-            ])
-          ]),
-          _: 3
-        }, 8, ["show"])
-      ], 4);
-    };
-  }
-});
-var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FieldSet.vue"]]);
-
-export { script as default };

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

@@ -1,197 +0,0 @@
-import { PropType } from 'vue';
-declare type Ifields = {
-    id: string;
-    name: string;
-    show: boolean;
-    sort: boolean;
-    title: string;
-    alias: string;
-    fixedShow: boolean;
-    fixedWay: 'NONE' | 'LEFT' | 'RIGHT';
-    columnWidth: number;
-    editable: boolean;
-    editableDisable: boolean;
-    required: boolean;
-    requiredDisable: boolean;
-    hide: boolean;
-    [key: string]: any;
-};
-declare type Istate = {
-    spinning: boolean;
-    isCustomSearch: boolean;
-    clickItem: {
-        [key: string]: any;
-    };
-    fields: Ifields[];
-    widthShow: string;
-    widthLarge: string;
-};
-declare const _default: import("vue").DefineComponent<{
-    fields: {
-        type: PropType<any[]>;
-        default: () => never[];
-    };
-    footerFlag: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    isEdit: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    fieldsMapping: Record<string, string>;
-    selectOptions: Record<string, string>[];
-    emit: (event: "onSave" | "onClose" | "reset", ...args: any[]) => void;
-    settingView: any;
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        fields: {
-            type: PropType<any[]>;
-            default: () => never[];
-        };
-        footerFlag: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        type: {
-            type: StringConstructor;
-            default: string;
-        };
-        isEdit: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        onReset?: ((...args: any[]) => any) | undefined;
-        onOnSave?: ((...args: any[]) => any) | undefined;
-        onOnClose?: ((...args: any[]) => any) | undefined;
-    }>>;
-    initFields: () => any[];
-    state: Istate;
-    leftStyle: (ele: Ifields) => {
-        background: string | undefined;
-    };
-    showCheckBox: (key: string) => boolean;
-    hideTab: () => void;
-    getTableFields: () => any[];
-    handleFieldSave: () => void;
-    onCancle: () => void;
-    reset: () => void;
-    calculateCheck: (key: string) => boolean;
-    handleAllCheck: (e: boolean, key: string) => void;
-    handleFieldClick: (item: Ifields) => void;
-    isDisable: (item: Ifields, key: string) => any;
-    setWidth: () => void;
-    NButton: any;
-    NCheckbox: any;
-    NSelect: any;
-    NInput: any;
-    NInputNumber: any;
-    NSpin: any;
-    NTooltip: any;
-    NPopconfirm: any;
-    draggable: import("vue").DefineComponent<{
-        list: {
-            type: ArrayConstructor;
-            required: boolean;
-            default: any;
-        };
-        modelValue: {
-            type: ArrayConstructor;
-            required: boolean;
-            default: any;
-        };
-        itemKey: {
-            type: (StringConstructor | FunctionConstructor)[];
-            required: boolean;
-        };
-        clone: {
-            type: FunctionConstructor;
-            default: (original: any) => any;
-        };
-        tag: {
-            type: StringConstructor;
-            default: string;
-        };
-        move: {
-            type: FunctionConstructor;
-            default: any;
-        };
-        componentData: {
-            type: ObjectConstructor;
-            required: boolean;
-            default: any;
-        };
-    }, unknown, {
-        error: boolean;
-    }, {
-        realList(): any;
-        getKey(): any;
-    }, {
-        getUnderlyingVm(domElement: any): any;
-        getUnderlyingPotencialDraggableComponent(htmElement: any): any;
-        emitChanges(evt: any): void;
-        alterList(onList: any): void;
-        spliceList(): void;
-        updatePosition(oldIndex: any, newIndex: any): void;
-        getRelatedContextFromMoveEvent({ to, related }: {
-            to: any;
-            related: any;
-        }): any;
-        getVmIndexFromDomIndex(domIndex: any): any;
-        onDragStart(evt: any): void;
-        onDragAdd(evt: any): void;
-        onDragRemove(evt: any): void;
-        onDragUpdate(evt: any): void;
-        computeFutureIndex(relatedContext: any, evt: any): any;
-        onDragMove(evt: any, originalEvent: any): any;
-        onDragEnd(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-        move: Function;
-        tag: string;
-        clone: Function;
-        list: unknown[];
-        modelValue: unknown[];
-        componentData: Record<string, any>;
-    } & {
-        itemKey?: string | Function | undefined;
-    }>, {
-        move: Function;
-        tag: string;
-        clone: Function;
-        list: unknown[];
-        modelValue: unknown[];
-        componentData: Record<string, any>;
-    }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSave" | "onClose" | "reset")[], "onSave" | "onClose" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    fields: {
-        type: PropType<any[]>;
-        default: () => never[];
-    };
-    footerFlag: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    isEdit: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onReset?: ((...args: any[]) => any) | undefined;
-    onOnSave?: ((...args: any[]) => any) | undefined;
-    onOnClose?: ((...args: any[]) => any) | undefined;
-}, {
-    type: string;
-    fields: any[];
-    footerFlag: boolean;
-    isEdit: boolean;
-}>;
-export default _default;

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

@@ -1 +0,0 @@
-.c-field-set{height:100%;position:relative}.c-field-set ul{margin:0;padding:0}.c-field-set .fields-set-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.c-field-set .fields-set-content .fields-table{display:flex;flex:1;flex-direction:column;overflow:auto}.c-field-set .n-spin-container{height:100%;width:100%}.c-field-set .n-spin-content{height:100%}.c-field-set .setting-title{background:#f2f2f4;border:1px solid #f2f2f2;height:52px;line-height:52px}.c-field-set .setting-title span{display:inline-block}.c-field-set .setting-title.seting-title-api .width-large{width:15%}.c-field-set .set-show{min-height:100px;overflow-y:auto}.c-field-set .set-show.set-show-api .width-large{width:15%}.c-field-set .set-show .left-style.sortable-chosen{background:#fafafa;box-shadow:0 0 10px 0 #d5d5d5}.c-field-set .set-show li{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;height:52px;line-height:52px;padding:5px 0}.c-field-set .set-show .is-sort-style{border:1px solid #d5d5d5;border-radius:4px;color:#38454f;height:32px;margin-right:5px;outline:none;text-indent:6px;width:87px}.c-field-set .set-show .is-sort-style:disabled{background:#f5f5f5;cursor:not-allowed}.c-field-set .set-show .col-width-style{width:70px}.c-field-set .set-show .title-item{align-items:center;display:inline-flex;justify-content:flex-start;text-align:left}.c-field-set .set-show .title-item>span{display:inline-block;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-field-set .alias-style{border:1px solid #d4dee5;border-radius:4px;color:#38454f;height:32px;outline:none;text-indent:16px}.c-field-set .btn-operate{border-top:1px solid #d5d5d5;padding:12px 0}.c-field-set .width-show{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--width-show)}.c-field-set .drag-icon-wrap{cursor:pointer;text-align:center;width:5%!important}.c-field-set .width-showed{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:15%}.c-field-set .width-showed select{width:90%!important}.c-field-set .width-word{display:inline-block;line-height:52px;overflow:hidden;white-space:nowrap;width:var(--width-large)}.c-field-set .width-word input{width:90%!important}.c-field-set .width-large{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--width-large)}