lwx-test-ui
Version:
lwx-test-ui
2 lines (1 loc) • 3.2 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("@element-plus/icons-vue");function b(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(c,a,i.get?i:{enumerable:!0,get:()=>n[a]})}}return c.default=n,Object.freeze(c)}const x=b(k),w={style:{"margin-bottom":"5px"}},B={style:{"font-size":"11px","overflow-wrap":"anywhere","text-align":"center"}},N={class:"dialog-footer"},h=e.defineComponent({name:"LwxSelectIcon",__name:"select-icon",props:{modelValue:{type:[String],default:""}},emits:["update:modelValue"],setup(n,{emit:c}){const a=n,i=c,u=e.ref([]);for(const[l]of Object.entries(x))u.value.push(l);const s=e.computed({get(){return a.modelValue},set(l){i("update:modelValue",l)}}),r=e.ref(!1);function C(l){l()}function V(l){s.value=l,r.value=!1}const d=e.ref(""),p=e.computed(()=>{if(!d.value)return u.value;const l=[];for(const t in u.value)u.value[t].toLowerCase().includes(d.value.toLowerCase())&&l.push(u.value[t]);return l});return(l,t)=>{const m=e.resolveComponent("el-icon"),f=e.resolveComponent("el-input"),_=e.resolveComponent("el-scrollbar"),y=e.resolveComponent("el-empty"),v=e.resolveComponent("el-button"),g=e.resolveComponent("el-dialog");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(f,{modelValue:s.value,"onUpdate:modelValue":t[1]||(t[1]=o=>s.value=o),readonly:""},{prepend:e.withCtx(()=>[s.value?(e.openBlock(),e.createBlock(m,{key:0},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value)))]),_:1})):e.createCommentVNode("",!0)]),append:e.withCtx(()=>[e.createElementVNode("span",{style:{cursor:"pointer"},onClick:t[0]||(t[0]=o=>r.value=!0)},"选择")]),_:1},8,["modelValue"]),e.createVNode(g,{modelValue:r.value,"onUpdate:modelValue":t[5]||(t[5]=o=>r.value=o),title:"请选择图标",draggable:"",width:"50%","before-close":C},{footer:e.withCtx(()=>[e.createElementVNode("div",N,[e.createVNode(v,{onClick:t[3]||(t[3]=o=>r.value=!1)},{default:e.withCtx(()=>[e.createTextVNode(" Cancel ")]),_:1}),e.createVNode(v,{type:"primary",onClick:t[4]||(t[4]=o=>r.value=!1)},{default:e.withCtx(()=>[e.createTextVNode(" Confirm ")]),_:1})])]),default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("div",w,[e.createVNode(f,{modelValue:d.value,"onUpdate:modelValue":t[2]||(t[2]=o=>d.value=o),placeholder:"请输入图标名称",clearable:"","prefix-icon":e.unref(k.Search)},null,8,["modelValue","prefix-icon"])]),Object.keys(p.value).length?(e.openBlock(),e.createBlock(_,{key:0,height:"40vh"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,o=>(e.openBlock(),e.createBlock(m,{key:o,class:"my-icon",onClick:E=>V(o)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o))),e.createElementVNode("span",B,e.toDisplayString(o),1)]),_:2},1032,["onClick"]))),128))]),_:1})):(e.openBlock(),e.createBlock(y,{key:1,description:"未搜索到您要找的图标"}))])]),_:1},8,["modelValue"])],64)}}});exports.default=h;