| 123 |
- import{c as W}from"./index.72328493.js";import{i as h}from"./getStyleSheets.81eb60fc.js";import{M as L,f as F,j as E,a3 as N,p as R,m as G,k as M,am as s,o as x,a as S,_ as i,U as f,T as U,P as $,b as _,Z as j,u as v,n as Z}from"./vue.aade88c7.js";const q={class:"icon-selector w100 h100"},H={class:"icon-selector-warp"},J={class:"icon-selector-warp-title"},K=L({name:"iconSelector"}),ee=L({...K,props:{prepend:{type:String,default:()=>"ele-Pointer"},placeholder:{type:String,default:()=>"请输入内容搜索图标或者选择图标"},size:{type:String,default:()=>"default"},title:{type:String,default:()=>"请选择图标"},disabled:{type:Boolean,default:()=>!1},clearable:{type:Boolean,default:()=>!0},emptyDescription:{type:String,default:()=>"无相关图标"},modelValue:String},emits:["update:modelValue","get","clear"],setup(n,{emit:d}){const l=n,u=F(()=>W(()=>import("./list.e2643f52.js"),["./list.e2643f52.js","./vue.aade88c7.js","./index.72328493.js","./index.b5b78cd7.css","./list.97ec39f4.css"],import.meta.url)),r=E(),e=N({fontIconPrefix:"",fontIconWidth:0,fontIconSearch:"",fontIconPlaceholder:"",fontIconTabActive:"ali",fontIconList:{ali:[],ele:[],awe:[]}}),C=()=>{if(!l.modelValue)return!1;e.fontIconSearch="",e.fontIconPlaceholder=l.modelValue},T=()=>{const t=P();setTimeout(()=>{t.filter(a=>a===e.fontIconSearch).length<=0&&(e.fontIconSearch="")},300)},p=R(()=>{const t=P();if(!e.fontIconSearch)return t;let o=e.fontIconSearch.trim().toLowerCase();return t.filter(a=>{if(a.toLowerCase().indexOf(o)!==-1)return a})}),P=()=>{let t=[];return e.fontIconTabActive==="ali"?t=e.fontIconList.ali:e.fontIconTabActive==="ele"?t=e.fontIconList.ele:e.fontIconTabActive==="awe"&&(t=e.fontIconList.awe),t},b=()=>{if(l.modelValue==="")return e.fontIconPlaceholder=l.placeholder;e.fontIconPlaceholder=l.modelValue,e.fontIconPrefix=l.modelValue},y=()=>{let t="ali";return l.modelValue.indexOf("iconfont")>-1?t="ali":l.modelValue.indexOf("ele-")>-1?t="ele":l.modelValue.indexOf("fa")>-1&&(t="awe"),e.fontIconTabActive=t,t},w=async t=>{if(t==="ali"){if(e.fontIconList.ali.length>0)return;await h.ali().then(o=>{e.fontIconList.ali=o.map(a=>`iconfont ${a}`)})}else if(t==="ele"){if(e.fontIconList.ele.length>0)return;await h.ele().then(o=>{e.fontIconList.ele=o})}else if(t==="awe"){if(e.fontIconList.awe.length>0)return;await h.awe().then(o=>{e.fontIconList.awe=o.map(a=>`fa ${a}`)})}e.fontIconPlaceholder=l.placeholder,b()},k=t=>{w(t.paneName),r.value.focus()},I=t=>{e.fontIconPlaceholder=t,e.fontIconPrefix=t,d("get",e.fontIconPrefix),d("update:modelValue",e.fontIconPrefix),r.value.focus()},z=()=>{e.fontIconPrefix="",d("clear",e.fontIconPrefix),d("update:modelValue",e.fontIconPrefix)},V=()=>{Z(()=>{e.fontIconWidth=r.value.$el.offsetWidth})},A=()=>{window.addEventListener("resize",()=>{V()})};return G(()=>{w(y()),A(),V()}),M(()=>l.modelValue,()=>{b(),y()}),(t,o)=>{const a=s("SvgIcon"),B=s("el-input"),m=s("el-tab-pane"),D=s("el-tabs"),O=s("el-popover");return x(),S("div",q,[i(B,{modelValue:e.fontIconSearch,"onUpdate:modelValue":o[0]||(o[0]=c=>e.fontIconSearch=c),placeholder:e.fontIconPlaceholder,clearable:n.clearable,disabled:n.disabled,size:n.size,ref_key:"inputWidthRef",ref:r,onClear:z,onFocus:C,onBlur:T},{prepend:f(()=>{var c,g;return[(e.fontIconPrefix===""?((c=n.prepend)==null?void 0:c.indexOf("ele-"))>-1:((g=e.fontIconPrefix)==null?void 0:g.indexOf("ele-"))>-1)?(x(),U(a,{key:0,name:e.fontIconPrefix===""?n.prepend:e.fontIconPrefix,class:"font14"},null,8,["name"])):(x(),S("i",{key:1,class:$([e.fontIconPrefix===""?n.prepend:e.fontIconPrefix,"font14"])},null,2))]}),_:1},8,["modelValue","placeholder","clearable","disabled","size"]),i(O,{placement:"bottom",width:e.fontIconWidth,transition:"el-zoom-in-top","popper-class":"icon-selector-popper",trigger:"click","virtual-ref":r.value,"virtual-triggering":""},{default:f(()=>[_("div",H,[_("div",J,j(n.title),1),i(D,{modelValue:e.fontIconTabActive,"onUpdate:modelValue":o[1]||(o[1]=c=>e.fontIconTabActive=c),onTabClick:k},{default:f(()=>[i(m,{lazy:"",label:"ali",name:"ali"},{default:f(()=>[i(v(u),{list:p.value,empty:n.emptyDescription,prefix:e.fontIconPrefix,onGetIcon:I},null,8,["list","empty","prefix"])]),_:1}),i(m,{lazy:"",label:"ele",name:"ele"},{default:f(()=>[i(v(u),{list:p.value,empty:n.emptyDescription,prefix:e.fontIconPrefix,onGetIcon:I},null,8,["list","empty","prefix"])]),_:1}),i(m,{lazy:"",label:"awe",name:"awe"},{default:f(()=>[i(v(u),{list:p.value,empty:n.emptyDescription,prefix:e.fontIconPrefix,onGetIcon:I},null,8,["list","empty","prefix"])]),_:1})]),_:1},8,["modelValue"])])]),_:1},8,["width","virtual-ref"])])}}});export{ee as default};
- //# sourceMappingURL=index.2129ca47.js.map
|
