cnhis-design-vue 3.1.5-beta.5 → 3.1.5-beta.6

package/es/packages/select-label/src/LabelFormContent.vue_vue_type_script_setup_true_lang.mjs

@@ -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 r,withDirectives as o,createElementVNode as c,createVNode as b,withCtx as u,Fragment as p,renderList as f,createBlock as y,createTextVNode as h,toDisplayString as m,normalizeClass as g,vShow as v,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"./components/label-classify2.mjs";import A,{handleLabelColor as x}from"cnhis-design-vue/es/src/utils/vexutils";import k from"./components/label-classify.vue_vue_type_script_setup_true_lang.mjs";const O={key:0,class:"label-disable-wrap"},K=[c("p",{class:"label-disable-title"},"无可选标签",-1),c("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],q={style:{height:"100%"}},j={class:"label-wrap"},_={key:0,class:"explicit-continer"},T={slot:"tab"},B={class:"edit-label-type"},D={class:"explicit-label-wrap left-label-wrap"},V={class:"edit-label-content"},F=["id"],P={class:"edit-label-type"};var N=e({props:{item:{type:null,required:!1,default:()=>({})},isEdit:{type:Boolean,required:!1,default:!0},isLock:{type:Boolean,required:!1,default:!1},labelSelectedList:{type:Array,required:!0},isChangeWindow:{type:Boolean,required:!0},getLabelList:{type:Function,required:!1,default:()=>Promise.resolve({rows:[]})},deleteLabel:{type:Function,required:!1,default:()=>Promise.resolve({status:!0})},saveLabelItem:{type:Function,required:!1,default:()=>Promise.resolve({status:!0})},labelOptions:{type:null,required:!1},sourceType:{type:String,required:!1,default:""},explicit:{type:Boolean,required:!1,default:!1}},emits:["explicitOnChange","change","updateLabelData"],setup(e,{expose:N,emit:W}){const $=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,...$.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 $.saveLabelItem(a,e);i&&(J.success("添加成功！"),W("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)&&A.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++,$.explicit&&W("explicitOnChange",[...z.labelSelectedEdit])},ie=async e=>{const{status:l}=await $.deleteLabel(e,$.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=$.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),W("change",[...t],$.item)}W("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},re=()=>{var e;return null==(e=R.value)?void 0:e.querySelector(".right-label-wrap")};return i((()=>$.labelOptions),(e=>{e&&(()=>{var e;if($.isLock)return;const l=JSON.parse(JSON.stringify($.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(),$.explicit&&z.inited&&(e=z.labelAnchorKey),Y(z.labelConfig,e),z.inited=!0}))})()}),{immediate:!0,deep:!0}),N({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",key:d(G),ref_key:"labelFormContent",ref:R},[d(H)?(n(),s("div",O,K)):r("v-if",!0),o(c("div",q,[c("div",j,[r(" 表单内嵌打开标签组件的样式 "),e.explicit?(n(),s("div",_,[b(d(I),{value:d(z).labelAnchorKey,type:"card",onChange:ne,"tab-position":"top"},{default:u((()=>[(n(!0),s(p,null,f(d(z).labelConfig,((l,t)=>(n(),y(d(S),{name:l.curKey},{default:u((()=>[c("span",T,[h(m(t)+" ",1),c("span",B,"("+m(2==l.multipleChoice?"单":"多")+"选)",1)]),c("div",D,[c("div",V,[b(k,{classifyItem:l,handleLabelChange:ae,handleLabelColor:d(x),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(p,{key:1},[r(" 普通标签样式 "),c("div",{class:g(["left-label-wrap",{"total-left-label-wrap":e.isChangeWindow}])},[b(d(E),{"offset-target":re,type:"block",onClick:se,onChange:de},{default:u((()=>[(n(!0),s(p,null,f(d(z).labelConfig,((e,l)=>(n(),y(d(w),{href:`#${e.curKey}`,title:String(l)},null,8,["href","title"])))),256))])),_:1})],2)],2112)),e.explicit?r("v-if",!0):(n(),s("div",{key:2,class:g(["right-label-wrap",{"total-right-label-wrap":e.isChangeWindow}])},[(n(!0),s(p,null,f(d(z).labelConfig,((l,t)=>(n(),s("div",{key:t,class:"edit-label-content"},[c("div",{class:"edit-label",id:l.curKey},[h(m(t)+" ",1),c("span",P,"("+m(2==l.multipleChoice?"单":"多")+"选)",1)],8,F),b(k,{classifyItem:l,handleLabelChange:ae,handleLabelColor:d(x),handleDelLabel:ie,hanldeBlur:ee,handleAddLabel:Z,clearaddVal:le,isEdit:e.isEdit,sourceType:e.sourceType},null,8,["classifyItem","handleLabelColor","isEdit","sourceType"])])))),128))],2))])],512),[[v,!d(H)]])]))}});export{N as default};
+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 r,withDirectives as o,createElementVNode as c,createVNode as b,withCtx as u,Fragment as p,renderList as f,createBlock as y,createTextVNode as h,toDisplayString as m,normalizeClass as g,vShow as v,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"./components/label-classify2.mjs";import A,{handleLabelColor as x}from"cnhis-design-vue/es/src/utils/vexutils";import k from"./components/label-classify.vue_vue_type_script_setup_true_lang.mjs";const O={key:0,class:"label-disable-wrap"},K=[c("p",{class:"label-disable-title"},"无可选标签",-1),c("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],q={style:{height:"100%"}},j={class:"label-wrap"},_={key:0,class:"explicit-continer"},T={slot:"tab"},B={class:"edit-label-type"},D={class:"explicit-label-wrap left-label-wrap"},F={class:"edit-label-content"},V=["id"],P={class:"edit-label-type"};var N=e({name:"LabelFormContent",props:{item:{type:null,required:!1,default:()=>({})},isEdit:{type:Boolean,required:!1,default:!0},isLock:{type:Boolean,required:!1,default:!1},labelSelectedList:{type:Array,required:!0},isChangeWindow:{type:Boolean,required:!0},getLabelList:{type:Function,required:!1,default:()=>Promise.resolve({rows:[]})},deleteLabel:{type:Function,required:!1,default:()=>Promise.resolve({status:!0})},saveLabelItem:{type:Function,required:!1,default:()=>Promise.resolve({status:!0})},labelOptions:{type:null,required:!1},sourceType:{type:String,required:!1,default:""},explicit:{type:Boolean,required:!1,default:!1}},emits:["explicitOnChange","change","updateLabelData"],setup(e,{expose:N,emit:W}){const $=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,...$.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 $.saveLabelItem(a,e);i&&(J.success("添加成功！"),W("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)&&A.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++,$.explicit&&W("explicitOnChange",[...z.labelSelectedEdit])},ie=async e=>{const{status:l}=await $.deleteLabel(e,$.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=$.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),W("change",[...t],$.item)}W("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},re=()=>{var e;return null==(e=R.value)?void 0:e.querySelector(".right-label-wrap")};return i((()=>$.labelOptions),(e=>{e&&(()=>{var e;if($.isLock)return;const l=JSON.parse(JSON.stringify($.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(),$.explicit&&z.inited&&(e=z.labelAnchorKey),Y(z.labelConfig,e),z.inited=!0}))})()}),{immediate:!0,deep:!0}),N({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",key:d(G),ref_key:"labelFormContent",ref:R},[d(H)?(n(),s("div",O,K)):r("v-if",!0),o(c("div",q,[c("div",j,[r(" 表单内嵌打开标签组件的样式 "),e.explicit?(n(),s("div",_,[b(d(I),{value:z.labelAnchorKey,type:"card",onChange:ne,"tab-position":"top"},{default:u((()=>[(n(!0),s(p,null,f(z.labelConfig,((l,t)=>(n(),y(d(S),{name:l.curKey},{default:u((()=>[c("span",T,[h(m(t)+" ",1),c("span",B,"("+m(2==l.multipleChoice?"单":"多")+"选)",1)]),c("div",D,[c("div",F,[b(k,{classifyItem:l,handleLabelChange:ae,handleLabelColor:d(x),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(p,{key:1},[r(" 普通标签样式 "),c("div",{class:g(["left-label-wrap",{"total-left-label-wrap":e.isChangeWindow}])},[b(d(E),{"offset-target":re,type:"block",onClick:se,onChange:de},{default:u((()=>[(n(!0),s(p,null,f(z.labelConfig,((e,l)=>(n(),y(d(w),{href:`#${e.curKey}`,title:String(l)},null,8,["href","title"])))),256))])),_:1})],2)],2112)),e.explicit?r("v-if",!0):(n(),s("div",{key:2,class:g(["right-label-wrap",{"total-right-label-wrap":e.isChangeWindow}])},[(n(!0),s(p,null,f(z.labelConfig,((l,t)=>(n(),s("div",{key:t,class:"edit-label-content"},[c("div",{class:"edit-label",id:l.curKey},[h(m(t)+" ",1),c("span",P,"("+m(2==l.multipleChoice?"单":"多")+"选)",1)],8,V),b(k,{classifyItem:l,handleLabelChange:ae,handleLabelColor:d(x),handleDelLabel:ie,hanldeBlur:ee,handleAddLabel:Z,clearaddVal:le,isEdit:e.isEdit,sourceType:e.sourceType},null,8,["classifyItem","handleLabelColor","isEdit","sourceType"])])))),128))],2))])],512),[[v,!d(H)]])]))}});export{N as default};