cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

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

@@ -1 +1,573 @@
-import{createElementVNode as e,defineComponent as l,ref as i,computed as t,reactive as o,toRef as d,watch as a,openBlock as n,createElementBlock as r,createBlock as u,unref as s,withKeys as c,withModifiers as w,createCommentVNode as f,Fragment as h,renderList as p,normalizeStyle as g,withCtx as v,createTextVNode as y,toDisplayString as m,createVNode as b,normalizeClass as x,mergeProps as k,renderSlot as C}from"vue";import{NInput as B,NCheckbox as S,NTooltip as L,NIcon as _,NPopconfirm as A,NButton as W}from"naive-ui";import E from"../../../shared/components/VueDraggable/src/vuedraggable.js";import H from"./components/table-row.vue.js";import{isArray as F,cloneDeep as D,isString as M,omit as P}from"lodash-es";import{isDisable as R,setStyle as N,isDraggableItem as j,isDraggable as V,getGroupTree as O}from"./utils/index.js";import{uuidGenerator as q}from"../../../shared/utils/index.js";import{HelpCircleSharp as I}from"@vicons/ionicons5";var K;const U={class:"main-wrapper"},T={class:"main-wrapper__table-header"},G=e("span",null,(null==(K=window.getLanguageByCode)?void 0:K.call(window,"10010.1.246"))||"数值越小，优先级越高",-1),$=["tabindex"],z={key:1,class:"main-wrapper__table-footer"};var J=l({__name:"FieldSet",props:{fields:{type:Array,default:()=>[]},footerFlag:{type:Boolean,default:!0},type:{type:String,default:"old"},isEdit:{type:Boolean,default:!1},showColumnNames:{type:Array},groupSetting:{type:Object},customColumns:{type:Array,default:()=>[]},showSeq:{type:Boolean,default:!1},showSearch:{type:Boolean,default:!1},showSortPriority:{type:Boolean,default:!1},showHeadFilter:{type:Boolean,default:!1},fieldShowMaxValue:{type:Number},rowDraggable:{type:Boolean,default:!0},fieldDescribeMode:{type:String,default:"tooltip"},developMode:{type:Boolean},columnWidthProps:{type:Object},hideExpressionConfig:{type:Object},primaryKey:{type:String,default:"id"},titleRender:{type:Function}},emits:["save","close","reset"],setup(l,{expose:K,emit:J}){var Q,X,Y,Z,ee,le,ie,te,oe,de,ae,ne,re,ue,se,ce;const we=l,fe={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},he=i(Date.now()),pe=i(""),ge=i(),ve=i(),ye=i([]),me=[{title:(null==(Q=window.getLanguageByCode)?void 0:Q.call(window,"10010.1.247"))||"所有字段",type:"text",field:"title"},{title:(null==(X=window.getLanguageByCode)?void 0:X.call(window,"10010.1.240"))||"显示",type:"checkbox",checkedAll:!1,disabledAll:!!we.fieldShowMaxValue,field:"show",fieldShowMaxValue:we.fieldShowMaxValue},{title:(null==(Y=window.getLanguageByCode)?void 0:Y.call(window,"10010.1.284"))||"编辑",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"editable"},{title:(null==(Z=window.getLanguageByCode)?void 0:Z.call(window,"10010.1.248"))||"必填",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"required"},{title:(null==(ee=window.getLanguageByCode)?void 0:ee.call(window,"10010.1.249"))||"排序",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"sort"},{title:(null==(le=window.getLanguageByCode)?void 0:le.call(window,"10010.1.250"))||"加粗",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"bold"},{title:(null==(ie=window.getLanguageByCode)?void 0:ie.call(window,"10010.1.251"))||"默认排序",type:"select",field:"sortDirection"},{title:(null==(te=window.getLanguageByCode)?void 0:te.call(window,"10010.1.252"))||"排序优先级",type:"select",field:"sortPriority"},{title:(null==(oe=window.getLanguageByCode)?void 0:oe.call(window,"10010.1.253"))||"固定",type:"select",field:"fixedWay"},{title:(null==(de=window.getLanguageByCode)?void 0:de.call(window,"10010.1.254"))||"自定义标题",type:"input",field:"alias"},{title:(null==(ae=window.getLanguageByCode)?void 0:ae.call(window,"10010.1.255"))||"列宽",type:"inputNumber",field:"columnWidth"},{title:(null==(ne=window.getLanguageByCode)?void 0:ne.call(window,"10010.1.256"))||"表头筛选",type:"checkbox",isHeadCheckHide:!0,field:"isShowHeaderFilter"},{title:(null==(re=window.getLanguageByCode)?void 0:re.call(window,"10010.1.36"))||"搜索",type:"checkbox",isHeadCheckHide:!0,field:"isSearch",hide:!0},{title:(null==(ue=window.getLanguageByCode)?void 0:ue.call(window,"10010.1.257"))||"求和",type:"checkbox",isHeadCheckHide:!0,field:"isSum",hide:!0},{title:(null==(se=window.getLanguageByCode)?void 0:se.call(window,"10010.1.258"))||"平均值",type:"checkbox",isHeadCheckHide:!0,field:"isAvg",hide:!0},{title:(null==(ce=window.getLanguageByCode)?void 0:ce.call(window,"10010.1.259"))||"脱敏配置",type:"select",field:"hideExpression",hide:!0}],be=i([]),xe=t((()=>{var e;return(null==(e=ve.value)?void 0:e.scrollWidth)?ve.value.scrollWidth+"px":"auto"})),ke=t((()=>ye.value.flat())),Ce=t((()=>ke.value.some((e=>e.feildDescribe)))),Be=o({columns:be,data:ke,onUpdateChecked:function({checked:e,column:l}){const i=!e||De(l.field);l.checkedAll=!i},draggable:we.rowDraggable,isFieldSet:!0,fieldDescribeMode:we.fieldDescribeMode,developMode:we.developMode,columnWidthProps:we.columnWidthProps,hideExpressionOption:d(we.hideExpressionConfig||{option:[]},"option"),primaryKey:d(we,"primaryKey"),titleRender:we.titleRender}),Se={keyword:pe.value,idx:0,startIdx:0},Le=()=>{J("save")},_e=()=>{J("close")};function Ae(){ye.value=We(),Fe(),he.value=Date.now(),J("reset")}function We(){const e=D(we.fields).map((e=>({...e,uuid:q()})));return Object.keys(fe).forEach((l=>{e.forEach((e=>{var i;"old"==we.type&&Reflect.has(e,l)&&("isFixed"==l?e.fixedWay=1==e[l]?"LEFT":2==e[l]?"RIGHT":"NONE":["isShow","isSort"].includes(l)&&"boolean"!=typeof l?e[fe[l]]=1==e[l]:e[fe[l]]=e[l],Reflect.deleteProperty(e,l)),e.columnWidth=+e.columnWidth||null,Reflect.has(e,"alias")||(e.alias=""),Reflect.has(e,"bold")||(e.bold=!1),e.draggable=!!V(e),F(null==(i=e.relation)?void 0:i.fieldList)&&e.relation.fieldList.forEach((e=>{1==e.isSearch&&(e.checked=!0)}))}))})),function(e){if(we.groupSetting){return O(we.groupSetting,e).reduce(((i,t)=>{const o=M(t)?e.find((e=>e.name===t)):l(t.children);return o&&i.push(o),i}),[])}return e;function l(i){const t=[];return i.forEach((i=>{if(i.children)t.push(...l(i.children));else{const l=e.find((e=>e.name===i));l&&t.push(l)}})),t}}(e)}function Ee(){const e=Se.keyword!==pe.value;let l=pe.value?ke.value.findIndex(((l,i)=>{var t;if(null==(t=l.title)?void 0:t.includes(pe.value))return!!e||i>Se.idx})):0;-1!==l||e||(l=Se.startIdx),ge.value.scrollTop=52*l,Object.assign(Se,{keyword:pe.value,idx:l},e?{startIdx:l}:{})}function He(e){var l;return!!pe.value&&(null==(l=e.title)?void 0:l.includes(pe.value))}function Fe(){var e,l,i,t;be.value=D(me),(null==(e=we.showColumnNames)?void 0:e.length)&&(be.value=me.filter((e=>{var l,i;return"title"===e.field||(null==(i=null==(l=we.showColumnNames)?void 0:l.includes)?void 0:i.call(l,e.field))}))),(null==(l=we.customColumns)?void 0:l.length)&&we.customColumns.forEach((e=>{const{positionField:l}=e;if(l&&be.value.some((e=>e.field===l))){const i=be.value.findIndex((e=>e.field===l));be.value.splice(i,0,e)}else be.value.push(e)})),"column"===we.fieldDescribeMode&&Ce.value&&be.value.push({title:(null==(i=window.getLanguageByCode)?void 0:i.call(window,"10010.1.260"))||"字段描述",type:"text",field:"feildDescribe"}),we.showSeq&&be.value.splice(1,0,{title:(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.249"))||"排序",type:"text",field:"seq"}),be.value.forEach((e=>{if(e.isShow=function(e){var l,i;if(!(null==(l=we.showColumnNames)?void 0:l.length))return!(["editable","required"].includes(e.field)&&!we.isEdit||"sortPriority"===e.field&&!we.showSortPriority||"isShowHeaderFilter"===e.field&&!we.showHeadFilter||"hideExpression"===e.field&&!(null==(i=we.hideExpressionConfig)?void 0:i.show)||e.hide);return!0}(e),"checkbox"===e.type){const l=ye.value.flat().every((l=>!Reflect.has(l,e.field)));e.checkedAll=!De(e.field)&&!l}}))}function De(e){return ye.value.flat().some((l=>!R(l,e)&&!l[e]&&"0001"!=l.id))}function Me(e){return!!j(e.relatedContext.element)}return a([()=>we.fields,()=>{var e;return null==(e=we.showColumnNames)?void 0:e.length}],(([e,l])=>{e.length>0&&(ye.value=We(),Fe())}),{immediate:!0,deep:!0}),K({getTableFields:function(){let e=[];return e="old"==we.type?ke.value.map(((e,l)=>P({...e,field:e.name,visible:e.show,sequence:l,sortable:e.sort,title:e.alias,fixed:e.fixedWay,minWidth:e.columnWidth},["name","show","sort","alias","fixedWay","columnWidth"]))):ke.value,e.map((e=>P(e,["uuid"])))}}),(i,t)=>{var o;return n(),r("div",U,[l.showSearch?(n(),u(s(B),{key:0,class:"main-wrapper__search-wrapper",value:pe.value,"onUpdate:value":t[0]||(t[0]=e=>pe.value=e),valueModifiers:{trim:!0},placeholder:(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.245"))||"请输入字段标题",onKeydown:c(w(Ee,["prevent"]),["enter"])},null,8,["value","onKeydown"])):f("v-if",!0),e("div",{class:"main-wrapper__table",ref_key:"tableRef",ref:ve},[e("div",T,[(n(!0),r(h,null,p(be.value,((i,t)=>(n(),r(h,{key:t},[i.isShow?(n(),r("span",{key:0,class:"table-cell",style:g(s(N)(i,t,l.columnWidthProps))},[e("span",null,["checkbox"!==i.type||i.isHeadCheckHide?(n(),r(h,{key:1},[y(m(i.title),1)],64)):(n(),u(s(S),{key:0,checked:i.checkedAll,"onUpdate:checked":[e=>i.checkedAll=e,e=>{return l=e,t=i.field,void ke.value.forEach((e=>{R(e,t)||(e[t]=l)}));var l,t}],disabled:i.disabledAll},{default:v((()=>[y(m(i.title),1)])),_:2},1032,["checked","onUpdate:checked","disabled"])),"sortPriority"===i.field?(n(),u(s(L),{key:2,trigger:"hover"},{trigger:v((()=>[b(s(_),{component:s(I),style:{top:"2px"}},null,8,["component"])])),default:v((()=>[G])),_:1})):f("v-if",!0)])],4)):f("v-if",!0)],64)))),128))]),e("div",{class:"main-wrapper__table-body",ref_key:"tableBodyRef",ref:ge},[(n(),u(s(E),{modelValue:ye.value,"onUpdate:modelValue":t[1]||(t[1]=e=>ye.value=e),animation:"150","item-key":"id",filter:".disabled",draggable:".item",move:Me,disabled:!l.rowDraggable,key:he.value},{item:v((({element:e,index:l})=>[e.hide?f("v-if",!0):(n(),r("div",{key:0,class:x(["item",s(j)(e)?"":"disabled"]),tabindex:l,style:g({width:s(xe)})},[s(F)(e)?(n(!0),r(h,{key:0},p(e,((e,i)=>(n(),u(H,k(Be,{key:i,element:e,idx:l+1,"is-highlight":He(e)}),null,16,["element","idx","is-highlight"])))),128)):(n(),u(H,k({key:1},Be,{element:e,idx:l+1,"is-highlight":He(e)}),null,16,["element","idx","is-highlight"]))],14,$))])),_:1},8,["modelValue","disabled"]))],512)],512),l.footerFlag?(n(),r("div",z,[f(" 底部按钮插槽 "),C(i.$slots,"footer",{},(()=>[b(s(A),{onPositiveClick:Ae},{trigger:v((()=>[b(s(W),{style:{"margin-right":"8px"}},{default:v((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.242"))||"恢复默认设置")]})),_:1})])),default:v((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.243"))||"确认要恢复系统默认设置吗？")]})),_:1}),b(s(W),{style:{"margin-right":"8px"},onClick:_e},{default:v((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.28"))||"取消")]})),_:1}),b(s(W),{type:"primary",onClick:Le},{default:v((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.244"))||"保存")]})),_:1})]))])):f("v-if",!0)])}}});export{J as default};
+import { createElementVNode, defineComponent, ref, computed, reactive, toRef, watch, openBlock, createElementBlock, createBlock, unref, withKeys, withModifiers, createCommentVNode, Fragment, renderList, normalizeStyle, withCtx, createTextVNode, toDisplayString, createVNode, normalizeClass, mergeProps, renderSlot } from 'vue';
+import { NInput, NCheckbox, NTooltip, NIcon, NPopconfirm, NButton } from 'naive-ui';
+import draggableComponent from '../../../shared/components/VueDraggable/src/vuedraggable.js';
+import Row from './components/table-row.vue.js';
+import { isArray, cloneDeep, isString, omit } from 'lodash-es';
+import { isDisable, setStyle, isDraggableItem, isDraggable, getGroupTree } from './utils/index.js';
+import { uuidGenerator } from '../../../shared/utils/index.js';
+import { HelpCircleSharp } from '@vicons/ionicons5';
+
+var _a;
+const _hoisted_1 = {
+  class: "main-wrapper"
+};
+const _hoisted_2 = {
+  class: "main-wrapper__table-header"
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", null, ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.246")) || "\u6570\u503C\u8D8A\u5C0F\uFF0C\u4F18\u5148\u7EA7\u8D8A\u9AD8", -1);
+const _hoisted_4 = ["tabindex"];
+const _hoisted_5 = {
+  key: 1,
+  class: "main-wrapper__table-footer"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FieldSet",
+  props: {
+    fields: {
+      type: Array,
+      default: () => []
+    },
+    footerFlag: {
+      type: Boolean,
+      default: true
+    },
+    type: {
+      type: String,
+      default: "old"
+    },
+    isEdit: {
+      type: Boolean,
+      default: false
+    },
+    showColumnNames: {
+      type: Array
+    },
+    groupSetting: {
+      type: Object
+    },
+    customColumns: {
+      type: Array,
+      default: () => []
+    },
+    showSeq: {
+      type: Boolean,
+      default: false
+    },
+    showSearch: {
+      type: Boolean,
+      default: false
+    },
+    showSortPriority: {
+      type: Boolean,
+      default: false
+    },
+    showHeadFilter: {
+      type: Boolean,
+      default: false
+    },
+    fieldShowMaxValue: {
+      type: Number
+    },
+    rowDraggable: {
+      type: Boolean,
+      default: true
+    },
+    fieldDescribeMode: {
+      type: String,
+      default: "tooltip"
+    },
+    developMode: {
+      type: Boolean
+    },
+    columnWidthProps: {
+      type: Object
+    },
+    hideExpressionConfig: {
+      type: Object
+    },
+    primaryKey: {
+      type: String,
+      default: "id"
+    },
+    titleRender: {
+      type: Function
+    }
+  },
+  emits: [
+    "save",
+    "close",
+    "reset"
+  ],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+    const props = __props;
+    const fieldsMapping = {
+      sid: "id",
+      columnName: "name",
+      isShow: "show",
+      isSort: "sort",
+      isFixed: "fixedWay",
+      colWidth: "columnWidth"
+    };
+    const resetKey = ref(Date.now());
+    const keyword = ref("");
+    const tableBodyRef = ref();
+    const tableRef = ref();
+    const newFields = ref([]);
+    const defaultColumns = [{
+      title: ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.247")) || "\u6240\u6709\u5B57\u6BB5",
+      type: "text",
+      field: "title"
+    }, {
+      title: ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.240")) || "\u663E\u793A",
+      type: "checkbox",
+      checkedAll: false,
+      disabledAll: !!props.fieldShowMaxValue,
+      field: "show",
+      fieldShowMaxValue: props.fieldShowMaxValue
+    }, {
+      title: ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.284")) || "\u7F16\u8F91",
+      type: "checkbox",
+      checkedAll: false,
+      disabledAll: false,
+      field: "editable"
+    }, {
+      title: ((_d = window.getLanguageByCode) == null ? void 0 : _d.call(window, "10010.1.248")) || "\u5FC5\u586B",
+      type: "checkbox",
+      checkedAll: false,
+      disabledAll: false,
+      field: "required"
+    }, {
+      title: ((_e = window.getLanguageByCode) == null ? void 0 : _e.call(window, "10010.1.249")) || "\u6392\u5E8F",
+      type: "checkbox",
+      checkedAll: false,
+      disabledAll: false,
+      field: "sort"
+    }, {
+      title: ((_f = window.getLanguageByCode) == null ? void 0 : _f.call(window, "10010.1.250")) || "\u52A0\u7C97",
+      type: "checkbox",
+      checkedAll: false,
+      disabledAll: false,
+      field: "bold"
+    }, {
+      title: ((_g = window.getLanguageByCode) == null ? void 0 : _g.call(window, "10010.1.251")) || "\u9ED8\u8BA4\u6392\u5E8F",
+      type: "select",
+      field: "sortDirection"
+    }, {
+      title: ((_h = window.getLanguageByCode) == null ? void 0 : _h.call(window, "10010.1.252")) || "\u6392\u5E8F\u4F18\u5148\u7EA7",
+      type: "select",
+      field: "sortPriority"
+    }, {
+      title: ((_i = window.getLanguageByCode) == null ? void 0 : _i.call(window, "10010.1.253")) || "\u56FA\u5B9A",
+      type: "select",
+      field: "fixedWay"
+    }, {
+      title: ((_j = window.getLanguageByCode) == null ? void 0 : _j.call(window, "10010.1.254")) || "\u81EA\u5B9A\u4E49\u6807\u9898",
+      type: "input",
+      field: "alias"
+    }, {
+      title: ((_k = window.getLanguageByCode) == null ? void 0 : _k.call(window, "10010.1.255")) || "\u5217\u5BBD",
+      type: "inputNumber",
+      field: "columnWidth"
+    }, {
+      title: ((_l = window.getLanguageByCode) == null ? void 0 : _l.call(window, "10010.1.256")) || "\u8868\u5934\u7B5B\u9009",
+      type: "checkbox",
+      isHeadCheckHide: true,
+      field: "isShowHeaderFilter"
+    }, {
+      title: ((_m = window.getLanguageByCode) == null ? void 0 : _m.call(window, "10010.1.36")) || "\u641C\u7D22",
+      type: "checkbox",
+      isHeadCheckHide: true,
+      field: "isSearch",
+      hide: true
+    }, {
+      title: ((_n = window.getLanguageByCode) == null ? void 0 : _n.call(window, "10010.1.257")) || "\u6C42\u548C",
+      type: "checkbox",
+      isHeadCheckHide: true,
+      field: "isSum",
+      hide: true
+    }, {
+      title: ((_o = window.getLanguageByCode) == null ? void 0 : _o.call(window, "10010.1.258")) || "\u5E73\u5747\u503C",
+      type: "checkbox",
+      isHeadCheckHide: true,
+      field: "isAvg",
+      hide: true
+    }, {
+      title: ((_p = window.getLanguageByCode) == null ? void 0 : _p.call(window, "10010.1.259")) || "\u8131\u654F\u914D\u7F6E",
+      type: "select",
+      field: "hideExpression",
+      hide: true
+    }];
+    const columns = ref([]);
+    const itemWidth = computed(() => {
+      var _a3;
+      return ((_a3 = tableRef.value) == null ? void 0 : _a3.scrollWidth) ? tableRef.value.scrollWidth + "px" : "auto";
+    });
+    const fieldList = computed(() => newFields.value.flat());
+    const hasFieldDescribe = computed(() => fieldList.value.some((item) => item.feildDescribe));
+    const rowProps = reactive({
+      columns,
+      data: fieldList,
+      onUpdateChecked: handleCheck,
+      draggable: props.rowDraggable,
+      isFieldSet: true,
+      fieldDescribeMode: props.fieldDescribeMode,
+      developMode: props.developMode,
+      columnWidthProps: props.columnWidthProps,
+      hideExpressionOption: toRef(props.hideExpressionConfig || {
+        option: []
+      }, "option"),
+      primaryKey: toRef(props, "primaryKey"),
+      titleRender: props.titleRender
+    });
+    const searchData = {
+      keyword: keyword.value,
+      idx: 0,
+      startIdx: 0
+    };
+    const handleFieldSave = () => {
+      emit("save");
+    };
+    const onCancle = () => {
+      emit("close");
+    };
+    function reset() {
+      newFields.value = initFields();
+      initColumns();
+      resetKey.value = Date.now();
+      emit("reset");
+    }
+    function getShowColumn(column) {
+      var _a3, _b2;
+      if (!((_a3 = props.showColumnNames) == null ? void 0 : _a3.length)) {
+        const isEdit = ["editable", "required"].includes(column.field);
+        if (isEdit && !props.isEdit || column.field === "sortPriority" && !props.showSortPriority || column.field === "isShowHeaderFilter" && !props.showHeadFilter || column.field === "hideExpression" && !((_b2 = props.hideExpressionConfig) == null ? void 0 : _b2.show))
+          return false;
+        return !column.hide;
+      }
+      return true;
+    }
+    function initFields() {
+      const cloneFields = cloneDeep(props.fields).map((item) => ({
+        ...item,
+        uuid: uuidGenerator()
+      }));
+      Object.keys(fieldsMapping).forEach((key) => {
+        cloneFields.forEach((item) => {
+          var _a3;
+          if (props.type == "old") {
+            if (Reflect.has(item, key)) {
+              if (key == "isFixed") {
+                item["fixedWay"] = item[key] == 1 ? "LEFT" : item[key] == 2 ? "RIGHT" : "NONE";
+              } else if (["isShow", "isSort"].includes(key) && typeof key !== "boolean") {
+                item[fieldsMapping[key]] = item[key] == 1;
+              } else {
+                item[fieldsMapping[key]] = item[key];
+              }
+              Reflect.deleteProperty(item, key);
+            }
+          }
+          item.columnWidth = +item.columnWidth || null;
+          if (!Reflect.has(item, "alias")) {
+            item.alias = "";
+          }
+          if (!Reflect.has(item, "bold")) {
+            item.bold = false;
+          }
+          item.draggable = isDraggable(item) ? true : false;
+          if (isArray((_a3 = item.relation) == null ? void 0 : _a3.fieldList)) {
+            item.relation.fieldList.forEach((v) => {
+              if (v.isSearch == 1) {
+                v.checked = true;
+              }
+            });
+          }
+        });
+      });
+      return handleGroup(cloneFields);
+    }
+    function handleGroup(fields) {
+      if (props.groupSetting) {
+        const groupTree = getGroupTree(props.groupSetting, fields);
+        return groupTree.reduce((pre, curr) => {
+          const item = isString(curr) ? fields.find((field) => field.name === curr) : getDeepList(curr.children);
+          item && pre.push(item);
+          return pre;
+        }, []);
+      } else {
+        return fields;
+      }
+      function getDeepList(tree) {
+        const arr = [];
+        tree.forEach((item) => {
+          if (item.children) {
+            arr.push(...getDeepList(item.children));
+          } else {
+            const fieldItem = fields.find((field) => field.name === item);
+            fieldItem && arr.push(fieldItem);
+          }
+        });
+        return arr;
+      }
+    }
+    function getTableFields() {
+      let result = [];
+      if (props.type == "old") {
+        result = fieldList.value.map((item, i) => {
+          return omit({
+            ...item,
+            field: item.name,
+            visible: item.show,
+            sequence: i,
+            sortable: item.sort,
+            title: item.alias,
+            fixed: item.fixedWay,
+            minWidth: item.columnWidth
+          }, ["name", "show", "sort", "alias", "fixedWay", "columnWidth"]);
+        });
+      } else {
+        result = fieldList.value;
+      }
+      return result.map((item) => omit(item, ["uuid"]));
+    }
+    function handleSearch() {
+      const keywordChanged = searchData.keyword !== keyword.value;
+      let idx = !keyword.value ? 0 : fieldList.value.findIndex((field, i) => {
+        var _a3;
+        if ((_a3 = field.title) == null ? void 0 : _a3.includes(keyword.value)) {
+          if (!keywordChanged)
+            return i > searchData.idx;
+          return true;
+        }
+      });
+      if (idx === -1 && !keywordChanged)
+        idx = searchData.startIdx;
+      tableBodyRef.value.scrollTop = 52 * idx;
+      Object.assign(searchData, {
+        keyword: keyword.value,
+        idx
+      }, keywordChanged ? {
+        startIdx: idx
+      } : {});
+    }
+    function isHighlight(element) {
+      var _a3;
+      return !!keyword.value && ((_a3 = element.title) == null ? void 0 : _a3.includes(keyword.value));
+    }
+    function handleAllCheck(checked, field) {
+      fieldList.value.forEach((fieldItem) => {
+        if (!isDisable(fieldItem, field)) {
+          fieldItem[field] = checked;
+        }
+      });
+    }
+    function handleCheck({
+      checked,
+      column
+    }) {
+      const noAllCheck = !checked ? true : isNoAllCheck(column.field);
+      column.checkedAll = !noAllCheck;
+    }
+    function initColumns() {
+      var _a3, _b2, _c2, _d2;
+      columns.value = cloneDeep(defaultColumns);
+      if ((_a3 = props.showColumnNames) == null ? void 0 : _a3.length) {
+        columns.value = defaultColumns.filter((column) => {
+          var _a4, _b3;
+          return column.field === "title" || ((_b3 = (_a4 = props.showColumnNames) == null ? void 0 : _a4.includes) == null ? void 0 : _b3.call(_a4, column.field));
+        });
+      }
+      if ((_b2 = props.customColumns) == null ? void 0 : _b2.length) {
+        props.customColumns.forEach((column) => {
+          const {
+            positionField
+          } = column;
+          if (positionField && columns.value.some((item) => item.field === positionField)) {
+            const index = columns.value.findIndex((item) => item.field === positionField);
+            columns.value.splice(index, 0, column);
+          } else {
+            columns.value.push(column);
+          }
+        });
+      }
+      if (props.fieldDescribeMode === "column" && hasFieldDescribe.value) {
+        columns.value.push({
+          title: ((_c2 = window.getLanguageByCode) == null ? void 0 : _c2.call(window, "10010.1.260")) || "\u5B57\u6BB5\u63CF\u8FF0",
+          type: "text",
+          field: "feildDescribe"
+        });
+      }
+      if (props.showSeq) {
+        columns.value.splice(1, 0, {
+          title: ((_d2 = window.getLanguageByCode) == null ? void 0 : _d2.call(window, "10010.1.249")) || "\u6392\u5E8F",
+          type: "text",
+          field: "seq"
+        });
+      }
+      columns.value.forEach((column) => {
+        column.isShow = getShowColumn(column);
+        if (column.type === "checkbox") {
+          const isNoField = newFields.value.flat().every((fieldItem) => !Reflect.has(fieldItem, column.field));
+          column.checkedAll = isNoAllCheck(column.field) || isNoField ? false : true;
+        }
+      });
+    }
+    function isNoAllCheck(field) {
+      return newFields.value.flat().some((fieldItem) => !isDisable(fieldItem, field) && !fieldItem[field] && fieldItem.id != "0001");
+    }
+    function onMove(e) {
+      if (!isDraggableItem(e.relatedContext.element))
+        return false;
+      return true;
+    }
+    watch([() => props.fields, () => {
+      var _a3;
+      return (_a3 = props.showColumnNames) == null ? void 0 : _a3.length;
+    }], ([fields, showColumnNames]) => {
+      if (fields.length > 0) {
+        newFields.value = initFields();
+        initColumns();
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    expose({
+      getTableFields
+    });
+    return (_ctx, _cache) => {
+      var _a3;
+      return openBlock(), createElementBlock("div", _hoisted_1, [__props.showSearch ? (openBlock(), createBlock(unref(NInput), {
+        key: 0,
+        class: "main-wrapper__search-wrapper",
+        value: keyword.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => keyword.value = $event),
+        valueModifiers: {
+          trim: true
+        },
+        placeholder: ((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.245")) || "\u8BF7\u8F93\u5165\u5B57\u6BB5\u6807\u9898",
+        onKeydown: withKeys(withModifiers(handleSearch, ["prevent"]), ["enter"])
+      }, null, 8, ["value", "onKeydown"])) : createCommentVNode("v-if", true), createElementVNode("div", {
+        class: "main-wrapper__table",
+        ref_key: "tableRef",
+        ref: tableRef
+      }, [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column, index) => {
+        return openBlock(), createElementBlock(Fragment, {
+          key: index
+        }, [column.isShow ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: "table-cell",
+          style: normalizeStyle(unref(setStyle)(column, index, __props.columnWidthProps))
+        }, [createElementVNode("span", null, [column.type === "checkbox" && !column.isHeadCheckHide ? (openBlock(), createBlock(unref(NCheckbox), {
+          key: 0,
+          checked: column.checkedAll,
+          "onUpdate:checked": [($event) => column.checkedAll = $event, ($event) => handleAllCheck($event, column.field)],
+          disabled: column.disabledAll
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(column.title), 1)]),
+          _: 2
+        }, 1032, ["checked", "onUpdate:checked", "disabled"])) : (openBlock(), createElementBlock(Fragment, {
+          key: 1
+        }, [createTextVNode(toDisplayString(column.title), 1)], 64)), column.field === "sortPriority" ? (openBlock(), createBlock(unref(NTooltip), {
+          key: 2,
+          trigger: "hover"
+        }, {
+          trigger: withCtx(() => [createVNode(unref(NIcon), {
+            component: unref(HelpCircleSharp),
+            style: {
+              "top": "2px"
+            }
+          }, null, 8, ["component"])]),
+          default: withCtx(() => [_hoisted_3]),
+          _: 1
+        })) : createCommentVNode("v-if", true)])], 4)) : createCommentVNode("v-if", true)], 64);
+      }), 128))]), createElementVNode("div", {
+        class: "main-wrapper__table-body",
+        ref_key: "tableBodyRef",
+        ref: tableBodyRef
+      }, [(openBlock(), createBlock(unref(draggableComponent), {
+        modelValue: newFields.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => newFields.value = $event),
+        animation: "150",
+        "item-key": "id",
+        filter: ".disabled",
+        draggable: ".item",
+        move: onMove,
+        disabled: !__props.rowDraggable,
+        key: resetKey.value
+      }, {
+        item: withCtx(({
+          element,
+          index
+        }) => [!element.hide ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["item", unref(isDraggableItem)(element) ? "" : "disabled"]),
+          tabindex: index,
+          style: normalizeStyle({
+            width: unref(itemWidth)
+          })
+        }, [unref(isArray)(element) ? (openBlock(true), createElementBlock(Fragment, {
+          key: 0
+        }, renderList(element, (ele, _index) => {
+          return openBlock(), createBlock(Row, mergeProps(rowProps, {
+            key: _index,
+            element: ele,
+            idx: index + 1,
+            "is-highlight": isHighlight(ele)
+          }), null, 16, ["element", "idx", "is-highlight"]);
+        }), 128)) : (openBlock(), createBlock(Row, mergeProps({
+          key: 1
+        }, rowProps, {
+          element,
+          idx: index + 1,
+          "is-highlight": isHighlight(element)
+        }), null, 16, ["element", "idx", "is-highlight"]))], 14, _hoisted_4)) : createCommentVNode("v-if", true)]),
+        _: 1
+      }, 8, ["modelValue", "disabled"]))], 512)], 512), __props.footerFlag ? (openBlock(), createElementBlock("div", _hoisted_5, [createCommentVNode(" \u5E95\u90E8\u6309\u94AE\u63D2\u69FD "), renderSlot(_ctx.$slots, "footer", {}, () => [createVNode(unref(NPopconfirm), {
+        onPositiveClick: reset
+      }, {
+        trigger: withCtx(() => [createVNode(unref(NButton), {
+          style: {
+            "margin-right": "8px"
+          }
+        }, {
+          default: withCtx(() => {
+            var _a4;
+            return [createTextVNode(((_a4 = window.getLanguageByCode) == null ? void 0 : _a4.call(window, "10010.1.242")) || "\u6062\u590D\u9ED8\u8BA4\u8BBE\u7F6E")];
+          }),
+          _: 1
+        })]),
+        default: withCtx(() => {
+          var _a4;
+          return [createTextVNode(((_a4 = window.getLanguageByCode) == null ? void 0 : _a4.call(window, "10010.1.243")) || "\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(() => {
+          var _a4;
+          return [createTextVNode(((_a4 = window.getLanguageByCode) == null ? void 0 : _a4.call(window, "10010.1.28")) || "\u53D6\u6D88")];
+        }),
+        _: 1
+      }), createVNode(unref(NButton), {
+        type: "primary",
+        onClick: handleFieldSave
+      }, {
+        default: withCtx(() => {
+          var _a4;
+          return [createTextVNode(((_a4 = window.getLanguageByCode) == null ? void 0 : _a4.call(window, "10010.1.244")) || "\u4FDD\u5B58")];
+        }),
+        _: 1
+      })])])) : createCommentVNode("v-if", true)]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,6 @@
-import e from"./Index.vue2.js";import r from"../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","Index.vue"]]);export{o as default};
+import _sfc_main from './Index.vue2.js';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Index.vue"]]);
+
+export { script as default };