mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-06 00:18:51 +08:00
2 lines
4.2 KiB
JavaScript
2 lines
4.2 KiB
JavaScript
var V=Object.defineProperty,A=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var x=(s,t,a)=>t in s?V(s,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[t]=a,y=(s,t)=>{for(var a in t||(t={}))q.call(t,a)&&x(s,a,t[a]);if(b)for(var a of b(t))B.call(t,a)&&x(s,a,t[a]);return s},w=(s,t)=>A(s,T(t));import{d as L,L as m,ac as C,a7 as I,a8 as P,p as E,a9 as j,aa as z,b as H,e as K,w as o,f as d,h,g as u,u as f,t as g,ab as S,j as M}from"./index-DMqaFtX4.js";const k=L({name:"ReTreeLine",props:{node:{type:Object,required:!0},data:{type:Array,default:()=>{}},treeData:{type:Array,default:()=>[]},indent:{type:Number,default:16},showLabelLine:{type:Boolean,default:!0}},setup(s,t){const{slots:a}=t;return{getScopedSlot:n=>{if(!n)return null;const l=n.split("||");let e=null;for(let r=0;r<l.length;r++){const i=l[r];e=(a||{})[i]}return e},getSlotValue:(n,l,e=null)=>C(n)?n(l)||e:n||e}},render(){const s=this.getScopedSlot("default"),t=this.getScopedSlot("node-label"),a=this.getScopedSlot("after-node-label"),_=s?this.getSlotValue(s,{node:this.node,data:this.data}):[t?this.getSlotValue(t,{node:this.node,data:this.data}):m("span",{class:"element-tree-node-label"},this.node.label),this.showLabelLine?m("span",{class:"element-tree-node-label-line"}):null,this.getSlotValue(a,{node:this.node,data:this.data})],c=[];let n=this.node;for(;n;){let e=n.parent;if(n.level===1&&!n.parent){if(!this.treeData||!Array.isArray(this.treeData))throw Error("if you using el-tree-v2 (Virtualized Tree) of element-plus,element-tree-line required data.");e={children:Array.isArray(this.treeData)?this.treeData.map(r=>w(y({},r),{key:r.id})):[],level:0,key:"node-0",parent:null}}if(e){const r=(e.children||e.childNodes).findIndex(i=>(i.key||i.id)===(n.key||n.id));c.unshift(r===(e.children||e.childNodes).length-1)}n=e}const l=[];for(let e=0;e<this.node.level;e++)l.push(m("span",{class:{"element-tree-node-line-ver":!0,"last-node-line":c[e]&&this.node.level-1!==e,"last-node-isLeaf-line":c[e]&&this.node.level-1===e},style:{left:this.indent*e+"px"}}));return m("span",{class:"element-tree-node-label-wrapper"},[_].concat(l).concat([m("span",{class:"element-tree-node-line-hor",style:{width:(this.node.isLeaf?24:8)+"px",left:(this.node.level-1)*this.indent+"px"}})]))}}),O={class:"card-header"},R={class:"max-h-[550px] overflow-y-auto"},F={class:"text-sm"},G={class:"max-h-[550px] overflow-y-auto"},J={class:"text-sm"},W=L({name:"LineTree",__name:"line-tree",setup(s){const t=I(P().wholeMenus,!0),a=E(()=>j(t)),_=z(a.value),c={value:"uniqueId",children:"children"};return(n,l)=>{const e=h("el-link"),r=h("el-tree"),i=h("el-card"),v=h("el-col"),D=h("el-tree-v2"),N=h("el-row");return K(),H(i,{shadow:"never"},{header:o(()=>[u("div",O,[l[1]||(l[1]=u("p",{class:"font-medium"}," 扩展 Elemenet Plus 的树形组件包括虚拟树组件，支持连接线 ",-1)),d(e,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/line-tree.vue",target:"_blank"},{default:o(()=>l[0]||(l[0]=[M(" 代码位置 src/views/able/line-tree.vue ")])),_:1})])]),default:o(()=>[d(N,{gutter:24},{default:o(()=>[d(v,{xs:24,sm:24,md:12,lg:12,xl:12,class:"mb-[20px]"},{default:o(()=>[d(i,{shadow:"never"},{header:o(()=>l[2]||(l[2]=[u("div",{class:"card-header"},"普通树结构",-1)])),default:o(()=>[u("div",R,[d(r,{data:a.value,props:c,"show-checkbox":"","default-expand-all":"","node-key":"uniqueId",indent:30},{default:o(({node:p})=>[d(f(k),{node:p,showLabelLine:!0},{"node-label":o(()=>[u("span",F,g(f(S)(p.data.meta.title)),1)]),_:2},1032,["node"])]),_:1},8,["data"])])]),_:1})]),_:1}),d(v,{xs:24,sm:24,md:12,lg:12,xl:12},{default:o(()=>[d(i,{shadow:"never"},{header:o(()=>l[3]||(l[3]=[u("div",{class:"card-header"},"虚拟树结构",-1)])),default:o(()=>[u("div",G,[d(D,{data:a.value,props:c,"show-checkbox":"",height:550,"default-expanded-keys":f(_)},{default:o(({node:p})=>[d(f(k),{node:p,treeData:a.value,showLabelLine:!0,indent:30},{"node-label":o(()=>[u("span",J,g(f(S)(p.data.meta.title)),1)]),_:2},1032,["node","treeData"])]),_:1},8,["data","default-expanded-keys"])])]),_:1})]),_:1})]),_:1})]),_:1})}}});export{W as default};
|