@pit-front-end/components
Version:
湖南创智艾泰克科技有限公司
2 lines (1 loc) • 3.76 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("./cloneElementBasics.js"),C=require("./cloneElementMenu.js"),v=require("./icon-box.js"),w=require("./use-icon-box.js"),b={class:"icon-list"},x=["onClick"],N={class:"icon-name"},y={class:"icon-list"},E=["onClick"],g={class:"icon-name"},M=e.defineComponent({name:"PitIconBox",inheritAttrs:!1,__name:"icon-box",props:v.iconBoxProps,emits:v.iconBoxEmits,setup(k,{emit:r}){const a=k,{modelValue:i}=w.useIconBox(a),o=e.reactive({cloneElementMenu:C.default,cloneElementBasics:_.default,elementMenu:C.default,elementBasics:_.default,active:null,keyword:"",activeName:"Menu"}),l={query(){o.keyword===""&&(o.elementMenu=o.cloneElementMenu,o.elementBasics=o.cloneElementBasics),o[`element${o.activeName}`]=o[`cloneElement${o.activeName}`].filter(c=>c.includes(o.keyword))},onOpen(){o.active=o.current,o.keyword=""},closeDialog(){l.beforeClose()},choiceIcon(){o.active&&(r("choiceIcon",o.active),l.beforeClose())},beforeClose(){r("update:modelValue",!1)},iconActiveHandle(c){o.active=`el-icon-${c}`},handleTabsClick(){o.keyword=""}};return e.watch(()=>o.keyword,()=>{l.query()}),(c,n)=>{const f=e.resolveComponent("el-input"),d=e.resolveComponent("el-icon"),u=e.resolveComponent("el-scrollbar"),m=e.resolveComponent("el-tab-pane"),V=e.resolveComponent("el-tabs"),p=e.resolveComponent("el-button"),B=e.resolveComponent("pit-dialog");return e.openBlock(),e.createBlock(B,{modelValue:e.unref(i),"onUpdate:modelValue":n[3]||(n[3]=t=>e.isRef(i)?i.value=t:null),title:a.title,width:a.width,"before-close":l.beforeClose},{footer:e.withCtx(()=>[e.createVNode(p,{onClick:l.closeDialog},{default:e.withCtx(()=>[e.createTextVNode(" 取消 ")]),_:1},8,["onClick"]),e.createVNode(p,{type:"colour-10",onClick:n[2]||(n[2]=t=>l.choiceIcon())},{default:e.withCtx(()=>[e.createTextVNode(" 确定 ")]),_:1})]),default:e.withCtx(()=>[e.createVNode(f,{modelValue:o.keyword,"onUpdate:modelValue":n[0]||(n[0]=t=>o.keyword=t),placeholder:"请输入图标名称(el-icon-后面的为图标名称)"},null,8,["modelValue"]),e.createVNode(V,{modelValue:o.activeName,"onUpdate:modelValue":n[1]||(n[1]=t=>o.activeName=t),class:"pit-el_tabs",onTabClick:l.handleTabsClick},{default:e.withCtx(()=>[e.createVNode(m,{label:"菜单",name:"Menu"},{default:e.withCtx(()=>[e.createVNode(u,{style:{height:"500px","overflow-y":"auto"}},{default:e.withCtx(()=>[e.createElementVNode("ul",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.elementMenu,(t,s)=>(e.openBlock(),e.createElementBlock("li",{key:s,class:e.normalizeClass({"is-active":`el-icon-${t}`===o.active}),onClick:h=>l.iconActiveHandle(t)},[e.createElementVNode("span",null,[e.createVNode(d,null,{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t)))]),_:2},1024),e.createElementVNode("span",N,e.toDisplayString(`el-icon-${t}`),1)])],10,x))),128))])]),_:1})]),_:1}),e.createVNode(m,{label:"基础",name:"Basics"},{default:e.withCtx(()=>[e.createVNode(u,{style:{height:"500px","overflow-y":"auto"}},{default:e.withCtx(()=>[e.createElementVNode("ul",y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.elementBasics,(t,s)=>(e.openBlock(),e.createElementBlock("li",{key:s,class:e.normalizeClass({"is-active":`el-icon-${t}`===o.active}),onClick:h=>l.iconActiveHandle(t)},[e.createElementVNode("span",null,[e.createVNode(d,null,{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t)))]),_:2},1024),e.createElementVNode("span",g,e.toDisplayString(`el-icon-${t}`),1)])],10,E))),128))])]),_:1})]),_:1})]),_:1},8,["modelValue","onTabClick"])]),_:1},8,["modelValue","title","width","before-close"])}}});exports.default=M;