cnhis-design-vue 3.1.43-beta.3 → 3.1.43-beta.30

package/es/components/guide/src/renderer.d.ts

@@ -0,0 +1,37 @@
+import { ComponentInternalInstance, PropType } from 'vue';
+import { GuideDefine } from '../../../../es/components/guide/src/types';
+export declare function createGuideStep(instance?: ComponentInternalInstance | null): import("vue").DefineComponent<{
+    config: {
+        type: PropType<GuideDefine.Config>;
+        required: true;
+        default: () => {};
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    length: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "next" | "toNext")[], "cancel" | "next" | "toNext", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    config: {
+        type: PropType<GuideDefine.Config>;
+        required: true;
+        default: () => {};
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    length: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & {
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onNext?: ((...args: any[]) => any) | undefined;
+    onToNext?: ((...args: any[]) => any) | undefined;
+}, {
+    config: GuideDefine.Config;
+}> | import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/components/guide/src/renderer.js

@@ -0,0 +1 @@
+import{defineComponent as e,createVNode as t,provide as r}from"vue";import{useTheme as s}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import{isFunction as n,range as i}from"lodash-es";import{widthAppend as o}from"../../../shared/utils/index.js";import{NSpace as l,NButton as u}from"naive-ui";const d=e({props:{config:{type:Object,required:!0,default:()=>({})},index:{type:Number,required:!0},length:{type:Number,required:!0}},emits:["cancel","next","toNext"],setup(e,{emit:r,slots:d}){const p=s();function a(e,{skippable:s=!0,skipText:o="跳过",nextText:d="下一步",endText:p="结束引导"},a,c){var f;return t("footer",{class:"guide__stepFooter"},[null!=(f=n(e)?e():null)?f:t(l,{justify:"end",wrapItem:!1},{default:()=>[m(),s?t(u,{ghost:!0,bordered:!1,class:"guide__stepSkipBtn",textColor:"#c5c5c5",onClick:()=>r("cancel")},{default:()=>o}):null,t(u,{type:"primary",class:"guide__stepNextBtn",onClick:()=>r("next")},{default:()=>a===c-1?p:d})]})]);function m(){return t(l,{justify:"start",style:"flex:1"},{default:function(){return i(c).map((e=>t(u,{class:"guide__stepToBtn",bordered:!1,onClick:()=>r("toNext",e)},{default:()=>t("i",{class:["guide__stepToBtnContent",{guide__stepActiveBtn:e===a}]},null)})))}})}}return()=>{const{minWidth:r=240,maxWidth:s=300,pointer:i=!0}=e.config;return t("section",{class:"guide__stepContentWrapper",style:{minWidth:o(r),maxWidth:o(s),...p.value}},[i?t("div",{class:"guide__stepPointerWrapper"},[t("div",{class:"guide__stepPointer"},null),t("div",{class:"guide__stepPointerLine"},null)]):null,(u=d.header,t("header",{class:"guide__stepHeader"},[n(u)?u():null])),(l=d.body,t("section",{class:"guide__stepBody"},[n(l)?l():null])),a(d.footer,e.config,e.index,e.length)]);var l,u}}});function p(s){return s?e({setup(e,{attrs:n,slots:i}){const o=[];let l=(null==s?void 0:s.parent)&&Reflect.get(s.parent,"provides");for(;l;)Object.entries(l).forEach((([e,t])=>{o.includes(e)||(o.push(e),r(e,t))})),l=Object.getPrototypeOf(l);return()=>t(d,n,i)}}):d}export{p as createGuideStep};

package/es/components/guide/src/types/index.d.ts

@@ -0,0 +1,40 @@
+import { AnyObject } from '../../../../../es/shared/types';
+import { ComponentInternalInstance, CSSProperties } from 'vue';
+export declare namespace GuideDefine {
+    type StepRender = string | ((next: () => void, cancel: () => void, to: (idx: number) => void) => any);
+    type StepGuard = (step: Step, index: number) => unknown | Promise<unknown>;
+    type Step = Partial<{
+        title: StepRender;
+        content: StepRender;
+        target: string | HTMLElement;
+        footer: StepRender;
+    }>;
+    type DomProps = Partial<{
+        class: unknown;
+        style: CSSProperties;
+    }> & AnyObject;
+    type Placement = 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end';
+    type Config = Partial<{
+        to: string | HTMLElement;
+        placement: Placement;
+        pointer: boolean;
+        vueInstance: ComponentInternalInstance | null;
+        esc: boolean;
+        zIndex: number;
+        minWidth: string | number;
+        maxWidth: string | number;
+        offset: number;
+        skipText: string;
+        nextText: string;
+        endText: string;
+        skippable: boolean;
+        anime: boolean;
+        wrapperProps: DomProps;
+        stepProps: DomProps;
+        beforeStep: StepGuard;
+        afterStep: StepGuard;
+        beforeSkip: () => unknown | Promise<unknown>;
+    }> & {
+        steps: Step[];
+    };
+}

package/es/components/guide/src/useGuide.d.ts

@@ -0,0 +1,6 @@
+import { GuideDefine } from '../../../../es/components/guide/src/types';
+declare function start(config: GuideDefine.Config): () => Promise<void>;
+export declare function useGuide(): {
+    start: typeof start;
+};
+export {};

package/es/components/guide/src/useGuide.js

@@ -0,0 +1 @@
+import{render as e,createVNode as t,mergeProps as n}from"vue";import{promiseTimeout as o}from"@vueuse/shared";import{isArray as s,isNumber as i,isFunction as a,isString as r}from"lodash-es";import{createGuideStep as l}from"./renderer.js";import{GuideError as c,GuideUtils as p,useGuideStyle as u}from"./utils/index.js";function d(s,{config:i,length:c,index:u,prevTop:d,prevLeft:y,wrapper:m},f,h,v){const{anime:w=!0,beforeSkip:g,beforeStep:E,afterStep:x,offset:b,stepProps:C,vueInstance:S,placement:_}=i;return{mount:async function(){try{await(a(E)&&E(s,u))}catch(e){return v(u-1),void f([y,d])}const{target:k,title:L,content:P,footer:T}=s,j=p.findElement(k);p.setShadowEle(m,j);const M=p.createEle("div",{class:"guide__stepWrapper",style:{top:d,left:y}});"0"===y&&"0"===d||!w||p.setStyle(M,{transition:"all .2s linear"}),m.appendChild(M);const z=l(S);async function I(t,n=!0){var s;t(),n&&(p.setStyle(M,{transition:"opacity .2s linear"}),M.style.opacity="0",await o(200)),e(null,M),null==(s=M.parentElement)||s.removeChild(M)}let N="0",q="0";const A=async()=>{await(a(x)&&x(s,u)),I((()=>f([N,q])),u===c-1)},F=async()=>{await(a(g)&&g()),I(h)},O=async e=>{e!==u&&(v(e),A())};e(t(z,n(C,{index:u,length:c,config:i,onCancel:F,onNext:A,onToNext:O}),{header:a(L)?()=>L(A,F,O):r(L)?()=>L:null,body:a(P)?()=>P(A,F,O):r(P)?()=>P:null,footer:a(T)?()=>T(A,F,O):r(T)?()=>T:null}),M),setTimeout((()=>{[N,q]=p.syncPosition(M,j,b,_)}),0)}}}function y(e){const{to:t=document.body,steps:n=[]}=e;if(!s(n)||!n.length)throw new c("empty steps");const a=p.findElement(t),{unmount:r,mount:l,wrapper:y}=function(e,{zIndex:t=3e3,esc:n,wrapperProps:s={},anime:i=!0}){const{load:a,unload:r}=u(),l=p.createEle("div",{class:"guide__shadowEle"});i&&Object.assign(l.style,{transition:"all 0.2s linear"});const c=p.createEle("section",{class:["guide__wrapper",s.class?s.class:""],style:{"z-index":t,...s.style}});c.appendChild(l);const d=e.style.position;d&&"static"!==d||(e.style.position="relative");const y=async()=>{c.style.opacity="0",await o(200),e.removeChild(c),e.style.position=d,r()};if(n){const e=async t=>{if("Escape"===t.key)return await y(),void document.body.removeEventListener("keyup",e)};document.body.addEventListener("keyup",e)}return{wrapper:c,unmount:y,mount:()=>{a(),e.appendChild(c),requestAnimationFrame((()=>c.style.opacity="1"))}}}(a,e);return l(),(async()=>{try{let t="0",o="0";for(let s=0;s<n.length;s++){const a=n[s];[t,o]=await new Promise(((r,l)=>{d(a,{config:e,index:s,wrapper:y,length:n.length,prevLeft:t,prevTop:o},r,l,(e=>{if(i(e))return e<0?l():void(s=Math.min(n.length-1,Math.abs(Math.floor(e)))-1)})).mount()}))}}finally{r()}})(),r}function m(){return{start:y}}export{m as useGuide};

package/es/components/guide/src/utils/index.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties } from 'vue';
+import { GuideDefine } from '../../../../../es/components/guide/src/types';
+export declare class GuideError extends Error {
+    constructor(message: string);
+}
+export declare const GuideUtils: Readonly<{
+    createEle<T extends keyof HTMLElementTagNameMap>(tag: T, props?: GuideDefine.DomProps): HTMLElementTagNameMap[T];
+    setStyle(ele: HTMLElement, styles: CSSProperties): void;
+    findElement(target: unknown): HTMLElement;
+    getShadowEleFromWrapper(wrapper: HTMLElement): HTMLElement | null;
+    setShadowEle(wrapper: HTMLElement, target: HTMLElement): void;
+    syncPosition(ele: HTMLElement, target: HTMLElement, offset?: number, placement?: GuideDefine.Placement): [string, string];
+}>;
+export declare const useGuideStyle: () => import("@vueuse/core").UseStyleTagReturn;

package/es/components/guide/src/utils/index.js

@@ -0,0 +1 @@
+import{widthAppend as t}from"../../../../shared/utils/index.js";import{useStyleTag as e}from"@vueuse/core";import{isString as i,isObject as o}from"lodash-es";import{normalizeClass as r}from"vue";class n extends Error{constructor(t){super(`[CGuide]: ${t}`)}}const p=Object.freeze({createEle(t,e={}){const i=document.createElement(t);return e.class&&i.classList.add(r(e.class)),e.style&&this.setStyle(i,e.style),i},setStyle(t,e){Object.assign(t.style,e)},findElement(t){const e=i(t)?document.querySelector(t):o(t)?t:void 0;if(!o(e))throw new n(`can't find target element by ${t}`);return e},getShadowEleFromWrapper:t=>t.querySelector(".guide__shadowEle"),setShadowEle(e,i){const o=this.getShadowEleFromWrapper(e);if(!o)return;const{left:r,top:n}=i.getBoundingClientRect();Object.assign(o.style,{left:t(r),top:t(n),width:t(i.clientWidth),height:t(i.clientHeight)})},syncPosition(e,i,o=24,r="right-start"){const{top:n,left:p,right:s,bottom:l,width:d,height:a}=i.getBoundingClientRect(),{clientHeight:h,clientWidth:c}=e,{clientHeight:g,clientWidth:f}=document.body,u=e.querySelector(".guide__stepPointerWrapper"),m=u&&u.querySelector(".guide__stepPointerLine"),x={},b=f-s-o>=c,w=p-o>=c,_=p+d/2>=c/2&&f-s+d/2>=c/2,y=n+h-18<=g,v=l+18>=h,S=s>c,D=p+c<f,E=n-18>=h,W=n+a/2>=h/2&&g-l+a/2>=h/2,B=g-l-18>=h,j={"top-start":D&&E,top:E&&_,"top-end":S&&E,"left-start":w&&y,left:w&&W,"left-end":w&&v,"right-start":b&&y,right:b&&W,"right-end":b&&v,"bottom-start":D&&B,bottom:B&&_,"bottom-end":S&&B},k=t(s+o),O=t(p-o-c),P=t(n-o-h),C=t(l+o),q=t(n-18),H=t(Math.floor((n+l-h)/2)),M=t(l-h+18),z=t(p),L=t(Math.floor(p+s-c)/2),F=t(s-c),R=t(Math.min(26,18+a-6)),T=t(Math.min(26,d-8)),X=[["right-start",{step:{left:k,top:q},pointer:{left:t(-o),flexDirection:"row-reverse",top:R},line:{width:t(o+4)}}],["right-end",{step:{left:k,top:M},pointer:{left:t(-o),flexDirection:"row-reverse",bottom:R},line:{width:t(o+4)}}],["right",{step:{left:k,top:H},pointer:{left:t(-o),flexDirection:"row-reverse",top:"50%",transform:"translateY(-50%)"},line:{width:t(o+4)}}],["left-start",{step:{left:O,top:q},pointer:{right:t(-o),top:R},line:{width:t(o+4)}}],["left-end",{step:{left:O,top:M},pointer:{right:t(-o),bottom:R},line:{width:t(o+4)}}],["left",{step:{left:O,top:H},pointer:{right:t(-o),top:"50%",transform:"translateY(-50%)"},line:{width:t(o+4)}}],["top-start",{step:{left:z,top:P},pointer:{left:T,flexDirection:"column",bottom:t(-o)},line:{width:t(3),height:t(o+4)}}],["top-end",{step:{left:F,top:P},pointer:{right:T,flexDirection:"column",bottom:t(-o)},line:{width:t(3),height:t(o+4)}}],["top",{step:{left:L,top:P},pointer:{left:"50%",transform:"translateX(-50%)",flexDirection:"column",bottom:t(-o)},line:{width:t(3),height:t(o+4)}}],["bottom-start",{step:{left:z,top:C},pointer:{left:T,flexDirection:"column-reverse",top:t(-o)},line:{width:t(3),height:t(o+4)}}],["bottom-end",{step:{left:F,top:C},pointer:{right:T,flexDirection:"column-reverse",top:t(-o)},line:{width:t(3),height:t(o+4)}}],["bottom",{step:{left:L,top:C},pointer:{left:"50%",transform:"translateX(-50%)",flexDirection:"column-reverse",top:t(-o)},line:{width:t(3),height:t(o+4)}}]],[,Y]=(j[r]?X.find((t=>t[0]===r)):X.find((t=>j[t[0]])))||X.find((t=>t[0]===r))||X[0];return Object.assign(x,Y.step),u&&Object.assign(u.style,Y.pointer),m&&Object.assign(m.style,Y.line),this.setStyle(e,x),[x.left,x.top]}}),s=()=>e("\n\t.guide__wrapper{position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;transition: opacity .2s linear;}\n\t.guide__shadowEle{position: fixed;background: transparent;box-shadow: 0 0 0 10000px rgba(0,0,0,0.3)}\n\t.guide__stepWrapper{position: fixed;z-index: 1;opacity: 1}\n\t.guide__stepPointerWrapper{position:absolute;display:flex;flex-wrap:nowrap;align-items:center;}\n\t.guide__stepPointer{border-radius:50%;width:12px;height:12px;background:var(--c-primary-color);margin:-1px;}\n\t.guide__stepPointerLine{background:var(--c-primary-color);height:3px;}\n\t.guide__stepContentWrapper{background: white;min-width: 260px;padding: 24px;display: flex;flex-direction: column;gap: 8px;border-radius: 4px;position:relative}\n\t.guide__stepHeader{font-size:20px;}\n\t.guide__stepBody{margin:12px 0 16px 0;color:#a5a5a5}\n\t.guide__stepSkipBtn{}\n\t.guide__stepNextBtn{width:120px}\n\t.guide__stepToBtn{padding:0}\n\t.guide__stepToBtnContent{border-radius:50%;width:8px;height:8px;background:#c5c5c5}\n\t.guide__stepActiveBtn{width:10px;height:10px;background:var(--c-primary-color)}\n\t");export{n as GuideError,p as GuideUtils,s as useGuideStyle};

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

@@ -0,0 +1,352 @@
+import { SFCWithInstall } from '../../../es/shared/types';
+export * from './src/types';
+declare const IhoSelectLabel: SFCWithInstall<import("vue").DefineComponent<{
+    selectedList: {
+        type: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+        default: () => never[];
+    };
+    categoryList: {
+        type: import("vue").PropType<import("./src/types").ICategoryLabelItemType[]>;
+        default: () => never[];
+    };
+    explicit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        selectedList: {
+            type: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        categoryList: {
+            type: import("vue").PropType<import("./src/types").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<import("./src/types").ISelectLabelItemType[] | undefined>;
+    state: {
+        labelVisible: boolean;
+        isChangeWindow: boolean;
+        modalWidth: string;
+        modalHeight: string;
+        maxHeight: string;
+    };
+    closeTag: (selectItem: import("./src/types").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: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        categoryList: {
+            type: import("vue").PropType<import("./src/types").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: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+                default: () => never[];
+            };
+            categoryList: {
+                type: import("vue").PropType<import("./src/types").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<import("./src/types").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: import("vue").PropType<import("./src/types").ICategoryLabelItemType>;
+                default: () => {};
+            };
+            selectedList: {
+                type: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+                default: () => never[];
+            };
+            handleLabelChange: {
+                type: FunctionConstructor;
+                default: () => {};
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                categoryItem: {
+                    type: import("vue").PropType<import("./src/types").ICategoryLabelItemType>;
+                    default: () => {};
+                };
+                selectedList: {
+                    type: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+                    default: () => never[];
+                };
+                handleLabelChange: {
+                    type: FunctionConstructor;
+                    default: () => {};
+                };
+            }>> & {}>>;
+            labelList: import("vue").Ref<{
+                labelCode: string;
+                labelShowText: string;
+                backgroundColor: string;
+            }[]>;
+            showCheck: (label: import("./src/types").IhoTabLabelItemType) => boolean;
+            onHandleLabelChange: (isSelect?: boolean | undefined, item?: import("./src/types").IhoTabLabelItemType | undefined, categoryItem?: import("./src/types").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: import("vue").PropType<import("./src/types").ICategoryLabelItemType>;
+                default: () => {};
+            };
+            selectedList: {
+                type: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+                default: () => never[];
+            };
+            handleLabelChange: {
+                type: FunctionConstructor;
+                default: () => {};
+            };
+        }>>, {
+            selectedList: import("./src/types").ISelectLabelItemType[];
+            handleLabelChange: Function;
+            categoryItem: import("./src/types").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: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        categoryList: {
+            type: import("vue").PropType<import("./src/types").ICategoryLabelItemType[]>;
+            default: () => never[];
+        };
+        isChangeWindow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        explicit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onExplicitOnChange?: ((...args: any[]) => any) | undefined;
+    }, {
+        selectedList: import("./src/types").ISelectLabelItemType[];
+        explicit: boolean;
+        isChangeWindow: boolean;
+        categoryList: import("./src/types").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: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+        default: () => never[];
+    };
+    categoryList: {
+        type: import("vue").PropType<import("./src/types").ICategoryLabelItemType[]>;
+        default: () => never[];
+    };
+    explicit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onOnChange?: ((...args: any[]) => any) | undefined;
+}, {
+    selectedList: import("./src/types").ISelectLabelItemType[];
+    explicit: boolean;
+    categoryList: import("./src/types").ICategoryLabelItemType[];
+}>>;
+declare const IhoLabelFormContent: SFCWithInstall<import("vue").DefineComponent<{
+    selectedList: {
+        type: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+        default: () => never[];
+    };
+    categoryList: {
+        type: import("vue").PropType<import("./src/types").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: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        categoryList: {
+            type: import("vue").PropType<import("./src/types").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<import("./src/types").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: import("vue").PropType<import("./src/types").ICategoryLabelItemType>;
+            default: () => {};
+        };
+        selectedList: {
+            type: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        handleLabelChange: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            categoryItem: {
+                type: import("vue").PropType<import("./src/types").ICategoryLabelItemType>;
+                default: () => {};
+            };
+            selectedList: {
+                type: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+                default: () => never[];
+            };
+            handleLabelChange: {
+                type: FunctionConstructor;
+                default: () => {};
+            };
+        }>> & {}>>;
+        labelList: import("vue").Ref<{
+            labelCode: string;
+            labelShowText: string;
+            backgroundColor: string;
+        }[]>;
+        showCheck: (label: import("./src/types").IhoTabLabelItemType) => boolean;
+        onHandleLabelChange: (isSelect?: boolean | undefined, item?: import("./src/types").IhoTabLabelItemType | undefined, categoryItem?: import("./src/types").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: import("vue").PropType<import("./src/types").ICategoryLabelItemType>;
+            default: () => {};
+        };
+        selectedList: {
+            type: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+            default: () => never[];
+        };
+        handleLabelChange: {
+            type: FunctionConstructor;
+            default: () => {};
+        };
+    }>>, {
+        selectedList: import("./src/types").ISelectLabelItemType[];
+        handleLabelChange: Function;
+        categoryItem: import("./src/types").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: import("vue").PropType<import("./src/types").ISelectLabelItemType[]>;
+        default: () => never[];
+    };
+    categoryList: {
+        type: import("vue").PropType<import("./src/types").ICategoryLabelItemType[]>;
+        default: () => never[];
+    };
+    isChangeWindow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    explicit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onExplicitOnChange?: ((...args: any[]) => any) | undefined;
+}, {
+    selectedList: import("./src/types").ISelectLabelItemType[];
+    explicit: boolean;
+    isChangeWindow: boolean;
+    categoryList: import("./src/types").ICategoryLabelItemType[];
+}>>;
+export default IhoSelectLabel;
+export { IhoLabelFormContent as CIhoLabelFormContent };

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

@@ -0,0 +1 @@
+import{COMPONENT_NAMESPACE as o}from"../../shared/global/variable.js";import{safeComponentRegister as e}from"../../shared/utils/index.js";import t from"./src/SelectLabel.vue.js";import r from"./src/LabelFormContent.vue.js";const l=t,a=r;l.install=function(t){e(t,l,o+"IhoSelectLabel")},a.install=function(t){e(t,a,o+"IhoLabelFormContent")};export{a as CIhoLabelFormContent,l as default};

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};