1 |
- import{g as O}from"./index.es.DmevZXPX.js";import{a6 as q,am as A,ah as C}from"./index.BQUvI64x.js";import{_ as T}from"./index.vue_vue_type_script_setup_true_name_svgIcon_lang.ewMaC2f9.js";import{m as G,a as H,l as W}from"./api.DtZ-INlp.js";import{a as X,r as _,w as Y,aj as i,at as Z,c as w,o as c,S as a,b as M,u as g,y as ee,P as L,K as n,Q as y,L as v,J as k,R as te,ai as ae,ae as ne}from"./vue.D1BjjNmv.js";import{_ as oe}from"./_plugin-vue_export-helper.DlAUqK2U.js";const le={class:"menu-tree-com"},se={class:"mtc-head"},ie={key:0,class:"text-center font-black font-normal"},re={key:1,class:"text-center font-black text-red-700 font-normal"},ce={class:"mtc-tags"},de=X({__name:"index",props:{treeData:{default:()=>[]}},emits:["treeClick","deleteDept","updateDept"],setup(ue,{expose:V,emit:B}){const E=O(ae),R={children:"children",label:"name",icon:"icon",isLeaf:(t,e)=>!e.data.is_catalog},x=_(),h=B;let u=_(""),f=_(!1),l=_({}),b=_(null);Y(u,t=>{x.value.filter(t)});const S=(t,e)=>t?ne(e).name.indexOf(t)!==-1:!0,U=(t,e)=>{t.level!==0&&W({parent:t.data.id}).then(r=>{e(r.data)})},$=(t,e)=>{l.value=t,b.value=e,h("treeClick",t)},z=t=>{if(t==="update"){if(!l.value.id){C("请选择菜单!");return}h("updateDept",t,l.value)}else h("updateDept",t)},P=()=>{if(!l.value.id){C("请选择菜单!");return}h("deleteDept",l.value.id,()=>{l.value={}})},N=async t=>{var s;if(!l.value.id){C("请选择菜单!");return}if(f.value)return;const e=((s=b.value)==null?void 0:s.parent.childNodes)||[],r=e.findIndex(m=>m.data.id===l.value.id),D=e.find(m=>m.data.id===l.value.id);if(t==="up"){if(r===0)return;e.splice(r-1,0,D),e.splice(r+1,1),f.value=!0,await G({menu_id:l.value.id}),f.value=!1}t==="down"&&(e.splice(r+2,0,D),e.splice(r,1),f.value=!0,await H({menu_id:l.value.id}),f.value=!1)};return V({treeRef:x}),(t,e)=>{const r=i("el-input"),D=i("Menu"),s=i("el-icon"),m=i("QuestionFilled"),d=i("el-tooltip"),F=i("Plus"),I=i("Edit"),Q=i("Top"),j=i("Bottom"),J=i("Delete"),p=Z("auth");return c(),w(te,null,[a(r,{modelValue:g(u),"onUpdate:modelValue":e[0]||(e[0]=o=>ee(u)?u.value=o:u=o),"prefix-icon":g(q),placeholder:"请输入菜单名称"},null,8,["modelValue","prefix-icon"]),M("div",le,[M("div",se,[a(s,{size:"16",color:"#606266",class:"mtc-head-icon"},{default:n(()=>[a(D)]),_:1}),e[6]||(e[6]=L(" 菜单列表 ")),a(d,{effect:"dark",placement:"right",content:"1.红色菜单代表状态禁用; 2.添加菜单,如果是目录,组件地址为空即可; 3.添加根节点菜单,父级ID为空即可; 4.支持拖拽菜单;"},{default:n(()=>[a(s,{size:"16",color:"var(--el-color-primary)",class:"mtc-tooltip"},{default:n(()=>[a(m)]),_:1})]),_:1})]),a(g(A),{ref_key:"treeRef",ref:x,data:t.treeData,props:R,"filter-node-method":S,load:U,lazy:"",indent:45,onNodeClick:$,"highlight-current":""},{default:n(({node:o,data:K})=>[a(g(E),{node:o,showLabelLine:!1,indent:32},{default:n(()=>[K.status?(c(),w("span",ie,[a(T,{name:o.data.icon,color:"var(--el-color-primary)"},null,8,["name"]),L(" "+y(o.label),1)])):(c(),w("span",re,[a(T,{name:o.data.icon},null,8,["name"]),L(" "+y(o.label),1)]))]),_:2},1032,["node"])]),_:1},8,["data"]),M("div",ce,[a(d,{effect:"dark",content:"新增"},{default:n(()=>[v((c(),k(s,{size:"16",onClick:e[1]||(e[1]=o=>z("create")),class:"mtc-tags-icon"},{default:n(()=>[a(F)]),_:1})),[[p,"menu:Create"]])]),_:1}),a(d,{effect:"dark",content:"编辑"},{default:n(()=>[v((c(),k(s,{size:"16",onClick:e[2]||(e[2]=o=>z("update")),class:"mtc-tags-icon"},{default:n(()=>[a(I)]),_:1})),[[p,"menu:Update"]])]),_:1}),a(d,{effect:"dark",content:"上移"},{default:n(()=>[v((c(),k(s,{size:"16",onClick:e[3]||(e[3]=o=>N("up")),class:"mtc-tags-icon"},{default:n(()=>[a(Q)]),_:1})),[[p,"menu:MoveUp"]])]),_:1}),a(d,{effect:"dark",content:"下移"},{default:n(()=>[v((c(),k(s,{size:"16",onClick:e[4]||(e[4]=o=>N("down")),class:"mtc-tags-icon"},{default:n(()=>[a(j)]),_:1})),[[p,"menu:MoveDown"]])]),_:1}),a(d,{effect:"dark",content:"删除"},{default:n(()=>[v((c(),k(s,{size:"16",onClick:e[5]||(e[5]=o=>P()),class:"mtc-tags-icon"},{default:n(()=>[a(J)]),_:1})),[[p,"menu:Delete"]])]),_:1})])])],64)}}}),he=oe(de,[["__scopeId","data-v-027d3c6f"]]);export{he as default};
|