cnhis-design-vue 3.1.45-beta.1 → 3.1.45-beta.10

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

@@ -34,16 +34,14 @@ 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<{
@@ -78,6 +76,12 @@ 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;
@@ -86,47 +90,24 @@ 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: 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;
+    handleCheck: ({ checked, column }: {
+        checked: boolean;
+        column: import("../../../es/shared/types").AnyObject;
+    }) => void;
     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;
@@ -200,7 +181,139 @@ declare const FieldSet: SFCWithInstall<import("vue").DefineComponent<{
         modelValue: unknown[];
         componentData: Record<string, any>;
     }>;
-    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<{}>>, {}>;
+    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;
 }, 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<{
@@ -235,6 +348,12 @@ 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,5 +1,6 @@
-import { PropType, CSSProperties } from 'vue';
-import { FieldSetItem } from '../../../../es/components/field-set/src/types';
+import { PropType } from 'vue';
+import { setStyle, isDisable } from './utils';
+import { FieldSetColumnName } from '../../../../es/components/field-set/src/types';
 import { AnyObject } from '../../../../es/shared/types';
 declare const _default: import("vue").DefineComponent<{
     fields: {
@@ -35,16 +36,14 @@ 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<{
@@ -79,6 +78,12 @@ 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;
@@ -87,30 +92,24 @@ 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: boolean, column: AnyObject) => void;
-    isDisable: (item: FieldSetItem, key: string) => any;
+    handleCheck: ({ checked, column }: {
+        checked: boolean;
+        column: AnyObject;
+    }) => void;
     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;
@@ -184,7 +183,139 @@ declare const _default: import("vue").DefineComponent<{
         modelValue: unknown[];
         componentData: Record<string, any>;
     }>;
-    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<{}>>, {}>;
+    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;
 }, 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<{
@@ -219,6 +350,12 @@ 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,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};
+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};

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

@@ -0,0 +1,132 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../../es/shared/types';
+import { setStyle, isDisable } from '../utils';
+declare const _default: 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;
+}>;
+export default _default;

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

@@ -0,0 +1 @@
+import e from"./Row.vue2.js";import r from"../../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","Row.vue"]]);export{o as default};

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

@@ -0,0 +1 @@
+import{defineComponent as e,openBlock as l,createElementBlock as t,Fragment as n,renderList as a,normalizeStyle as i,unref as d,createVNode as u,withCtx as o,createTextVNode as p,toDisplayString as m,createCommentVNode as c,withDirectives as f,createBlock as v,vShow as r,createElementVNode as s}from"vue";import{NTooltip as y,NIcon as k,NCheckbox as b,NSelect as h,NInput as x,NInputNumber as U}from"naive-ui";import{setStyle as g,isDisable as N}from"../utils/index.js";import{ReorderTwoOutline as C}from"@vicons/ionicons5";const E={class:"row"},w=["title"],O=s("span",null,"拖拽调整顺序",-1);var S=e({__name:"Row",props:{element:{type:Object,default:()=>({})},columns:{type:Array,default:()=>[]}},emits:["updateChecked"],setup(e,{emit:s}){const S=[{label:"不固定",value:"NONE"},{label:"左固定",value:"LEFT"},{label:"右固定",value:"RIGHT"}],_=[{label:"不排序",value:"NONE"},{label:"升序",value:"ASC"},{label:"降序",value:"DESC"}];function j(e){return"fixedWay"===e.field?S:_}return(S,_)=>(l(),t("div",E,[(l(!0),t(n,null,a(e.columns,((a,E)=>(l(),t(n,{key:E},[a.isShow?(l(),t("span",{key:0,class:"table-cell",title:e.element[a.field],style:i(d(g)(a))},["text"===a.type?(l(),t(n,{key:0},[u(d(y),{trigger:"hover"},{trigger:o((()=>[u(d(k),{style:{"margin-right":"5px",top:"2px"},component:d(C)},null,8,["component"])])),default:o((()=>[O])),_:1}),p(" "+m(e.element[a.field]),1)],64)):c("v-if",!0),"checkbox"===a.type?f((l(),v(d(b),{key:1,disabled:d(N)(e.element,a.field),checked:e.element[a.field],"onUpdate:checked":[l=>e.element[a.field]=l,e=>function(e,l){s("updateChecked",{checked:e,column:l})}(e,a)]},null,8,["disabled","checked","onUpdate:checked"])),[[r,"0001"!=e.element.id]]):c("v-if",!0),"select"===a.type?f((l(),v(d(h),{key:2,value:e.element[a.field],"onUpdate:value":l=>e.element[a.field]=l,options:j(a)},null,8,["value","onUpdate:value","options"])),[[r,"fixedWay"===a.field||"0001"!=e.element.id]]):c("v-if",!0),"input"===a.type?f((l(),v(d(x),{key:3,value:e.element[a.field],"onUpdate:value":l=>e.element[a.field]=l,clearable:""},null,8,["value","onUpdate:value"])),[[r,"0001"!=e.element.id]]):c("v-if",!0),"inputNumber"===a.type?(l(),v(d(U),{key:4,value:e.element[a.field],"onUpdate:value":l=>e.element[a.field]=l},null,8,["value","onUpdate:value"])):c("v-if",!0)],12,w)):c("v-if",!0)],64)))),128))]))}});export{S as default};