cnhis-design-vue 3.1.43-release.2 → 3.1.43

package/es/components/iho-select-label/src/LabelFormContent.vue.d.ts

@@ -0,0 +1,141 @@
+import { PropType } from 'vue';
+import { ICategoryLabelItemType, ISelectLabelItemType } from '../../../../es/components/iho-select-label/src/types';
+declare const _default: import("vue").DefineComponent<{
+    selectedList: {
+        type: PropType<ISelectLabelItemType[]>;
+        default: () => never[];
+    };
+    categoryList: {
+        type: PropType<ICategoryLabelItemType[]>;
+        default: () => never[];
+    };
+    isChangeWindow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    explicit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        selectedList: {
+            type: PropType<ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        categoryList: {
+            type: PropType<ICategoryLabelItemType[]>;
+            default: () => never[];
+        };
+        isChangeWindow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        explicit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onExplicitOnChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "explicitOnChange", ...args: any[]) => void;
+    curSelectedList: import("vue").Ref<ISelectLabelItemType[] | undefined>;
+    labelFormContent: any;
+    anchorGetContainer: () => any;
+    handleAnchorClick: (e: Event) => void;
+    handleLabelForm: (cb: Function) => void;
+    handleLabelChange: (isSelect: boolean, labelItem: any, categoryItem?: any) => void;
+    NAnchor: any;
+    NAnchorLink: import("vue").DefineComponent<{
+        readonly title: StringConstructor;
+        readonly href: StringConstructor;
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly title: StringConstructor;
+        readonly href: StringConstructor;
+    }>>, {}>;
+    labelClassify: import("vue").DefineComponent<{
+        categoryItem: {
+            type: PropType<ICategoryLabelItemType>;
+            default: () => {};
+        };
+        selectedList: {
+            type: PropType<ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        handleLabelChange: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            categoryItem: {
+                type: PropType<ICategoryLabelItemType>;
+                default: () => {};
+            };
+            selectedList: {
+                type: PropType<ISelectLabelItemType[]>;
+                default: () => never[];
+            };
+            handleLabelChange: {
+                type: FunctionConstructor;
+                default: () => {};
+            };
+        }>> & {}>>;
+        labelList: import("vue").Ref<{
+            labelCode: string;
+            labelShowText: string;
+            backgroundColor: string;
+        }[]>;
+        showCheck: (label: import("../../../../es/components/iho-select-label/src/types").IhoTabLabelItemType) => boolean;
+        onHandleLabelChange: (isSelect?: boolean | undefined, item?: import("../../../../es/components/iho-select-label/src/types").IhoTabLabelItemType | undefined, categoryItem?: ICategoryLabelItemType | undefined) => void;
+        formatStyle: (item: any) => {
+            background?: undefined;
+        } | {
+            background: any;
+        };
+        NTag: any;
+        NTooltip: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        categoryItem: {
+            type: PropType<ICategoryLabelItemType>;
+            default: () => {};
+        };
+        selectedList: {
+            type: PropType<ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        handleLabelChange: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+    }>>, {
+        selectedList: ISelectLabelItemType[];
+        handleLabelChange: Function;
+        categoryItem: ICategoryLabelItemType;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "explicitOnChange"[], "explicitOnChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    selectedList: {
+        type: PropType<ISelectLabelItemType[]>;
+        default: () => never[];
+    };
+    categoryList: {
+        type: PropType<ICategoryLabelItemType[]>;
+        default: () => never[];
+    };
+    isChangeWindow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    explicit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onExplicitOnChange?: ((...args: any[]) => any) | undefined;
+}, {
+    selectedList: ISelectLabelItemType[];
+    explicit: boolean;
+    isChangeWindow: boolean;
+    categoryList: ICategoryLabelItemType[];
+}>;
+export default _default;

package/es/components/iho-select-label/src/LabelFormContent.vue.js

@@ -0,0 +1 @@
+import{defineComponent as e,ref as l,watch as a,openBlock as t,createElementBlock as s,createCommentVNode as i,withDirectives as r,createElementVNode as o,normalizeClass as c,createVNode as n,unref as d,withCtx as f,Fragment as p,renderList as y,createBlock as u,createTextVNode as b,toDisplayString as m,vShow as v}from"vue";import{NAnchor as g,NAnchorLink as h}from"naive-ui";import C from"./components/label-classify.vue.js";import L from"../../../_virtual/plugin-vue_export-helper.js";const w={key:0,class:"label-disable-wrap"},x=[o("p",{class:"label-disable-title"},"无可选标签",-1),o("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],I={style:{height:"100%"}},k={class:"label-wrap"},N=["id"];var _=L(e({__name:"LabelFormContent",props:{selectedList:{type:Array,default:()=>[]},categoryList:{type:Array,default:()=>[]},isChangeWindow:{type:Boolean,default:!1},explicit:{type:Boolean,default:!1}},emits:["explicitOnChange"],setup(e,{expose:L,emit:_}){const S=e,A=l(),F=l(null),O=()=>{var e;return null==(e=F.value)?void 0:e.querySelector(".right-label-wrap")},$=e=>{e.preventDefault()},W=(e,l,a)=>{let t=A.value||[];if(e)t.push({classifyId:a.classifyId,classifyName:a.classifyName,labelCode:l.labelCode,labelShowText:l.labelShowText,backgroundColor:l.backgroundColor});else{const e=t.findIndex((e=>e.classifyId===a.classifyId&&e.labelCode===l.labelCode));e>-1&&t.splice(e,1)}A.value=t,S.explicit&&_("explicitOnChange",t)};return a((()=>S.selectedList),(e=>{if(e){let l=Array.isArray(e)?e:[];A.value=JSON.parse(JSON.stringify(l))}}),{immediate:!0,deep:!0}),L({handleLabelForm:e=>{e([...A.value||[]])}}),(l,a)=>(t(),s("div",{class:"c-iho-label-form-content",ref_key:"labelFormContent",ref:F},[e.categoryList.length?i("v-if",!0):(t(),s("div",w,x)),r(o("div",I,[o("div",k,[o("div",{class:c(["left-label-wrap",{"total-left-label-wrap":e.isChangeWindow}])},[n(d(g),{"offset-target":O,type:"block",onClick:$},{default:f((()=>[(t(!0),s(p,null,y(e.categoryList,(e=>(t(),u(d(h),{key:e.classifyId,href:`#${e.classifyId}-${e.classifyName}`,title:e.classifyName},null,8,["href","title"])))),128))])),_:1})],2),o("div",{class:c(["right-label-wrap",{"total-right-label-wrap":e.isChangeWindow}])},[(t(!0),s(p,null,y(e.categoryList,((e,l)=>(t(),s("div",{key:l,class:"edit-label-content"},[o("div",{class:"edit-label",id:`${e.classifyId}-${e.classifyName}`},[b(m(e.classifyName),1),i(" <span class=\"edit-label-type\">({{ v.multipleChoice == 2 ? '单' : '多' }}选)</span> ")],8,N),n(C,{categoryItem:e,selectedList:A.value,handleLabelChange:W},null,8,["categoryItem","selectedList"])])))),128))],2)])],512),[[v,e.categoryList.length>0]])],512))}}),[["__file","LabelFormContent.vue"]]);export{_ as default};

package/es/components/iho-select-label/src/SelectLabel.vue.d.ts

@@ -0,0 +1,213 @@
+import { PropType } from 'vue';
+import { ICategoryLabelItemType, ISelectLabelItemType } from '../../../../es/components/iho-select-label/src/types';
+declare const _default: import("vue").DefineComponent<{
+    selectedList: {
+        type: PropType<ISelectLabelItemType[]>;
+        default: () => never[];
+    };
+    categoryList: {
+        type: PropType<ICategoryLabelItemType[]>;
+        default: () => never[];
+    };
+    explicit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        selectedList: {
+            type: PropType<ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        categoryList: {
+            type: PropType<ICategoryLabelItemType[]>;
+            default: () => never[];
+        };
+        explicit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onOnChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "onChange", ...args: any[]) => void;
+    labelFormContentRef: any;
+    outSelectedList: import("vue").Ref<ISelectLabelItemType[] | undefined>;
+    state: {
+        labelVisible: boolean;
+        isChangeWindow: boolean;
+        modalWidth: string;
+        modalHeight: string;
+        maxHeight: string;
+    };
+    closeTag: (selectItem: ISelectLabelItemType) => void;
+    handleEditLabel: () => void;
+    handleLabelCancel: () => void;
+    changeModalWindow: () => void;
+    handleSaveLabel: () => void;
+    explicitOnChange: () => void;
+    NTag: any;
+    NIcon: any;
+    NModal: any;
+    NSpace: any;
+    NTooltip: any;
+    AddCircleOutline: 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<{}>>, {}>;
+    labelFormContent: import("vue").DefineComponent<{
+        selectedList: {
+            type: PropType<ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        categoryList: {
+            type: PropType<ICategoryLabelItemType[]>;
+            default: () => never[];
+        };
+        isChangeWindow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        explicit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            selectedList: {
+                type: PropType<ISelectLabelItemType[]>;
+                default: () => never[];
+            };
+            categoryList: {
+                type: PropType<ICategoryLabelItemType[]>;
+                default: () => never[];
+            };
+            isChangeWindow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            explicit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onExplicitOnChange?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "explicitOnChange", ...args: any[]) => void;
+        curSelectedList: import("vue").Ref<ISelectLabelItemType[] | undefined>;
+        labelFormContent: any;
+        anchorGetContainer: () => any;
+        handleAnchorClick: (e: Event) => void;
+        handleLabelForm: (cb: Function) => void;
+        handleLabelChange: (isSelect: boolean, labelItem: any, categoryItem?: any) => void;
+        NAnchor: any;
+        NAnchorLink: import("vue").DefineComponent<{
+            readonly title: StringConstructor;
+            readonly href: StringConstructor;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly title: StringConstructor;
+            readonly href: StringConstructor;
+        }>>, {}>;
+        labelClassify: import("vue").DefineComponent<{
+            categoryItem: {
+                type: PropType<ICategoryLabelItemType>;
+                default: () => {};
+            };
+            selectedList: {
+                type: PropType<ISelectLabelItemType[]>;
+                default: () => never[];
+            };
+            handleLabelChange: {
+                type: FunctionConstructor;
+                default: () => {};
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                categoryItem: {
+                    type: PropType<ICategoryLabelItemType>;
+                    default: () => {};
+                };
+                selectedList: {
+                    type: PropType<ISelectLabelItemType[]>;
+                    default: () => never[];
+                };
+                handleLabelChange: {
+                    type: FunctionConstructor;
+                    default: () => {};
+                };
+            }>> & {}>>;
+            labelList: import("vue").Ref<{
+                labelCode: string;
+                labelShowText: string;
+                backgroundColor: string;
+            }[]>;
+            showCheck: (label: import("../../../../es/components/iho-select-label/src/types").IhoTabLabelItemType) => boolean;
+            onHandleLabelChange: (isSelect?: boolean | undefined, item?: import("../../../../es/components/iho-select-label/src/types").IhoTabLabelItemType | undefined, categoryItem?: ICategoryLabelItemType | undefined) => void;
+            formatStyle: (item: any) => {
+                background?: undefined;
+            } | {
+                background: any;
+            };
+            NTag: any;
+            NTooltip: any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            categoryItem: {
+                type: PropType<ICategoryLabelItemType>;
+                default: () => {};
+            };
+            selectedList: {
+                type: PropType<ISelectLabelItemType[]>;
+                default: () => never[];
+            };
+            handleLabelChange: {
+                type: FunctionConstructor;
+                default: () => {};
+            };
+        }>>, {
+            selectedList: ISelectLabelItemType[];
+            handleLabelChange: Function;
+            categoryItem: ICategoryLabelItemType;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "explicitOnChange"[], "explicitOnChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        selectedList: {
+            type: PropType<ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        categoryList: {
+            type: PropType<ICategoryLabelItemType[]>;
+            default: () => never[];
+        };
+        isChangeWindow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        explicit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onExplicitOnChange?: ((...args: any[]) => any) | undefined;
+    }, {
+        selectedList: ISelectLabelItemType[];
+        explicit: boolean;
+        isChangeWindow: boolean;
+        categoryList: ICategoryLabelItemType[];
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onChange"[], "onChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    selectedList: {
+        type: PropType<ISelectLabelItemType[]>;
+        default: () => never[];
+    };
+    categoryList: {
+        type: PropType<ICategoryLabelItemType[]>;
+        default: () => never[];
+    };
+    explicit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onOnChange?: ((...args: any[]) => any) | undefined;
+}, {
+    selectedList: ISelectLabelItemType[];
+    explicit: boolean;
+    categoryList: ICategoryLabelItemType[];
+}>;
+export default _default;

package/es/components/iho-select-label/src/SelectLabel.vue.js

@@ -0,0 +1 @@
+import{defineComponent as e,ref as l,reactive as i,watch as a,openBlock as t,createElementBlock as o,Fragment as n,createElementVNode as s,createBlock as d,unref as c,withCtx as r,renderList as p,createVNode as h,toDisplayString as m,createTextVNode as g,createCommentVNode as u,normalizeClass as x,normalizeStyle as b}from"vue";import{NSpace as f,NTag as C,NTooltip as y,NIcon as v,NModal as w}from"naive-ui";import{AddCircleOutline as L}from"@vicons/ionicons5";import W from"./LabelFormContent.vue.js";import _ from"../../../_virtual/plugin-vue_export-helper.js";const k={class:"c-iho-select-label"},H={key:1,class:"outexplicit"},z=s("span",null,"选择标签",-1),S={class:"svg-wrap"};var V=_(e({__name:"SelectLabel",props:{selectedList:{type:Array,default:()=>[]},categoryList:{type:Array,default:()=>[]},explicit:{type:Boolean,default:!1}},emits:["onChange"],setup(e,{emit:_}){const V=e,A=l(null),F=l(),I=i({labelVisible:!1,isChangeWindow:!1,modalWidth:"763px",modalHeight:"404px",maxHeight:"404px"}),O=()=>{V.explicit||(I.labelVisible=!0)},N=()=>{V.explicit||(I.modalWidth="763px",I.modalHeight="404px",I.maxHeight="404px",I.isChangeWindow=!1,I.labelVisible=!1)},j=()=>{I.isChangeWindow=!I.isChangeWindow;let e=document.body.clientHeight;I.modalWidth="763px"===I.modalWidth?"100%":"763px",I.modalHeight="404px"===I.modalHeight?e-110+"px":"404px",I.maxHeight="auto"===I.modalHeight?"404px":"none"},E=()=>{var e;null==(e=A.value)||e.handleLabelForm((e=>{_("onChange",[...e]),F.value=e,N()}))},J=()=>{E()};return a((()=>V.selectedList),(e=>{if(e){let l=Array.isArray(e)?e:[];F.value=JSON.parse(JSON.stringify(l))}}),{immediate:!0,deep:!0}),(l,i)=>(t(),o(n,null,[s("div",k,[e.explicit?u("v-if",!0):(t(),d(c(f),{key:0,align:"center"},{default:r((()=>[(t(!0),o(n,null,p(F.value,(e=>(t(),d(c(C),{bordered:!1,key:`${e.classifyId}-${e.labelCode}`,class:"select-label-active",size:"small",closable:"",onClose:l=>(e=>{const l=F.value||[],i=l.findIndex((l=>l.classifyId==e.classifyId&&l.labelCode==e.labelCode));i>-1&&l.splice(i,1),F.value=l,_("onChange",[...l])})(e)},{default:r((()=>[h(c(y),{placement:"top-start"},{trigger:r((()=>[s("span",null,m(e.labelShowText),1)])),default:r((()=>[s("span",null,m(e.labelShowText),1)])),_:2},1024)])),_:2},1032,["onClose"])))),128)),e.explicit?u("v-if",!0):(t(),o("span",{key:0,class:"form-add-icon form-add-icon-label",onClick:O},[h(c(v),{class:"add-icon",component:c(L)},null,8,["component"]),g(" 新增 ")]))])),_:1})),e.explicit?(t(),o("div",H,[h(W,{ref_key:"labelFormContentRef",ref:A,categoryList:e.categoryList,selectedList:e.selectedList,isChangeWindow:I.isChangeWindow,explicit:e.explicit,onExplicitOnChange:J},null,8,["categoryList","selectedList","isChangeWindow","explicit"])])):u("v-if",!0)]),u(" 弹窗 "),h(c(w),{preset:"dialog",class:x(["label-form-modal-wrap modal-wrap standard-modal standard-modal-white",{"modal-screen":I.isChangeWindow}]),show:I.labelVisible,"onUpdate:show":i[0]||(i[0]=e=>I.labelVisible=e),onPositiveClick:E,onNegativeClick:N,onClose:N,"mask-closable":!1,"close-on-esc":!1,"show-icon":!1,"negative-text":"取消","positive-text":"确定",style:b({width:I.modalWidth})},{header:r((()=>[z,s("div",S,[s("i",{onClick:j,class:x(["iconfont-select-label",I.isChangeWindow?"icon-iho-select-label-menzhenyishengzhanxitongtubiaozuixiaohua2":"icon-iho-select-label-menzhenyishengzhanxitongtubiaozuidahua"])},null,2)])])),default:r((()=>[h(W,{ref_key:"labelFormContentRef",ref:A,categoryList:e.categoryList,selectedList:F.value,isChangeWindow:I.isChangeWindow,explicit:e.explicit,onExplicitOnChange:J},null,8,["categoryList","selectedList","isChangeWindow","explicit"])])),_:1},8,["show","class","style"])],64))}}),[["__file","SelectLabel.vue"]]);export{V as default};

package/es/components/iho-select-label/src/components/label-classify.vue.d.ts

@@ -0,0 +1,63 @@
+import { PropType } from 'vue';
+import { ICategoryLabelItemType, ISelectLabelItemType, IhoTabLabelItemType } from '../../../../../es/components/iho-select-label/src/types';
+declare const _default: import("vue").DefineComponent<{
+    categoryItem: {
+        type: PropType<ICategoryLabelItemType>;
+        default: () => {};
+    };
+    selectedList: {
+        type: PropType<ISelectLabelItemType[]>;
+        default: () => never[];
+    };
+    handleLabelChange: {
+        type: FunctionConstructor;
+        default: () => {};
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        categoryItem: {
+            type: PropType<ICategoryLabelItemType>;
+            default: () => {};
+        };
+        selectedList: {
+            type: PropType<ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        handleLabelChange: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+    }>> & {}>>;
+    labelList: import("vue").Ref<{
+        labelCode: string;
+        labelShowText: string;
+        backgroundColor: string;
+    }[]>;
+    showCheck: (label: IhoTabLabelItemType) => boolean;
+    onHandleLabelChange: (isSelect?: boolean, item?: IhoTabLabelItemType, categoryItem?: ICategoryLabelItemType) => void;
+    formatStyle: (item: any) => {
+        background?: undefined;
+    } | {
+        background: any;
+    };
+    NTag: any;
+    NTooltip: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    categoryItem: {
+        type: PropType<ICategoryLabelItemType>;
+        default: () => {};
+    };
+    selectedList: {
+        type: PropType<ISelectLabelItemType[]>;
+        default: () => never[];
+    };
+    handleLabelChange: {
+        type: FunctionConstructor;
+        default: () => {};
+    };
+}>>, {
+    selectedList: ISelectLabelItemType[];
+    handleLabelChange: Function;
+    categoryItem: ICategoryLabelItemType;
+}>;
+export default _default;

package/es/components/iho-select-label/src/components/label-classify.vue.js

@@ -0,0 +1 @@
+import{defineComponent as e,ref as l,openBlock as a,createElementBlock as t,unref as s,Fragment as c,renderList as d,createBlock as n,normalizeStyle as o,withCtx as r,createVNode as i,createElementVNode as u,toDisplayString as p}from"vue";import{NTag as b,NTooltip as y}from"naive-ui";import f from"../../../../_virtual/plugin-vue_export-helper.js";const h={class:"edit-content"},g={key:0,class:"label-disable-wrap"},m=[u("p",{class:"label-disable-title"},"无可选标签",-1),u("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],v={key:1,class:"label-content"};var k=f(e({__name:"label-classify",props:{categoryItem:{type:Object,default:()=>({})},selectedList:{type:Array,default:()=>[]},handleLabelChange:{type:Function,default:()=>({})}},setup(e){var f;const k=e;let _=l((null==(f=k.categoryItem)?void 0:f.labelList)||[]);const I=e=>k.selectedList.findIndex((l=>l.classifyId===k.categoryItem.classifyId&&l.labelCode===e.labelCode))>-1;function C(e){return I(e)?{}:{background:e.backgroundColor}}return(l,f)=>(a(),t("div",h,[s(_)&&0!==s(_).length?(a(),t("div",v,[(a(!0),t(c,null,d(s(_),(l=>(a(),n(s(b),{checkable:"",checked:I(l),"onUpdate:checked":a=>((e,l,a)=>{k.handleLabelChange(e,l,a)})(a,l,e.categoryItem),key:l.labelCode,style:o(C(l))},{default:r((()=>[i(s(y),{placement:"top-start"},{trigger:r((()=>[u("span",null,p(l.labelShowText),1)])),default:r((()=>[u("span",null,p(l.labelShowText),1)])),_:2},1024)])),_:2},1032,["checked","onUpdate:checked","style"])))),128))])):(a(),t("div",g,m))]))}}),[["__file","label-classify.vue"]]);export{k as default};

package/es/components/iho-select-label/src/types/index.d.ts

@@ -0,0 +1,11 @@
+export declare type ICategoryLabelItemType = {
+    classifyId: string;
+    classifyName: string;
+    labelList: IhoTabLabelItemType[];
+};
+export declare type IhoTabLabelItemType = {
+    labelCode: string;
+    labelShowText: string;
+    backgroundColor: string;
+};
+export declare type ISelectLabelItemType = Pick<ICategoryLabelItemType, 'classifyId' | 'classifyName'> & Pick<IhoTabLabelItemType, 'labelCode' | 'labelShowText' | 'backgroundColor'>;

package/es/components/iho-select-label/src/types/index.js

@@ -0,0 +1 @@
+

package/es/components/iho-select-label/style/index.css

@@ -0,0 +1 @@
+@font-face{font-family:iho-select-label-iconfont;src:url(iho-select-label-iconfont.ttf) format("truetype")}.iconfont-select-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iho-select-label-iconfont!important;font-size:14px;font-style:normal}.icon-iho-select-label-menzhenyishengzhanxitongtubiaozuixiaohua2:before{content:"\e778"}.icon-iho-select-label-menzhenyishengzhanxitongtubiaozuidahua:before{content:"\e779"}.c-iho-select-label .form-add-icon-label{align-items:center;color:#2d7aff;cursor:pointer;display:inline-flex;vertical-align:middle}.c-iho-select-label .n-tag{border:1px solid #e0e0e6;margin:0 8px 0 0;max-width:108px}.c-iho-select-label .n-tag .n-base-icon{color:#fff}.c-iho-select-label .n-tag .n-tag__content{align-items:center;display:inline-block;line-height:20px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-iho-select-label .n-tag.select-label-active{background:var(--n-color-checked);border-color:var(--n-color-checked);color:var(--n-text-color-checked)}.c-iho-label-form-content{border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;height:100%;width:100%}.c-iho-label-form-content .label-wrap{display:flex;height:100%;width:100%}.c-iho-label-form-content .label-wrap .left-label-wrap{border-right:1px solid #e8e8e8;max-height:404px;width:140px}.c-iho-label-form-content .label-wrap .left-label-wrap.total-left-label-wrap{height:calc(100vh - 109px);max-height:calc(100vh - 109px)}.c-iho-label-form-content .label-wrap .left-label-wrap.explicit-label-wrap{height:auto;overflow:hidden;overflow-y:auto;width:100%}.c-iho-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link{font-size:14px;padding:10px 8px}.c-iho-label-form-content .label-wrap .left-label-wrap .n-anchor.n-anchor--block .n-anchor-link.n-anchor-link--active{background-color:#f2f2f2}.c-iho-label-form-content .label-wrap .right-label-wrap{flex:1;max-height:404px;overflow-y:auto}.c-iho-label-form-content .label-wrap .right-label-wrap.total-right-label-wrap{max-height:calc(100vh - 109px)}.c-iho-label-form-content .edit-label-type{font-size:12px;margin-left:4px}.c-iho-label-form-content .edit-label-content{margin-top:10px;padding:0 14px}.c-iho-label-form-content .edit-label-content .edit-content{margin-top:8px;width:100%}.c-iho-label-form-content .edit-label-content .edit-content .n-tag{border:1px solid #e0e0e6;margin:0 8px 8px 0;max-width:108px;text-align:center}.c-iho-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content{align-items:center;display:inline-flex}.c-iho-label-form-content .edit-label-content .edit-content .n-tag .n-tag__content span{display:inline-block;height:100%;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px}.c-iho-label-form-content .edit-label-content .edit-content .n-tag.n-tag--checked{background:var(--n-color-checked);border-color:var(--n-color-checked);color:var(--n-text-color-checked)}.n-dialog__title .svg-wrap{margin:0 0 0 auto}.n-dialog__title .svg-wrap i{cursor:pointer;font-size:16px}

package/es/components/iho-table/index.d.ts

@@ -4592,6 +4592,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
     updateState: () => void;
     header: any;
     footer: any;
+    slotPropertiesPicker: (args: import("../../../es/shared/types").AnyObject) => Pick<import("../../../es/shared/types").AnyObject, "row" | "column" | "rowIndex" | "checked" | "$rowIndex" | "disabled" | "columnIndex" | "$columnIndex" | "_columnIndex" | "indeterminate">;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "keyboard" | "rowDrag" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd")[], "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "keyboard" | "rowDrag" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tableConfig: {
         type: import("vue").PropType<import("../../../es/components/iho-table/src/types").IhoTableConfig>;

package/es/components/iho-table/src/IhoTable.vue.d.ts

@@ -4591,6 +4591,7 @@ declare const _default: import("vue").DefineComponent<{
     updateState: () => void;
     header: any;
     footer: any;
+    slotPropertiesPicker: (args: AnyObject) => Pick<AnyObject, "row" | "column" | "rowIndex" | "checked" | "$rowIndex" | "disabled" | "columnIndex" | "$columnIndex" | "_columnIndex" | "indeterminate">;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "keyboard" | "rowDrag" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd")[], "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "keyboard" | "rowDrag" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tableConfig: {
         type: PropType<IhoTableConfig>;

package/es/components/iho-table/src/IhoTable.vue.js

@@ -1 +1 @@
-import{defineComponent as e,computed as t,provide as a,ref as o,watch as l,resolveComponent as s,openBlock as n,createElementBlock as i,unref as r,normalizeStyle as u,createBlock as c,resolveDynamicComponent as f,createElementVNode as d,createVNode as m,mergeProps as p,createSlots as v,renderList as b,withCtx as h,createCommentVNode as g,renderSlot as x}from"vue";import{useTheme as k}from"../../../shared/hooks/useTheme.js";import{useDebounceFn as y}from"@vueuse/core";import"date-fns";import{isString as C,isFunction as D}from"lodash-es";import{widthAppend as j,uuidGenerator as $}from"../../../shared/utils/index.js";import{promiseTimeout as _}from"@vueuse/shared";import{VxeTableEventNameList as H,InjectionIhoTableEmits as T,InjectionIhoTableAnnotation as w,InjectionIhoTableUUID as A,InjectionIhoTableInstance as L,InjectionIhoTableConfig as R,InjectionIhoTableFieldList as E,InjectionIhoTableHandler as F}from"./constants/index.js";import{createTableHooks as I,applyTableConfigHooks as O,applyTableFieldHooks as S,createTableEventHandlers as W,createDomInsertComponent as q,createDataTransfer as z}from"./hooks/tapHooks/index.js";import{provideIhoTableEventListener as B}from"./hooks/tapHooks/useEventHooks.js";import{eventName2EventListener as G}from"./utils/index.js";import J from"../../../_virtual/plugin-vue_export-helper.js";const K=["id"];var M=J(e({__name:"IhoTable",props:{tableConfig:{type:Object,default:()=>({})},fieldList:{type:Array,default:()=>[]},tableData:{type:Array,default:()=>[]},annotation:{type:Object}},emits:["formChange","settingClick","formClick","keyboard","rowDrag",...H],setup(e,{expose:H,emit:J}){var M,N;const P=e,Q=k({"--c-border-color":"#e2e2e2","--c-head-bg-color":"#f2f2f2","--c-hover-color":"#f7f7f7"}),U=t((()=>{var e,t;const a=null!=(t=null==(e=P.tableConfig)?void 0:e.height)?t:"100%";return{height:"auto"===a?"100%":C(a)&&(a.includes("calc")||a.endsWith("%"))?a:j(a)}})),V=B(),X=function(e,...t){J(e,...t);const a=r(te)[G(e)];D(a)&&a(...t),V.trigger(e,...t)};a(T,X);const Y=I();a(w,t((()=>P.annotation)));const Z=$();a(A,Z);const ee=o();a(L,ee);const te=o({uuid:null!=(N=null==(M=P.tableConfig)?void 0:M.uuid)?N:Z});a(R,te);const ae=y(oe,10);function oe(){te.value=O(Y,P.tableConfig,{$table:ee,emits:X}),te.value.uuid=Z}const le=o([]);a(E,le);const se=y(ne,10);function ne(){le.value=S(Y,P.fieldList,te.value,{$table:ee,emits:X})}const ie=z(Y,te,ee),re=o([]);async function ue(){var e;re.value=await ie(P.tableData),null==(e=ee.value)||e.recalculate(!0)}const ce={updateTableDataRef:y(ue,10),updateConfigRef:ae,updateFieldListRef:se};a(F,ce);const fe=W({hooks:Y,config:te,$table:ee,context:ce,emits:X}),de=t((()=>({...te.value,...fe})));let me=!1,pe=!1,ve=!1;const be=y((()=>{me&&oe(),pe&&ne(),ve&&ue(),me=!1,pe=!1,ve=!1}),10);l((()=>P.tableConfig),(()=>{me=!0,pe=!0,ve=!0,be()}),{deep:!0}),l((()=>P.fieldList),(()=>{pe=!0,ve=!0,be()}),{deep:!0}),l([()=>[...P.tableData],()=>{var e;return null==(e=P.tableData)?void 0:e.length}],(()=>{ve=!0,be()})),l([()=>P.tableData,()=>{var e;return null==(e=P.tableData)?void 0:e.length}],(async()=>{var e,t;(null==(e=te.value.treeConfig)?void 0:e.expandAll)&&(await _(11),null==(t=ee.value)||t.setAllTreeExpand(!0))})),oe(),ne(),ue();const{header:he,footer:ge}=q(Y);return H({$table:ee,async loadData(e){var t;null==(t=ee.value)||t.loadData(await ie(e))},setSort:(e,t)=>({field:e,value:t}),setFilter:(e,t)=>({field:e,value:t}),...Y.exposeHooks.expose.call({},te,{$table:ee,emits:X})}),Y.setupHooks.setup.call(te,le,{$table:ee,emits:X}),(e,t)=>{const a=s("vxe-grid");return n(),i("section",{class:"iho-table",id:r(Z),style:u(r(Q))},[(n(),c(f(r(he)))),d("section",{style:u(r(U))},[m(a,p({ref_key:"$table",ref:ee},r(de),{columns:le.value,data:re.value}),v({_:2},[b(e.$slots,((t,a)=>({name:a,fn:h((()=>[g("   实际上所有的vxe-grid插槽都支持     "),x(e.$slots,a)]))})))]),1040,["columns","data"])],4),(n(),c(f(r(ge))))],12,K)}}}),[["__file","IhoTable.vue"]]);export{M as default};
+import{defineComponent as e,computed as t,provide as o,ref as a,watch as l,resolveComponent as n,openBlock as s,createElementBlock as r,unref as i,normalizeStyle as u,createBlock as c,resolveDynamicComponent as d,createElementVNode as f,createVNode as m,mergeProps as p,createSlots as v,renderList as b,withCtx as h,createCommentVNode as g,renderSlot as x,normalizeProps as k,guardReactiveProps as y}from"vue";import{useTheme as $}from"../../../shared/hooks/useTheme.js";import{useDebounceFn as C}from"@vueuse/core";import"date-fns";import{isString as D,isFunction as j,pick as _}from"lodash-es";import{widthAppend as w,uuidGenerator as I}from"../../../shared/utils/index.js";import{promiseTimeout as H}from"@vueuse/shared";import{VxeTableEventNameList as T,InjectionIhoTableEmits as A,InjectionIhoTableAnnotation as L,InjectionIhoTableUUID as R,InjectionIhoTableInstance as E,InjectionIhoTableConfig as F,InjectionIhoTableFieldList as O,InjectionIhoTableHandler as S}from"./constants/index.js";import{createTableHooks as W,applyTableConfigHooks as q,applyTableFieldHooks as z,createTableEventHandlers as B,createDomInsertComponent as G,createDataTransfer as J}from"./hooks/tapHooks/index.js";import{provideIhoTableEventListener as K}from"./hooks/tapHooks/useEventHooks.js";import{eventName2EventListener as M}from"./utils/index.js";import N from"../../../_virtual/plugin-vue_export-helper.js";const P=["id"];var Q=N(e({__name:"IhoTable",props:{tableConfig:{type:Object,default:()=>({})},fieldList:{type:Array,default:()=>[]},tableData:{type:Array,default:()=>[]},annotation:{type:Object}},emits:["formChange","settingClick","formClick","keyboard","rowDrag",...T],setup(e,{expose:T,emit:N}){var Q,U;const V=e,X=$({"--c-border-color":"#e2e2e2","--c-head-bg-color":"#f2f2f2","--c-hover-color":"#f7f7f7"}),Y=t((()=>{var e,t;const o=null!=(t=null==(e=V.tableConfig)?void 0:e.height)?t:"100%";return{height:"auto"===o?"100%":D(o)&&(o.includes("calc")||o.endsWith("%"))?o:w(o)}})),Z=K(),ee=function(e,...t){N(e,...t);const o=i(le)[M(e)];j(o)&&o(...t),Z.trigger(e,...t)};o(A,ee);const te=W();o(L,t((()=>V.annotation)));const oe=I();o(R,oe);const ae=a();o(E,ae);const le=a({uuid:null!=(U=null==(Q=V.tableConfig)?void 0:Q.uuid)?U:oe});o(F,le);const ne=C(se,10);function se(){le.value=q(te,V.tableConfig,{$table:ae,emits:ee}),le.value.uuid=oe}const re=a([]);o(O,re);const ie=C(ue,10);function ue(){re.value=z(te,V.fieldList,le.value,{$table:ae,emits:ee})}const ce=J(te,le,ae),de=a([]);async function fe(){var e;de.value=await ce(V.tableData),null==(e=ae.value)||e.recalculate(!0)}const me={updateTableDataRef:C(fe,10),updateConfigRef:ne,updateFieldListRef:ie};o(S,me);const pe=B({hooks:te,config:le,$table:ae,context:me,emits:ee}),ve=t((()=>({...le.value,...pe})));let be=!1,he=!1,ge=!1;const xe=C((()=>{be&&se(),he&&ue(),ge&&fe(),be=!1,he=!1,ge=!1}),10);l((()=>V.tableConfig),(()=>{be=!0,he=!0,ge=!0,xe()}),{deep:!0}),l((()=>V.fieldList),(()=>{he=!0,ge=!0,xe()}),{deep:!0}),l([()=>[...V.tableData],()=>{var e;return null==(e=V.tableData)?void 0:e.length}],(()=>{ge=!0,xe()})),l([()=>V.tableData,()=>{var e;return null==(e=V.tableData)?void 0:e.length}],(async()=>{var e,t;(null==(e=le.value.treeConfig)?void 0:e.expandAll)&&(await H(11),null==(t=ae.value)||t.setAllTreeExpand(!0))})),se(),ue(),fe();const{header:ke,footer:ye}=G(te);function $e(e){return _(e,["row","rowIndex","$rowIndex","column","columnIndex","$columnIndex","_columnIndex","checked","disabled","indeterminate"])}return T({$table:ae,async loadData(e){var t;null==(t=ae.value)||t.loadData(await ce(e))},setSort:(e,t)=>({field:e,value:t}),setFilter:(e,t)=>({field:e,value:t}),...te.exposeHooks.expose.call({},le,{$table:ae,emits:ee})}),te.setupHooks.setup.call(le,re,{$table:ae,emits:ee}),(e,t)=>{const o=n("vxe-grid");return s(),r("section",{class:"iho-table",id:i(oe),style:u(i(X))},[(s(),c(d(i(ke)))),f("section",{style:u(i(Y))},[m(o,p({ref_key:"$table",ref:ae},i(ve),{columns:re.value,data:de.value}),v({_:2},[b(e.$slots,((t,o)=>({name:o,fn:h((t=>[g("   实际上所有的vxe-grid插槽都支持     "),x(e.$slots,o,k(y($e(t))))]))})))]),1040,["columns","data"])],4),(s(),c(d(i(ye))))],12,P)}}}),[["__file","IhoTable.vue"]]);export{Q as default};

package/es/components/iho-table/src/plugins/filterDaterangeRenderPlugin/index.js

@@ -1 +1 @@
-import{createVNode as e}from"vue";import"../../../index.js";import t from"./filter.vue.js";import{isValid as i,compareDesc as n}from"date-fns";import{isObject as r,isArray as o}from"@vue/shared";import{defineTablePlugin as l}from"../../hooks/useTablePlugin.js";function a(){const a="filterDaterangeRenderPlugin";return l({name:a,vxe(i){i.renderer.mixin({filterDaterangeRenderPlugin:{showFilterFooter:!1,renderFilter:(i,n)=>e(t,{payload:n,key:n.column.field},null)}})},apply(e){e.fieldHooks.field.tap(a,((e,t,l,{$table:a})=>{var f,d,u,s;const m=null==(f=e.editRender)?void 0:f.props;if(!r(m))return e;if(!(null==(d=null==m?void 0:m.filterSetting)?void 0:d.daterange))return e;e.filterRender={name:"filterDaterangeRenderPlugin"};const c=null==(u=a.value)?void 0:u.getColumnByField(e.field),p={};return c&&o(c.filters)&&Object.assign(p,{...(null==(s=c.filters)?void 0:s[0])||{}}),e.filters=[{data:void 0,...p}],e.filterMethod||(e.filterMethod=function({option:e,row:t,column:r}){const{data:o}=e,l=t[r.field];return!!i(new Date(l))&&(n(new Date(l),new Date(o[0]))<=0&&n(new Date(l),new Date(o[1]))>=0)}),l.filterConfig={iconMatch:"iho-table--iconfont iho-table-icon-filter",iconNone:"iho-table--iconfont iho-table-icon-filter",...l.filterConfig},e}))}})}export{a as filterDaterangeRenderPlugin};
+import{createVNode as e}from"vue";import"../../../index.js";import t from"./filter.vue.js";import{isValid as i,compareDesc as o}from"date-fns";import{isObject as n,isArray as r}from"@vue/shared";import{defineTablePlugin as l}from"../../hooks/useTablePlugin.js";function f(){const f="filterDaterangeRenderPlugin";return l({name:f,vxe(i){i.renderer.mixin({[f]:{showFilterFooter:!1,renderFilter:(i,o)=>e(t,{payload:o,key:o.column.field},null)}})},apply(e){e.fieldHooks.field.tap(f,((e,t,l,{$table:a})=>{var d,u,s,m;const c=null==(d=e.editRender)?void 0:d.props;if(!n(c))return e;if(!(null==(u=null==c?void 0:c.filterSetting)?void 0:u.daterange))return e;e.filterRender={name:f};const p=null==(s=a.value)?void 0:s.getColumnByField(e.field),v={};return p&&r(p.filters)&&Object.assign(v,{...(null==(m=p.filters)?void 0:m[0])||{}}),e.filters=[{data:void 0,...v}],e.filterMethod||(e.filterMethod=function({option:e,row:t,column:n}){const{data:r}=e,l=t[n.field];return!!i(new Date(l))&&(o(new Date(l),new Date(r[0]))<=0&&o(new Date(l),new Date(r[1]))>=0)}),l.filterConfig={iconMatch:"iho-table--iconfont iho-table-icon-filter",iconNone:"iho-table--iconfont iho-table-icon-filter",...l.filterConfig},e}))}})}export{f as filterDaterangeRenderPlugin};

package/es/components/iho-table/src/plugins/filterRenderPlugin/filter.vue.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, PropType, ref } from 'vue';
-import { VxeColumnPropTypes, VxeTableConstructor, VxeTableDefines, VxeTableMethods, VxeTablePrivateMethods, VxeTablePropTypes } from 'vxe-table';
+import { VxeColumnPropTypes, VxeTableConstructor, VxeTableMethods, VxeTablePrivateMethods } from 'vxe-table';
 declare const _default: import("vue").DefineComponent<{
     payload: {
         type: PropType<VxeColumnPropTypes.FilterSlotParams>;
@@ -12,17 +12,15 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
         };
     }>> & {}>>;
-    sortable: import("vue").ComputedRef<any>;
-    optionsRef: import("vue").ComputedRef<VxeTableDefines.FilterOption[] & VxeColumnPropTypes.Filter[]>;
+    optionsRef: import("vue").ComputedRef<import("vxe-table").VxeTableDefines.FilterOption[] & VxeColumnPropTypes.Filter[]>;
     checkedRef: import("vue").WritableComputedRef<string[]>;
     $table: (VxeTableConstructor & VxeTablePrivateMethods & VxeTableMethods) | undefined;
-    sortStatusRef: import("vue").WritableComputedRef<"desc" | "asc" | null>;
     checkedCacheRef: import("vue").Ref<string[]>;
     searchFilterText: import("vue").Ref<string>;
     close: () => void;
     OPTION_ITEM_HEIGHT: number;
     viewCapacity: import("vue").ComputedRef<number>;
-    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<VxeTableDefines.FilterOption>[]>;
+    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<import("vxe-table").VxeTableDefines.FilterOption>[]>;
     containerProps: {
         ref: import("vue").Ref<any>;
         onScroll: () => void;
@@ -40,12 +38,6 @@ declare const _default: import("vue").DefineComponent<{
     containerStyleWithHeight: import("vue").ComputedRef<CSSProperties>;
     confirmFilter: () => void;
     reset: () => void;
-    sortStatusList: {
-        status: VxeTablePropTypes.SortOrder;
-        text: string;
-    }[];
-    setSort: (value: VxeTablePropTypes.SortOrder) => void;
-    CheckmarkOutline: 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<{}>>, {}>;
     NButton: any;
     NButtonGroup: any;
     NCheckbox: any;

package/es/components/iho-table/src/plugins/filterRenderPlugin/filter.vue.js

@@ -1 +1 @@
-import{defineComponent as e,computed as l,inject as t,ref as a,onDeactivated as o,openBlock as u,createElementBlock as n,unref as r,Fragment as i,renderList as s,createElementVNode as v,normalizeClass as c,createBlock as d,createCommentVNode as p,createTextVNode as f,toDisplayString as m,createVNode as h,isRef as _,withCtx as y,normalizeStyle as g}from"vue";import{widthAppend as b}from"../../../../../shared/utils/index.js";import{CheckmarkOutline as k}from"@vicons/ionicons5";import{useVirtualList as C}from"@vueuse/core";import{isNumber as x}from"lodash-es";import{NInput as S,NCheckbox as $,NCheckboxGroup as E,NButtonGroup as j,NButton as w}from"naive-ui";import A from"../../../../../_virtual/plugin-vue_export-helper.js";const I={class:"iho-table__filterWrapper"},L={key:0},U=["onClick"],B={class:"iho-table__filterListItem"},F={class:"iho-table__filterFooter"};var O=A(e({__name:"filter",props:{payload:{type:Object,required:!0}},setup(e){const A=e,O=l((()=>{var e,l,t;return null==(t=null==(l=null==(e=A.payload)?void 0:e.column.editRender)?void 0:l.props)?void 0:t.sortable})),P=l((()=>{var e,l,t;return null!=(t=null==(l=null==(e=A.payload)?void 0:e.column)?void 0:l.filters)?t:[]})),R=l({get:()=>P.value.reduce(((e,l)=>(l.checked&&e.push(l.value),e)),[]),set(e){if(A.payload)return P.value.forEach((l=>{A.payload.$panel.changeOption(null,e.includes(l.value),l)})),A.payload.$panel.confirmFilter(new CustomEvent("click"))}}),W=t("$xetable"),Z=l({get(){if(!W)return null;const e=W.getSortColumns().find((e=>{var l;return e.column===(null==(l=A.payload)?void 0:l.column)}));return e?e.order:null},set(e){W&&A.payload&&A.payload.$panel&&W.triggerSortEvent(new CustomEvent("click"),A.payload.column,e)}}),q=a([...R.value]),z=a("");function D(){W&&(W.reactData.filterStore.visible=!1)}o(D);const H=l((()=>{var e,l;if(!A.payload||!A.payload.column)return 10;const{filterCapacity:t}=null!=(l=null==(e=A.payload.column.editRender)?void 0:e.props)?l:{};return x(t)&&t>0?t:10})),{list:G,containerProps:J,wrapperProps:K}=C(l((()=>z.value?P.value.filter((e=>`${e.label}`.includes(z.value))):P.value)),{itemHeight:32,overscan:3}),M=l((()=>!!q.value.length&&q.value.length!==P.value.length)),N=l({get:()=>q.value.length===P.value.length&&0!==P.value.length,set:e=>{q.value=e?P.value.map((e=>e.value)):[]}}),Q=l((()=>({...J.style,height:b(32*H.value)})));function T(){R.value=q.value,D()}function V(){q.value=[]}const X=[{status:"asc",text:"升序 A to Z"},{status:"desc",text:"降序 Z to A"}];return(e,l)=>(u(),n("section",I,[r(O)?(u(),n("div",L,[(u(),n(i,null,s(X,(e=>v("div",{key:e.status,class:c(["iho-table__filterButton",{"iho-table__filterButton--active":r(Z)===e.status}]),onClick:l=>{return t=e.status,Z.value=t,void D();var t}},[r(Z)===e.status?(u(),d(r(k),{key:0,class:"iho-table__sortActiveIcon"})):p("v-if",!0),f(" "+m(e.text),1)],10,U))),64))])):p("v-if",!0),r(P).length>5?(u(),d(r(S),{key:1,value:z.value,"onUpdate:value":l[0]||(l[0]=e=>z.value=e)},null,8,["value"])):p("v-if",!0),v("div",B,[h(r($),{label:"全选",checked:r(N),"onUpdate:checked":l[1]||(l[1]=e=>_(N)?N.value=e:null),indeterminate:r(M)},null,8,["checked","indeterminate"])]),h(r(E),{value:q.value,"onUpdate:value":l[3]||(l[3]=e=>q.value=e)},{default:y((()=>[v("section",{ref:r(J).ref,style:g(r(Q)),onScroll:l[2]||(l[2]=(...e)=>r(J).onScroll&&r(J).onScroll(...e)),class:"iho-table__filterListWrapper"},[v("section",{style:g(r(K).style)},[(u(!0),n(i,null,s(r(G),(e=>(u(),n("div",{class:"iho-table__filterListItem",key:e.data.value},[h(r($),{value:e.data.value,label:e.data.label},null,8,["value","label"])])))),128))],4)],36)])),_:1},8,["value"]),v("footer",F,[v("section",null,m(`已选择${q.value.length}项`),1),h(r(j),{size:"small"},{default:y((()=>[h(r(w),{onClick:V},{default:y((()=>[f("清空")])),_:1}),h(r(w),{onClick:D},{default:y((()=>[f("取消")])),_:1}),h(r(w),{type:"primary",onClick:T},{default:y((()=>[f("确定")])),_:1})])),_:1})])]))}}),[["__file","filter.vue"]]);export{O as default};
+import{defineComponent as e,computed as l,inject as a,ref as t,onDeactivated as u,openBlock as r,createElementBlock as o,unref as i,createBlock as n,createCommentVNode as v,createElementVNode as s,createVNode as c,isRef as p,withCtx as d,normalizeStyle as f,Fragment as h,renderList as m,toDisplayString as _,createTextVNode as y}from"vue";import{widthAppend as g}from"../../../../../shared/utils/index.js";import{useVirtualList as b}from"@vueuse/core";import{isNumber as k}from"lodash-es";import{NInput as C,NCheckbox as $,NCheckboxGroup as x,NButtonGroup as S,NButton as j}from"naive-ui";import L from"../../../../../_virtual/plugin-vue_export-helper.js";const U={class:"iho-table__filterWrapper"},w={class:"iho-table__filterListItem"},E={class:"iho-table__filterFooter"};var F=L(e({__name:"filter",props:{payload:{type:Object,required:!0}},setup(e){const L=e,F=l((()=>{var e,l,a;return null!=(a=null==(l=null==(e=L.payload)?void 0:e.column)?void 0:l.filters)?a:[]})),I=l({get:()=>F.value.reduce(((e,l)=>(l.checked&&e.push(l.value),e)),[]),set(e){if(L.payload)return F.value.forEach((l=>{L.payload.$panel.changeOption(null,e.includes(l.value),l)})),L.payload.$panel.confirmFilter(new CustomEvent("click"))}}),O=a("$xetable"),P=t([...I.value]),W=t("");function q(){O&&(O.reactData.filterStore.visible=!1)}u(q);const z=l((()=>{var e,l;if(!L.payload||!L.payload.column)return 10;const{filterCapacity:a}=null!=(l=null==(e=L.payload.column.editRender)?void 0:e.props)?l:{};return k(a)&&a>0?a:10})),{list:D,containerProps:H,wrapperProps:R}=b(l((()=>W.value?F.value.filter((e=>`${e.label}`.includes(W.value))):F.value)),{itemHeight:32,overscan:3}),A=l((()=>!!P.value.length&&P.value.length!==F.value.length)),B=l({get:()=>P.value.length===F.value.length&&0!==F.value.length,set:e=>{P.value=e?F.value.map((e=>e.value)):[]}}),G=l((()=>({...H.style,height:g(32*z.value)})));function J(){I.value=P.value,q()}function K(){P.value=[]}return(e,l)=>(r(),o("section",U,[i(F).length>5?(r(),n(i(C),{key:0,value:W.value,"onUpdate:value":l[0]||(l[0]=e=>W.value=e)},null,8,["value"])):v("v-if",!0),s("div",w,[c(i($),{label:"全选",checked:i(B),"onUpdate:checked":l[1]||(l[1]=e=>p(B)?B.value=e:null),indeterminate:i(A)},null,8,["checked","indeterminate"])]),c(i(x),{value:P.value,"onUpdate:value":l[3]||(l[3]=e=>P.value=e)},{default:d((()=>[s("section",{ref:i(H).ref,style:f(i(G)),onScroll:l[2]||(l[2]=(...e)=>i(H).onScroll&&i(H).onScroll(...e)),class:"iho-table__filterListWrapper"},[s("section",{style:f(i(R).style)},[(r(!0),o(h,null,m(i(D),(e=>(r(),o("div",{class:"iho-table__filterListItem",key:e.data.value},[c(i($),{value:e.data.value,label:e.data.label},null,8,["value","label"])])))),128))],4)],36)])),_:1},8,["value"]),s("footer",E,[s("section",null,_(`已选择${P.value.length}项`),1),c(i(S),{size:"small"},{default:d((()=>[c(i(j),{onClick:K},{default:d((()=>[y("清空")])),_:1}),c(i(j),{onClick:q},{default:d((()=>[y("取消")])),_:1}),c(i(j),{type:"primary",onClick:J},{default:d((()=>[y("确定")])),_:1})])),_:1})])]))}}),[["__file","filter.vue"]]);export{F as default};