index.C-DV7P60.js 4.1 KB

1
  1. import{g as K}from"./index.es.DmevZXPX.js";import{M as j,O as q,w as g}from"./index.T0of0op1.js";import{_ as b}from"./index.vue_vue_type_script_setup_true_name_svgIcon_lang.B7rc5zXC.js";import{m as A,a as J,l as W}from"./api.Db3L57Md.js";import{w as X,D as p,H as Y,aF as i,aK as Z,x as w,y as c,a8 as a,z as C,G as h,R as ee,a5 as M,a1 as n,a6 as T,a2 as _,a0 as v,a7 as te,av as ae,ax as ne}from"./vue.Bi2Y_N79.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:y,emit:V}){const B=K(ae),E={children:"children",label:"name",icon:"icon",isLeaf:(t,e)=>!e.data.is_catalog},x=p(),k=V;let u=p(""),f=p(!1),l=p({}),z=p(null);Y(u,t=>{x.value.filter(t)});const R=(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,z.value=e,k("treeClick",t)},L=t=>{if(t==="update"){if(!l.value.id){g("请选择菜单!");return}k("updateDept",t,l.value)}else k("updateDept",t)},F=()=>{if(!l.value.id){g("请选择菜单!");return}k("deleteDept",l.value.id,()=>{l.value={}})},N=async t=>{if(!l.value.id){g("请选择菜单!");return}if(f.value)return;const e=z.value?.parent.childNodes||[],r=e.findIndex(s=>s.data.id===l.value.id),D=e.find(s=>s.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 A({menu_id:l.value.id}),f.value=!1}t==="down"&&(e.splice(r+2,0,D),e.splice(r,1),f.value=!0,await J({menu_id:l.value.id}),f.value=!1)};return y({treeRef:x}),(t,e)=>{const r=i("el-input"),D=i("Menu"),s=i("el-icon"),S=i("QuestionFilled"),d=i("el-tooltip"),I=i("Plus"),P=i("Edit"),O=i("Top"),Q=i("Bottom"),G=i("Delete"),m=Z("auth");return c(),w(te,null,[a(r,{modelValue:h(u),"onUpdate:modelValue":e[0]||(e[0]=o=>ee(u)?u.value=o:u=o),"prefix-icon":h(j),placeholder:"请输入菜单名称"},null,8,["modelValue","prefix-icon"]),C("div",le,[C("div",se,[a(s,{size:"16",color:"#606266",class:"mtc-head-icon"},{default:n(()=>[a(D)]),_:1}),e[6]||(e[6]=M(" 菜单列表 ")),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(S)]),_:1})]),_:1})]),a(h(q),{ref_key:"treeRef",ref:x,data:t.treeData,props:E,"filter-node-method":R,load:U,lazy:"",indent:45,onNodeClick:$,"highlight-current":""},{default:n(({node:o,data:H})=>[a(h(B),{node:o,showLabelLine:!1,indent:32},{default:n(()=>[H.status?(c(),w("span",ie,[a(b,{name:o.data.icon,color:"var(--el-color-primary)"},null,8,["name"]),M("  "+T(o.label),1)])):(c(),w("span",re,[a(b,{name:o.data.icon},null,8,["name"]),M(" "+T(o.label),1)]))]),_:2},1032,["node"])]),_:1},8,["data"]),C("div",ce,[a(d,{effect:"dark",content:"新增"},{default:n(()=>[_((c(),v(s,{size:"16",onClick:e[1]||(e[1]=o=>L("create")),class:"mtc-tags-icon"},{default:n(()=>[a(I)]),_:1})),[[m,"menu:Create"]])]),_:1}),a(d,{effect:"dark",content:"编辑"},{default:n(()=>[_((c(),v(s,{size:"16",onClick:e[2]||(e[2]=o=>L("update")),class:"mtc-tags-icon"},{default:n(()=>[a(P)]),_:1})),[[m,"menu:Update"]])]),_:1}),a(d,{effect:"dark",content:"上移"},{default:n(()=>[_((c(),v(s,{size:"16",onClick:e[3]||(e[3]=o=>N("up")),class:"mtc-tags-icon"},{default:n(()=>[a(O)]),_:1})),[[m,"menu:MoveUp"]])]),_:1}),a(d,{effect:"dark",content:"下移"},{default:n(()=>[_((c(),v(s,{size:"16",onClick:e[4]||(e[4]=o=>N("down")),class:"mtc-tags-icon"},{default:n(()=>[a(Q)]),_:1})),[[m,"menu:MoveDown"]])]),_:1}),a(d,{effect:"dark",content:"删除"},{default:n(()=>[_((c(),v(s,{size:"16",onClick:e[5]||(e[5]=o=>F()),class:"mtc-tags-icon"},{default:n(()=>[a(G)]),_:1})),[[m,"menu:Delete"]])]),_:1})])])],64)}}}),De=oe(de,[["__scopeId","data-v-3648c119"]]);export{De as default};