ele-admin-plus 1.1.9-beta.7 → 1.1.9-beta.8

package/es/ele-file-list/components/file-table.js

@@ -1,9 +1,10 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withModifiers, createCommentVNode, toDisplayString, createBlock, Fragment, renderList, normalizeStyle, renderSlot, createTextVNode, createSlots, withCtx, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, normalizeClass, withModifiers, createCommentVNode, toDisplayString, Fragment, renderList, normalizeStyle, renderSlot, createTextVNode, createSlots, normalizeProps, guardReactiveProps } from "vue";
+import ReceiverView from "../../ele-config-provider/components/receiver-view";
 import FileTableItem from "./file-table-item";
 import FileSort from "./file-sort";
 const _sfc_main = defineComponent({
   name: "FileTable",
-  components: { FileTableItem, FileSort },
+  components: { ReceiverView, FileTableItem, FileSort },
   props: {
     /** 文件数据 */
     data: Array,
@@ -129,103 +130,108 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-file-list-table" };
-const _hoisted_2 = { class: "ele-file-list-header" };
-const _hoisted_3 = { class: "ele-file-list-item" };
-const _hoisted_4 = { class: "ele-file-list-item-body" };
-const _hoisted_5 = {
+const _hoisted_1 = { class: "ele-file-list-header" };
+const _hoisted_2 = { class: "ele-file-list-item" };
+const _hoisted_3 = { class: "ele-file-list-item-body" };
+const _hoisted_4 = {
   key: 0,
   class: "ele-file-list-item-checkbox"
 };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = { class: "ele-file-list-body" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "ele-file-list-body" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_FileSort = resolveComponent("FileSort");
   const _component_FileTableItem = resolveComponent("FileTableItem");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode("div", _hoisted_2, [
-      createElementVNode("div", _hoisted_3, [
-        createElementVNode("div", _hoisted_4, [
-          _ctx.selectionType === "checkbox" || _ctx.selectionType === "radio" ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            _ctx.selectionType === "checkbox" ? (openBlock(), createElementBlock("i", {
-              key: 0,
-              class: normalizeClass([
-                "ele-file-list-checkbox",
-                { "is-checked": _ctx.isCheckAll },
-                { "is-indeterminate": _ctx.isIndeterminate }
-              ]),
-              onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onCheckAllChange && _ctx.onCheckAllChange(...args), ["stop"]))
-            }, null, 2)) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: "ele-file-list-item-name",
-            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onSortChange("name"))
-          }, [
-            createElementVNode("span", null, toDisplayString(_ctx.nameText), 1),
-            _ctx.sortable ? (openBlock(), createBlock(_component_FileSort, {
-              key: 0,
-              sort: _ctx.sort,
-              order: _ctx.order,
-              name: "name"
-            }, null, 8, ["sort", "order"])) : createCommentVNode("", true)
-          ]),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tableCols, (col) => {
-            return openBlock(), createElementBlock("div", {
-              key: col.prop,
-              style: normalizeStyle(col.headerStyle || col.style),
-              class: "ele-file-list-item-cell",
-              onClick: ($event) => _ctx.onSortChange(col.prop, col)
+  const _component_ReceiverView = resolveComponent("ReceiverView");
+  return openBlock(), createBlock(_component_ReceiverView, { class: "ele-file-list-table" }, {
+    default: withCtx(() => [
+      createElementVNode("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            _ctx.selectionType === "checkbox" || _ctx.selectionType === "radio" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              _ctx.selectionType === "checkbox" ? (openBlock(), createElementBlock("i", {
+                key: 0,
+                class: normalizeClass([
+                  "ele-file-list-checkbox",
+                  { "is-checked": _ctx.isCheckAll },
+                  { "is-indeterminate": _ctx.isIndeterminate }
+                ]),
+                onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onCheckAllChange && _ctx.onCheckAllChange(...args), ["stop"]))
+              }, null, 2)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: "ele-file-list-item-name",
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onSortChange("name"))
             }, [
-              createElementVNode("span", null, [
-                col.headerSlot && _ctx.$slots[col.headerSlot] ? renderSlot(_ctx.$slots, col.headerSlot, {
-                  key: 0,
-                  col
-                }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  createTextVNode(toDisplayString(col.title), 1)
-                ], 64))
-              ]),
-              col.sortable ? (openBlock(), createBlock(_component_FileSort, {
+              createElementVNode("span", null, toDisplayString(_ctx.nameText), 1),
+              _ctx.sortable ? (openBlock(), createBlock(_component_FileSort, {
                 key: 0,
                 sort: _ctx.sort,
                 order: _ctx.order,
-                name: col.prop
-              }, null, 8, ["sort", "order", "name"])) : createCommentVNode("", true)
-            ], 12, _hoisted_6);
-          }), 128))
+                name: "name"
+              }, null, 8, ["sort", "order"])) : createCommentVNode("", true)
+            ]),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tableCols, (col) => {
+              return openBlock(), createElementBlock("div", {
+                key: col.prop,
+                style: normalizeStyle(col.headerStyle || col.style),
+                class: "ele-file-list-item-cell",
+                onClick: ($event) => _ctx.onSortChange(col.prop, col)
+              }, [
+                createElementVNode("span", null, [
+                  col.headerSlot && !["icon", "title", "tool", "contextMenu"].includes(
+                    col.headerSlot
+                  ) && _ctx.$slots[col.headerSlot] ? renderSlot(_ctx.$slots, col.headerSlot, {
+                    key: 0,
+                    col
+                  }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createTextVNode(toDisplayString(col.title), 1)
+                  ], 64))
+                ]),
+                col.sortable ? (openBlock(), createBlock(_component_FileSort, {
+                  key: 0,
+                  sort: _ctx.sort,
+                  order: _ctx.order,
+                  name: col.prop
+                }, null, 8, ["sort", "order", "name"])) : createCommentVNode("", true)
+              ], 12, _hoisted_5);
+            }), 128))
+          ])
         ])
+      ]),
+      createElementVNode("div", _hoisted_6, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
+          return openBlock(), createBlock(_component_FileTableItem, {
+            key: item.key,
+            ref_for: true,
+            ref: "itemRefs",
+            item,
+            selectionType: _ctx.selectionType,
+            selections: _ctx.selections,
+            current: _ctx.current,
+            icons: _ctx.icons,
+            columns: _ctx.tableCols,
+            contextMenus: _ctx.getContextMenus(item),
+            contextMenuProps: _ctx.contextMenuProps,
+            onClick: _ctx.onItemClick,
+            onCheckChange: _ctx.onItemCheckChange,
+            onContextMenu: _ctx.onItemContextMenu,
+            onContextOpen: _ctx.onItemContextOpen
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["item", "selectionType", "selections", "current", "icons", "columns", "contextMenus", "contextMenuProps", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
+        }), 128))
       ])
     ]),
-    createElementVNode("div", _hoisted_7, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
-        return openBlock(), createBlock(_component_FileTableItem, {
-          key: item.key,
-          ref_for: true,
-          ref: "itemRefs",
-          item,
-          selectionType: _ctx.selectionType,
-          selections: _ctx.selections,
-          current: _ctx.current,
-          icons: _ctx.icons,
-          columns: _ctx.tableCols,
-          contextMenus: _ctx.getContextMenus(item),
-          contextMenuProps: _ctx.contextMenuProps,
-          onClick: _ctx.onItemClick,
-          onCheckChange: _ctx.onItemCheckChange,
-          onContextMenu: _ctx.onItemContextMenu,
-          onContextOpen: _ctx.onItemContextOpen
-        }, createSlots({ _: 2 }, [
-          renderList(Object.keys(_ctx.$slots), (name) => {
-            return {
-              name,
-              fn: withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-              ])
-            };
-          })
-        ]), 1032, ["item", "selectionType", "selections", "current", "icons", "columns", "contextMenus", "contextMenuProps", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
-      }), 128))
-    ])
-  ]);
+    _: 3
+  });
 }
 const fileTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    sortable: BooleanConstructor;
+    sortable: BooleanConstructor; /** 鼠标选择框样式 */
     sort: StringConstructor;
     order: StringConstructor;
     icons: {
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => import("./types").IconItem[];
     };
     smallIcons: {
-        type: import("vue").PropType<import("./types").IconItem[]>; /** 是否是全选 */
+        type: import("vue").PropType<import("./types").IconItem[]>;
         default: () => import("./types").IconItem[];
     };
     columns: import("vue").PropType<import("./types").ColumnItem[]>;
@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    sortable: BooleanConstructor;
+    sortable: BooleanConstructor; /** 鼠标选择框样式 */
     sort: StringConstructor;
     order: StringConstructor;
     icons: {
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => import("./types").IconItem[];
     };
     smallIcons: {
-        type: import("vue").PropType<import("./types").IconItem[]>; /** 是否是全选 */
+        type: import("vue").PropType<import("./types").IconItem[]>;
         default: () => import("./types").IconItem[];
     };
     columns: import("vue").PropType<import("./types").ColumnItem[]>;

package/es/ele-file-list/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, createBlock, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeStyle } from "vue";
 import { throttle } from "../utils/core";
-import { useLicense, useLocale } from "../ele-config-provider/receiver";
+import { useLocale } from "../ele-config-provider/receiver";
 import FileGrid from "./components/file-grid";
 import FileTable from "./components/file-table";
 import { fileListProps, fileListEmits } from "./props";
@@ -11,7 +11,6 @@ const _sfc_main = defineComponent({
   props: fileListProps,
   emits: fileListEmits,
   setup(props, { emit }) {
-    const { authenticated } = useLicense();
     const { lang } = useLocale("fileList", props);
     const selectorStyle = ref({
       top: "0px",
@@ -84,15 +83,9 @@ const _sfc_main = defineComponent({
       updateSelections(props.selections.filter((t) => t.key !== item.key));
     };
     const onItemClick = (item) => {
-      if (!authenticated.value) {
-        return;
-      }
       emit("itemClick", item);
     };
     const onSortChange = (name) => {
-      if (!authenticated.value) {
-        return;
-      }
       const sorter = { sort: name };
       if (props.order && name === props.sort) {
         sorter.order = props.order === "asc" ? "desc" : null;
@@ -102,9 +95,6 @@ const _sfc_main = defineComponent({
       emit("sortChange", sorter);
     };
     const onItemContextMenu = (option) => {
-      if (!authenticated.value) {
-        return;
-      }
       emit("itemContextMenu", option);
     };
     const onMousedown = (event) => {

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

@@ -1,8 +1,8 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    onClick: () => void;
+    onClick: (e: MouseEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: () => true;
+    click: (_e: MouseEvent) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
-    onClick?: (() => any) | undefined;
+    onClick?: ((_e: MouseEvent) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/es/ele-file-list-tool/index.js

@@ -2,11 +2,11 @@ import { defineComponent, openBlock, createElementBlock, withModifiers, renderSl
 const _sfc_main = defineComponent({
   name: "EleFileListTool",
   emits: {
-    click: () => true
+    click: (_e) => true
   },
   setup(_props, { emit }) {
     return {
-      onClick: () => emit("click")
+      onClick: (e) => emit("click", e)
     };
   }
 });

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

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     automaticDropdown: BooleanConstructor;
-    filterable: BooleanConstructor;
+    filterable: (BooleanConstructor | StringConstructor)[];
     teleported: {
         type: BooleanConstructor;
         default: boolean;
@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 下拉组件 */
     placement: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
         default: string;
@@ -31,16 +32,16 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: {
-        type: (StringConstructor | NumberConstructor)[]; /** 是否显示选项卡栏 */
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     popperHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
-    };
+    }; /** 是否显示选项卡栏 */
     selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    hideOnSingleTab: BooleanConstructor; /** 下拉框类名 */
+    hideOnSingleTab: BooleanConstructor;
     emptyProps: import("vue").PropType<import("../ele-app/el").ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
@@ -54,11 +55,16 @@ declare const _default: import("vue").DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     gridStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     itemStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    filterPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
     responsive: {
         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[]>;
@@ -66,6 +72,7 @@ declare const _default: import("vue").DefineComponent<{
     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>;
@@ -74,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
     onSelectClear: () => void;
     onSelectFocus: (e: FocusEvent) => void;
     onSelectBlur: (e: FocusEvent) => void;
-    onSelectFilter: (keywords: string) => void;
+    onSelectFilter: (value: string) => void;
     onTabClick: (index: number) => void;
     onMenuClick: (index: number) => void;
     onIconSelect: (icon: string) => void;
@@ -96,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     automaticDropdown: BooleanConstructor;
-    filterable: BooleanConstructor;
+    filterable: (BooleanConstructor | StringConstructor)[];
     teleported: {
         type: BooleanConstructor;
         default: boolean;
@@ -105,6 +112,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 下拉组件 */
     placement: {
         type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown> | undefined>;
         default: string;
@@ -116,16 +124,16 @@ declare const _default: import("vue").DefineComponent<{
     popperOptions: import("vue").PropType<Partial<import("element-plus").Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: {
-        type: (StringConstructor | NumberConstructor)[]; /** 是否显示选项卡栏 */
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     popperHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
-    };
+    }; /** 是否显示选项卡栏 */
     selectStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    hideOnSingleTab: BooleanConstructor; /** 下拉框类名 */
+    hideOnSingleTab: BooleanConstructor;
     emptyProps: import("vue").PropType<import("../ele-app/el").ElEmptyProps>;
     tooltip: {
         type: BooleanConstructor;
@@ -139,6 +147,10 @@ declare const _default: import("vue").DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     gridStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     itemStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    filterPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -158,11 +170,11 @@ declare const _default: import("vue").DefineComponent<{
     persistent: boolean;
     transition: string;
     tooltip: boolean;
-    filterable: boolean;
     responsive: boolean;
     automaticDropdown: boolean;
     popperWidth: string | number;
     popperHeight: string | number;
     hideOnSingleTab: boolean;
+    filterPlaceholder: string;
 }, {}>;
 export default _default;

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

@@ -1,17 +1,18 @@
 import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeStyle, createElementBlock, renderSlot, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, createVNode, normalizeProps, guardReactiveProps } from "vue";
+import { ElInput } from "element-plus";
 import { useResponsive } from "../ele-config-provider/receiver";
 import EleBasicSelect from "../ele-basic-select/index";
 import { valueIsChanged } from "../ele-basic-select/util";
+import { SearchOutlined } from "../icons";
 import IconGrid from "./components/icon-grid";
 import { iconSelectProps, iconSelectEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleIconSelect",
-  components: { EleBasicSelect, IconGrid },
+  components: { ElInput, EleBasicSelect, IconGrid },
   props: iconSelectProps,
   emits: iconSelectEmits,
   setup(props, { emit }) {
     const isResponsive = useResponsive(props);
-    const iconState = { keyword: "" };
     const selectRef = ref(null);
     const selectVisible = ref(false);
     const tabs = ref([]);
@@ -19,6 +20,7 @@ const _sfc_main = defineComponent({
     const menus = ref([]);
     const menuActive = ref();
     const icons = ref([]);
+    const keywords = ref("");
     const tabBar = computed(() => {
       if (!tabs.value || !tabs.value.length) {
         return false;
@@ -81,10 +83,11 @@ const _sfc_main = defineComponent({
       if (!data) {
         return [];
       }
-      if (!iconState.keyword) {
+      if (!keywords.value) {
         return data;
       }
-      return data.filter((t) => t.toLowerCase().includes(iconState.keyword));
+      const keyword = keywords.value.toLowerCase();
+      return data.filter((t) => t.toLowerCase().includes(keyword));
     };
     const updateVisible = (visible) => {
       if (visible) {
@@ -112,9 +115,11 @@ const _sfc_main = defineComponent({
     const onSelectBlur = (e) => {
       emit("blur", e);
     };
-    const onSelectFilter = (keywords) => {
+    const onSelectFilter = (value) => {
       var _a;
-      iconState.keyword = keywords ? keywords.toLowerCase() : "";
+      if (keywords.value !== value) {
+        keywords.value = value;
+      }
       initData();
       if (!((_a = props.data) == null ? void 0 : _a.length) || icons.value.length) {
         return;
@@ -124,17 +129,18 @@ const _sfc_main = defineComponent({
         if (typeof d === "string") {
           return;
         }
+        const keyword = keywords.value.toLowerCase();
         if (d.children != null && d.children.length) {
           for (let j = 0; j < d.children.length; j++) {
             const icons2 = d.children[j].icons;
-            if (icons2 && icons2.some((t) => t.toLowerCase().includes(iconState.keyword))) {
+            if (icons2 && icons2.some((t) => t.toLowerCase().includes(keyword))) {
               menuActive.value = j;
               tabActive.value = i;
               initData();
               return;
             }
           }
-        } else if (d.icons != null && d.icons.some((t) => t.toLowerCase().includes(iconState.keyword))) {
+        } else if (d.icons != null && d.icons.some((t) => t.toLowerCase().includes(keyword))) {
           tabActive.value = i;
           initData();
           return;
@@ -164,6 +170,7 @@ const _sfc_main = defineComponent({
       }
     );
     return {
+      SearchOutlined,
       selectRef,
       selectVisible,
       tabs,
@@ -171,6 +178,7 @@ const _sfc_main = defineComponent({
       menus,
       menuActive,
       icons,
+      keywords,
       tabBar,
       selectPopperClass,
       iconPopperStyle,
@@ -197,6 +205,7 @@ 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 = resolveComponent("ElInput");
   const _component_IconGrid = resolveComponent("IconGrid");
   const _component_EleBasicSelect = resolveComponent("EleBasicSelect");
   return openBlock(), createBlock(_component_EleBasicSelect, {
@@ -208,7 +217,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     clearable: _ctx.clearable,
     placeholder: _ctx.placeholder,
     automaticDropdown: _ctx.automaticDropdown,
-    filterable: _ctx.filterable,
+    filterable: typeof _ctx.filterable === "boolean" ? _ctx.filterable : false,
     teleported: _ctx.teleported,
     persistent: _ctx.persistent,
     placement: _ctx.placement,
@@ -232,7 +241,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "ele-icon-select",
         style: normalizeStyle(_ctx.iconPopperStyle)
       }, [
-        _ctx.tabBar ? (openBlock(), createElementBlock("div", {
+        _ctx.tabBar || _ctx.filterable === "popper" ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "ele-icon-select-header",
           style: normalizeStyle(_ctx.headerStyle)
@@ -251,6 +260,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, 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(_component_ElInput, {
+              size: "small",
+              clearable: true,
+              modelValue: _ctx.keywords,
+              prefixIcon: _ctx.SearchOutlined,
+              placeholder: _ctx.filterPlaceholder,
+              "onUpdate:modelValue": _ctx.onSelectFilter
+            }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onUpdate:modelValue"])
+          ], 4)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "tabRightExtra")
         ], 4)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2, [

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

@@ -23,7 +23,7 @@ export declare const iconSelectProps: {
     /** 是否在输入框获得焦点后自动弹出选项菜单 */
     automaticDropdown: BooleanConstructor;
     /** 是否可以筛选 */
-    filterable: BooleanConstructor;
+    filterable: (BooleanConstructor | StringConstructor)[];
     /** 是否将下拉框插入 body */
     teleported: {
         type: BooleanConstructor;
@@ -87,6 +87,11 @@ export declare const iconSelectProps: {
     gridStyle: PropType<Partial<import("vue").CSSProperties>>;
     /** 图标样式 */
     itemStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 搜索框提示文本 */
+    filterPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
     /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;

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

@@ -17,7 +17,7 @@ const iconSelectProps = {
   /** 是否在输入框获得焦点后自动弹出选项菜单 */
   automaticDropdown: Boolean,
   /** 是否可以筛选 */
-  filterable: Boolean,
+  filterable: [Boolean, String],
   /** 是否将下拉框插入 body */
   teleported: {
     type: Boolean,
@@ -81,6 +81,11 @@ const iconSelectProps = {
   gridStyle: Object,
   /** 图标样式 */
   itemStyle: Object,
+  /** 搜索框提示文本 */
+  filterPlaceholder: {
+    type: String,
+    default: ""
+  },
   /** 是否开启响应式 */
   responsive: {
     type: Boolean,

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

@@ -1,5 +1,6 @@
 import 'element-plus/es/components/empty/style/index';
 import 'element-plus/es/components/scrollbar/style/index';
+import 'element-plus/es/components/input/style/index';
 import '../../ele-tooltip/style/index';
 import '../../ele-basic-select/style/index';
 import './index.scss';