cnhis-design-vue 3.1.43-beta.26 → 3.1.43-beta.28

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}