ll-package
Version:
2 lines (1 loc) • 4.52 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("./props.js"),x=require("../../../../node_modules/lodash/lodash.js"),I={class:"ll-tree-select-wrapper"},O={class:"add-product-category-wrapper"},W={class:"header-container"},M={class:"tree-chidren-item"},$=e.defineComponent({name:"LlTreeSelect"}),K=e.defineComponent({...$,props:{treeListSrcollHeight:{default:"200px"},visible:{type:Boolean,default:!1},throttleTime:{default:300},isShowAdd:{type:Boolean,default:!0},selectConfigProps:{default:()=>({})},treeConfigProps:{default:()=>({})},fieldNames:{default:()=>({children:"children",title:"title",key:"key"})},value:{default:""},loading:{type:Boolean,default:!1},treeData:{default:()=>[]},operateWay:{default:u.IOperateWayType.MODAL},modalConfigProps:{},drawerConfigProps:{},expandedKeys:{default:()=>[]}},emits:["handleInputChange","select","clickAddBtn","cancel","ok","close","expand"],setup(k,{emit:y}){const a=k,l=y,r=e.ref(!1),c=e.ref(""),d=e.ref(""),p=e.ref([]);e.watch(()=>a.visible,t=>{t&&(r.value=!1)}),e.watch(()=>a.value,t=>{t&&(d.value=t)}),e.watch(()=>[a.expandedKeys],t=>{t&&(p.value=t)},{deep:!0});const g=t=>{t&&(r.value=!0)},B=()=>{l("handleInputChange",c.value)},w=x.default.throttle(B,a.throttleTime),m=t=>{l("clickAddBtn",t)},_=(t,o)=>{p.value=t,l("expand",t,o)},N=(t,{node:o})=>{r.value=!1,d.value=o[a.fieldNames.title],l("select",o)},f=()=>{l("ok")},h=()=>{l("cancel")},b=()=>{l("close")};return(t,o)=>{const s=e.resolveComponent("ll-icon"),V=e.resolveComponent("ll-input"),C=e.resolveComponent("ll-button"),S=e.resolveComponent("a-tree"),P=e.resolveComponent("ll-empty"),D=e.resolveComponent("ll-select"),E=e.resolveComponent("ll-modal"),A=e.resolveComponent("ll-drawer"),T=e.resolveDirective("loading");return e.openBlock(),e.createElementBlock("div",I,[e.createVNode(D,e.mergeProps(t.selectConfigProps,{open:r.value,value:d.value,class:"ll-tree-select-conatiner",getPopupContainer:i=>i.parentNode,onBlur:o[2]||(o[2]=i=>r.value=!1),onDropdownVisibleChange:g}),{dropdownRender:e.withCtx(()=>{var i,v;return[e.createElementVNode("div",O,[e.createElementVNode("div",W,[e.createVNode(V,{value:c.value,"onUpdate:value":o[0]||(o[0]=n=>c.value=n),placeholder:"请输入关键字",onChange:e.unref(w)},{prefix:e.withCtx(()=>[e.createVNode(s,{"icon-name":"icon-search","class-name":"search-icon"})]),_:1},8,["value","onChange"]),t.isShowAdd?(e.openBlock(),e.createBlock(C,{key:0,class:"add-icon",onClick:o[1]||(o[1]=e.withModifiers(n=>m(""),["stop"]))},{default:e.withCtx(()=>[e.createVNode(s,{"icon-name":"icon-add"})]),_:1})):e.createCommentVNode("",!0)]),e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"category-list-container",style:e.normalizeStyle({height:(i=t.treeData)!=null&&i.length?t.treeListSrcollHeight:"auto"})},[(v=t.treeData)!=null&&v.length?(e.openBlock(),e.createBlock(S,e.mergeProps({key:0},t.treeConfigProps,{expandedKeys:p.value,fieldNames:t.fieldNames,"tree-data":t.treeData,onExpand:_,onSelect:N}),{switcherIcon:e.withCtx(({expanded:n})=>[n?(e.openBlock(),e.createBlock(s,{key:0,"class-name":"icon menu-icon","icon-name":"icon-list-retract"})):(e.openBlock(),e.createBlock(s,{key:1,"class-name":"icon menu-icon","icon-name":"icon-list-expand"}))]),title:e.withCtx(n=>[e.createElementVNode("div",M,[e.createElementVNode("span",null,e.toDisplayString(n[t.fieldNames.title]),1),t.isShowAdd?(e.openBlock(),e.createBlock(C,{key:0,disabled:n.disabled,type:"text",class:"search-menu-btn add-icon-btn",onClick:e.withModifiers(L=>m(n),["stop"])},{default:e.withCtx(()=>[e.createVNode(s,{"icon-name":"icon-add","class-name":"icon"})]),_:2},1032,["disabled","onClick"])):e.createCommentVNode("",!0)])]),_:1},16,["expandedKeys","fieldNames","tree-data"])):(e.openBlock(),e.createBlock(P,{key:1},{content:e.withCtx(()=>[e.createTextVNode("暂无数据")]),_:1}))],4)),[[T,t.loading]])])]}),_:1},16,["open","value","getPopupContainer"]),t.operateWay===e.unref(u.IOperateWayType).MODAL?(e.openBlock(),e.createBlock(E,e.mergeProps({key:0},t.modalConfigProps,{open:t.visible,onOk:f,onCancel:h}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"operateBoxContent",{},void 0,!0)]),_:3},16,["open"])):t.operateWay===e.unref(u.IOperateWayType).DRAWER?(e.openBlock(),e.createBlock(A,{key:1,visible:t.visible,onConfirm:f,onCancel:h,onClose:b},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"operateBoxContent",{},void 0,!0)]),_:3},8,["visible"])):e.createCommentVNode("",!0)])}}});exports.default=K;