cnhis-design-vue 3.1.45-beta.9 → 3.1.45-release.1

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

@@ -34,14 +34,16 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    showColumnNames: {
-        type: import("vue").PropType<import("./src/types").FieldSetColumnName[]>;
-    };
-    groupSetting: {
-        type: import("vue").PropType<Partial<Record<"firstRowGroup" | "secondRowGroup" | "thirdRowGroup" | "fourthRowGroup" | "fifthRowGroup" | "sixthRowGroup" | "seventhRowGroup" | "eighthRowGroup" | "ninthRowGroup" | "tenthRowGroup", import("..").IhoTableRowGroupItem[]>> | undefined>;
-    };
 }, {
     fieldsMapping: Record<string, string>;
+    fixedWayOptions: {
+        label: string;
+        value: string;
+    }[];
+    sortOptions: {
+        label: string;
+        value: string;
+    }[];
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fields: {
             type: import("vue").PropType<Partial<{
@@ -76,12 +78,6 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-        showColumnNames: {
-            type: import("vue").PropType<import("./src/types").FieldSetColumnName[]>;
-        };
-        groupSetting: {
-            type: import("vue").PropType<Partial<Record<"firstRowGroup" | "secondRowGroup" | "thirdRowGroup" | "fourthRowGroup" | "fifthRowGroup" | "sixthRowGroup" | "seventhRowGroup" | "eighthRowGroup" | "ninthRowGroup" | "tenthRowGroup", import("..").IhoTableRowGroupItem[]>> | undefined>;
-        };
     }>> & {
         onReset?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
@@ -90,24 +86,47 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
     emit: (event: "close" | "save" | "reset", ...args: any[]) => void;
     newFields: import("vue").Ref<import("../../../es/shared/types").AnyObject[]>;
     columns: import("vue").Ref<import("../../../es/shared/types").AnyObject[]>;
-    fieldList: import("vue").ComputedRef<import("../../../es/shared/types").AnyObject[]>;
     handleFieldSave: () => void;
     onCancle: () => void;
     reset: () => void;
+    setOptions: (column: import("../../../es/shared/types").AnyObject) => {
+        label: string;
+        value: string;
+    }[];
+    setStyle: (column: import("../../../es/shared/types").AnyObject) => import("vue").CSSProperties;
     isShowColumn: (column: import("../../../es/shared/types").AnyObject) => boolean;
     initFields: () => import("../../../es/shared/types").AnyObject[];
-    handleGroup: (fields: import("../../../es/shared/types").AnyObject[]) => import("../../../es/shared/types").AnyObject[];
     getTableFields: () => import("../../../es/shared/types").AnyObject[];
     handleAllCheck: (checked: boolean, field: string) => void;
-    handleCheck: ({ checked, column }: {
-        checked: boolean;
-        column: import("../../../es/shared/types").AnyObject;
-    }) => void;
+    handleCheck: (checked: boolean, column: import("../../../es/shared/types").AnyObject) => void;
+    isDisable: (item: 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;
+    }>, key: string) => any;
     initColumns: () => void;
     isNoAllCheck: (field: string) => boolean;
     NButton: any;
     NCheckbox: any;
+    NSelect: any;
+    NInput: any;
+    NInputNumber: any;
+    NTooltip: any;
     NPopconfirm: any;
+    NIcon: any;
     Draggable: import("vue").DefineComponent<{
         list: {
             type: ArrayConstructor;
@@ -181,139 +200,7 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         modelValue: unknown[];
         componentData: Record<string, any>;
     }>;
-    Row: import("vue").DefineComponent<{
-        element: {
-            type: import("vue").PropType<import("../../../es/shared/types").AnyObject>;
-            default: () => {};
-        };
-        columns: {
-            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[];
-        };
-    }, {
-        fixedWayOptions: {
-            label: string;
-            value: string;
-        }[];
-        sortOptions: {
-            label: string;
-            value: string;
-        }[];
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            element: {
-                type: import("vue").PropType<import("../../../es/shared/types").AnyObject>;
-                default: () => {};
-            };
-            columns: {
-                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[];
-            };
-        }>> & {
-            onUpdateChecked?: ((...args: any[]) => any) | undefined;
-        }>>;
-        emit: (event: "updateChecked", ...args: any[]) => void;
-        setOptions: (column: import("../../../es/shared/types").AnyObject) => {
-            label: string;
-            value: string;
-        }[];
-        onUpdateChecked: (checked: boolean, column: import("../../../es/shared/types").AnyObject) => void;
-        NCheckbox: any;
-        NSelect: any;
-        NInput: any;
-        NInputNumber: any;
-        NTooltip: any;
-        NIcon: any;
-        setStyle: typeof import("./src/utils").setStyle;
-        isDisable: typeof import("./src/utils").isDisable;
-        ReorderTwoOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "updateChecked"[], "updateChecked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        element: {
-            type: import("vue").PropType<import("../../../es/shared/types").AnyObject>;
-            default: () => {};
-        };
-        columns: {
-            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[];
-        };
-    }>> & {
-        onUpdateChecked?: ((...args: any[]) => any) | undefined;
-    }, {
-        columns: 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;
-        }>[];
-        element: import("../../../es/shared/types").AnyObject;
-    }>;
-    isArray: {
-        (value?: any): value is any[];
-        <T>(value?: any): value is any[];
-    };
-    setStyle: typeof import("./src/utils").setStyle;
+    ReorderTwoOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "save" | "reset")[], "close" | "save" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fields: {
         type: import("vue").PropType<Partial<{
@@ -348,12 +235,6 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    showColumnNames: {
-        type: import("vue").PropType<import("./src/types").FieldSetColumnName[]>;
-    };
-    groupSetting: {
-        type: import("vue").PropType<Partial<Record<"firstRowGroup" | "secondRowGroup" | "thirdRowGroup" | "fourthRowGroup" | "fifthRowGroup" | "sixthRowGroup" | "seventhRowGroup" | "eighthRowGroup" | "ninthRowGroup" | "tenthRowGroup", import("..").IhoTableRowGroupItem[]>> | undefined>;
-    };
 }>> & {
     onReset?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;

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

@@ -1,6 +1,5 @@
-import { PropType } from 'vue';
-import { setStyle, isDisable } from './utils';
-import { FieldSetColumnName } from '../../../../es/components/field-set/src/types';
+import { PropType, CSSProperties } from 'vue';
+import { FieldSetItem } from '../../../../es/components/field-set/src/types';
 import { AnyObject } from '../../../../es/shared/types';
 declare const _default: import("vue").DefineComponent<{
     fields: {
@@ -36,14 +35,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    showColumnNames: {
-        type: PropType<FieldSetColumnName[]>;
-    };
-    groupSetting: {
-        type: PropType<Partial<Record<"firstRowGroup" | "secondRowGroup" | "thirdRowGroup" | "fourthRowGroup" | "fifthRowGroup" | "sixthRowGroup" | "seventhRowGroup" | "eighthRowGroup" | "ninthRowGroup" | "tenthRowGroup", import("../../../../es/components/iho-table").IhoTableRowGroupItem[]>> | undefined>;
-    };
 }, {
     fieldsMapping: Record<string, string>;
+    fixedWayOptions: {
+        label: string;
+        value: string;
+    }[];
+    sortOptions: {
+        label: string;
+        value: string;
+    }[];
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         fields: {
             type: PropType<Partial<{
@@ -78,12 +79,6 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-        showColumnNames: {
-            type: PropType<FieldSetColumnName[]>;
-        };
-        groupSetting: {
-            type: PropType<Partial<Record<"firstRowGroup" | "secondRowGroup" | "thirdRowGroup" | "fourthRowGroup" | "fifthRowGroup" | "sixthRowGroup" | "seventhRowGroup" | "eighthRowGroup" | "ninthRowGroup" | "tenthRowGroup", import("../../../../es/components/iho-table").IhoTableRowGroupItem[]>> | undefined>;
-        };
     }>> & {
         onReset?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
@@ -92,24 +87,30 @@ declare const _default: import("vue").DefineComponent<{
     emit: (event: "close" | "save" | "reset", ...args: any[]) => void;
     newFields: import("vue").Ref<AnyObject[]>;
     columns: import("vue").Ref<AnyObject[]>;
-    fieldList: import("vue").ComputedRef<AnyObject[]>;
     handleFieldSave: () => void;
     onCancle: () => void;
     reset: () => void;
+    setOptions: (column: AnyObject) => {
+        label: string;
+        value: string;
+    }[];
+    setStyle: (column: AnyObject) => CSSProperties;
     isShowColumn: (column: AnyObject) => boolean;
     initFields: () => AnyObject[];
-    handleGroup: (fields: AnyObject[]) => AnyObject[];
     getTableFields: () => AnyObject[];
     handleAllCheck: (checked: boolean, field: string) => void;
-    handleCheck: ({ checked, column }: {
-        checked: boolean;
-        column: AnyObject;
-    }) => void;
+    handleCheck: (checked: boolean, column: AnyObject) => void;
+    isDisable: (item: FieldSetItem, key: string) => any;
     initColumns: () => void;
     isNoAllCheck: (field: string) => boolean;
     NButton: any;
     NCheckbox: any;
+    NSelect: any;
+    NInput: any;
+    NInputNumber: any;
+    NTooltip: any;
     NPopconfirm: any;
+    NIcon: any;
     Draggable: import("vue").DefineComponent<{
         list: {
             type: ArrayConstructor;
@@ -183,139 +184,7 @@ declare const _default: import("vue").DefineComponent<{
         modelValue: unknown[];
         componentData: Record<string, any>;
     }>;
-    Row: import("vue").DefineComponent<{
-        element: {
-            type: PropType<AnyObject>;
-            default: () => {};
-        };
-        columns: {
-            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[];
-        };
-    }, {
-        fixedWayOptions: {
-            label: string;
-            value: string;
-        }[];
-        sortOptions: {
-            label: string;
-            value: string;
-        }[];
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            element: {
-                type: PropType<AnyObject>;
-                default: () => {};
-            };
-            columns: {
-                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[];
-            };
-        }>> & {
-            onUpdateChecked?: ((...args: any[]) => any) | undefined;
-        }>>;
-        emit: (event: "updateChecked", ...args: any[]) => void;
-        setOptions: (column: AnyObject) => {
-            label: string;
-            value: string;
-        }[];
-        onUpdateChecked: (checked: boolean, column: AnyObject) => void;
-        NCheckbox: any;
-        NSelect: any;
-        NInput: any;
-        NInputNumber: any;
-        NTooltip: any;
-        NIcon: any;
-        setStyle: typeof setStyle;
-        isDisable: typeof isDisable;
-        ReorderTwoOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "updateChecked"[], "updateChecked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        element: {
-            type: PropType<AnyObject>;
-            default: () => {};
-        };
-        columns: {
-            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[];
-        };
-    }>> & {
-        onUpdateChecked?: ((...args: any[]) => any) | undefined;
-    }, {
-        columns: 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;
-        }>[];
-        element: AnyObject;
-    }>;
-    isArray: {
-        (value?: any): value is any[];
-        <T>(value?: any): value is any[];
-    };
-    setStyle: typeof setStyle;
+    ReorderTwoOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "save" | "reset")[], "close" | "save" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fields: {
         type: PropType<Partial<{
@@ -350,12 +219,6 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    showColumnNames: {
-        type: PropType<FieldSetColumnName[]>;
-    };
-    groupSetting: {
-        type: PropType<Partial<Record<"firstRowGroup" | "secondRowGroup" | "thirdRowGroup" | "fourthRowGroup" | "fifthRowGroup" | "sixthRowGroup" | "seventhRowGroup" | "eighthRowGroup" | "ninthRowGroup" | "tenthRowGroup", import("../../../../es/components/iho-table").IhoTableRowGroupItem[]>> | undefined>;
-    };
 }>> & {
     onReset?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as l,computed as t,watch as i,openBlock as d,createElementBlock as o,createElementVNode as a,Fragment as s,renderList as c,normalizeStyle as n,unref as r,createBlock as u,withCtx as f,createTextVNode as h,toDisplayString as m,createCommentVNode as p,createVNode as y,renderSlot as v}from"vue";import{NCheckbox as b,NPopconfirm as k,NButton as x}from"naive-ui";import g from"../../../shared/components/VueDraggable/src/vuedraggable.js";import A from"./components/Row.vue.js";import{isArray as _,cloneDeep as w}from"lodash-es";import{setStyle as S,getGroupTree as W,isDisable as E}from"./utils/index.js";import{isString as C}from"xe-utils";const F={class:"c-field-set"},N={class:"c-field-set__table-header"},R={class:"c-field-set__table-body"},j=["tabindex"],q={key:0,class:"c-field-set__table-footer"};var U=e({__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}},emits:["save","close","reset"],setup(e,{expose:U,emit:D}){const V=e,O={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},T=l([]),B=l([{title:"所有字段",type:"text",field:"title"},{title:"显示",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"show"},{title:"编辑",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"editable"},{title:"必填",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"required"},{title:"排序",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"sort"},{title:"加粗",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"bold"},{title:"默认排序",type:"select",field:"sortDirection"},{title:"固定",type:"select",field:"fixedWay"},{title:"自定义标题",type:"input",field:"alias"},{title:"列宽",type:"inputNumber",field:"columnWidth"}]),P=t((()=>T.value.flat())),G=()=>{D("save",{tableFields:$()})},H=()=>{D("close")};function I(){T.value=L(),J(),D("reset")}function L(){const e=w(V.fields);return Object.keys(O).forEach((l=>{e.forEach((e=>{"old"==V.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[O[l]]=1==e[l]:e[O[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)}))})),function(e){if(V.groupSetting){return W(V.groupSetting,e).reduce(((t,i)=>{const d=C(i)?e.find((e=>e.name===i)):l(i.children);return d&&t.push(d),t}),[])}return e;function l(t){const i=[];return t.forEach((t=>{if(t.children)i.push(...l(t.children));else{const l=e.find((e=>e.name===t));l&&i.push(l)}})),i}}(e)}const $=()=>"old"==V.type?P.value.map(((e,l)=>({id:e.id,field:e.name,visible:e.show,sequence:l,sortable:e.sort,title:e.alias,fixed:e.fixedWay,minWidth:e.columnWidth,bold:e.bold,sortDirection:e.sortDirection,...V.isEdit?{required:e.required,editable:e.editable}:{}}))):P.value;function z({checked:e,column:l}){const t=!e||K(l.field);l.checkedAll=!t}function J(){var e;(null==(e=V.showColumnNames)?void 0:e.length)&&(B.value=B.value.filter((e=>{var l,t;return"title"===e.field||(null==(t=null==(l=V.showColumnNames)?void 0:l.includes)?void 0:t.call(l,e.field))}))),B.value.forEach((e=>{if(function(e){const l=["editable","required"].includes(e.field);return l&&V.isEdit||!l}(e)&&(e.isShow=!0),"checkbox"===e.type){const l=T.value.flat().every((l=>!Reflect.has(l,e.field)));e.checkedAll=!K(e.field)&&!l}}))}function K(e){return T.value.flat().some((l=>!E(l,e)&&!l[e]&&"0001"!=l.id))}return i([()=>V.fields,()=>{var e;return null==(e=V.showColumnNames)?void 0:e.length}],(([e,l])=>{e.length>0&&(T.value=L(),J())}),{immediate:!0,deep:!0}),U({getTableFields:$}),(l,t)=>(d(),o("div",F,[a("div",N,[(d(!0),o(s,null,c(B.value,((e,l)=>(d(),o(s,{key:l},[e.isShow?(d(),o("span",{key:0,class:"table-cell",style:n(r(S)(e))},["checkbox"===e.type?(d(),u(r(b),{key:0,checked:e.checkedAll,"onUpdate:checked":[l=>e.checkedAll=l,l=>{return t=l,i=e.field,void P.value.forEach((e=>{E(e,i)||(e[i]=t)}));var t,i}],disabled:e.disabledAll},{default:f((()=>[h(m(e.title),1)])),_:2},1032,["checked","onUpdate:checked","disabled"])):p("v-if",!0),h(" "+m("checkbox"!==e.type?e.title:""),1)],4)):p("v-if",!0)],64)))),128))]),a("div",R,[y(r(g),{modelValue:T.value,"onUpdate:modelValue":t[0]||(t[0]=e=>T.value=e),animation:"150","item-key":"id",tag:"ul"},{item:f((({element:e,index:l})=>[e.hide?p("v-if",!0):(d(),o("li",{key:0,tabindex:l},[r(_)(e)?(d(!0),o(s,{key:0},c(e,((e,l)=>(d(),u(A,{key:l,element:e,columns:B.value,onUpdateChecked:z},null,8,["element","columns"])))),128)):(d(),u(A,{key:1,element:e,columns:B.value,onUpdateChecked:z},null,8,["element","columns"]))],8,j))])),_:1},8,["modelValue"])]),e.footerFlag?(d(),o("div",q,[p(" 底部按钮插槽 "),v(l.$slots,"footer",{},(()=>[y(r(k),{onPositiveClick:I},{trigger:f((()=>[y(r(x),{style:{"margin-right":"8px"}},{default:f((()=>[h("恢复默认设置")])),_:1})])),default:f((()=>[h(" 确认要恢复系统默认设置吗？ ")])),_:1}),y(r(x),{style:{"margin-right":"8px"},onClick:H},{default:f((()=>[h("取消")])),_:1}),y(r(x),{type:"primary",onClick:G},{default:f((()=>[h("保存")])),_:1})]))])):p("v-if",!0)]))}});export{U as default};
+import{defineComponent as e,ref as l,watch as t,openBlock as i,createElementBlock as d,createElementVNode as a,Fragment as o,renderList as c,normalizeStyle as s,createBlock as n,unref as r,withCtx as f,createTextVNode as u,toDisplayString as p,createCommentVNode as h,createVNode as b,withDirectives as v,vShow as y,renderSlot as k}from"vue";import{NCheckbox as x,NTooltip as m,NIcon as g,NSelect as A,NInput as _,NInputNumber as E,NPopconfirm as S,NButton as w}from"naive-ui";import W from"../../../shared/components/VueDraggable/src/vuedraggable.js";import{ReorderTwoOutline as N}from"@vicons/ionicons5";const U={class:"c-field-set"},F={class:"c-field-set__table-header"},O={class:"c-field-set__table-body"},R=["tabindex"],q=["title"],D=a("span",null,"拖拽调整顺序",-1),C={key:0,class:"c-field-set__table-footer"};var T=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:["save","close","reset"],setup(e,{expose:T,emit:j}){const P=e,B={sid:"id",columnName:"name",isShow:"show",isSort:"sort",isFixed:"fixedWay",colWidth:"columnWidth"},G=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],H=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}],I=l([]),J=l([{title:"所有字段",type:"text",field:"title"},{title:"显示",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"show"},{title:"编辑",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"editable"},{title:"必填",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"required"},{title:"排序",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"sort"},{title:"加粗",type:"checkbox",checkedAll:!1,disabledAll:!1,field:"bold"},{title:"默认排序",type:"select",field:"sortDirection"},{title:"固定",type:"select",field:"fixedWay"},{title:"自定义标题",type:"input",field:"alias"},{title:"列宽",type:"inputNumber",field:"columnWidth"}]),L=()=>{j("save",{tableFields:Q()})},$=()=>{j("close")};function V(){I.value=M(),Y(),j("reset")}function z(e){return"fixedWay"===e.field?G:H}function K(e){const l={flex:"1 1 90px"};switch(e.type){case"text":Object.assign(l,{flex:"0 0 120px",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"});break;case"checkbox":l.flex="1 1 60px";break;case"select":l.flex="1 1 80px";break;case"input":l.flex="1 1 100px"}return l}function M(){const e=JSON.parse(JSON.stringify(P.fields||[]));return Object.keys(B).forEach((l=>{e.forEach((e=>{"old"==P.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[B[l]]=1==e[l]:e[B[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 Q=()=>{if("old"==P.type){const e=[];return I.value.length>0&&I.value.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,...P.isEdit?{required:l.required,editable:l.editable}:{}})})),e}return I.value};function X(e,l){return["editable","required"].includes(l)&&e[`${l}Disable`]||["sort"].includes(l)&&1==e.notParticipatingSort}function Y(){J.value.forEach((e=>{if(function(e){const l=["editable","required"].includes(e.field);return l&&P.isEdit||!l}(e)&&(e.isShow=!0),"checkbox"===e.type){const l=I.value.every((l=>!Reflect.has(l,e.field)));e.checkedAll=!Z(e.field)&&!l}}))}function Z(e){return I.value.some((l=>!X(l,e)&&!l[e]&&"0001"!=l.id))}return t((()=>P.fields),(e=>{(null==e?void 0:e.length)>0&&(I.value=M(),Y())}),{immediate:!0,deep:!0}),T({getTableFields:Q}),(l,t)=>(i(),d("div",U,[a("div",F,[(i(!0),d(o,null,c(J.value,((e,l)=>(i(),d(o,{key:l},[e.isShow?(i(),d("span",{key:0,class:"table-cell",style:s(K(e))},["checkbox"===e.type?(i(),n(r(x),{key:0,checked:e.checkedAll,"onUpdate:checked":[l=>e.checkedAll=l,l=>{return t=l,i=e.field,void I.value.forEach((e=>{X(e,i)||(e[i]=t)}));var t,i}],disabled:e.disabledAll},{default:f((()=>[u(p(e.title),1)])),_:2},1032,["checked","onUpdate:checked","disabled"])):h("v-if",!0),u(" "+p("checkbox"!==e.type?e.title:""),1)],4)):h("v-if",!0)],64)))),128))]),a("div",O,[b(r(W),{list:I.value,animation:"150","item-key":"id",tag:"ul"},{item:f((({element:e,index:l})=>[e.hide?h("v-if",!0):(i(),d("li",{key:0,tabindex:l},[(i(!0),d(o,null,c(J.value,((l,t)=>(i(),d(o,{key:t},[l.isShow?(i(),d("span",{key:0,class:"table-cell",title:e[l.field],style:s(K(l))},["text"===l.type?(i(),d(o,{key:0},[b(r(m),{trigger:"hover"},{trigger:f((()=>[b(r(g),{style:{"margin-right":"5px",top:"2px"},component:r(N)},null,8,["component"])])),default:f((()=>[D])),_:1}),u(" "+p(e[l.field]),1)],64)):h("v-if",!0),"checkbox"===l.type?v((i(),n(r(x),{key:1,disabled:X(e,l.field),checked:e[l.field],"onUpdate:checked":[t=>e[l.field]=t,e=>function(e,l){const t=!e||Z(l.field);l.checkedAll=!t}(e,l)]},null,8,["disabled","checked","onUpdate:checked"])),[[y,"0001"!=e.id]]):h("v-if",!0),"select"===l.type?v((i(),n(r(A),{key:2,value:e[l.field],"onUpdate:value":t=>e[l.field]=t,options:z(l)},null,8,["value","onUpdate:value","options"])),[[y,"fixedWay"===l.field||"0001"!=e.id]]):h("v-if",!0),"input"===l.type?v((i(),n(r(_),{key:3,value:e[l.field],"onUpdate:value":t=>e[l.field]=t,clearable:""},null,8,["value","onUpdate:value"])),[[y,"0001"!=e.id]]):h("v-if",!0),"inputNumber"===l.type?(i(),n(r(E),{key:4,value:e[l.field],"onUpdate:value":t=>e[l.field]=t},null,8,["value","onUpdate:value"])):h("v-if",!0)],12,q)):h("v-if",!0)],64)))),128))],8,R))])),_:1},8,["list"])]),e.footerFlag?(i(),d("div",C,[h(" 底部按钮插槽 "),k(l.$slots,"footer",{},(()=>[b(r(S),{onPositiveClick:V},{trigger:f((()=>[b(r(w),{style:{"margin-right":"8px"}},{default:f((()=>[u("恢复默认设置")])),_:1})])),default:f((()=>[u(" 确认要恢复系统默认设置吗？ ")])),_:1}),b(r(w),{style:{"margin-right":"8px"},onClick:$},{default:f((()=>[u("取消")])),_:1}),b(r(w),{type:"primary",onClick:L},{default:f((()=>[u("保存")])),_:1})]))])):h("v-if",!0)]))}});export{T as default};

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

@@ -16,4 +16,3 @@ export declare type FieldSetItem = Partial<{
     hide: boolean;
     [key: string]: any;
 }>;
-export declare type FieldSetColumnName = 'show' | 'editable' | 'required' | 'sort' | 'bold' | 'sortDirection' | 'fixedWay' | 'alias' | 'columnWidth';

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

@@ -1 +1 @@
-.c-field-set{display:flex;flex-flow:column nowrap;height:100%;width:100%}.c-field-set ul{margin:0;padding:0}.c-field-set ul li{background:#fff}.c-field-set ul li:active{background:#f2f2f2;box-shadow:0 0 10px 0 #d5d5d5}.c-field-set ul li:focus{background-color:#f2f2f2}.c-field-set ul li .row{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;height:52px;padding:5px 0}.c-field-set .table-cell{box-sizing:border-box;display:inline-block;padding:0 5px}.c-field-set__table-header{align-items:center;background:#f2f2f4;border:1px solid #f2f2f2;display:flex;height:52px}.c-field-set__table-body{flex:1;overflow-y:scroll}.c-field-set__table-footer{border-top:1px solid #d5d5d5;padding:12px 0}
+.c-field-set{display:flex;flex-flow:column nowrap;height:100%;width:100%}.c-field-set ul{margin:0;padding:0}.c-field-set ul li{align-items:center;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;height:52px;padding:5px 0}.c-field-set ul li:active{background:#f2f2f2;box-shadow:0 0 10px 0 #d5d5d5}.c-field-set ul li:focus{background-color:#f2f2f2}.c-field-set .table-cell{box-sizing:border-box;display:inline-block;padding:0 5px}.c-field-set__table-header{align-items:center;background:#f2f2f4;border:1px solid #f2f2f2;display:flex;height:52px}.c-field-set__table-body{flex:1;overflow-y:scroll}.c-field-set__table-footer{border-top:1px solid #d5d5d5;padding:12px 0}