var x=Object.defineProperty;var R=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var T=(e,t,l)=>t in e?x(e,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[t]=l,E=(e,t)=>{for(var l in t||(t={}))O.call(t,l)&&T(e,l,t[l]);if(R)for(var l of R(t))z.call(t,l)&&T(e,l,t[l]);return e};import{z as _,_ as W}from"./index.1683511265143.js";import{n as P,J as A,f as D,a1 as N,l as j,k as M,g as J,a4 as Q,a5 as d,o as f,a as w,Y as C,R as m,Q as F,L as g,b as u,X as U,V as L,F as X,a8 as Y}from"./vue.1683511265143.js";const q=()=>new Promise((e,t)=>{P(()=>{const l=document.styleSheets;let s=[],o=[];for(let n=0;n<l.length;n++)l[n].href&&l[n].href.indexOf("at.alicdn.com")>-1&&s.push(l[n]);for(let n=0;n<s.length;n++)for(let c=0;c<s[n].cssRules.length;c++)s[n].cssRules[c].selectorText&&s[n].cssRules[c].selectorText.indexOf(".icon-")>-1&&o.push(`${s[n].cssRules[c].selectorText.substring(1,s[n].cssRules[c].selectorText.length).replace(/\:\:before/gi,"")}`);o.length>0?e(o):t("\u672A\u83B7\u53D6\u5230\u503C\uFF0C\u8BF7\u5237\u65B0\u91CD\u8BD5")})}),G=()=>new Promise((e,t)=>{P(()=>{const l=_,s=[];for(const o in l)s.push(`ele-${l[o].name}`);s.length>0?e(s):t("\u672A\u83B7\u53D6\u5230\u503C\uFF0C\u8BF7\u5237\u65B0\u91CD\u8BD5")})}),H=()=>new Promise((e,t)=>{P(()=>{const l=document.styleSheets;let s=[],o=[];for(let n=0;n<l.length;n++)l[n].href&&l[n].href.indexOf("netdna.bootstrapcdn.com")>-1&&s.push(l[n]);for(let n=0;n<s.length;n++)for(let c=0;c<s[n].cssRules.length;c++)s[n].cssRules[c].selectorText&&s[n].cssRules[c].selectorText.indexOf(".fa-")===0&&s[n].cssRules[c].selectorText.indexOf(",")===-1&&/::before/.test(s[n].cssRules[c].selectorText)&&o.push(`${s[n].cssRules[c].selectorText.substring(1,s[n].cssRules[c].selectorText.length).replace(/\:\:before/gi,"")}`);o.length>0?e(o.reverse()):t("\u672A\u83B7\u53D6\u5230\u503C\uFF0C\u8BF7\u5237\u65B0\u91CD\u8BD5")})}),V={ali:()=>q(),ele:()=>G(),awe:()=>H()},K=A({name:"iconSelector",emits:["update:modelValue","get","clear"],props:{prepend:{type:String,default:()=>"ele-Pointer"},placeholder:{type:String,default:()=>"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\u56FE\u6807\u6216\u8005\u9009\u62E9\u56FE\u6807"},size:{type:String,default:()=>"default"},title:{type:String,default:()=>"\u8BF7\u9009\u62E9\u56FE\u6807"},type:{type:String,default:()=>"ele"},disabled:{type:Boolean,default:()=>!1},clearable:{type:Boolean,default:()=>!0},emptyDescription:{type:String,default:()=>"\u65E0\u76F8\u5173\u56FE\u6807"},modelValue:String},setup(e,{emit:t}){const l=D(),s=D(),o=N({fontIconPrefix:"",fontIconWidth:0,fontIconSearch:"",fontIconTabsIndex:0,fontIconSheetsList:[],fontIconPlaceholder:"",fontIconType:"ali",fontIconShow:!0}),n=()=>{if(!e.modelValue)return!1;o.fontIconSearch="",o.fontIconPlaceholder=e.modelValue},c=()=>{setTimeout(()=>{o.fontIconSheetsList.filter(r=>r===o.fontIconSearch).length<=0&&(o.fontIconSearch="")},300)},h=()=>{if(e.modelValue==="")return o.fontIconPlaceholder=e.placeholder;o.fontIconPlaceholder=e.modelValue,o.fontIconPrefix=e.modelValue},y=()=>{var a,r,I;((a=e.modelValue)==null?void 0:a.indexOf("iconfont"))>-1?i("ali"):((r=e.modelValue)==null?void 0:r.indexOf("ele-"))>-1?i("ele"):((I=e.modelValue)==null?void 0:I.indexOf("fa"))>-1?i("awe"):i("ali")},v=j(()=>{if(!o.fontIconSearch)return o.fontIconSheetsList;let a=o.fontIconSearch.trim().toLowerCase();return o.fontIconSheetsList.filter(r=>{if(r.toLowerCase().indexOf(a)!==-1)return r})}),S=()=>{P(()=>{o.fontIconWidth=l.value.$el.offsetWidth})},B=()=>{window.addEventListener("resize",()=>{S()})},b=async a=>{o.fontIconSheetsList=[],a==="ali"?await V.ali().then(r=>{o.fontIconSheetsList=r.map(I=>`iconfont ${I}`)}):a==="ele"?await V.ele().then(r=>{o.fontIconSheetsList=r}):a==="awe"&&await V.awe().then(r=>{o.fontIconSheetsList=r.map(I=>`fa ${I}`)}),o.fontIconPlaceholder=e.placeholder,h()},i=a=>{o.fontIconType=a,b(a)},p=a=>{o.fontIconPlaceholder=a,o.fontIconPrefix=a,t("get",o.fontIconPrefix),t("update:modelValue",o.fontIconPrefix)},k=()=>{o.fontIconPrefix="",t("clear",o.fontIconPrefix),t("update:modelValue",o.fontIconPrefix)},$=()=>{h(),y()};return M(()=>{h(),B(),S()}),J(()=>e.modelValue,()=>{h()}),E({inputWidthRef:l,selectorScrollbarRef:s,fontIconSheetsFilterList:v,onColClick:p,onIconChange:i,onClearFontIcon:k,onIconFocus:n,onIconBlur:c,onPopoverShow:$},Q(o))}}),Z={class:"icon-selector w100 h100"},ee={class:"icon-selector-warp"},oe={class:"icon-selector-warp-title flex"},ne={class:"flex-auto"},te={key:0,class:"icon-selector-warp-title-tab"},le={class:"icon-selector-warp-row"},se={class:"flex-margin"},ce={class:"icon-selector-warp-item-value"};function ie(e,t,l,s,o,n){const c=d("SvgIcon"),h=d("el-input"),y=d("el-col"),v=d("el-row"),S=d("el-empty"),B=d("el-scrollbar"),b=d("el-popover");return f(),w("div",Z,[C(b,{placement:"bottom",width:e.fontIconWidth,trigger:"click",transition:"el-zoom-in-top","popper-class":"icon-selector-popper",onShow:e.onPopoverShow},{reference:m(()=>[C(h,{modelValue:e.fontIconSearch,"onUpdate:modelValue":t[0]||(t[0]=i=>e.fontIconSearch=i),placeholder:e.fontIconPlaceholder,clearable:e.clearable,disabled:e.disabled,size:e.size,ref:"inputWidthRef",onClear:e.onClearFontIcon,onFocus:e.onIconFocus,onBlur:e.onIconBlur},{prepend:m(()=>{var i,p;return[(e.fontIconPrefix===""?((i=e.prepend)==null?void 0:i.indexOf("ele-"))>-1:((p=e.fontIconPrefix)==null?void 0:p.indexOf("ele-"))>-1)?(f(),F(c,{key:0,name:e.fontIconPrefix===""?e.prepend:e.fontIconPrefix,class:"font14"},null,8,["name"])):(f(),w("i",{key:1,class:g([e.fontIconPrefix===""?e.prepend:e.fontIconPrefix,"font14"])},null,2))]}),_:1},8,["modelValue","placeholder","clearable","disabled","size","onClear","onFocus","onBlur"])]),default:m(()=>[u("div",ee,[u("div",oe,[u("div",ne,U(e.title),1),e.type==="all"?(f(),w("div",te,[u("span",{class:g([{"span-active":e.fontIconType==="ali"},"ml10"]),onClick:t[1]||(t[1]=i=>e.onIconChange("ali")),title:"iconfont \u56FE\u6807"},"ali",2),u("span",{class:g([{"span-active":e.fontIconType==="ele"},"ml10"]),onClick:t[2]||(t[2]=i=>e.onIconChange("ele")),title:"elementPlus \u56FE\u6807"},"ele",2),u("span",{class:g([{"span-active":e.fontIconType==="awe"},"ml10"]),onClick:t[3]||(t[3]=i=>e.onIconChange("awe")),title:"fontawesome \u56FE\u6807"},"awe",2)])):L("",!0)]),u("div",le,[C(B,{ref:"selectorScrollbarRef"},{default:m(()=>[e.fontIconSheetsFilterList.length>0?(f(),F(v,{key:0,gutter:10},{default:m(()=>[(f(!0),w(X,null,Y(e.fontIconSheetsFilterList,(i,p)=>(f(),F(y,{xs:6,sm:4,md:4,lg:4,xl:4,onClick:k=>e.onColClick(i),key:p},{default:m(()=>[u("div",{class:g(["icon-selector-warp-item",{"icon-selector-active":e.fontIconPrefix===i}])},[u("div",se,[u("div",ce,[C(c,{name:i},null,8,["name"])])])],2)]),_:2},1032,["onClick"]))),128))]),_:1})):L("",!0),e.fontIconSheetsFilterList.length<=0?(f(),F(S,{key:1,"image-size":100,description:e.emptyDescription},null,8,["description"])):L("",!0)]),_:1},512)])])]),_:1},8,["width","onShow"])])}var fe=W(K,[["render",ie]]);export{fe as default};
|
