TreeParts-CdMoi_3i.js 2.0 KB

1
  1. import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{ab as L,r as m,$ as M,Q as O,c as t,a1 as R,o as n,h as l,w as c,e as S,t as V,k as o,v as $,ae as j,i as u,f as C,M as F}from"./index-PQjwf3d2.js";const z={__name:"TreeParts",props:{title:String,showLock:{type:Boolean,default:!1},treeData:{type:Array,default:()=>[]},permission:{type:Object,default:()=>{}},fieldNames:{type:Object,default:()=>({label:"label",key:"id",children:"children"})}},emits:["nodeClick","addBtnClick","drop","deleteBtnClick"],setup(i,{emit:h}){const f=i,{treeData:y,title:_}=L(f),s=h,k=m(null);let a=m(!1);const g=()=>{a.value=!a.value},b=e=>{s("nodeClick",e)},v=e=>{s("addBtnClick",e)},D=({dragNode:e,dropNode:r,dropPosition:d})=>{s("drop",{dragNode:e,dropNode:r,dropPosition:d})},x=(e,r)=>{F.warning({title:r,okText:"确定",cancelText:"取消",hideCancel:!1,onOk(){s("deleteBtnClick",e)}})};return M(()=>f.treeData,e=>{e.length>0&&O(()=>{k.value.expandAll()})}),(e,r)=>{const d=t("a-button"),B=t("a-tooltip"),w=t("IconPlus"),I=t("IconDelete"),N=t("a-tree"),T=t("a-card"),A=R("has-permi");return n(),l(T,{title:o(_),bordered:!1,"header-style":{textAlign:"left"},class:"tree-card"},{title:c(()=>[S("span",null,V(o(_)),1),i.showLock?(n(),l(B,{key:0,content:"点击后可通过拖拽更改结构,再次点击来关闭","background-color":"#165DFF"},{default:c(()=>[$((n(),l(d,{type:o(a)?"secondary":"outline",style:{float:"right"},onClick:g},{default:c(()=>[(n(),l(j(o(a)?"IconUnlock":"IconLock")))]),_:1},8,["type"])),[[A,"/base/syorganization!update"]])]),_:1})):u("",!0)]),default:c(()=>[C(N,{draggable:o(a),blockNode:"",data:o(y),"show-line":!0,ref_key:"treeRef",ref:k,fieldNames:i.fieldNames,onDrop:D,onSelect:b},{extra:c(p=>[C(w,{class:"icon-plus",onClick:()=>v(p)},null,8,["onClick"]),p.parentId?(n(),l(I,{key:0,onClick:Q=>x(p,e.$t("permission.delete_confirm")),class:"icon-delete"},null,8,["onClick"])):u("",!0)]),_:1},8,["draggable","data","fieldNames"])]),_:1},8,["title"])}}},E=P(z,[["__scopeId","data-v-6a63f15c"]]);export{E as T};