ele-admin-plus 1.3.0-beta.3 → 1.3.0-beta.4

package/lib/ele-icon-select/components/icon-grid.cjs

@@ -2,9 +2,14 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const EleTooltip = require("../../ele-tooltip/index");
-const _sfc_main = vue.defineComponent({
-  name: "IconGrid",
-  components: { ElEmpty: elementPlus.ElEmpty, ElScrollbar: elementPlus.ElScrollbar, EleTooltip },
+const _hoisted_1 = ["title", "onClick", "onMouseover"];
+const _hoisted_2 = {
+  key: 0,
+  class: "ele-icon-select-empty"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "IconGrid" },
+  __name: "icon-grid",
   props: {
     /** 选中的图标 */
     icon: String,
@@ -29,7 +34,9 @@ const _sfc_main = vue.defineComponent({
   emits: {
     select: (_icon) => true
   },
-  setup(props, { emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const tooltipVisible = vue.ref(false);
     const tooltipContent = vue.ref("");
     const virtualRef = vue.ref();
@@ -57,69 +64,50 @@ const _sfc_main = vue.defineComponent({
         }
       }
     );
-    return {
-      tooltipVisible,
-      tooltipContent,
-      virtualRef,
-      updateTooltipVisible,
-      hideTooltip,
-      handleItemHover,
-      handleItemClick
+    __expose({
+      hideTooltip
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElScrollbar), { class: "ele-icon-select-body" }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: "ele-icon-select-grid",
+            style: vue.normalizeStyle(__props.gridStyle)
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.data, (d, i) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: i + "-" + d,
+                class: vue.normalizeClass(["ele-icon-select-item", { "is-active": __props.icon && d === __props.icon }]),
+                title: __props.tooltip ? void 0 : d,
+                style: vue.normalizeStyle(__props.itemStyle),
+                onClick: ($event) => handleItemClick(d),
+                onMouseover: (e) => handleItemHover(d, e)
+              }, [
+                vue.renderSlot(_ctx.$slots, "icon", {
+                  icon: d,
+                  prefix: false
+                })
+              ], 46, _hoisted_1);
+            }), 128))
+          ], 4),
+          !__props.data || !__props.data.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+            vue.createVNode(vue.unref(elementPlus.ElEmpty), vue.mergeProps({ imageSize: 60 }, __props.emptyProps || {}), null, 16)
+          ])) : vue.createCommentVNode("", true),
+          vue.createVNode(EleTooltip, vue.mergeProps({
+            placement: "top",
+            offset: 6,
+            teleported: false
+          }, __props.tooltipProps || {}, {
+            visible: tooltipVisible.value,
+            content: tooltipContent.value,
+            virtualRef: virtualRef.value,
+            virtualTriggering: true,
+            "onUpdate:visible": updateTooltipVisible
+          }), null, 16, ["visible", "content", "virtualRef"])
+        ]),
+        _: 3
+      });
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = ["title", "onClick", "onMouseover"];
-const _hoisted_2 = {
-  key: 0,
-  class: "ele-icon-select-empty"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElEmpty = vue.resolveComponent("ElEmpty");
-  const _component_EleTooltip = vue.resolveComponent("EleTooltip");
-  const _component_ElScrollbar = vue.resolveComponent("ElScrollbar");
-  return vue.openBlock(), vue.createBlock(_component_ElScrollbar, { class: "ele-icon-select-body" }, {
-    default: vue.withCtx(() => [
-      vue.createElementVNode("div", {
-        class: "ele-icon-select-grid",
-        style: vue.normalizeStyle(_ctx.gridStyle)
-      }, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (d, i) => {
-          return vue.openBlock(), vue.createElementBlock("div", {
-            key: i + "-" + d,
-            class: vue.normalizeClass(["ele-icon-select-item", { "is-active": _ctx.icon && d === _ctx.icon }]),
-            title: _ctx.tooltip ? void 0 : d,
-            style: vue.normalizeStyle(_ctx.itemStyle),
-            onClick: ($event) => _ctx.handleItemClick(d),
-            onMouseover: (e) => _ctx.handleItemHover(d, e)
-          }, [
-            vue.renderSlot(_ctx.$slots, "icon", { icon: d })
-          ], 46, _hoisted_1);
-        }), 128))
-      ], 4),
-      !_ctx.data || !_ctx.data.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-        vue.createVNode(_component_ElEmpty, vue.mergeProps({ imageSize: 60 }, _ctx.emptyProps || {}), null, 16)
-      ])) : vue.createCommentVNode("", true),
-      vue.createVNode(_component_EleTooltip, vue.mergeProps({
-        placement: "top",
-        offset: 6,
-        teleported: false
-      }, _ctx.tooltipProps || {}, {
-        visible: _ctx.tooltipVisible,
-        content: _ctx.tooltipContent,
-        virtualRef: _ctx.virtualRef,
-        virtualTriggering: true,
-        "onUpdate:visible": _ctx.updateTooltipVisible
-      }), null, 16, ["visible", "content", "virtualRef", "onUpdate:visible"])
-    ]),
-    _: 3
-  });
-}
-const iconGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = iconGrid;
+module.exports = _sfc_main;

package/lib/ele-icon-select/components/icon-grid.d.ts

@@ -3,7 +3,13 @@ import { StyleValue } from '../../ele-app/types';
 import { ElEmptyProps } from '../../ele-app/el';
 import { EleTooltipProps } from '../../ele-app/plus';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    icon?(_: {
+        icon: string;
+        prefix: boolean;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 选中的图标 */
     icon: StringConstructor;
     /** 图标数据 */
@@ -23,16 +29,10 @@ declare const _default: import('vue').DefineComponent<{
     gridStyle: PropType<StyleValue>;
     /** 图标样式 */
     itemStyle: PropType<StyleValue>;
-}, {
-    tooltipVisible: import('vue').Ref<boolean>;
-    tooltipContent: import('vue').Ref<string>;
-    virtualRef: import('vue').Ref<any>;
-    updateTooltipVisible: (visible: boolean) => void;
+}>, {
     hideTooltip: () => void;
-    handleItemHover: (icon: string, e: MouseEvent) => void;
-    handleItemClick: (icon: string) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (_icon: string) => true;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (_icon: string) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 选中的图标 */
     icon: StringConstructor;
@@ -53,10 +53,16 @@ declare const _default: import('vue').DefineComponent<{
     gridStyle: PropType<StyleValue>;
     /** 图标样式 */
     itemStyle: PropType<StyleValue>;
-}>> & {
+}>> & Readonly<{
     onSelect?: ((_icon: string) => any) | undefined;
-}, {
+}>, {
     tooltip: boolean;
     popperVisible: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/ele-icon-select/index.cjs

@@ -7,12 +7,17 @@ const util = require("../ele-basic-select/util");
 const icons = require("../icons");
 const IconGrid = require("./components/icon-grid");
 const props = require("./props");
-const _sfc_main = vue.defineComponent({
-  name: "EleIconSelect",
-  components: { ElInput: elementPlus.ElInput, EleBasicSelect, IconGrid },
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { class: "ele-icon-select-main" };
+const _hoisted_3 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "EleIconSelect" },
+  __name: "index",
   props: props.iconSelectProps,
   emits: props.iconSelectEmits,
-  setup(props2, { emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props2 = __props;
+    const emit = __emit;
     const { validateChange } = util.useFormValidate();
     const isResponsive = util$1.useResponsive(props2);
     const selectRef = vue.ref(null);
@@ -150,12 +155,12 @@ const _sfc_main = vue.defineComponent({
         }
       }
     };
-    const handleTabClick = (index2) => {
-      tabActive.value = index2;
+    const handleTabClick = (index) => {
+      tabActive.value = index;
       initData();
     };
-    const handleMenuClick = (index2) => {
-      menuActive.value = index2;
+    const handleMenuClick = (index) => {
+      menuActive.value = index;
       initData();
     };
     const handleIconSelect = (icon) => {
@@ -172,165 +177,133 @@ const _sfc_main = vue.defineComponent({
         deep: true
       }
     );
-    return {
-      SearchOutlined: icons.SearchOutlined,
+    __expose({
       selectRef,
-      selectVisible,
-      tabs,
-      tabActive,
-      menus,
-      menuActive,
-      icons: icons$1,
-      keywords,
-      tabBar,
-      selectPopperClass,
-      iconPopperStyle,
-      updatePopover,
-      updateVisible,
-      handleSelectClear,
-      handleSelectFocus,
-      handleSelectBlur,
-      handleSelectFilter,
-      handleTabClick,
-      handleMenuClick,
-      handleIconSelect
+      updatePopover
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(EleBasicSelect, {
+        ref_key: "selectRef",
+        ref: selectRef,
+        value: _ctx.modelValue,
+        multiple: false,
+        disabled: _ctx.disabled,
+        size: _ctx.size,
+        clearable: _ctx.clearable,
+        placeholder: _ctx.placeholder,
+        automaticDropdown: _ctx.automaticDropdown,
+        filterable: typeof _ctx.filterable === "boolean" ? _ctx.filterable : false,
+        teleported: _ctx.teleported,
+        persistent: _ctx.persistent,
+        placement: _ctx.placement,
+        transition: _ctx.transition,
+        popperWidth: _ctx.popperWidth,
+        popperOptions: _ctx.popperOptions,
+        popperClass: selectPopperClass.value,
+        selectClass: "is-icon-select",
+        selectStyle: _ctx.selectStyle,
+        inputStyle: _ctx.inputStyle,
+        selectTagsStyle: _ctx.selectTagsStyle,
+        selectedLabel: _ctx.modelValue,
+        visible: selectVisible.value,
+        "onUpdate:visible": updateVisible,
+        onFilterChange: handleSelectFilter,
+        onClear: handleSelectClear,
+        onFocus: handleSelectFocus,
+        onBlur: handleSelectBlur
+      }, vue.createSlots({
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: "ele-icon-select",
+            style: vue.normalizeStyle(iconPopperStyle.value)
+          }, [
+            tabBar.value || _ctx.filterable === "popper" ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: "ele-icon-select-header",
+              style: vue.normalizeStyle(_ctx.headerStyle)
+            }, [
+              vue.renderSlot(_ctx.$slots, "tabLeftExtra"),
+              tabBar.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "ele-icon-select-tabs",
+                style: vue.normalizeStyle(_ctx.tabsStyle)
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(tabs.value, (t, i) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: i + "-" + t,
+                    class: vue.normalizeClass(["ele-icon-select-tab", { "is-active": i === tabActive.value }]),
+                    onClick: ($event) => handleTabClick(i)
+                  }, vue.toDisplayString(t), 11, _hoisted_1);
+                }), 128))
+              ], 4)) : vue.createCommentVNode("", true),
+              _ctx.filterable === "popper" ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
+                class: "ele-icon-select-search",
+                style: vue.normalizeStyle(_ctx.searchStyle)
+              }, [
+                vue.createVNode(vue.unref(elementPlus.ElInput), {
+                  size: "small",
+                  clearable: true,
+                  modelValue: keywords.value,
+                  validateEvent: false,
+                  prefixIcon: vue.unref(icons.SearchOutlined),
+                  placeholder: _ctx.filterPlaceholder,
+                  "onUpdate:modelValue": handleSelectFilter
+                }, null, 8, ["modelValue", "prefixIcon", "placeholder"])
+              ], 4)) : vue.createCommentVNode("", true),
+              vue.renderSlot(_ctx.$slots, "tabRightExtra")
+            ], 4)) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_2, [
+              menus.value && menus.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "ele-icon-select-menus",
+                style: vue.normalizeStyle(_ctx.menusStyle)
+              }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menus.value, (m, i) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: i + "-" + m,
+                    class: vue.normalizeClass(["ele-icon-select-menu", { "is-active": i === menuActive.value }]),
+                    onClick: ($event) => handleMenuClick(i)
+                  }, vue.toDisplayString(m), 11, _hoisted_3);
+                }), 128))
+              ], 4)) : vue.createCommentVNode("", true),
+              vue.createVNode(IconGrid, {
+                data: icons$1.value,
+                icon: _ctx.modelValue,
+                emptyProps: _ctx.emptyProps,
+                tooltip: _ctx.tooltip,
+                tooltipProps: _ctx.tooltipProps,
+                popperVisible: selectVisible.value,
+                gridStyle: _ctx.gridStyle,
+                itemStyle: _ctx.itemStyle,
+                style: vue.normalizeStyle(_ctx.bodyStyle),
+                onSelect: handleIconSelect
+              }, vue.createSlots({ _: 2 }, [
+                _ctx.$slots.icon ? {
+                  name: "icon",
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, "icon", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["data", "icon", "emptyProps", "tooltip", "tooltipProps", "popperVisible", "gridStyle", "itemStyle", "style"])
+            ])
+          ], 4)
+        ]),
+        _: 2
+      }, [
+        _ctx.modelValue && _ctx.$slots.icon ? {
+          name: "prefix",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "icon", {
+              icon: _ctx.modelValue,
+              prefix: true
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["value", "disabled", "size", "clearable", "placeholder", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectTagsStyle", "selectedLabel", "visible"]);
     };
   }
 });
-const _export_sfc = (sfc, props2) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props2) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = { class: "ele-icon-select-main" };
-const _hoisted_3 = ["onClick"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElInput = vue.resolveComponent("ElInput");
-  const _component_IconGrid = vue.resolveComponent("IconGrid");
-  const _component_EleBasicSelect = vue.resolveComponent("EleBasicSelect");
-  return vue.openBlock(), vue.createBlock(_component_EleBasicSelect, {
-    ref: "selectRef",
-    value: _ctx.modelValue,
-    multiple: false,
-    disabled: _ctx.disabled,
-    size: _ctx.size,
-    clearable: _ctx.clearable,
-    placeholder: _ctx.placeholder,
-    automaticDropdown: _ctx.automaticDropdown,
-    filterable: typeof _ctx.filterable === "boolean" ? _ctx.filterable : false,
-    teleported: _ctx.teleported,
-    persistent: _ctx.persistent,
-    placement: _ctx.placement,
-    transition: _ctx.transition,
-    popperWidth: _ctx.popperWidth,
-    popperOptions: _ctx.popperOptions,
-    popperClass: _ctx.selectPopperClass,
-    selectClass: "is-icon-select",
-    selectStyle: _ctx.selectStyle,
-    inputStyle: _ctx.inputStyle,
-    selectTagsStyle: _ctx.selectTagsStyle,
-    selectedLabel: _ctx.modelValue,
-    visible: _ctx.selectVisible,
-    "onUpdate:visible": _ctx.updateVisible,
-    onFilterChange: _ctx.handleSelectFilter,
-    onClear: _ctx.handleSelectClear,
-    onFocus: _ctx.handleSelectFocus,
-    onBlur: _ctx.handleSelectBlur
-  }, vue.createSlots({
-    default: vue.withCtx(() => [
-      vue.createElementVNode("div", {
-        class: "ele-icon-select",
-        style: vue.normalizeStyle(_ctx.iconPopperStyle)
-      }, [
-        _ctx.tabBar || _ctx.filterable === "popper" ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: "ele-icon-select-header",
-          style: vue.normalizeStyle(_ctx.headerStyle)
-        }, [
-          vue.renderSlot(_ctx.$slots, "tabLeftExtra"),
-          _ctx.tabBar ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: "ele-icon-select-tabs",
-            style: vue.normalizeStyle(_ctx.tabsStyle)
-          }, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (t, i) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: i + "-" + t,
-                class: vue.normalizeClass(["ele-icon-select-tab", { "is-active": i === _ctx.tabActive }]),
-                onClick: ($event) => _ctx.handleTabClick(i)
-              }, vue.toDisplayString(t), 11, _hoisted_1);
-            }), 128))
-          ], 4)) : vue.createCommentVNode("", true),
-          _ctx.filterable === "popper" ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 1,
-            class: "ele-icon-select-search",
-            style: vue.normalizeStyle(_ctx.searchStyle)
-          }, [
-            vue.createVNode(_component_ElInput, {
-              size: "small",
-              clearable: true,
-              modelValue: _ctx.keywords,
-              validateEvent: false,
-              prefixIcon: _ctx.SearchOutlined,
-              placeholder: _ctx.filterPlaceholder,
-              "onUpdate:modelValue": _ctx.handleSelectFilter
-            }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onUpdate:modelValue"])
-          ], 4)) : vue.createCommentVNode("", true),
-          vue.renderSlot(_ctx.$slots, "tabRightExtra")
-        ], 4)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2, [
-          _ctx.menus && _ctx.menus.length ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: "ele-icon-select-menus",
-            style: vue.normalizeStyle(_ctx.menusStyle)
-          }, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menus, (m, i) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: i + "-" + m,
-                class: vue.normalizeClass(["ele-icon-select-menu", { "is-active": i === _ctx.menuActive }]),
-                onClick: ($event) => _ctx.handleMenuClick(i)
-              }, vue.toDisplayString(m), 11, _hoisted_3);
-            }), 128))
-          ], 4)) : vue.createCommentVNode("", true),
-          vue.createVNode(_component_IconGrid, {
-            data: _ctx.icons,
-            icon: _ctx.modelValue,
-            emptyProps: _ctx.emptyProps,
-            tooltip: _ctx.tooltip,
-            tooltipProps: _ctx.tooltipProps,
-            popperVisible: _ctx.selectVisible,
-            gridStyle: _ctx.gridStyle,
-            itemStyle: _ctx.itemStyle,
-            style: vue.normalizeStyle(_ctx.bodyStyle),
-            onSelect: _ctx.handleIconSelect
-          }, vue.createSlots({ _: 2 }, [
-            _ctx.$slots.icon ? {
-              name: "icon",
-              fn: vue.withCtx((slotProps) => [
-                vue.renderSlot(_ctx.$slots, "icon", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["data", "icon", "emptyProps", "tooltip", "tooltipProps", "popperVisible", "gridStyle", "itemStyle", "style", "onSelect"])
-        ])
-      ], 4)
-    ]),
-    _: 2
-  }, [
-    _ctx.modelValue && _ctx.$slots.icon ? {
-      name: "prefix",
-      fn: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "icon", {
-          icon: _ctx.modelValue,
-          prefix: true
-        })
-      ]),
-      key: "0"
-    } : void 0
-  ]), 1032, ["value", "disabled", "size", "clearable", "placeholder", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectTagsStyle", "selectedLabel", "visible", "onUpdate:visible", "onFilterChange", "onClear", "onFocus", "onBlur"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = index;
+module.exports = _sfc_main;

package/lib/ele-icon-select/index.d.ts

@@ -2,7 +2,15 @@ import { StyleValue } from '../ele-app/types';
 import { EleBasicSelectInstance } from '../ele-app/plus';
 import { IconItem } from './types';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): {
+    icon?(_: {
+        icon: string;
+        prefix: boolean;
+    }): any;
+    tabLeftExtra?(_: {}): any;
+    tabRightExtra?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: StringConstructor;
     data: import('vue').PropType<string[] | IconItem[]>;
     disabled: BooleanConstructor;
@@ -62,35 +70,16 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-}, {
-    SearchOutlined: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
-    selectRef: import('vue').Ref<EleBasicSelectInstance>;
-    selectVisible: import('vue').Ref<boolean>;
-    tabs: import('vue').Ref<string[]>;
-    tabActive: import('vue').Ref<number | undefined>;
-    menus: import('vue').Ref<string[]>;
-    menuActive: import('vue').Ref<number | undefined>;
-    icons: import('vue').Ref<string[]>;
-    keywords: import('vue').Ref<string>;
-    tabBar: import('vue').ComputedRef<boolean>;
-    selectPopperClass: import('vue').ComputedRef<string>;
-    iconPopperStyle: import('vue').ComputedRef<Partial<import('vue').CSSProperties> | undefined>;
+}>, {
+    selectRef: import('vue').Ref<EleBasicSelectInstance, EleBasicSelectInstance>;
     updatePopover: () => void;
-    updateVisible: (visible: boolean) => void;
-    handleSelectClear: () => void;
-    handleSelectFocus: (e: FocusEvent) => void;
-    handleSelectBlur: (e: FocusEvent) => void;
-    handleSelectFilter: (value: string) => void;
-    handleTabClick: (index: number) => void;
-    handleMenuClick: (index: number) => void;
-    handleIconSelect: (icon: string) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:modelValue': (_value?: string | null) => boolean;
-    change: (_value?: string | null) => boolean;
-    visibleChange: (_visible: boolean) => boolean;
-    clear: () => boolean;
-    focus: (_e: FocusEvent) => boolean;
-    blur: (_e: FocusEvent) => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (_e: FocusEvent) => void;
+    change: (_value?: string | null | undefined) => void;
+    focus: (_e: FocusEvent) => void;
+    clear: () => void;
+    "update:modelValue": (_value?: string | null | undefined) => void;
+    visibleChange: (_visible: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: StringConstructor;
     data: import('vue').PropType<string[] | IconItem[]>;
@@ -151,14 +140,14 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-}>> & {
-    "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
+}>> & Readonly<{
+    onBlur?: ((_e: FocusEvent) => any) | undefined;
     onChange?: ((_value?: string | null | undefined) => any) | undefined;
     onFocus?: ((_e: FocusEvent) => any) | undefined;
-    onBlur?: ((_e: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
-}, {
+}>, {
     placement: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
     teleported: boolean;
     clearable: boolean;
@@ -166,11 +155,17 @@ declare const _default: import('vue').DefineComponent<{
     persistent: boolean;
     tooltip: boolean;
     transition: string;
-    responsive: boolean;
     automaticDropdown: boolean;
-    popperWidth: string | number;
     filterPlaceholder: string;
+    responsive: boolean;
+    popperWidth: string | number;
     popperHeight: string | number;
     hideOnSingleTab: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};