menu-tree.bd54fbdf.js 1.4 KB

1
  1. import{u as F}from"./hooks.8590c5d3.js";import{q as y,E as u,r as E,H as V,I as g,aZ as B,B as n,o as D,x as b,M as o,p as l,A as r,v as a,z as I,C as d}from"./index.41f763da.js";const M={class:"card-header"},N={class:"font-medium"},T=d(" \u83DC\u5355\u6811\u7ED3\u6784\uFF08\u91C7\u7528element-plus\u7684 "),q=d(" Tree V2 "),z=d(" \u7EC4\u4EF6\u5E76\u652F\u6301\u56FD\u9645\u5316\uFF09 "),R={name:"MenuTree"},S=y({...R,setup(w){const c=u("");let _=u({value:"uniqueId",children:"children"});const p=u();let i=E(()=>V(g().menusTree)),m=B(i.value);const f=e=>{p.value.filter(e)},h=(e,t)=>t.meta.title.indexOf(e)!==-1;return(e,t)=>{const x=n("el-link"),v=n("el-input"),k=n("el-tree-v2"),C=n("el-card");return D(),b(C,null,{header:o(()=>[l("div",M,[l("span",N,[T,r(x,{href:"https://element-plus.gitee.io/zh-CN/component/tree-v2.html",target:"_blank",icon:a(F)("node-tree"),style:{"font-size":"16px",margin:"0 5px 4px 0"}},{default:o(()=>[q]),_:1},8,["icon"]),z])])]),default:o(()=>[r(v,{class:"mb-4",modelValue:c.value,"onUpdate:modelValue":t[0]||(t[0]=s=>c.value=s),placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u67E5\u627E",clearable:"",onInput:f},null,8,["modelValue"]),r(k,{ref_key:"treeRef",ref:p,data:a(i),props:a(_),"show-checkbox":"",height:500,"filter-method":h,"default-expanded-keys":a(m)},{default:o(({data:s})=>[l("span",null,I(s.meta.title),1)]),_:1},8,["data","props","default-expanded-keys"])]),_:1})}}});export{S as default};