ele-admin-plus 1.4.1-beta.1 → 1.4.1

package/es/ele-drawer/props.js

@@ -12,7 +12,12 @@ const drawerProps = {
   /** 自定义关闭按钮样式 */
   closeBtnStyle: Object,
   /** 是否限制在主体内部 */
-  inner: Boolean
+  inner: Boolean,
+  /** 是否开启响应式 */
+  responsive: {
+    type: Boolean,
+    default: null
+  }
 };
 const elDrawerPropKeys = Object.keys(
   drawerProps$1

package/es/ele-drawer/style/index.scss

@@ -6,6 +6,11 @@
 
 /* 抽屉 */
 .ele-drawer {
+  &.el-drawer-fade-enter-active *,
+  &.el-drawer-fade-leave-active * {
+    pointer-events: none !important;
+  }
+
   &.el-overlay {
     overflow: hidden;
   }
@@ -88,6 +93,12 @@
   display: none !important;
 }
 
+/* 最大宽度适应屏幕 */
+.ele-drawer-responsive > .el-drawer {
+  max-width: 100%;
+  max-height: 100%;
+}
+
 /* 限制在主体区域 */
 .ele-admin-modals > .ele-drawer {
   height: auto;

package/es/ele-file-list/index.d.ts

@@ -1,5 +1,5 @@
 import { EleDropdownInstance } from '../ele-app/plus';
-import { FileItem, SortValue, ItemContextMenuOption, FileListLocale } from './types';
+import { FileItem, SortValue, ItemContextMenuOption } from './types';
 
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: {
     item: FileItem;
@@ -29,7 +29,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     boxChoose: BooleanConstructor;
     contextMenus: import('vue').PropType<import('./types').ContextMenus>;
     contextMenuProps: import('vue').PropType<import('../ele-app/plus').EleDropdownProps>;
-    locale: import('vue').PropType<Partial<FileListLocale>>;
+    locale: import('vue').PropType<Partial<import('./types').FileListLocale>>;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     itemClick: (_item: FileItem) => void;
     sortChange: (_sorter: SortValue) => void;
@@ -61,7 +61,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     boxChoose: BooleanConstructor;
     contextMenus: import('vue').PropType<import('./types').ContextMenus>;
     contextMenuProps: import('vue').PropType<import('../ele-app/plus').EleDropdownProps>;
-    locale: import('vue').PropType<Partial<FileListLocale>>;
+    locale: import('vue').PropType<Partial<import('./types').FileListLocale>>;
 }>> & Readonly<{
     onItemClick?: ((_item: FileItem) => any) | undefined;
     onSortChange?: ((_sorter: SortValue) => any) | undefined;

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

@@ -2,6 +2,8 @@ import { PropType } from 'vue';
 import { StyleValue } from '../../ele-app/types';
 import { ElEmptyProps } from '../../ele-app/el';
 import { EleTooltipProps } from '../../ele-app/plus';
+import { PopperType } from '../../ele-basic-select/types';
+import { ItemTooltip } from '../types';
 
 declare function __VLS_template(): {
     icon?(_: {
@@ -20,7 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 空组件属性 */
     emptyProps: PropType<ElEmptyProps>;
     /** 是否显示提示 */
-    tooltip: BooleanConstructor;
+    tooltip: PropType<ItemTooltip>;
     /** 提示属性 */
     tooltipProps: PropType<EleTooltipProps>;
     /** 气泡是否展开 */
@@ -29,6 +31,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     gridStyle: PropType<StyleValue>;
     /** 图标样式 */
     itemStyle: PropType<StyleValue>;
+    /** 下拉组件类型 */
+    popperType: PropType<PopperType>;
 }>, {
     hideTooltip: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -44,7 +48,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 空组件属性 */
     emptyProps: PropType<ElEmptyProps>;
     /** 是否显示提示 */
-    tooltip: BooleanConstructor;
+    tooltip: PropType<ItemTooltip>;
     /** 提示属性 */
     tooltipProps: PropType<EleTooltipProps>;
     /** 气泡是否展开 */
@@ -53,10 +57,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     gridStyle: PropType<StyleValue>;
     /** 图标样式 */
     itemStyle: PropType<StyleValue>;
+    /** 下拉组件类型 */
+    popperType: PropType<PopperType>;
 }>> & 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>>;

package/es/ele-icon-select/components/icon-grid.js

@@ -1,8 +1,12 @@
-import { defineComponent, ref, watch, createBlock, openBlock, unref, withCtx, createElementVNode, createElementBlock, createCommentVNode, createVNode, normalizeStyle, Fragment, renderList, normalizeClass, renderSlot, mergeProps } from "vue";
+import { defineComponent, ref, watch, createBlock, openBlock, unref, withCtx, createElementVNode, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, Fragment, renderList, renderSlot, toDisplayString, createVNode, mergeProps } from "vue";
 import { ElScrollbar, ElEmpty } from "element-plus";
 import EleTooltip from "../../ele-tooltip/index";
 const _hoisted_1 = ["title", "onClick", "onMouseover"];
 const _hoisted_2 = {
+  key: 0,
+  class: "ele-icon-select-item-name"
+};
+const _hoisted_3 = {
   key: 0,
   class: "ele-icon-select-empty"
 };
@@ -20,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /** 空组件属性 */
     emptyProps: Object,
     /** 是否显示提示 */
-    tooltip: Boolean,
+    tooltip: [Boolean, String],
     /** 提示属性 */
     tooltipProps: Object,
     /** 气泡是否展开 */
@@ -28,7 +32,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     /** 网格样式 */
     gridStyle: Object,
     /** 图标样式 */
-    itemStyle: Object
+    itemStyle: Object,
+    /** 下拉组件类型 */
+    popperType: String
   },
   emits: {
     select: (_icon) => true
@@ -46,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateTooltipVisible(false);
     };
     const handleItemHover = (icon, e) => {
-      if (props.tooltip && props.popperVisible && icon) {
+      if (props.tooltip === true && (props.popperVisible || props.popperType === "default") && icon) {
         virtualRef.value = e.currentTarget;
         tooltipContent.value = icon;
         tooltipVisible.value = true;
@@ -70,14 +76,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(ElScrollbar), { class: "ele-icon-select-body" }, {
         default: withCtx(() => [
           createElementVNode("div", {
-            class: "ele-icon-select-grid",
+            class: normalizeClass(["ele-icon-select-grid", { "is-loose": __props.tooltip === "static" }]),
             style: normalizeStyle(__props.gridStyle)
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.data, (d, i) => {
               return openBlock(), createElementBlock("div", {
                 key: i + "-" + d,
                 class: normalizeClass(["ele-icon-select-item", { "is-active": __props.icon && d === __props.icon }]),
-                title: __props.tooltip ? void 0 : d,
+                title: !__props.tooltip || __props.tooltip === "static" ? d : void 0,
                 style: normalizeStyle(__props.itemStyle),
                 onClick: ($event) => handleItemClick(d),
                 onMouseover: (e) => handleItemHover(d, e)
@@ -85,24 +91,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 renderSlot(_ctx.$slots, "icon", {
                   icon: d,
                   prefix: false
-                })
+                }),
+                __props.tooltip === "static" ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(d), 1)) : createCommentVNode("", true)
               ], 46, _hoisted_1);
             }), 128))
-          ], 4),
-          !__props.data || !__props.data.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          ], 6),
+          !__props.data || !__props.data.length ? (openBlock(), createElementBlock("div", _hoisted_3, [
             createVNode(unref(ElEmpty), mergeProps({ imageSize: 60 }, __props.emptyProps || {}), null, 16)
           ])) : createCommentVNode("", true),
-          createVNode(EleTooltip, mergeProps({
+          __props.tooltip === true ? (openBlock(), createBlock(EleTooltip, mergeProps({
+            key: 1,
             placement: "top",
             offset: 6,
-            teleported: false
+            teleported: __props.popperType !== "popper"
           }, __props.tooltipProps || {}, {
             visible: tooltipVisible.value,
             content: tooltipContent.value,
             virtualRef: virtualRef.value,
             virtualTriggering: true,
             "onUpdate:visible": updateTooltipVisible
-          }), null, 16, ["visible", "content", "virtualRef"])
+          }), null, 16, ["teleported", "visible", "content", "virtualRef"])) : createCommentVNode("", true)
         ]),
         _: 3
       });

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

@@ -1,4 +1,3 @@
-import { StyleValue } from '../ele-app/types';
 import { EleBasicSelectInstance } from '../ele-app/plus';
 import { IconItem } from './types';
 
@@ -19,6 +18,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placeholder: StringConstructor;
     automaticDropdown: BooleanConstructor;
     filterable: import('vue').PropType<boolean | "popper">;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    popperClass: StringConstructor;
+    popperWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    popperHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    popperType: {
+        type: import('vue').PropType<import('../ele-basic-select/types').PopperType>;
+        default: string;
+    };
+    popperProps: import('vue').PropType<import('../ele-basic-select/types').PopperProps>;
     teleported: {
         type: BooleanConstructor;
         default: boolean;
@@ -36,38 +52,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: string;
     };
     popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    popperHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    selectStyle: import('vue').PropType<StyleValue>;
-    inputStyle: import('vue').PropType<StyleValue>;
-    selectTagsStyle: import('vue').PropType<StyleValue>;
-    hideOnSingleTab: BooleanConstructor;
-    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
+    filterPlaceholder: StringConstructor;
     tooltip: {
-        type: BooleanConstructor;
+        type: import('vue').PropType<import('./types').ItemTooltip>;
         default: boolean;
     };
     tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
-    headerStyle: import('vue').PropType<StyleValue>;
-    tabsStyle: import('vue').PropType<StyleValue>;
-    searchStyle: import('vue').PropType<StyleValue>;
-    menusStyle: import('vue').PropType<StyleValue>;
-    bodyStyle: import('vue').PropType<StyleValue>;
-    gridStyle: import('vue').PropType<StyleValue>;
-    itemStyle: import('vue').PropType<StyleValue>;
-    filterPlaceholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    popperType: import('vue').PropType<import('../ele-basic-select/types').PopperType>;
-    popperProps: import('vue').PropType<import('../ele-basic-select/types').PopperProps>;
+    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
+    hideOnSingleTab: BooleanConstructor;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tabsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    searchStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    menusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    gridStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -91,6 +90,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placeholder: StringConstructor;
     automaticDropdown: BooleanConstructor;
     filterable: import('vue').PropType<boolean | "popper">;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    popperClass: StringConstructor;
+    popperWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    popperHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    popperType: {
+        type: import('vue').PropType<import('../ele-basic-select/types').PopperType>;
+        default: string;
+    };
+    popperProps: import('vue').PropType<import('../ele-basic-select/types').PopperProps>;
     teleported: {
         type: BooleanConstructor;
         default: boolean;
@@ -108,38 +124,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: string;
     };
     popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    popperHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    selectStyle: import('vue').PropType<StyleValue>;
-    inputStyle: import('vue').PropType<StyleValue>;
-    selectTagsStyle: import('vue').PropType<StyleValue>;
-    hideOnSingleTab: BooleanConstructor;
-    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
+    filterPlaceholder: StringConstructor;
     tooltip: {
-        type: BooleanConstructor;
+        type: import('vue').PropType<import('./types').ItemTooltip>;
         default: boolean;
     };
     tooltipProps: import('vue').PropType<import('../ele-app/plus').EleTooltipProps>;
-    headerStyle: import('vue').PropType<StyleValue>;
-    tabsStyle: import('vue').PropType<StyleValue>;
-    searchStyle: import('vue').PropType<StyleValue>;
-    menusStyle: import('vue').PropType<StyleValue>;
-    bodyStyle: import('vue').PropType<StyleValue>;
-    gridStyle: import('vue').PropType<StyleValue>;
-    itemStyle: import('vue').PropType<StyleValue>;
-    filterPlaceholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    popperType: import('vue').PropType<import('../ele-basic-select/types').PopperType>;
-    popperProps: import('vue').PropType<import('../ele-basic-select/types').PopperProps>;
+    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
+    hideOnSingleTab: BooleanConstructor;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tabsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    searchStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    menusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    gridStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    itemStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -157,13 +156,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     disabled: boolean;
     clearable: boolean;
     persistent: boolean;
-    tooltip: boolean;
+    tooltip: import('./types').ItemTooltip;
     transition: string;
     automaticDropdown: boolean;
-    filterPlaceholder: string;
     responsive: boolean;
     popperWidth: string | number;
     popperHeight: string | number;
+    popperType: import('../ele-basic-select/types').PopperType;
     hideOnSingleTab: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/es/ele-icon-select/index.js

@@ -1,5 +1,6 @@
-import { defineComponent, ref, computed, watch, createBlock, openBlock, createSlots, withCtx, createElementVNode, normalizeStyle, createElementBlock, createCommentVNode, renderSlot, Fragment, renderList, normalizeClass, toDisplayString, createVNode, unref, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, computed, watch, createBlock, openBlock, unref, createSlots, withCtx, createElementBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, normalizeClass, toDisplayString, createVNode, normalizeProps, guardReactiveProps } from "vue";
 import { ElInput } from "element-plus";
+import { useLocale } from "../ele-config-provider/receiver";
 import { useResponsive } from "../ele-pro-layout/util";
 import EleBasicSelect from "../ele-basic-select/index";
 import { useFormValidate, valueIsChanged } from "../ele-basic-select/util";
@@ -17,6 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const { lang } = useLocale("iconSelect", props);
     const { validateChange } = useFormValidate();
     const isResponsive = useResponsive(props);
     const selectRef = ref(null);
@@ -36,24 +38,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return true;
     });
+    const showFilterInput = computed(() => {
+      if (props.filterable === true && props.popperType !== "popper") {
+        return true;
+      }
+      return props.filterable === "popper";
+    });
     const selectPopperClass = computed(() => {
+      var _a;
       const classes = ["ele-icon-select-popper"];
-      if (isResponsive.value) {
-        classes.push("is-responsive");
+      if (props.popperType === "default") {
+        classes.push("is-icon-select-default");
+      }
+      if (props.popperType === "modal" && (tabBar.value || showFilterInput.value || ((_a = menus.value) == null ? void 0 : _a.length))) {
+        classes.push("is-show-header-border");
+      }
+      if (isResponsive.value && props.popperType === "popper") {
+        classes.push("is-icon-select-responsive");
       }
       if (props.popperClass) {
         classes.push(props.popperClass);
       }
       return classes.join(" ");
     });
-    const iconPopperStyle = computed(() => {
-      if (!props.popperHeight) {
-        return;
-      }
-      return {
-        height: typeof props.popperHeight === "number" ? `${props.popperHeight}px` : props.popperHeight
-      };
-    });
     const updatePopover = () => {
       selectRef.value && selectRef.value.updatePopper();
     };
@@ -196,15 +203,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         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,
+        popperClass: selectPopperClass.value,
+        popperWidth: _ctx.popperWidth,
+        popperHeight: _ctx.popperHeight,
         popperType: _ctx.popperType,
         popperProps: _ctx.popperProps,
+        popperTitle: unref(lang).title,
+        responsive: unref(isResponsive),
         selectedLabel: _ctx.modelValue,
         visible: selectVisible.value,
         "onUpdate:visible": updateVisible,
@@ -214,82 +224,78 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onBlur: handleSelectBlur
       }, createSlots({
         default: withCtx(() => [
-          createElementVNode("div", {
-            class: "ele-icon-select",
-            style: normalizeStyle(iconPopperStyle.value)
+          tabBar.value || showFilterInput.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "ele-icon-select-header",
+            style: normalizeStyle(_ctx.headerStyle)
           }, [
-            tabBar.value || _ctx.filterable === "popper" ? (openBlock(), createElementBlock("div", {
+            renderSlot(_ctx.$slots, "tabLeftExtra"),
+            tabBar.value ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: "ele-icon-select-header",
-              style: normalizeStyle(_ctx.headerStyle)
+              class: "ele-icon-select-tabs",
+              style: normalizeStyle(_ctx.tabsStyle)
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (t, i) => {
+                return openBlock(), createElementBlock("div", {
+                  key: i + "-" + t,
+                  class: normalizeClass(["ele-icon-select-tab", { "is-active": i === tabActive.value }]),
+                  onClick: ($event) => handleTabClick(i)
+                }, toDisplayString(t), 11, _hoisted_1);
+              }), 128))
+            ], 4)) : createCommentVNode("", true),
+            showFilterInput.value ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "ele-icon-select-search",
+              style: normalizeStyle(_ctx.searchStyle)
             }, [
-              renderSlot(_ctx.$slots, "tabLeftExtra"),
-              tabBar.value ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "ele-icon-select-tabs",
-                style: normalizeStyle(_ctx.tabsStyle)
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (t, i) => {
-                  return openBlock(), createElementBlock("div", {
-                    key: i + "-" + t,
-                    class: normalizeClass(["ele-icon-select-tab", { "is-active": i === tabActive.value }]),
-                    onClick: ($event) => handleTabClick(i)
-                  }, toDisplayString(t), 11, _hoisted_1);
-                }), 128))
-              ], 4)) : createCommentVNode("", true),
-              _ctx.filterable === "popper" ? (openBlock(), createElementBlock("div", {
-                key: 1,
-                class: "ele-icon-select-search",
-                style: normalizeStyle(_ctx.searchStyle)
-              }, [
-                createVNode(unref(ElInput), {
-                  size: "small",
-                  clearable: true,
-                  modelValue: keywords.value,
-                  validateEvent: false,
-                  prefixIcon: unref(SearchOutlined),
-                  placeholder: _ctx.filterPlaceholder,
-                  "onUpdate:modelValue": handleSelectFilter
-                }, null, 8, ["modelValue", "prefixIcon", "placeholder"])
-              ], 4)) : createCommentVNode("", true),
-              renderSlot(_ctx.$slots, "tabRightExtra")
+              createVNode(unref(ElInput), {
+                size: "small",
+                clearable: true,
+                modelValue: keywords.value,
+                validateEvent: false,
+                prefixIcon: unref(SearchOutlined),
+                placeholder: _ctx.filterPlaceholder ?? unref(lang).searchPlaceholder,
+                "onUpdate:modelValue": handleSelectFilter
+              }, null, 8, ["modelValue", "prefixIcon", "placeholder"])
             ], 4)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_2, [
-              menus.value && menus.value.length ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "ele-icon-select-menus",
-                style: normalizeStyle(_ctx.menusStyle)
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(menus.value, (m, i) => {
-                  return openBlock(), createElementBlock("div", {
-                    key: i + "-" + m,
-                    class: normalizeClass(["ele-icon-select-menu", { "is-active": i === menuActive.value }]),
-                    onClick: ($event) => handleMenuClick(i)
-                  }, toDisplayString(m), 11, _hoisted_3);
-                }), 128))
-              ], 4)) : createCommentVNode("", true),
-              createVNode(IconGrid, {
-                data: icons.value,
-                icon: _ctx.modelValue,
-                emptyProps: _ctx.emptyProps,
-                tooltip: _ctx.tooltip,
-                tooltipProps: _ctx.tooltipProps,
-                popperVisible: selectVisible.value,
-                gridStyle: _ctx.gridStyle,
-                itemStyle: _ctx.itemStyle,
-                style: normalizeStyle(_ctx.bodyStyle),
-                onSelect: handleIconSelect
-              }, createSlots({ _: 2 }, [
-                _ctx.$slots.icon ? {
-                  name: "icon",
-                  fn: withCtx((slotProps) => [
-                    renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(slotProps || {})))
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1032, ["data", "icon", "emptyProps", "tooltip", "tooltipProps", "popperVisible", "gridStyle", "itemStyle", "style"])
-            ])
-          ], 4)
+            renderSlot(_ctx.$slots, "tabRightExtra")
+          ], 4)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2, [
+            menus.value && menus.value.length ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "ele-icon-select-menus",
+              style: normalizeStyle(_ctx.menusStyle)
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(menus.value, (m, i) => {
+                return openBlock(), createElementBlock("div", {
+                  key: i + "-" + m,
+                  class: normalizeClass(["ele-icon-select-menu", { "is-active": i === menuActive.value }]),
+                  onClick: ($event) => handleMenuClick(i)
+                }, toDisplayString(m), 11, _hoisted_3);
+              }), 128))
+            ], 4)) : createCommentVNode("", true),
+            createVNode(IconGrid, {
+              data: icons.value,
+              icon: _ctx.modelValue,
+              emptyProps: _ctx.emptyProps,
+              tooltip: _ctx.tooltip,
+              tooltipProps: _ctx.tooltipProps,
+              popperVisible: selectVisible.value,
+              gridStyle: _ctx.gridStyle,
+              itemStyle: _ctx.itemStyle,
+              popperType: _ctx.popperType,
+              style: normalizeStyle(_ctx.bodyStyle),
+              onSelect: handleIconSelect
+            }, createSlots({ _: 2 }, [
+              _ctx.$slots.icon ? {
+                name: "icon",
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(slotProps || {})))
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["data", "icon", "emptyProps", "tooltip", "tooltipProps", "popperVisible", "gridStyle", "itemStyle", "popperType", "style"])
+          ])
         ]),
         _: 2
       }, [
@@ -303,7 +309,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["value", "disabled", "size", "clearable", "placeholder", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectTagsStyle", "popperType", "popperProps", "selectedLabel", "visible"]);
+      ]), 1032, ["value", "disabled", "size", "clearable", "placeholder", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperOptions", "selectStyle", "inputStyle", "selectTagsStyle", "popperClass", "popperWidth", "popperHeight", "popperType", "popperProps", "popperTitle", "responsive", "selectedLabel", "visible"]);
     };
   }
 });