TreeParts-WGDXnq-c.js 2.0 KB

1
  1. import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{ab as j,r as m,$ as L,Q as M,c as t,a1 as O,o as n,g as l,w as c,e as R,t as S,j as o,s as V,ae as $,h as u,f as C,M as F}from"./index-Depr168F.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:g}){const f=i,{treeData:h,title:_}=j(f),s=g,k=m(null);let a=m(!1);const y=()=>{a.value=!a.value},b=e=>{s("nodeClick",e)},D=e=>{s("addBtnClick",e)},v=({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 L(()=>f.treeData,e=>{e.length>0&&M(()=>{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=O("has-permi");return n(),l(T,{title:o(_),bordered:!1,"header-style":{textAlign:"left"},class:"tree-card"},{title:c(()=>[R("span",null,S(o(_)),1),i.showLock?(n(),l(B,{key:0,content:"点击后可通过拖拽更改结构,再次点击来关闭","background-color":"#165DFF"},{default:c(()=>[V((n(),l(d,{type:o(a)?"secondary":"outline",style:{float:"right"},onClick:y},{default:c(()=>[(n(),l($(o(a)?"IconUnlock":"IconLock")))]),_:1},8,["type"])),[[A,"/base/syorganization!update"]])]),_:1})):u("",!0)]),default:c(()=>[C(N,{draggable:o(a),blockNode:"",data:o(h),"show-line":!0,ref_key:"treeRef",ref:k,fieldNames:i.fieldNames,onDrop:v,onSelect:b},{extra:c(p=>[C(w,{class:"icon-plus",onClick:()=>D(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};