cnhis-design-vue 3.1.42-beta.3 → 3.1.42-beta.31

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

@@ -1,7 +1,25 @@
 import { SFCWithInstall } from '../../../es/shared/types';
+export * from './src/types';
 declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
     fields: {
-        type: import("vue").PropType<any[]>;
+        type: import("vue").PropType<Partial<{
+            [key: string]: any;
+            id: string;
+            name: string;
+            show: boolean;
+            sort: boolean;
+            sortDirection: "NONE" | "ASC" | "DESC";
+            title: string;
+            alias: string;
+            fixedShow: boolean;
+            fixedWay: "NONE" | "LEFT" | "RIGHT";
+            columnWidth: number | null;
+            editable: boolean;
+            editableDisable: boolean;
+            required: boolean;
+            requiredDisable: boolean;
+            hide: boolean;
+        }>[]>;
         default: () => never[];
     };
     footerFlag: {
@@ -23,11 +41,28 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         label: string;
         value: string;
     }[];
-    emit: (event: "reset" | "onSave" | "onClose", ...args: any[]) => void;
+    emit: (event: "onSave" | "onClose" | "reset", ...args: any[]) => void;
     settingView: any;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fields: {
-            type: import("vue").PropType<any[]>;
+            type: import("vue").PropType<Partial<{
+                [key: string]: any;
+                id: string;
+                name: string;
+                show: boolean;
+                sort: boolean;
+                sortDirection: "NONE" | "ASC" | "DESC";
+                title: string;
+                alias: string;
+                fixedShow: boolean;
+                fixedWay: "NONE" | "LEFT" | "RIGHT";
+                columnWidth: number | null;
+                editable: boolean;
+                editableDisable: boolean;
+                required: boolean;
+                requiredDisable: boolean;
+                hide: boolean;
+            }>[]>;
             default: () => never[];
         };
         footerFlag: {
@@ -54,7 +89,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         clickItem: {
             [key: string]: any;
         };
-        fields: {
+        fields: Partial<{
             [key: string]: any;
             id: string;
             name: string;
@@ -71,11 +106,11 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
             required: boolean;
             requiredDisable: boolean;
             hide: boolean;
-        }[];
+        }>[];
         widthShow: string;
         widthLarge: string;
     };
-    leftStyle: (ele: {
+    leftStyle: (ele: Partial<{
         [key: string]: any;
         id: string;
         name: string;
@@ -92,7 +127,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         required: boolean;
         requiredDisable: boolean;
         hide: boolean;
-    }) => {
+    }>) => {
         background: string | undefined;
     };
     showCheckBox: (key: string) => boolean;
@@ -103,7 +138,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
     reset: () => void;
     calculateCheck: (key: string) => boolean;
     handleAllCheck: (e: boolean, key: string) => void;
-    handleFieldClick: (item: {
+    handleFieldClick: (item: Partial<{
         [key: string]: any;
         id: string;
         name: string;
@@ -120,8 +155,8 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         required: boolean;
         requiredDisable: boolean;
         hide: boolean;
-    }) => void;
-    isDisable: (item: {
+    }>) => void;
+    isDisable: (item: Partial<{
         [key: string]: any;
         id: string;
         name: string;
@@ -138,7 +173,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         required: boolean;
         requiredDisable: boolean;
         hide: boolean;
-    }, key: string) => any;
+    }>, key: string) => any;
     setWidth: () => void;
     NButton: any;
     NCheckbox: any;
@@ -148,7 +183,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
     NSpin: any;
     NTooltip: any;
     NPopconfirm: any;
-    draggable: import("vue").DefineComponent<{
+    Draggable: import("vue").DefineComponent<{
         list: {
             type: ArrayConstructor;
             required: boolean;
@@ -221,9 +256,26 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         modelValue: unknown[];
         componentData: Record<string, any>;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "onSave" | "onClose")[], "reset" | "onSave" | "onClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, 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: import("vue").PropType<any[]>;
+        type: import("vue").PropType<Partial<{
+            [key: string]: any;
+            id: string;
+            name: string;
+            show: boolean;
+            sort: boolean;
+            sortDirection: "NONE" | "ASC" | "DESC";
+            title: string;
+            alias: string;
+            fixedShow: boolean;
+            fixedWay: "NONE" | "LEFT" | "RIGHT";
+            columnWidth: number | null;
+            editable: boolean;
+            editableDisable: boolean;
+            required: boolean;
+            requiredDisable: boolean;
+            hide: boolean;
+        }>[]>;
         default: () => never[];
     };
     footerFlag: {
@@ -244,7 +296,24 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
     onOnClose?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    fields: any[];
+    fields: Partial<{
+        [key: string]: any;
+        id: string;
+        name: string;
+        show: boolean;
+        sort: boolean;
+        sortDirection: "NONE" | "ASC" | "DESC";
+        title: string;
+        alias: string;
+        fixedShow: boolean;
+        fixedWay: "NONE" | "LEFT" | "RIGHT";
+        columnWidth: number | null;
+        editable: boolean;
+        editableDisable: boolean;
+        required: boolean;
+        requiredDisable: boolean;
+        hide: boolean;
+    }>[];
     footerFlag: boolean;
     isEdit: boolean;
 }>>;

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

@@ -1,35 +1,35 @@
 import { PropType } from 'vue';
-declare type Ifields = {
-    id: string;
-    name: string;
-    show: boolean;
-    sort: boolean;
-    sortDirection: 'NONE' | 'ASC' | 'DESC';
-    title: string;
-    alias: string;
-    fixedShow: boolean;
-    fixedWay: 'NONE' | 'LEFT' | 'RIGHT';
-    columnWidth: number | null;
-    editable: boolean;
-    editableDisable: boolean;
-    required: boolean;
-    requiredDisable: boolean;
-    hide: boolean;
-    [key: string]: any;
-};
+import { FieldSetItem } from '../../../../es/components/field-set/src/types';
 declare type Istate = {
     spinning: boolean;
     isCustomSearch: boolean;
     clickItem: {
         [key: string]: any;
     };
-    fields: Ifields[];
+    fields: FieldSetItem[];
     widthShow: string;
     widthLarge: string;
 };
 declare const _default: import("vue").DefineComponent<{
     fields: {
-        type: PropType<any[]>;
+        type: PropType<Partial<{
+            [key: string]: any;
+            id: string;
+            name: string;
+            show: boolean;
+            sort: boolean;
+            sortDirection: "NONE" | "ASC" | "DESC";
+            title: string;
+            alias: string;
+            fixedShow: boolean;
+            fixedWay: "NONE" | "LEFT" | "RIGHT";
+            columnWidth: number | null;
+            editable: boolean;
+            editableDisable: boolean;
+            required: boolean;
+            requiredDisable: boolean;
+            hide: boolean;
+        }>[]>;
         default: () => never[];
     };
     footerFlag: {
@@ -51,11 +51,28 @@ declare const _default: import("vue").DefineComponent<{
         label: string;
         value: string;
     }[];
-    emit: (event: "reset" | "onSave" | "onClose", ...args: any[]) => void;
+    emit: (event: "onSave" | "onClose" | "reset", ...args: any[]) => void;
     settingView: any;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fields: {
-            type: PropType<any[]>;
+            type: PropType<Partial<{
+                [key: string]: any;
+                id: string;
+                name: string;
+                show: boolean;
+                sort: boolean;
+                sortDirection: "NONE" | "ASC" | "DESC";
+                title: string;
+                alias: string;
+                fixedShow: boolean;
+                fixedWay: "NONE" | "LEFT" | "RIGHT";
+                columnWidth: number | null;
+                editable: boolean;
+                editableDisable: boolean;
+                required: boolean;
+                requiredDisable: boolean;
+                hide: boolean;
+            }>[]>;
             default: () => never[];
         };
         footerFlag: {
@@ -77,7 +94,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     initFields: () => any[];
     state: Istate;
-    leftStyle: (ele: Ifields) => {
+    leftStyle: (ele: FieldSetItem) => {
         background: string | undefined;
     };
     showCheckBox: (key: string) => boolean;
@@ -88,8 +105,8 @@ declare const _default: import("vue").DefineComponent<{
     reset: () => void;
     calculateCheck: (key: string) => boolean;
     handleAllCheck: (e: boolean, key: string) => void;
-    handleFieldClick: (item: Ifields) => void;
-    isDisable: (item: Ifields, key: string) => any;
+    handleFieldClick: (item: FieldSetItem) => void;
+    isDisable: (item: FieldSetItem, key: string) => any;
     setWidth: () => void;
     NButton: any;
     NCheckbox: any;
@@ -99,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{
     NSpin: any;
     NTooltip: any;
     NPopconfirm: any;
-    draggable: import("vue").DefineComponent<{
+    Draggable: import("vue").DefineComponent<{
         list: {
             type: ArrayConstructor;
             required: boolean;
@@ -172,9 +189,26 @@ declare const _default: import("vue").DefineComponent<{
         modelValue: unknown[];
         componentData: Record<string, any>;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "onSave" | "onClose")[], "reset" | "onSave" | "onClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, 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[]>;
+        type: PropType<Partial<{
+            [key: string]: any;
+            id: string;
+            name: string;
+            show: boolean;
+            sort: boolean;
+            sortDirection: "NONE" | "ASC" | "DESC";
+            title: string;
+            alias: string;
+            fixedShow: boolean;
+            fixedWay: "NONE" | "LEFT" | "RIGHT";
+            columnWidth: number | null;
+            editable: boolean;
+            editableDisable: boolean;
+            required: boolean;
+            requiredDisable: boolean;
+            hide: boolean;
+        }>[]>;
         default: () => never[];
     };
     footerFlag: {
@@ -195,7 +229,24 @@ declare const _default: import("vue").DefineComponent<{
     onOnClose?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    fields: any[];
+    fields: Partial<{
+        [key: string]: any;
+        id: string;
+        name: string;
+        show: boolean;
+        sort: boolean;
+        sortDirection: "NONE" | "ASC" | "DESC";
+        title: string;
+        alias: string;
+        fixedShow: boolean;
+        fixedWay: "NONE" | "LEFT" | "RIGHT";
+        columnWidth: number | null;
+        editable: boolean;
+        editableDisable: boolean;
+        required: boolean;
+        requiredDisable: boolean;
+        hide: boolean;
+    }>[];
     footerFlag: boolean;
     isEdit: boolean;
 }>;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as l,reactive as t,watch as i,onMounted as s,openBlock as d,createElementBlock as a,normalizeStyle as o,createVNode as n,unref as c,withCtx as h,createElementVNode as r,normalizeClass as u,createCommentVNode as p,createBlock as f,createTextVNode as w,toDisplayString as v,withDirectives as k,vShow as y,renderSlot as b}from"vue";import{NSpin as g,NCheckbox as m,NTooltip as U,NSelect as S,NInput as x,NInputNumber as E,NPopconfirm as _,NButton as W}from"naive-ui";import C from"../../../shared/components/VueDraggable/src/vuedraggable.js";import O from"../../../_virtual/plugin-vue_export-helper.js";const F={class:"fields-set-content"},q={class:"fields-table"},D=r("span",{class:"width-show",style:{width:"4%"}},null,-1),N=r("span",{class:"width-large"},"所有字段",-1),P={class:"width-show"},j={key:0,class:"width-show"},R={key:1,class:"width-show"},I={class:"width-show"},L={class:"width-show"},T=r("span",{class:"width-showed"},"默认排序",-1),z=r("span",{class:"width-showed"},"固定",-1),A=r("span",{class:"width-word"},"自定义标题",-1),B=r("span",{class:"width-showed"},"列宽",-1),G=["onClick"],H={class:"width-show drag-icon-wrap"},J=r("span",{class:"iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",style:{color:"#000"}},null,-1),V=r("span",null,"拖拽调整顺序",-1),$=r("span",{style:{width:"14px","margin-right":"6px"}},null,-1),K={class:"width-show"},M={key:0,class:"width-show"},Q={key:1,class:"width-show"},X={class:"width-show"},Y={class:"width-show"},Z={class:"width-showed"},ee={class:"width-showed"},le={class:"width-word"},te={class:"width-showed"},ie={key:0,class:"check-options"},se={class:"btn-operate"};var de=O(e({__name:"FieldSet",props:{fields:{type:Array,default:function(){return[]}},footerFlag:{type:Boolean,default:!0},type:{type:String,default:"old"},isEdit:{type:Boolean,default:!1}},emits:["onSave","onClose","reset"],setup(e,{expose:O,emit:de}){const ae=e,oe={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},ne=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],ce=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}],he=l(null);function re(){const e=ae.fields?JSON.parse(JSON.stringify(ae.fields)):[];return Object.keys(oe).forEach((l=>{e.forEach((e=>{"old"==ae.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[oe[l]]=1==e[l]:e[oe[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}const ue=t({spinning:!1,isCustomSearch:!0,clickItem:{},fields:[],widthShow:"9%",widthLarge:"19%"}),pe=e=>ue.fields.some((l=>Object.prototype.hasOwnProperty.call(l,e))),fe=()=>{if("old"==ae.type){let e=[];return ue.fields.length>0&&ue.fields.forEach(((l,t)=>{e.push({id:l.id,field:l.name,visible:l.show,sequence:t,sortable:l.sort,title:l.alias,fixed:l.fixedWay,minWidth:l.columnWidth,bold:l.bold,sortDirection:l.sortDirection,...ae.isEdit?{required:l.required,editable:l.editable}:{}})})),e}return ue.fields},we=()=>{de("onSave",{tableFields:fe()})},ve=()=>{de("onClose")};function ke(){ue.fields=re(),de("reset")}const ye=e=>!!ue.fields.length&&ue.fields.every((l=>!(Object.prototype.hasOwnProperty.call(l,e)&&!ge(l,e))||l[e])),be=(e,l)=>{const t=e,i=ue.fields.map((e=>(Object.prototype.hasOwnProperty.call(e,l)&&!ge(e,l)&&(e[l]=t),e)));ue.fields=i};function ge(e,l){return["editable","required"].includes(l)&&e[`${l}Disable`]||["sort"].includes(l)&&1==e.notParticipatingSort}return i((()=>ae.fields),(e=>{(null==e?void 0:e.length)>0&&(ue.fields=re())}),{immediate:!0,deep:!0}),s((()=>{var e;null==(e=he.value)||e.style.setProperty("margin","auto"),ae.isEdit&&(ue.widthShow="8%",ue.widthLarge="13%")})),O({getTableFields:fe}),(l,t)=>(d(),a("div",{ref_key:"settingView",ref:he,class:"c-field-set",style:o({"--width-show":ue.widthShow,"--width-large":ue.widthLarge})},[n(c(g),{show:ue.spinning,tip:"...",style:{width:"100%",height:"100%"}},{default:h((()=>[r("div",F,[r("div",q,[r("div",{class:u(["setting-title",{"seting-title-api":!ue.isCustomSearch}])},[D,p(" 字段名称 "),N,p(" 显示 "),r("span",P,[pe("show")?(d(),f(c(m),{key:0,checked:ye("show"),"onUpdate:checked":t[0]||(t[0]=e=>be(e,"show"))},null,8,["checked"])):p("v-if",!0),w(" 显示 ")]),p(" 可编辑 "),e.isEdit?(d(),a("span",j,[pe("editable")?(d(),f(c(m),{key:0,checked:ye("editable"),"onUpdate:checked":t[1]||(t[1]=e=>be(e,"editable"))},null,8,["checked"])):p("v-if",!0),w(" 编辑 ")])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",R,[pe("required")?(d(),f(c(m),{key:0,checked:ye("required"),"onUpdate:checked":t[2]||(t[2]=e=>be(e,"required"))},null,8,["checked"])):p("v-if",!0),w(" 必填 ")])):p("v-if",!0),p(" 排序 "),r("span",I,[pe("sort")?(d(),f(c(m),{key:0,checked:ye("sort"),"onUpdate:checked":t[3]||(t[3]=e=>be(e,"sort"))},null,8,["checked"])):p("v-if",!0),w(" 排序 ")]),r("span",L,[n(c(m),{checked:ye("bold"),"onUpdate:checked":t[4]||(t[4]=e=>be(e,"bold"))},null,8,["checked"]),w(" 加粗 ")]),p(" 默认排序 "),T,p(" 固定 "),z,p(" 自定义标题 "),A,p(" 列宽 "),B],2),r("div",{ref:"setShow",class:u(["set-show",{"set-show-api":!ue.isCustomSearch}])},[n(c(C),{list:ue.fields,animation:"150","item-key":"id",tag:"ul"},{item:h((({element:l})=>{return[l.hide?p("v-if",!0):(d(),a("li",{key:0,class:"left-style",style:o((t=l,{background:ue.clickItem.id===t.id?"#f2f2f2":void 0})),onClick:e=>{return t=l,void(ue.clickItem=t);var t}},[r("span",H,[n(c(U),{trigger:"hover"},{trigger:h((()=>[J])),default:h((()=>[V])),_:1})]),p(" 字段名称 "),r("span",{class:u(["width-large title-item",{blue:l.extraField}])},[$,r("span",null,v(l.title),1)],2),p(" 显示 "),r("span",K,[k(n(c(m),{checked:l.show,"onUpdate:checked":e=>l.show=e},null,8,["checked","onUpdate:checked"]),[[y,"0001"!=l.id]])]),p(" 是否可编辑 "),e.isEdit?(d(),a("span",M,[k(n(c(m),{disabled:l.editableDisable,checked:l.editable,"onUpdate:checked":e=>l.editable=e},null,8,["disabled","checked","onUpdate:checked"]),[[y,"0001"!=l.id]])])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",Q,[k(n(c(m),{disabled:l.requiredDisable,checked:l.required,"onUpdate:checked":e=>l.required=e},null,8,["disabled","checked","onUpdate:checked"]),[[y,"0001"!=l.id]])])):p("v-if",!0),p(" 排序 "),r("span",X,[k(n(c(m),{checked:l.sort,"onUpdate:checked":e=>l.sort=e,disabled:1==l.notParticipatingSort},null,8,["checked","onUpdate:checked","disabled"]),[[y,"0001"!=l.id]])]),p(" 加粗 "),r("span",Y,[k(n(c(m),{checked:l.bold,"onUpdate:checked":e=>l.bold=e},null,8,["checked","onUpdate:checked"]),[[y,"0001"!=l.id]])]),p(" 默认排序 "),r("span",Z,[k(n(c(S),{value:l.sortDirection,"onUpdate:value":e=>l.sortDirection=e,options:ce,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"]),[[y,"0001"!=l.id]])]),p(" 固定 "),r("span",ee,[n(c(S),{value:l.fixedWay,"onUpdate:value":e=>l.fixedWay=e,options:ne,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"])]),p(" 自定义标题 "),r("span",le,[k(n(c(x),{value:l.alias,"onUpdate:value":e=>l.alias=e,style:{width:"90%"},clearable:""},null,8,["value","onUpdate:value"]),[[y,"0001"!=l.id]])]),p(" 列宽 "),r("span",te,[n(c(E),{value:l.columnWidth,"onUpdate:value":e=>l.columnWidth=e,clearable:""},null,8,["value","onUpdate:value"])])],12,G))];var t})),_:1},8,["list"])],2)]),ae.footerFlag?(d(),a("div",ie,[r("div",se,[b(l.$slots,"footer",{},(()=>[n(c(_),{onPositiveClick:ke},{trigger:h((()=>[n(c(W),{style:{"margin-right":"8px"}},{default:h((()=>[w("恢复默认设置")])),_:1})])),default:h((()=>[w(" 确认要恢复系统默认设置吗？ ")])),_:1}),n(c(W),{style:{"margin-right":"8px"},onClick:ve},{default:h((()=>[w("取消")])),_:1}),n(c(W),{type:"primary",onClick:we},{default:h((()=>[w("保存")])),_:1})]))])])):p("v-if",!0)])])),_:3},8,["show"])],4))}}),[["__file","FieldSet.vue"]]);export{de as default};
+import{defineComponent as e,ref as l,reactive as t,watch as i,onMounted as s,openBlock as d,createElementBlock as a,normalizeStyle as o,createVNode as n,unref as c,withCtx as h,createElementVNode as r,normalizeClass as u,createCommentVNode as p,createBlock as f,createTextVNode as w,toDisplayString as v,withDirectives as k,vShow as y,renderSlot as b}from"vue";import{NSpin as g,NCheckbox as m,NTooltip as U,NSelect as S,NInput as x,NInputNumber as E,NPopconfirm as _,NButton as W}from"naive-ui";import C from"../../../shared/components/VueDraggable/src/vuedraggable.js";import O from"../../../_virtual/plugin-vue_export-helper.js";const F={class:"fields-set-content"},q={class:"fields-table"},D=r("span",{class:"width-show",style:{width:"4%"}},null,-1),N=r("span",{class:"width-large"},"所有字段",-1),P={class:"width-show"},j={key:0,class:"width-show"},R={key:1,class:"width-show"},I={class:"width-show"},L={class:"width-show"},T=r("span",{class:"width-showed"},"默认排序",-1),z=r("span",{class:"width-showed"},"固定",-1),A=r("span",{class:"width-word"},"自定义标题",-1),B=r("span",{class:"width-showed"},"列宽",-1),G=["onClick"],H={class:"width-show drag-icon-wrap"},J=r("span",{class:"iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",style:{color:"#000"}},null,-1),V=r("span",null,"拖拽调整顺序",-1),$=r("span",{style:{width:"14px","margin-right":"6px"}},null,-1),K={class:"width-show"},M={key:0,class:"width-show"},Q={key:1,class:"width-show"},X={class:"width-show"},Y={class:"width-show"},Z={class:"width-showed"},ee={class:"width-showed"},le={class:"width-word"},te={class:"width-showed"},ie={key:0,class:"check-options"},se={class:"btn-operate"};var de=O(e({__name:"FieldSet",props:{fields:{type:Array,default:function(){return[]}},footerFlag:{type:Boolean,default:!0},type:{type:String,default:"old"},isEdit:{type:Boolean,default:!1}},emits:["onSave","onClose","reset"],setup(e,{expose:O,emit:de}){const ae=e,oe={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},ne=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],ce=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}],he=l(null);function re(){const e=ae.fields?JSON.parse(JSON.stringify(ae.fields)):[];return Object.keys(oe).forEach((l=>{e.forEach((e=>{"old"==ae.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[oe[l]]=1==e[l]:e[oe[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}const ue=t({spinning:!1,isCustomSearch:!0,clickItem:{},fields:[],widthShow:"9%",widthLarge:"19%"}),pe=e=>ue.fields.some((l=>Object.prototype.hasOwnProperty.call(l,e))),fe=()=>{if("old"==ae.type){let e=[];return ue.fields.length>0&&ue.fields.forEach(((l,t)=>{e.push({id:l.id,field:l.name,visible:l.show,sequence:t,sortable:l.sort,title:l.alias,fixed:l.fixedWay,minWidth:l.columnWidth,bold:l.bold,sortDirection:l.sortDirection,...ae.isEdit?{required:l.required,editable:l.editable}:{}})})),e}return ue.fields},we=()=>{de("onSave",{tableFields:fe()})},ve=()=>{de("onClose")};function ke(){ue.fields=re(),de("reset")}const ye=e=>!!ue.fields.length&&ue.fields.every((l=>!(Object.prototype.hasOwnProperty.call(l,e)&&!ge(l,e))||l[e])),be=(e,l)=>{const t=e,i=ue.fields.map((e=>(Object.prototype.hasOwnProperty.call(e,l)&&!ge(e,l)&&(e[l]=t),e)));ue.fields=i};function ge(e,l){return["editable","required"].includes(l)&&e[`${l}Disable`]||["sort"].includes(l)&&1==e.notParticipatingSort}return i((()=>ae.fields),(e=>{(null==e?void 0:e.length)>0&&(ue.fields=re())}),{immediate:!0,deep:!0}),s((()=>{var e;null==(e=he.value)||e.style.setProperty("margin","auto"),ae.isEdit&&(ue.widthShow="8%",ue.widthLarge="13%")})),O({getTableFields:fe}),(l,t)=>(d(),a("div",{ref_key:"settingView",ref:he,class:"c-field-set",style:o({"--width-show":ue.widthShow,"--width-large":ue.widthLarge})},[n(c(g),{show:ue.spinning,tip:"...",style:{width:"100%",height:"100%"}},{default:h((()=>[r("div",F,[r("div",q,[r("div",{class:u(["setting-title",{"seting-title-api":!ue.isCustomSearch}])},[D,p(" 字段名称 "),N,p(" 显示 "),r("span",P,[pe("show")?(d(),f(c(m),{key:0,checked:ye("show"),"onUpdate:checked":t[0]||(t[0]=e=>be(e,"show"))},null,8,["checked"])):p("v-if",!0),w(" 显示 ")]),p(" 可编辑 "),e.isEdit?(d(),a("span",j,[pe("editable")?(d(),f(c(m),{key:0,checked:ye("editable"),"onUpdate:checked":t[1]||(t[1]=e=>be(e,"editable"))},null,8,["checked"])):p("v-if",!0),w(" 编辑 ")])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",R,[pe("required")?(d(),f(c(m),{key:0,checked:ye("required"),"onUpdate:checked":t[2]||(t[2]=e=>be(e,"required"))},null,8,["checked"])):p("v-if",!0),w(" 必填 ")])):p("v-if",!0),p(" 排序 "),r("span",I,[pe("sort")?(d(),f(c(m),{key:0,checked:ye("sort"),"onUpdate:checked":t[3]||(t[3]=e=>be(e,"sort"))},null,8,["checked"])):p("v-if",!0),w(" 排序 ")]),r("span",L,[n(c(m),{checked:ye("bold"),"onUpdate:checked":t[4]||(t[4]=e=>be(e,"bold"))},null,8,["checked"]),w(" 加粗 ")]),p(" 默认排序 "),T,p(" 固定 "),z,p(" 自定义标题 "),A,p(" 列宽 "),B],2),r("div",{ref:"setShow",class:u(["set-show",{"set-show-api":!ue.isCustomSearch}])},[n(c(C),{list:ue.fields,animation:"150","item-key":"id",tag:"ul"},{item:h((({element:l})=>{return[l.hide?p("v-if",!0):(d(),a("li",{key:0,class:"left-style",style:o((t=l,{background:ue.clickItem.id===t.id?"#f2f2f2":void 0})),onClick:e=>{return t=l,void(ue.clickItem=t);var t}},[r("span",H,[n(c(U),{trigger:"hover"},{trigger:h((()=>[J])),default:h((()=>[V])),_:1})]),p(" 字段名称 "),r("span",{class:u(["width-large title-item",{blue:l.extraField}])},[$,r("span",null,v(l.title),1)],2),p(" 显示 "),r("span",K,[k(n(c(m),{checked:l.show,"onUpdate:checked":e=>l.show=e},null,8,["checked","onUpdate:checked"]),[[y,"0001"!=l.id]])]),p(" 是否可编辑 "),e.isEdit?(d(),a("span",M,[k(n(c(m),{disabled:l.editableDisable,checked:l.editable,"onUpdate:checked":e=>l.editable=e},null,8,["disabled","checked","onUpdate:checked"]),[[y,"0001"!=l.id]])])):p("v-if",!0),p(" 是否必填 "),e.isEdit?(d(),a("span",Q,[k(n(c(m),{disabled:l.requiredDisable,checked:l.required,"onUpdate:checked":e=>l.required=e},null,8,["disabled","checked","onUpdate:checked"]),[[y,"0001"!=l.id]])])):p("v-if",!0),p(" 排序 "),r("span",X,[k(n(c(m),{checked:l.sort,"onUpdate:checked":e=>l.sort=e,disabled:1==l.notParticipatingSort},null,8,["checked","onUpdate:checked","disabled"]),[[y,"0001"!=l.id]])]),p(" 加粗 "),r("span",Y,[k(n(c(m),{checked:l.bold,"onUpdate:checked":e=>l.bold=e},null,8,["checked","onUpdate:checked"]),[[y,"0001"!=l.id]])]),p(" 默认排序 "),r("span",Z,[k(n(c(S),{value:l.sortDirection,"onUpdate:value":e=>l.sortDirection=e,options:ce,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"]),[[y,"0001"!=l.id]])]),p(" 固定 "),r("span",ee,[n(c(S),{value:l.fixedWay,"onUpdate:value":e=>l.fixedWay=e,options:ne,style:{width:"90%",display:"flex"}},null,8,["value","onUpdate:value"])]),p(" 自定义标题 "),r("span",le,[k(n(c(x),{value:l.alias,"onUpdate:value":e=>l.alias=e,style:{width:"90%"},clearable:""},null,8,["value","onUpdate:value"]),[[y,"0001"!=l.id]])]),p(" 列宽 "),r("span",te,[n(c(E),{value:l.columnWidth,"onUpdate:value":e=>l.columnWidth=e,clearable:""},null,8,["value","onUpdate:value"])])],12,G))];var t})),_:1},8,["list"])],2)]),ae.footerFlag?(d(),a("div",ie,[r("div",se,[p(" 底部按钮插槽 "),b(l.$slots,"footer",{},(()=>[n(c(_),{onPositiveClick:ke},{trigger:h((()=>[n(c(W),{style:{"margin-right":"8px"}},{default:h((()=>[w("恢复默认设置")])),_:1})])),default:h((()=>[w(" 确认要恢复系统默认设置吗？ ")])),_:1}),n(c(W),{style:{"margin-right":"8px"},onClick:ve},{default:h((()=>[w("取消")])),_:1}),n(c(W),{type:"primary",onClick:we},{default:h((()=>[w("保存")])),_:1})]))])])):p("v-if",!0)])])),_:3},8,["show"])],4))}}),[["__file","FieldSet.vue"]]);export{de as default};

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

@@ -0,0 +1,18 @@
+export declare type FieldSetItem = Partial<{
+    id: string;
+    name: string;
+    show: boolean;
+    sort: boolean;
+    sortDirection: 'NONE' | 'ASC' | 'DESC';
+    title: string;
+    alias: string;
+    fixedShow: boolean;
+    fixedWay: 'NONE' | 'LEFT' | 'RIGHT';
+    columnWidth: number | null;
+    editable: boolean;
+    editableDisable: boolean;
+    required: boolean;
+    requiredDisable: boolean;
+    hide: boolean;
+    [key: string]: any;
+}>;

package/es/components/field-set/src/types/index.js

@@ -0,0 +1 @@
+