vue-pure-admin/static/js/menu-tree-DKJbn2em.js

2 lines
1.9 KiB
JavaScript

import{d as y,a as u,a6 as w,a7 as C,p as H,a8 as M,b as I,w as t,e as n,a9 as N,f as P,g as d,h as s,i as o,u as r,t as T,aa as c}from"./index-DR0XdFJ5.js";import{u as Z}from"./hooks-mAD26oeG.js";const B={width:24,height:24,body:'<path fill="currentColor" d="M10 2a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H8v2h5V9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-1H8v6h5v-1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-1H7a1 1 0 0 1-1-1V8H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h6Zm9 16h-4v2h4v-2Zm0-8h-4v2h4v-2ZM9 4H5v2h4V4Z"/>'},R={class:"card-header"},q={class:"font-medium"},E=y({name:"MenuTree",__name:"menu-tree",setup(z){const i=u(""),v=u({value:"uniqueId",children:"children"}),m=u(),f=w(C().wholeMenus,!0),p=H(()=>N(f)),_=M(p.value),x=a=>{m.value.filter(a)},b=(a,e)=>c(e.meta.title).indexOf(a)!==-1;return(a,e)=>{const h=n("el-link"),k=n("el-input"),V=n("el-tree-v2"),g=n("el-card");return P(),I(g,{shadow:"never"},{header:t(()=>[d("div",R,[d("span",q,[e[2]||(e[2]=s(" 菜单树结构(采用 Element Plus 的 ")),o(h,{href:"https://element-plus.gitee.io/zh-CN/component/tree-v2.html",target:"_blank",icon:r(Z)(r(B)),style:{margin:"0 5px 4px 0","font-size":"16px"}},{default:t(()=>e[1]||(e[1]=[s(" Tree V2 ")])),_:1},8,["icon"]),e[3]||(e[3]=s(" 组件并支持国际化) "))])]),o(h,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/menu-tree.vue",target:"_blank"},{default:t(()=>e[4]||(e[4]=[s(" 代码位置 src/views/able/menu-tree.vue ")])),_:1})]),default:t(()=>[o(k,{modelValue:i.value,"onUpdate:modelValue":e[0]||(e[0]=l=>i.value=l),class:"mb-4",placeholder:"请输入关键字查找",clearable:"",onInput:x},null,8,["modelValue"]),o(V,{ref_key:"treeRef",ref:m,data:p.value,props:v.value,"show-checkbox":"",height:500,"filter-method":b,"default-expanded-keys":r(_)},{default:t(({data:l})=>[d("span",null,T(r(c)(l.meta.title)),1)]),_:1},8,["data","props","default-expanded-keys"])]),_:1})}}});export{E as default};