2 lines
2.6 KiB
JavaScript
2 lines
2.6 KiB
JavaScript
|
import{d as w,r,b as z,w as F,c as p,e as g,f as b,t as V,p as $,g as k,h as d,i as f,x as h,y as D,ar as S,l as q,z as E,_ as R}from"./index-ccab2584.js";const I={class:"card filter"},K={key:0,class:"title sle"},M={style:{display:"flex","box-sizing":"border-box"}},O={style:{"font-size":"12px"},class:"el-tree-node__label"},P={style:{position:"absolute",right:"0"}},U=w({name:"TreeFilter"}),j=w({...U,props:{requestApi:{},data:{},title:{},id:{default:"id"},label:{default:"label"},multiple:{type:Boolean,default:!1},defaultValue:{}},emits:["change"],setup(C,{expose:x,emit:v}){const t=C,B={children:"children",label:t.label},_=r(""),m=r(),i=r([]),y=r([]),u=r();z(async()=>{var l;if(t.multiple?u.value=Array.isArray(t.defaultValue)?t.defaultValue:[t.defaultValue]:u.value=typeof t.defaultValue=="string"?t.defaultValue:"",t.data,(l=t.data)!=null&&l.length){i.value=t.data,y.value=t.data;return}const e=await t.requestApi();setTimeout(function(){i.value=(e==null?void 0:e.result)||[]},200)}),F(_,e=>{m.value.filter(e)});const N=(e,l,o)=>{if(!e)return!0;let s=o.parent,n=[o.label],c=1;for(;c<o.level;)n=[...n,s.label],s=s.parent,c++;return n.some(a=>a.indexOf(e)!==-1)},T=(e,l)=>{t.multiple||v("change",l)},A=()=>{var e;v("change",(e=m.value)==null?void 0:e.getCheckedKeys())};return x({treeData:i,treeAllData:y}),(e,l)=>{const o=p("search"),s=p("el-icon"),n=p("el-input"),c=p("el-scrollbar");return g(),b("div",I,[e.title?(g(),b("h4",K,V(e.title),1)):$("",!0),k("div",M,[d(n,{style:{"margin-right":"20px"},modelValue:_.value,"onUpdate:modelValue":l[0]||(l[0]=a=>_.value=a),placeholder:"\u8BF7\u8F93\u5165",clearable:""},{prefix:f(()=>[d(s,{class:"el-input__icon"},{default:f(()=>[d(o)]),_:1})]),_:1},8,["modelValue"]),h(e.$slots,"addButton",{},void 0,!0)]),d(c,{style:E({height:e.title?"calc(100% - 95px)":"calc(100% - 56px)"})},{default:f(()=>[d(D(S),{ref_key:"treeRef",ref:m,"default-expand-all":"","node-key":e.id,data:e.multiple?i.value:y.value,"show-checkbox":e.multiple,"check-strictly":!1,"current-node-key":e.multiple?"":u.value,"highlight-current":!e.multiple,"expand-on-click-node":!1,"check-on-click-node":e.multiple,props:B,"filter-node-method":N,"default-checked-keys":e.multiple?u.value:[],onNodeClick:T,onCheck:A},{default:f(({node:a,data:G})=>[k("span",O,[h(e.$slots,"default",{row:a},()=>[q(V(a.label),1)],!0)]),k("div",P,[h(e.$slots,"editButton",{row:a},void 0,!0),h(e.$slots,"delButton",{row:a},void 0,!0)])]),_:3},8,["node-key","data","show-checkbox","current-node-key","highlight-current","check-on-click-node","default-checked-keys"])]),_:3},8,["style"])])}}});const J=R(j,[["__scopeId","data-v-2fad305d"]]);export{J as T};
|