cnhis-design-vue 3.1.41 → 3.1.42-beta.0

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

@@ -1,83 +1,107 @@
 import { SFCWithInstall } from '../../../es/shared/types';
 declare const SelectLabel: SFCWithInstall<import("vue").DefineComponent<{
     selectedList: {
-        type: ArrayConstructor;
-        required: false;
+        type: import("vue").PropType<any[]>;
         default: () => never[];
     };
     item: {
-        type: null;
-        required: false;
+        type: import("vue").PropType<any>;
         default: () => {};
     };
     isDetail: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     isLock: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     sourceType: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
+    explicit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     getLabelList: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             rows: never[];
         }>;
     };
-    explicit: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    explicitHeiht: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
     queryCommonlabels: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             data: {};
         }>;
     };
     deleteLabel: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             status: boolean;
         }>;
     };
     saveLabelItem: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             status: boolean;
         }>;
     };
 }, {
-    props: {
-        selectedList: any[];
-        item: any;
-        isDetail: boolean;
-        isLock: boolean;
-        sourceType: string;
-        getLabelList: Function;
-        explicit: boolean;
-        explicitHeiht: string;
-        queryCommonlabels: Function;
-        deleteLabel: Function;
-        saveLabelItem: Function;
-    };
-    emit: (event: "onChange" | "scaleChange" | "vodFileList", ...args: any[]) => void;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        selectedList: {
+            type: import("vue").PropType<any[]>;
+            default: () => never[];
+        };
+        item: {
+            type: import("vue").PropType<any>;
+            default: () => {};
+        };
+        isDetail: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLock: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        sourceType: {
+            type: StringConstructor;
+            default: string;
+        };
+        explicit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        getLabelList: {
+            type: FunctionConstructor;
+            default: () => Promise<{
+                rows: never[];
+            }>;
+        };
+        queryCommonlabels: {
+            type: FunctionConstructor;
+            default: () => Promise<{
+                data: {};
+            }>;
+        };
+        deleteLabel: {
+            type: FunctionConstructor;
+            default: () => Promise<{
+                status: boolean;
+            }>;
+        };
+        saveLabelItem: {
+            type: FunctionConstructor;
+            default: () => Promise<{
+                status: boolean;
+            }>;
+        };
+    }>> & {
+        onOnChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "onChange", ...args: any[]) => void;
     labelFormContentRef: any;
     state: {
         labelVisible: boolean;
@@ -94,7 +118,6 @@ declare const SelectLabel: SFCWithInstall<import("vue").DefineComponent<{
     };
     updateCommonChecked: (value: boolean, item: any) => void;
     item_is_edit: import("vue").ComputedRef<any>;
-    titleRender: () => JSX.Element;
     hadleCommonlabels: (commonLabelList: any[], selectList: any[]) => void;
     getCommonlabelsList: (type: any) => Promise<void>;
     closeTag: (d: {
@@ -231,58 +254,6 @@ declare const SelectLabel: SFCWithInstall<import("vue").DefineComponent<{
         anchorGetContainer: () => any;
         handleResetOptions: () => void;
         hanldeSetLabelItem: (id: string | number, status: boolean) => void;
-        NTabs: any;
-        NTabPane: import("vue").DefineComponent<{
-            readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }> | (() => import("vue").VNodeChild)>;
-            readonly name: {
-                readonly type: import("vue").PropType<string | number>;
-                readonly required: true;
-            };
-            readonly disabled: BooleanConstructor;
-            readonly displayDirective: {
-                readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
-                readonly default: "if";
-            };
-            readonly closable: {
-                readonly type: import("vue").PropType<boolean | undefined>;
-                readonly default: undefined;
-            };
-            readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
-            readonly label: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }> | (() => import("vue").VNodeChild)>;
-        }, {
-            style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
-            class: import("vue").Ref<string | undefined>;
-            mergedClsPrefix: import("vue").Ref<string>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }> | (() => import("vue").VNodeChild)>;
-            readonly name: {
-                readonly type: import("vue").PropType<string | number>;
-                readonly required: true;
-            };
-            readonly disabled: BooleanConstructor;
-            readonly displayDirective: {
-                readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
-                readonly default: "if";
-            };
-            readonly closable: {
-                readonly type: import("vue").PropType<boolean | undefined>;
-                readonly default: undefined;
-            };
-            readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
-            readonly label: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }> | (() => import("vue").VNodeChild)>;
-        }>>, {
-            readonly disabled: boolean;
-            readonly closable: boolean | undefined;
-            readonly displayDirective: "if" | "show" | "show:lazy";
-        }>;
         NAnchor: any;
         NAnchorLink: import("vue").DefineComponent<{
             readonly title: StringConstructor;
@@ -481,89 +452,71 @@ declare const SelectLabel: SFCWithInstall<import("vue").DefineComponent<{
         item: any;
         isLock: boolean;
         sourceType: string;
-        getLabelList: Function;
         explicit: boolean;
+        getLabelList: Function;
         deleteLabel: Function;
         saveLabelItem: Function;
     }>;
     handleLabelColor: typeof import("../../shared/utils/vexutils").handleLabelColor;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onChange" | "scaleChange" | "vodFileList")[], "onChange" | "scaleChange" | "vodFileList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onChange"[], "onChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     selectedList: {
-        type: ArrayConstructor;
-        required: false;
+        type: import("vue").PropType<any[]>;
         default: () => never[];
     };
     item: {
-        type: null;
-        required: false;
+        type: import("vue").PropType<any>;
         default: () => {};
     };
     isDetail: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     isLock: {
         type: BooleanConstructor;
-        required: false;
         default: boolean;
     };
     sourceType: {
         type: StringConstructor;
-        required: false;
         default: string;
     };
+    explicit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     getLabelList: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             rows: never[];
         }>;
     };
-    explicit: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    explicitHeiht: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
     queryCommonlabels: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             data: {};
         }>;
     };
     deleteLabel: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             status: boolean;
         }>;
     };
     saveLabelItem: {
         type: FunctionConstructor;
-        required: false;
         default: () => Promise<{
             status: boolean;
         }>;
     };
 }>> & {
     onOnChange?: ((...args: any[]) => any) | undefined;
-    onScaleChange?: ((...args: any[]) => any) | undefined;
-    onVodFileList?: ((...args: any[]) => any) | undefined;
 }, {
-    selectedList: unknown[];
+    selectedList: any[];
     item: any;
     isDetail: boolean;
     isLock: boolean;
     sourceType: string;
-    getLabelList: Function;
     explicit: boolean;
-    explicitHeiht: string;
+    getLabelList: Function;
     queryCommonlabels: Function;
     deleteLabel: Function;
     saveLabelItem: Function;
@@ -678,58 +631,6 @@ declare const LabelFormContent: SFCWithInstall<import("vue").DefineComponent<{
     anchorGetContainer: () => any;
     handleResetOptions: () => void;
     hanldeSetLabelItem: (id: string | number, status: boolean) => void;
-    NTabs: any;
-    NTabPane: import("vue").DefineComponent<{
-        readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => import("vue").VNodeChild)>;
-        readonly name: {
-            readonly type: import("vue").PropType<string | number>;
-            readonly required: true;
-        };
-        readonly disabled: BooleanConstructor;
-        readonly displayDirective: {
-            readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
-            readonly default: "if";
-        };
-        readonly closable: {
-            readonly type: import("vue").PropType<boolean | undefined>;
-            readonly default: undefined;
-        };
-        readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
-        readonly label: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => import("vue").VNodeChild)>;
-    }, {
-        style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
-        class: import("vue").Ref<string | undefined>;
-        mergedClsPrefix: import("vue").Ref<string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => import("vue").VNodeChild)>;
-        readonly name: {
-            readonly type: import("vue").PropType<string | number>;
-            readonly required: true;
-        };
-        readonly disabled: BooleanConstructor;
-        readonly displayDirective: {
-            readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
-            readonly default: "if";
-        };
-        readonly closable: {
-            readonly type: import("vue").PropType<boolean | undefined>;
-            readonly default: undefined;
-        };
-        readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
-        readonly label: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => import("vue").VNodeChild)>;
-    }>>, {
-        readonly disabled: boolean;
-        readonly closable: boolean | undefined;
-        readonly displayDirective: "if" | "show" | "show:lazy";
-    }>;
     NAnchor: any;
     NAnchorLink: import("vue").DefineComponent<{
         readonly title: StringConstructor;
@@ -928,8 +829,8 @@ declare const LabelFormContent: SFCWithInstall<import("vue").DefineComponent<{
     item: any;
     isLock: boolean;
     sourceType: string;
-    getLabelList: Function;
     explicit: boolean;
+    getLabelList: Function;
     deleteLabel: Function;
     saveLabelItem: Function;
 }>>;

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

@@ -109,58 +109,6 @@ declare const _default: import("vue").DefineComponent<{
     anchorGetContainer: () => any;
     handleResetOptions: () => void;
     hanldeSetLabelItem: (id: string | number, status: boolean) => void;
-    NTabs: any;
-    NTabPane: import("vue").DefineComponent<{
-        readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => import("vue").VNodeChild)>;
-        readonly name: {
-            readonly type: import("vue").PropType<string | number>;
-            readonly required: true;
-        };
-        readonly disabled: BooleanConstructor;
-        readonly displayDirective: {
-            readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
-            readonly default: "if";
-        };
-        readonly closable: {
-            readonly type: import("vue").PropType<boolean | undefined>;
-            readonly default: undefined;
-        };
-        readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
-        readonly label: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => import("vue").VNodeChild)>;
-    }, {
-        style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
-        class: import("vue").Ref<string | undefined>;
-        mergedClsPrefix: import("vue").Ref<string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => import("vue").VNodeChild)>;
-        readonly name: {
-            readonly type: import("vue").PropType<string | number>;
-            readonly required: true;
-        };
-        readonly disabled: BooleanConstructor;
-        readonly displayDirective: {
-            readonly type: import("vue").PropType<"if" | "show" | "show:lazy">;
-            readonly default: "if";
-        };
-        readonly closable: {
-            readonly type: import("vue").PropType<boolean | undefined>;
-            readonly default: undefined;
-        };
-        readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
-        readonly label: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => import("vue").VNodeChild)>;
-    }>>, {
-        readonly disabled: boolean;
-        readonly closable: boolean | undefined;
-        readonly displayDirective: "if" | "show" | "show:lazy";
-    }>;
     NAnchor: any;
     NAnchorLink: import("vue").DefineComponent<{
         readonly title: StringConstructor;
@@ -359,8 +307,8 @@ declare const _default: import("vue").DefineComponent<{
     item: any;
     isLock: boolean;
     sourceType: string;
-    getLabelList: Function;
     explicit: boolean;
+    getLabelList: Function;
     deleteLabel: Function;
     saveLabelItem: Function;
 }>;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as l,reactive as t,computed as a,watch as i,openBlock as n,createElementBlock as s,unref as d,createCommentVNode as o,withDirectives as r,createElementVNode as c,createVNode as b,withCtx as u,Fragment as f,renderList as p,createBlock as h,createTextVNode as y,toDisplayString as m,normalizeClass as v,vShow as g,nextTick as C}from"vue";import{useMessage as L,NTabs as I,NTabPane as S,NAnchor as E,NAnchorLink as w}from"naive-ui";import x from"./components/label-classify.vue.js";import{handleLabelColor as A}from"../../../shared/utils/vexutils.js";import k from"../../../_virtual/plugin-vue_export-helper.js";import O from"xe-utils";const K={key:0,class:"label-disable-wrap"},j=[c("p",{class:"label-disable-title"},"无可选标签",-1),c("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],_={style:{height:"100%"}},T={class:"label-wrap"},F={key:0,class:"explicit-continer"},B={slot:"tab"},D={class:"edit-label-type"},V={class:"explicit-label-wrap left-label-wrap"},P={class:"edit-label-content"},N=["id"],W={class:"edit-label-type"};var $=k(e({__name:"LabelFormContent",props:{item:{default:()=>({})},isEdit:{type:Boolean,default:!0},isLock:{type:Boolean,default:!1},labelSelectedList:null,isChangeWindow:{type:Boolean},getLabelList:{type:Function,default:()=>Promise.resolve({rows:[]})},deleteLabel:{type:Function,default:()=>Promise.resolve({status:!0})},saveLabelItem:{type:Function,default:()=>Promise.resolve({status:!0})},labelOptions:null,sourceType:{default:""},explicit:{type:Boolean,default:!1}},emits:["explicitOnChange","change","updateLabelData"],setup(e,{expose:k,emit:$}){const q=e,J=L(),R=l(null),z=t({editLabelItem:{},inited:!1,labelSelectedEdit:[],labelAnchorKey:"",cacheAnchorKey:"",labelConfig:{}});let G=l(0);const H=a((()=>{if(!z.inited)return!1;let e=z.labelConfig;return!e||Object.keys(e).every((l=>!e[l].itemList))})),M=a((()=>{let e=[].concat(...z.labelSelectedEdit,...q.labelSelectedList);return U(e,"labelId")})),Q=a((()=>{const e=M.value||[];return Array.isArray(e)?e.map((e=>e.labelId)):[]})),U=(e,l)=>{let t={};return e.reduce(((e,a)=>(!t[a[l]]&&(t[a[l]]=e.push(a)),e)),[])},X=()=>{if(z.labelSelectedEdit=M.value,"object"==typeof z.labelConfig){Object.keys(z.labelConfig||{}).forEach((e=>{var l;let t=(null==(l=z.labelConfig[e])?void 0:l.itemList)||[];t.length&&t.forEach((e=>{Q.value.includes(e.labelId)&&(e.isSelect=!0)}))}))}},Y=(e,l)=>{if(!e)return;let t=Object.keys(e)||[];if(!t.length)return;let a=e[t[0]].curKey;if(l&&"string"==typeof l){let[i]=l.split("~"),n=t.find((l=>e[l]&&e[l].curKey&&e[l].curKey.includes(i)));n&&(a=e[n].curKey)}a&&ne(a)},Z=(e,l)=>{l.showAdd=!0;const t=e.target.nextElementSibling;C((()=>{var e;null==(e=null==t?void 0:t.firstChild)||e.focus()}))},ee=(e,l)=>{setTimeout((()=>{l.addVal?te(l):l.showAdd=!1}),150)},le=(e,l)=>{l.addVal="",l.showAdd=!1},te=async e=>{var l;if(!!e.itemList.filter((e=>!(e.isPublic&&1==e.isPublic))).find((l=>l.labelName===e.addVal)))return J.error("标签名称重复!"),!1;let t="";t=(null==(l=e.itemList)?void 0:l.length)?e.itemList[0].parentColor||e.parentColor||"":(null==e?void 0:e.parentColor)||"";const a={type:e.typeId,name:e.addVal,parentColor:t},{status:i}=await q.saveLabelItem(a,e);i&&(J.success("添加成功！"),$("updateLabelData"),e.showAdd=!1)},ae=(e,l,t,a)=>{var i;const n=t.itemList,s=t.multipleChoice;let d=(null==(i=z.labelSelectedEdit)?void 0:i.length)&&O.clone(z.labelSelectedEdit,!0)||[];if(e){if(d.some((e=>e.labelId==l.labelId)))return;if(2==s){const{typeId:e,labelId:t}=l;d=d.filter((l=>l.typeId!==e)),n.forEach((e=>{e.labelId!==t&&(e.isSelect=!1)}))}d.push(l)}else{const e=d.findIndex((e=>e.labelId==l.labelId));-1!=e&&d.splice(e,1)}z.labelSelectedEdit=[...d],G.value++,q.explicit&&$("explicitOnChange",[...z.labelSelectedEdit])},ie=async e=>{const{status:l}=await q.deleteLabel(e,q.item);if(l){J.success("删除成功！");for(const l in z.labelConfig){const t=z.labelConfig[l].itemList.findIndex((l=>l.labelId==e.labelId));-1!=t&&z.labelConfig[l].itemList.splice(t,1)}const l=z.labelSelectedEdit||[],t=q.labelSelectedList||[];if(l&&l.length){const t=l.findIndex((l=>l.labelId==e.labelId));-1!=t&&l.splice(t,1)}if(t&&t.length){const l=t.findIndex((l=>l.labelId==e.labelId));-1!=l&&t.splice(l,1),$("change",[...t],q.item)}$("updateLabelData")}else J.warning("删除失败")},ne=e=>{e&&setTimeout((()=>{let l,t="#"+e;l=R.value.querySelector("a[href='"+t+"']"),l&&l.click(),z.labelAnchorKey=e}),32)},se=e=>{e.preventDefault()},de=e=>{if(!e)return;let l=e.slice(1);z.cacheAnchorKey=l},oe=()=>{var e;return null==(e=R.value)?void 0:e.querySelector(".right-label-wrap")};return i((()=>q.labelOptions),(e=>{e&&(()=>{var e;if(q.isLock)return;const l=JSON.parse(JSON.stringify(q.labelOptions));for(let t in l){let a=(null==(e=l[t])?void 0:e.typeId)||"";Object.assign(l[t],{curKey:`${t}_${a}}`})}z.labelConfig=l,C((()=>{let e;X(),q.explicit&&z.inited&&(e=z.labelAnchorKey),Y(z.labelConfig,e),z.inited=!0}))})()}),{immediate:!0,deep:!0}),k({resetShowAdd:()=>{let{labelObj:e}=z.editLabelItem;if(e&&Object.keys(e).length)for(let l in e){let t=e[l];Object.assign(t,{showAdd:!1})}},handleLabelForm:e=>{e([...z.labelSelectedEdit||[]])},handleResetOptions:()=>{},hanldeSetLabelItem:(e,l)=>{if("object"==typeof z.labelConfig){Object.keys(z.labelConfig||{}).forEach((t=>{var a;let i=(null==(a=z.labelConfig[t])?void 0:a.itemList)||[];i.length&&i.forEach((t=>{e==t.labelId&&(t.isSelect=l)}))}))}if(!1===l&&Array.isArray(z.labelSelectedEdit)){const l=z.labelSelectedEdit.findIndex((l=>l.labelId==e));-1!=l&&z.labelSelectedEdit.splice(l,1)}}}),(l,t)=>(n(),s("div",{class:"c-label-form-content",ref_key:"labelFormContent",ref:R},[d(H)?(n(),s("div",K,j)):o("v-if",!0),r(c("div",_,[c("div",T,[o(" 表单内嵌打开标签组件的样式 "),e.explicit?(n(),s("div",F,[b(d(I),{value:z.labelAnchorKey,type:"card",onChange:ne,"tab-position":"top"},{default:u((()=>[(n(!0),s(f,null,p(z.labelConfig,((l,t)=>(n(),h(d(S),{name:l.curKey},{default:u((()=>[c("span",B,[y(m(t)+" ",1),c("span",D,"("+m(2==l.multipleChoice?"单":"多")+"选)",1)]),c("div",V,[c("div",P,[b(x,{classifyItem:l,handleLabelChange:ae,handleLabelColor:d(A),handleDelLabel:ie,hanldeBlur:ee,handleAddLabel:Z,clearaddVal:le,isEdit:e.isEdit,sourceType:e.sourceType},null,8,["classifyItem","handleLabelColor","isEdit","sourceType"])])])])),_:2},1032,["name"])))),256))])),_:1},8,["value"])])):(n(),s(f,{key:1},[o(" 普通标签样式 "),c("div",{class:v(["left-label-wrap",{"total-left-label-wrap":e.isChangeWindow}])},[b(d(E),{"offset-target":oe,type:"block",onClick:se,onChange:de},{default:u((()=>[(n(!0),s(f,null,p(z.labelConfig,((e,l)=>(n(),h(d(w),{href:`#${e.curKey}`,title:String(l)},null,8,["href","title"])))),256))])),_:1})],2)],2112)),e.explicit?o("v-if",!0):(n(),s("div",{key:2,class:v(["right-label-wrap",{"total-right-label-wrap":e.isChangeWindow}])},[(n(!0),s(f,null,p(z.labelConfig,((l,t)=>(n(),s("div",{key:t,class:"edit-label-content"},[c("div",{class:"edit-label",id:l.curKey},[y(m(t)+" ",1),c("span",W,"("+m(2==l.multipleChoice?"单":"多")+"选)",1)],8,N),b(x,{classifyItem:l,handleLabelChange:ae,handleLabelColor:d(A),handleDelLabel:ie,hanldeBlur:ee,handleAddLabel:Z,clearaddVal:le,isEdit:e.isEdit,sourceType:e.sourceType},null,8,["classifyItem","handleLabelColor","isEdit","sourceType"])])))),128))],2))])],512),[[g,!d(H)]])],512))}}),[["__file","LabelFormContent.vue"]]);export{$ as default};
+import{defineComponent as t,ref as e,reactive as l,computed as a,watch as i,openBlock as n,createElementBlock as s,unref as d,createCommentVNode as o,withDirectives as r,createElementVNode as c,normalizeClass as b,createVNode as u,withCtx as p,Fragment as f,renderList as h,createBlock as y,createTextVNode as v,toDisplayString as m,vShow as g,nextTick as C}from"vue";import{useMessage as L,NAnchor as I,NAnchorLink as S}from"naive-ui";import E from"./components/label-classify.vue.js";import{handleLabelColor as w}from"../../../shared/utils/vexutils.js";import x from"../../../_virtual/plugin-vue_export-helper.js";import A from"xe-utils";const O={key:0,class:"label-disable-wrap"},K=[c("p",{class:"label-disable-title"},"无可选标签",-1),c("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],j={style:{height:"100%"}},k={class:"label-wrap"},T=["id"],_={class:"edit-label-type"};var B=x(t({__name:"LabelFormContent",props:{item:{default:()=>({})},isEdit:{type:Boolean,default:!0},isLock:{type:Boolean,default:!1},labelSelectedList:null,isChangeWindow:{type:Boolean},getLabelList:{type:Function,default:()=>Promise.resolve({rows:[]})},deleteLabel:{type:Function,default:()=>Promise.resolve({status:!0})},saveLabelItem:{type:Function,default:()=>Promise.resolve({status:!0})},labelOptions:null,sourceType:{default:""},explicit:{type:Boolean,default:!1}},emits:["explicitOnChange","change","updateLabelData"],setup(t,{expose:x,emit:B}){const D=t,F=L(),V=e(null),P=l({editLabelItem:{},inited:!1,labelSelectedEdit:[],labelAnchorKey:"",cacheAnchorKey:"",labelConfig:{}});let N=e(0);const W=a((()=>{if(!P.inited)return!1;let t=P.labelConfig;return!t||Object.keys(t).every((e=>!t[e].itemList))})),$=a((()=>{let t=[].concat(...P.labelSelectedEdit,...D.labelSelectedList);return J(t,"labelId")})),q=a((()=>{const t=$.value||[];return Array.isArray(t)?t.map((t=>t.labelId)):[]})),J=(t,e)=>{let l={};return t.reduce(((t,a)=>(!l[a[e]]&&(l[a[e]]=t.push(a)),t)),[])},R=()=>{if(P.labelSelectedEdit=$.value,"object"==typeof P.labelConfig){Object.keys(P.labelConfig||{}).forEach((t=>{var e;let l=(null==(e=P.labelConfig[t])?void 0:e.itemList)||[];l.length&&l.forEach((t=>{q.value.includes(t.labelId)&&(t.isSelect=!0)}))}))}},z=(t,e)=>{if(!t)return;let l=Object.keys(t)||[];if(!l.length)return;let a=t[l[0]].curKey;if(e&&"string"==typeof e){let[i]=e.split("~"),n=l.find((e=>t[e]&&t[e].curKey&&t[e].curKey.includes(i)));n&&(a=t[n].curKey)}a&&Y(a)},G=(t,e)=>{e.showAdd=!0;const l=t.target.nextElementSibling;C((()=>{var t;null==(t=null==l?void 0:l.firstChild)||t.focus()}))},H=(t,e)=>{setTimeout((()=>{e.addVal?Q(e):e.showAdd=!1}),150)},M=(t,e)=>{e.addVal="",e.showAdd=!1},Q=async t=>{var e;if(!!t.itemList.filter((t=>!(t.isPublic&&1==t.isPublic))).find((e=>e.labelName===t.addVal)))return F.error("标签名称重复!"),!1;let l="";l=(null==(e=t.itemList)?void 0:e.length)?t.itemList[0].parentColor||t.parentColor||"":(null==t?void 0:t.parentColor)||"";const a={type:t.typeId,name:t.addVal,parentColor:l},{status:i}=await D.saveLabelItem(a,t);i&&(F.success("添加成功！"),B("updateLabelData"),t.showAdd=!1)},U=(t,e,l,a)=>{var i;const n=l.itemList,s=l.multipleChoice;let d=(null==(i=P.labelSelectedEdit)?void 0:i.length)&&A.clone(P.labelSelectedEdit,!0)||[];if(t){if(d.some((t=>t.labelId==e.labelId)))return;if(2==s){const{typeId:t,labelId:l}=e;d=d.filter((e=>e.typeId!==t)),n.forEach((t=>{t.labelId!==l&&(t.isSelect=!1)}))}d.push(e)}else{const t=d.findIndex((t=>t.labelId==e.labelId));-1!=t&&d.splice(t,1)}P.labelSelectedEdit=[...d],N.value++,D.explicit&&B("explicitOnChange",[...P.labelSelectedEdit])},X=async t=>{const{status:e}=await D.deleteLabel(t,D.item);if(e){F.success("删除成功！");for(const e in P.labelConfig){const l=P.labelConfig[e].itemList.findIndex((e=>e.labelId==t.labelId));-1!=l&&P.labelConfig[e].itemList.splice(l,1)}const e=P.labelSelectedEdit||[],l=D.labelSelectedList||[];if(e&&e.length){const l=e.findIndex((e=>e.labelId==t.labelId));-1!=l&&e.splice(l,1)}if(l&&l.length){const e=l.findIndex((e=>e.labelId==t.labelId));-1!=e&&l.splice(e,1),B("change",[...l],D.item)}B("updateLabelData")}else F.warning("删除失败")},Y=t=>{t&&setTimeout((()=>{let e,l="#"+t;e=V.value.querySelector("a[href='"+l+"']"),e&&e.click(),P.labelAnchorKey=t}),32)},Z=t=>{t.preventDefault()},tt=t=>{if(!t)return;let e=t.slice(1);P.cacheAnchorKey=e},et=()=>{var t;return null==(t=V.value)?void 0:t.querySelector(".right-label-wrap")};return i((()=>D.labelOptions),(t=>{t&&(()=>{var t;if(D.isLock)return;const e=JSON.parse(JSON.stringify(D.labelOptions));for(let l in e){let a=(null==(t=e[l])?void 0:t.typeId)||"";Object.assign(e[l],{curKey:`${l}_${a}}`})}P.labelConfig=e,C((()=>{let t;R(),D.explicit&&P.inited&&(t=P.labelAnchorKey),z(P.labelConfig,t),P.inited=!0}))})()}),{immediate:!0,deep:!0}),x({resetShowAdd:()=>{let{labelObj:t}=P.editLabelItem;if(t&&Object.keys(t).length)for(let e in t){let l=t[e];Object.assign(l,{showAdd:!1})}},handleLabelForm:t=>{t([...P.labelSelectedEdit||[]])},handleResetOptions:()=>{},hanldeSetLabelItem:(t,e)=>{if("object"==typeof P.labelConfig){Object.keys(P.labelConfig||{}).forEach((l=>{var a;let i=(null==(a=P.labelConfig[l])?void 0:a.itemList)||[];i.length&&i.forEach((l=>{t==l.labelId&&(l.isSelect=e)}))}))}if(!1===e&&Array.isArray(P.labelSelectedEdit)){const e=P.labelSelectedEdit.findIndex((e=>e.labelId==t));-1!=e&&P.labelSelectedEdit.splice(e,1)}}}),(e,l)=>(n(),s("div",{class:"c-label-form-content",ref_key:"labelFormContent",ref:V},[d(W)?(n(),s("div",O,K)):o("v-if",!0),r(c("div",j,[c("div",k,[o(" 表单内嵌打开标签组件的样式 "),o(' <div v-if="explicit" class="explicit-continer">\n\t\t\t\t\t<n-tabs :value="state.labelAnchorKey" type="card" @change="labelAnchorTabsOnChange" tab-position="top">\n\t\t\t\t\t\t<template v-for="(v, i) in state.labelConfig">\n\t\t\t\t\t\t\t<n-tab-pane :name="v.curKey">\n\t\t\t\t\t\t\t\t<span slot="tab">\n\t\t\t\t\t\t\t\t\t{{ i }}\n\t\t\t\t\t\t\t\t\t<span class="edit-label-type">({{ v.multipleChoice == 2 ? \'单\' : \'多\' }}选)</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div class="explicit-label-wrap left-label-wrap">\n\t\t\t\t\t\t\t\t\t<div class="edit-label-content">\n\t\t\t\t\t\t\t\t\t\t<labelClassify\n\t\t\t\t\t\t\t\t\t\t\t:classifyItem="v"\n\t\t\t\t\t\t\t\t\t\t\t:handleLabelChange="handleLabelChange"\n\t\t\t\t\t\t\t\t\t\t\t:handleLabelColor="handleLabelColor"\n\t\t\t\t\t\t\t\t\t\t\t:handleDelLabel="handleDelLabel"\n\t\t\t\t\t\t\t\t\t\t\t:hanldeBlur="hanldeBlur"\n\t\t\t\t\t\t\t\t\t\t\t:handleAddLabel="handleAddLabel"\n\t\t\t\t\t\t\t\t\t\t\t:clearaddVal="clearaddVal"\n\t\t\t\t\t\t\t\t\t\t\t:isEdit="isEdit"\n\t\t\t\t\t\t\t\t\t\t\t:sourceType="sourceType"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</n-tab-pane>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</n-tabs>\n\t\t\t\t</div> '),o("\n\t\t\t\t\t普通标签样式\n\t\t\t\t\tv-else\n\t\t\t\t\texplicit\n\t\t\t\t "),c("div",{class:b(["left-label-wrap",{"total-left-label-wrap":t.isChangeWindow}])},[u(d(I),{"offset-target":et,type:"block",onClick:Z,onChange:tt},{default:p((()=>[(n(!0),s(f,null,h(P.labelConfig,((t,e)=>(n(),y(d(S),{href:`#${t.curKey}`,title:String(e)},null,8,["href","title"])))),256))])),_:1})],2),o(' v-if="!explicit" '),c("div",{class:b(["right-label-wrap",{"total-right-label-wrap":t.isChangeWindow}])},[(n(!0),s(f,null,h(P.labelConfig,((e,l)=>(n(),s("div",{key:l,class:"edit-label-content"},[c("div",{class:"edit-label",id:e.curKey},[v(m(l)+" ",1),c("span",_,"("+m(2==e.multipleChoice?"单":"多")+"选)",1)],8,T),u(E,{classifyItem:e,handleLabelChange:U,handleLabelColor:d(w),handleDelLabel:X,hanldeBlur:H,handleAddLabel:G,clearaddVal:M,isEdit:t.isEdit,sourceType:t.sourceType},null,8,["classifyItem","handleLabelColor","isEdit","sourceType"])])))),128))],2)])],512),[[g,!d(W)]])],512))}}),[["__file","LabelFormContent.vue"]]);export{B as default};