hs-admin-ui 15.7.8 → 15.7.9

package/dist/index.vue_vue_type_script_setup_true_lang-O6Ui2xKr.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("./bcFormConfig-DzpOGz-m.js"),o=require("./baseFormConfig-CYgc6V2g.js"),t=require("./index-BUcC4gD1.js");const n={key:0},l={key:0},r=e.defineComponent({__name:"index",props:{formData:{},formDataModifiers:{}},emits:["update:formData"],setup(r,{expose:i}){const s=e.useModel(r,"formData"),u=e.ref(),{form:m,basicData:c,changeEl:f,updateSystemData:p}=function(a){const n=e.reactive({parentConfig:{labelWidth:120,span:8,minWidth:350,style:"padding:5px 10px"},config:t._.cloneDeep(o.config),compConfig:o.compConfig}),l=e.reactive({elComName:"",data:void 0});return e.watch((()=>a.value),(e=>{a.value&&!t._.isEmpty(a.value)||(a.value=t._.cloneDeep(o.formItemConfig.value.data)),a.value&&a.value.baseData&&a.value.baseData.el,l.elComName=a.value&&a.value.baseData&&a.value.baseData.el&&n.compConfig[t._.cloneDeep(a.value).baseData.el]||""}),{immediate:!0}),{form:l,basicData:n,changeEl:(e,o)=>{"el"==o&&a.value&&(a.value.elData=t._.assign({}),l.elComName=n.compConfig[e])},updateSystemData:e=>{var o;!(null==(o=a.value)?void 0:o.baseData.el)||"hs-config-select"!=l.elComName&&"hs-config-tree-select"!=l.elComName||(a.value.elData.attrs.proxy=e&&e.project_url||"")}}}(s);return i({baseConfigRef:u,updateSystemData:p}),(o,t)=>{const r=e.resolveComponent("hs-input");return s.value&&s.value.baseData?(e.openBlock(),e.createElementBlock("div",n,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.bcFormConfig),{ref_key:"baseConfigRef",ref:u,parentConfig:e.unref(c).parentConfig,data:s.value.baseData,config:e.unref(c).config.baseConfig.list,rules:e.unref(c).config.baseConfig.rules,onChange:e.unref(f)},{prop:e.withCtx((()=>[e.createVNode(r,{placeholder:"请输入",modelValue:s.value.baseData.prop,"onUpdate:modelValue":t[0]||(t[0]=e=>s.value.baseData.prop=e)},null,8,["modelValue"])])),_:1},40,["parentConfig","data","config","rules","onChange"])),s.value.baseData&&s.value.baseData.el&&e.unref(m).elComName?(e.openBlock(),e.createElementBlock("div",l,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m).elComName),{data:s.value.elData,ref:"elRef",isVModel:""},null,8,["data"]))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)}}});exports._sfc_main=r;

package/dist/index.vue_vue_type_script_setup_true_lang-ZPh36D_p.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("./bcFormConfig-DzpOGz-m.js"),o=require("./baseTableConfig-C6IDcU0g.js"),n=require("./baseFormConfig-CYgc6V2g.js"),a=require("./index-BUcC4gD1.js");const t={key:0},i={key:0},r=e.defineComponent({__name:"index",props:{formData:{},formDataModifiers:{}},emits:["update:formData"],setup(r,{expose:c}){const u=e.useModel(r,"formData"),f=e.ref(),{form:m,basicData:s,onChange:d,deleteFilterConfig:p,addFilterItem:v,updateSystemData:g}=function(l){const t=e.reactive({parentConfig:{labelWidth:150,span:8,minWidth:350,style:"padding:5px 10px"},formModel:{visible:!1,title:"插槽模板配置"},config:a._.cloneDeep(o.tableConfig),compConfig:n.compConfig,visible:!1,filterConfig:a._.cloneDeep(o.filterItemConfig.value.filters)}),i=e.reactive({elComName:"",data:void 0}),r=()=>{let e=a._.cloneDeep(o.tableColumnRule);return a._.keys(e).forEach((o=>{let n=e[o].map((e=>{var o;return e.required=!(null==(o=l.value)?void 0:o.type),e}));e[o]=n})),e};return e.watch((()=>l.value),(()=>{l.value&&!a._.isEmpty(l.value)||(l.value=a._.assign(l.value||{},a._.cloneDeep(o.tableColumnConfigData))),i.elComName=l.value&&l.value.isSlot&&l.value.el&&t.compConfig[a._.cloneDeep(l.value).el]||"",t.config.rules.list=r()}),{immediate:!0}),e.watch((()=>{var e;return null==(e=l.value)?void 0:e.isSlot}),(e=>{var o;let n=t.config.list.findIndex((e=>"el"==e.prop));n>-1&&(t.config.list[n].show=!!e,e||null==(o=l.value)||delete o.el)}),{immediate:!0}),e.watch((()=>{var e;return null==(e=l.value)?void 0:e.type}),(()=>{t.config.rules.list=r()}),{immediate:!0}),{form:i,basicData:t,onChange:(e,o)=>{"el"==o&&(i.elComName="",i.elComName=e&&t.compConfig[a._.cloneDeep(l.value).el]||"")},deleteFilterConfig:e=>{var o,n;let t=l.value&&(null==(o=l.value)?void 0:o.filters)&&(null==(n=l.value)?void 0:n.filters[e])||{};a.ElMessageBox.confirm(`确认要删除该${t.label}配置吗？`,"提示",{confirmButtonText:"确认",cancelButtonText:"取消",type:"warning"}).then((()=>{var o,n;null==(n=null==(o=l.value)?void 0:o.filters)||n.splice(e,1),a.ElMessage.success("删除成功")})).catch((e=>{}))},addFilterItem:()=>{var e,o;null==(o=null==(e=l.value)?void 0:e.filters)||o.push({label:"",value:"",checked:!1,resetValue:"",data:""})},updateSystemData:e=>{var o,n,a;e&&e.project_url&&(null==(o=l.value)?void 0:o.isSlot)&&l.value.slotTemplateConfig&&"hs-select"==l.value.el&&"hs-config-select"==i.elComName&&((null==(a=null==(n=l.value)?void 0:n.slotTemplateConfig)?void 0:a.attrs).proxy=e.project_url)}}}(u);return c({baseConfigRef:f,updateSystemData:g}),(n,a)=>{var r;const c=e.resolveComponent("hs-input"),g=e.resolveComponent("svgIcon");return u.value?(e.openBlock(),e.createElementBlock("div",t,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o._sfc_main),{modelValue:e.unref(s).visible,"onUpdate:modelValue":a[0]||(a[0]=l=>e.unref(s).visible=l),expandConfig:{subTitle:"表格属性"}},null,8,["modelValue"])),e.withDirectives(e.createElementVNode("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.bcFormConfig),{config:e.unref(s).config.list,parentConfig:e.unref(s).parentConfig,data:u.value,ref_key:"baseConfigRef",ref:f,rules:e.unref(s).config.rules.list||{},onChange:e.unref(d)},{field:e.withCtx((()=>[e.createVNode(c,{placeholder:"请输入",modelValue:u.value.field,"onUpdate:modelValue":a[1]||(a[1]=e=>u.value.field=e)},null,8,["modelValue"])])),_:1},40,["config","parentConfig","data","rules","onChange"]))],512),[[e.vShow,e.unref(s).visible&&e.unref(s).config&&e.unref(s).config.list&&e.unref(s).config.list.length>0]]),u.value.el?(e.openBlock(),e.createElementBlock("div",i,[e.createTextVNode(e.toDisplayString(u.value.el)+"==="+e.toDisplayString(e.unref(m).elComName)+" ",1),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o._sfc_main),{modelValue:e.unref(s).formModel.visible,"onUpdate:modelValue":a[2]||(a[2]=l=>e.unref(s).formModel.visible=l),expandConfig:{subTitle:e.unref(s).formModel.title}},null,8,["modelValue","expandConfig"])),e.unref(s).formModel.visible?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m).elComName),{key:0,data:u.value.slotTemplateConfig,ref:"elRef",isVModel:""},null,8,["data"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(null==(r=e.unref(s).config)?void 0:r.second_config,((n,a)=>(e.openBlock(),e.createElementBlock("div",{key:a},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o._sfc_main),{modelValue:n.visible,"onUpdate:modelValue":e=>n.visible=e,expandConfig:{subTitle:n.title}},null,8,["modelValue","onUpdate:modelValue","expandConfig"])),n.visible?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.bcFormConfig),{key:0,parentConfig:e.unref(s).parentConfig,config:n[n.key],data:u.value[n.key]},null,8,["parentConfig","config","data"])):e.createCommentVNode("",!0)])))),128)),e.createElementVNode("div",null,[e.createTextVNode(e.toDisplayString(u.value.filters)+" ",1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value.filters,((n,a)=>(e.openBlock(),e.createElementBlock("div",{key:a},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o._sfc_main),{modelValue:n.checked,"onUpdate:modelValue":e=>n.checked=e,expandConfig:{subTitle:"筛选配置项"+(n.label?"【"+n.label+"】":""),rightSlot:!0}},{default:e.withCtx((()=>[e.createVNode(g,{onClick:l=>e.unref(p)(a),color:"#F56C6C",class:"pt-1",name:"ele-RemoveFilled",size:"18"},null,8,["onClick"])])),_:2},1032,["modelValue","onUpdate:modelValue","expandConfig"])),n.checked?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.bcFormConfig),{key:0,parentConfig:e.unref(s).parentConfig,config:e.unref(s).filterConfig,data:n},null,8,["parentConfig","config","data"])):e.createCommentVNode("",!0)])))),128)),e.createElementVNode("div",{class:"flex align-center justify-center p-2",onClick:a[3]||(a[3]=(...l)=>e.unref(v)&&e.unref(v)(...l))},a[4]||(a[4]=[e.createElementVNode("div",{class:"bg-red-200 py-1 px-3 rounded"},"新增数据筛选配置",-1)]))])])):e.createCommentVNode("",!0)}}});exports._sfc_main=r;

package/dist/index.vue_vue_type_script_setup_true_name_iconSelector_lang-BKhSPbGe.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("./index-BUcC4gD1.js"),o={class:"icon-selector w100 h100"},n={class:"icon-selector-warp"},l={class:"icon-selector-warp-title"},a=e.defineComponent({name:"iconSelector"}),i=e.defineComponent({...a,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:()=>"无相关图标"},isShowPrepend:{type:Boolean,default:!0},modelValue:String},emits:["update:modelValue","get","clear"],setup(a,{emit:i}){const r=a,c=i,f=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./list-Cfdh9YeV.js"))))),d=e.ref(),s=e.reactive({fontIconPrefix:"",fontIconWidth:0,fontIconSearch:"",fontIconPlaceholder:"",fontIconTabActive:"ali",fontIconList:{ali:[],ele:[],awe:[]}}),u=()=>{if(!r.modelValue)return!1;s.fontIconSearch=r.modelValue,s.fontIconPlaceholder=r.modelValue},p=()=>{const e=I();setTimeout((()=>{e.filter((e=>e===s.fontIconSearch)).length<=0&&(s.fontIconSearch="")}),300)},m=e.computed((()=>{const e=I();if(!s.fontIconSearch)return e;let t=s.fontIconSearch.trim().toLowerCase();return e.filter((e=>{if(-1!==e.toLowerCase().indexOf(t))return e}))})),I=()=>{let e=[];return"ali"===s.fontIconTabActive?e=s.fontIconList.ali:"ele"===s.fontIconTabActive?e=s.fontIconList.ele:"awe"===s.fontIconTabActive&&(e=s.fontIconList.awe),e},h=()=>{if(""===r.modelValue)return s.fontIconPlaceholder=r.placeholder;s.fontIconPlaceholder=r.modelValue,s.fontIconPrefix=r.modelValue},x=()=>{let e="ali";return r.modelValue?(r.modelValue.indexOf("iconfont")>-1?e="ali":r.modelValue.indexOf("ele-")>-1?e="ele":r.modelValue.indexOf("fa")>-1&&(e="awe"),s.fontIconTabActive=e,e):e},v=async e=>{if("ali"===e){if(s.fontIconList.ali.length>0)return;await t.initIconfont.ali().then((e=>{s.fontIconList.ali=e.map((e=>`iconfont ${e}`))}))}else if("ele"===e){if(s.fontIconList.ele.length>0)return;await t.initIconfont.ele().then((e=>{s.fontIconList.ele=e}))}else if("awe"===e){if(s.fontIconList.awe.length>0)return;await t.initIconfont.awe().then((e=>{s.fontIconList.awe=e.map((e=>`fa ${e}`))}))}s.fontIconPlaceholder=r.placeholder,h()},V=e=>{v(e.paneName),d.value.focus()},w=e=>{s.fontIconPlaceholder=e,s.fontIconPrefix=e,c("get",s.fontIconPrefix),c("update:modelValue",s.fontIconPrefix),d.value.focus()},y=()=>{s.fontIconPrefix="",c("clear",s.fontIconPrefix),c("update:modelValue",s.fontIconPrefix)},P=()=>{e.nextTick((()=>{var e;s.fontIconWidth=null==(e=d.value.$el)?void 0:e.offsetWidth}))};return e.onMounted((()=>{v(x()),window.addEventListener("resize",(()=>{P()})),P()})),e.watch((()=>r.modelValue),(()=>{h(),x()})),(t,i)=>{const r=e.resolveComponent("SvgIcon"),c=e.resolveComponent("el-input"),I=e.resolveComponent("el-tab-pane"),h=e.resolveComponent("el-tabs"),x=e.resolveComponent("el-popover");return e.openBlock(),e.createElementBlock("div",o,[e.createVNode(c,{modelValue:s.fontIconSearch,"onUpdate:modelValue":i[0]||(i[0]=e=>s.fontIconSearch=e),placeholder:s.fontIconPlaceholder,clearable:a.clearable,disabled:a.disabled,size:a.size,ref_key:"inputWidthRef",ref:d,onClear:y,onFocus:u,onBlur:p},e.createSlots({_:2},[a.isShowPrepend?{name:"prepend",fn:e.withCtx((()=>{var t,o;return[(""===s.fontIconPrefix?(null==(t=a.prepend)?void 0:t.indexOf("ele-"))>-1:(null==(o=s.fontIconPrefix)?void 0:o.indexOf("ele-"))>-1)?(e.openBlock(),e.createBlock(r,{key:0,name:""===s.fontIconPrefix?a.prepend:s.fontIconPrefix,class:"font14"},null,8,["name"])):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([""===s.fontIconPrefix?a.prepend:s.fontIconPrefix,"font14"])},null,2))]})),key:"0"}:void 0]),1032,["modelValue","placeholder","clearable","disabled","size"]),e.createVNode(x,{placement:"bottom",width:s.fontIconWidth,transition:"el-zoom-in-top","popper-class":"icon-selector-popper",trigger:"click","virtual-ref":d.value,"virtual-triggering":""},{default:e.withCtx((()=>[e.createElementVNode("div",n,[e.createElementVNode("div",l,e.toDisplayString(a.title),1),e.createVNode(h,{modelValue:s.fontIconTabActive,"onUpdate:modelValue":i[1]||(i[1]=e=>s.fontIconTabActive=e),onTabClick:V},{default:e.withCtx((()=>[e.createVNode(I,{lazy:"",label:"ali",name:"ali"},{default:e.withCtx((()=>[e.createVNode(e.unref(f),{list:m.value,empty:a.emptyDescription,prefix:s.fontIconPrefix,onGetIcon:w},null,8,["list","empty","prefix"])])),_:1}),e.createVNode(I,{lazy:"",label:"ele",name:"ele"},{default:e.withCtx((()=>[e.createVNode(e.unref(f),{list:m.value,empty:a.emptyDescription,prefix:s.fontIconPrefix,onGetIcon:w},null,8,["list","empty","prefix"])])),_:1}),e.createVNode(I,{lazy:"",label:"awe",name:"awe"},{default:e.withCtx((()=>[e.createVNode(e.unref(f),{list:m.value,empty:a.emptyDescription,prefix:s.fontIconPrefix,onGetIcon:w},null,8,["list","empty","prefix"])])),_:1})])),_:1},8,["modelValue"])])])),_:1},8,["width","virtual-ref"])])}}});exports._sfc_main=i;

package/dist/index.vue_vue_type_script_setup_true_name_iconSelector_lang-BtT1-wTD.mjs

@@ -0,0 +1,288 @@
+import { defineComponent, defineAsyncComponent, ref, reactive, computed, onMounted, watch, resolveComponent, createElementBlock, openBlock, createVNode, createSlots, withCtx, createBlock, normalizeClass, createElementVNode, toDisplayString, unref, nextTick } from "vue";
+import { e as initIconfont } from "./index-B8p9_cpY.mjs";
+const _hoisted_1 = { class: "icon-selector w100 h100" };
+const _hoisted_2 = { class: "icon-selector-warp" };
+const _hoisted_3 = { class: "icon-selector-warp-title" };
+const __default__ = defineComponent({
+  name: "iconSelector"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    // 输入框前置内容
+    prepend: {
+      type: String,
+      default: () => "ele-Pointer"
+    },
+    // 输入框占位文本
+    placeholder: {
+      type: String,
+      default: () => "请输入内容搜索图标或者选择图标"
+    },
+    // 输入框占位文本
+    size: {
+      type: String,
+      default: () => "default"
+    },
+    // 弹窗标题
+    title: {
+      type: String,
+      default: () => "请选择图标"
+    },
+    // 禁用
+    disabled: {
+      type: Boolean,
+      default: () => false
+    },
+    // 是否可清空
+    clearable: {
+      type: Boolean,
+      default: () => true
+    },
+    // 自定义空状态描述文字
+    emptyDescription: {
+      type: String,
+      default: () => "无相关图标"
+    },
+    isShowPrepend: {
+      type: Boolean,
+      default: true
+    },
+    // 双向绑定值，默认为 modelValue，
+    // 参考：https://v3.cn.vuejs.org/guide/migration/v-model.html#%E8%BF%81%E7%A7%BB%E7%AD%96%E7%95%A5
+    // 参考：https://v3.cn.vuejs.org/guide/component-custom-events.html#%E5%A4%9A%E4%B8%AA-v-model-%E7%BB%91%E5%AE%9A
+    modelValue: String
+  },
+  emits: ["update:modelValue", "get", "clear"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const IconList = defineAsyncComponent(() => import("./list-C64Pps9q.mjs"));
+    const inputWidthRef = ref();
+    const state = reactive({
+      fontIconPrefix: "",
+      fontIconWidth: 0,
+      fontIconSearch: "",
+      fontIconPlaceholder: "",
+      fontIconTabActive: "ali",
+      fontIconList: {
+        ali: [],
+        ele: [],
+        awe: []
+      }
+    });
+    const onIconFocus = () => {
+      if (!props.modelValue) return false;
+      state.fontIconSearch = props.modelValue;
+      state.fontIconPlaceholder = props.modelValue;
+    };
+    const onIconBlur = () => {
+      const list = fontIconTabNameList();
+      setTimeout(() => {
+        const icon = list.filter((icon2) => icon2 === state.fontIconSearch);
+        if (icon.length <= 0) state.fontIconSearch = "";
+      }, 300);
+    };
+    const fontIconSheetsFilterList = computed(() => {
+      const list = fontIconTabNameList();
+      if (!state.fontIconSearch) return list;
+      let search = state.fontIconSearch.trim().toLowerCase();
+      return list.filter((item) => {
+        if (item.toLowerCase().indexOf(search) !== -1) return item;
+      });
+    });
+    const fontIconTabNameList = () => {
+      let iconList = [];
+      if (state.fontIconTabActive === "ali") iconList = state.fontIconList.ali;
+      else if (state.fontIconTabActive === "ele") iconList = state.fontIconList.ele;
+      else if (state.fontIconTabActive === "awe") iconList = state.fontIconList.awe;
+      return iconList;
+    };
+    const initModeValueEcho = () => {
+      if (props.modelValue === "") return state.fontIconPlaceholder = props.placeholder;
+      state.fontIconPlaceholder = props.modelValue;
+      state.fontIconPrefix = props.modelValue;
+    };
+    const initFontIconName = () => {
+      let name = "ali";
+      if (!props.modelValue) return name;
+      if (props.modelValue.indexOf("iconfont") > -1) name = "ali";
+      else if (props.modelValue.indexOf("ele-") > -1) name = "ele";
+      else if (props.modelValue.indexOf("fa") > -1) name = "awe";
+      state.fontIconTabActive = name;
+      return name;
+    };
+    const initFontIconData = async (name) => {
+      if (name === "ali") {
+        if (state.fontIconList.ali.length > 0) return;
+        await initIconfont.ali().then((res) => {
+          state.fontIconList.ali = res.map((i) => `iconfont ${i}`);
+        });
+      } else if (name === "ele") {
+        if (state.fontIconList.ele.length > 0) return;
+        await initIconfont.ele().then((res) => {
+          state.fontIconList.ele = res;
+        });
+      } else if (name === "awe") {
+        if (state.fontIconList.awe.length > 0) return;
+        await initIconfont.awe().then((res) => {
+          state.fontIconList.awe = res.map((i) => `fa ${i}`);
+        });
+      }
+      state.fontIconPlaceholder = props.placeholder;
+      initModeValueEcho();
+    };
+    const onIconClick = (pane) => {
+      initFontIconData(pane.paneName);
+      inputWidthRef.value.focus();
+    };
+    const onColClick = (v) => {
+      state.fontIconPlaceholder = v;
+      state.fontIconPrefix = v;
+      emit("get", state.fontIconPrefix);
+      emit("update:modelValue", state.fontIconPrefix);
+      inputWidthRef.value.focus();
+    };
+    const onClearFontIcon = () => {
+      state.fontIconPrefix = "";
+      emit("clear", state.fontIconPrefix);
+      emit("update:modelValue", state.fontIconPrefix);
+    };
+    const getInputWidth = () => {
+      nextTick(() => {
+        var _a;
+        state.fontIconWidth = (_a = inputWidthRef.value.$el) == null ? void 0 : _a.offsetWidth;
+      });
+    };
+    const initResize = () => {
+      window.addEventListener("resize", () => {
+        getInputWidth();
+      });
+    };
+    onMounted(() => {
+      initFontIconData(initFontIconName());
+      initResize();
+      getInputWidth();
+    });
+    watch(
+      () => props.modelValue,
+      () => {
+        initModeValueEcho();
+        initFontIconName();
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_tab_pane = resolveComponent("el-tab-pane");
+      const _component_el_tabs = resolveComponent("el-tabs");
+      const _component_el_popover = resolveComponent("el-popover");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_input, {
+          modelValue: state.fontIconSearch,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.fontIconSearch = $event),
+          placeholder: state.fontIconPlaceholder,
+          clearable: __props.clearable,
+          disabled: __props.disabled,
+          size: __props.size,
+          ref_key: "inputWidthRef",
+          ref: inputWidthRef,
+          onClear: onClearFontIcon,
+          onFocus: onIconFocus,
+          onBlur: onIconBlur
+        }, createSlots({ _: 2 }, [
+          __props.isShowPrepend ? {
+            name: "prepend",
+            fn: withCtx(() => {
+              var _a, _b;
+              return [
+                (state.fontIconPrefix === "" ? ((_a = __props.prepend) == null ? void 0 : _a.indexOf("ele-")) > -1 : ((_b = state.fontIconPrefix) == null ? void 0 : _b.indexOf("ele-")) > -1) ? (openBlock(), createBlock(_component_SvgIcon, {
+                  key: 0,
+                  name: state.fontIconPrefix === "" ? __props.prepend : state.fontIconPrefix,
+                  class: "font14"
+                }, null, 8, ["name"])) : (openBlock(), createElementBlock("i", {
+                  key: 1,
+                  class: normalizeClass([state.fontIconPrefix === "" ? __props.prepend : state.fontIconPrefix, "font14"])
+                }, null, 2))
+              ];
+            }),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue", "placeholder", "clearable", "disabled", "size"]),
+        createVNode(_component_el_popover, {
+          placement: "bottom",
+          width: state.fontIconWidth,
+          transition: "el-zoom-in-top",
+          "popper-class": "icon-selector-popper",
+          trigger: "click",
+          "virtual-ref": inputWidthRef.value,
+          "virtual-triggering": ""
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, toDisplayString(__props.title), 1),
+              createVNode(_component_el_tabs, {
+                modelValue: state.fontIconTabActive,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.fontIconTabActive = $event),
+                onTabClick: onIconClick
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_tab_pane, {
+                    lazy: "",
+                    label: "ali",
+                    name: "ali"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconList), {
+                        list: fontIconSheetsFilterList.value,
+                        empty: __props.emptyDescription,
+                        prefix: state.fontIconPrefix,
+                        onGetIcon: onColClick
+                      }, null, 8, ["list", "empty", "prefix"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_tab_pane, {
+                    lazy: "",
+                    label: "ele",
+                    name: "ele"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconList), {
+                        list: fontIconSheetsFilterList.value,
+                        empty: __props.emptyDescription,
+                        prefix: state.fontIconPrefix,
+                        onGetIcon: onColClick
+                      }, null, 8, ["list", "empty", "prefix"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_tab_pane, {
+                    lazy: "",
+                    label: "awe",
+                    name: "awe"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconList), {
+                        list: fontIconSheetsFilterList.value,
+                        empty: __props.emptyDescription,
+                        prefix: state.fontIconPrefix,
+                        onGetIcon: onColClick
+                      }, null, 8, ["list", "empty", "prefix"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["width", "virtual-ref"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};