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

package/lib/ele-file-list/components/file-table.cjs

@@ -1,10 +1,11 @@
 "use strict";
 const vue = require("vue");
+const ReceiverView = require("../../ele-config-provider/components/receiver-view");
 const FileTableItem = require("./file-table-item");
 const FileSort = require("./file-sort");
 const _sfc_main = vue.defineComponent({
   name: "FileTable",
-  components: { FileTableItem, FileSort },
+  components: { ReceiverView, FileTableItem, FileSort },
   props: {
     /** 文件数据 */
     data: Array,
@@ -130,103 +131,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 = vue.resolveComponent("FileSort");
   const _component_FileTableItem = vue.resolveComponent("FileTableItem");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    vue.createElementVNode("div", _hoisted_2, [
-      vue.createElementVNode("div", _hoisted_3, [
-        vue.createElementVNode("div", _hoisted_4, [
-          _ctx.selectionType === "checkbox" || _ctx.selectionType === "radio" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-            _ctx.selectionType === "checkbox" ? (vue.openBlock(), vue.createElementBlock("i", {
-              key: 0,
-              class: vue.normalizeClass([
-                "ele-file-list-checkbox",
-                { "is-checked": _ctx.isCheckAll },
-                { "is-indeterminate": _ctx.isIndeterminate }
-              ]),
-              onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onCheckAllChange && _ctx.onCheckAllChange(...args), ["stop"]))
-            }, null, 2)) : vue.createCommentVNode("", true)
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", {
-            class: "ele-file-list-item-name",
-            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onSortChange("name"))
-          }, [
-            vue.createElementVNode("span", null, vue.toDisplayString(_ctx.nameText), 1),
-            _ctx.sortable ? (vue.openBlock(), vue.createBlock(_component_FileSort, {
-              key: 0,
-              sort: _ctx.sort,
-              order: _ctx.order,
-              name: "name"
-            }, null, 8, ["sort", "order"])) : vue.createCommentVNode("", true)
-          ]),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tableCols, (col) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: col.prop,
-              style: vue.normalizeStyle(col.headerStyle || col.style),
-              class: "ele-file-list-item-cell",
-              onClick: ($event) => _ctx.onSortChange(col.prop, col)
+  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
+  return vue.openBlock(), vue.createBlock(_component_ReceiverView, { class: "ele-file-list-table" }, {
+    default: vue.withCtx(() => [
+      vue.createElementVNode("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            _ctx.selectionType === "checkbox" || _ctx.selectionType === "radio" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+              _ctx.selectionType === "checkbox" ? (vue.openBlock(), vue.createElementBlock("i", {
+                key: 0,
+                class: vue.normalizeClass([
+                  "ele-file-list-checkbox",
+                  { "is-checked": _ctx.isCheckAll },
+                  { "is-indeterminate": _ctx.isIndeterminate }
+                ]),
+                onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onCheckAllChange && _ctx.onCheckAllChange(...args), ["stop"]))
+              }, null, 2)) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", {
+              class: "ele-file-list-item-name",
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onSortChange("name"))
             }, [
-              vue.createElementVNode("span", null, [
-                col.headerSlot && _ctx.$slots[col.headerSlot] ? vue.renderSlot(_ctx.$slots, col.headerSlot, {
-                  key: 0,
-                  col
-                }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  vue.createTextVNode(vue.toDisplayString(col.title), 1)
-                ], 64))
-              ]),
-              col.sortable ? (vue.openBlock(), vue.createBlock(_component_FileSort, {
+              vue.createElementVNode("span", null, vue.toDisplayString(_ctx.nameText), 1),
+              _ctx.sortable ? (vue.openBlock(), vue.createBlock(_component_FileSort, {
                 key: 0,
                 sort: _ctx.sort,
                 order: _ctx.order,
-                name: col.prop
-              }, null, 8, ["sort", "order", "name"])) : vue.createCommentVNode("", true)
-            ], 12, _hoisted_6);
-          }), 128))
+                name: "name"
+              }, null, 8, ["sort", "order"])) : vue.createCommentVNode("", true)
+            ]),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tableCols, (col) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: col.prop,
+                style: vue.normalizeStyle(col.headerStyle || col.style),
+                class: "ele-file-list-item-cell",
+                onClick: ($event) => _ctx.onSortChange(col.prop, col)
+              }, [
+                vue.createElementVNode("span", null, [
+                  col.headerSlot && !["icon", "title", "tool", "contextMenu"].includes(
+                    col.headerSlot
+                  ) && _ctx.$slots[col.headerSlot] ? vue.renderSlot(_ctx.$slots, col.headerSlot, {
+                    key: 0,
+                    col
+                  }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                    vue.createTextVNode(vue.toDisplayString(col.title), 1)
+                  ], 64))
+                ]),
+                col.sortable ? (vue.openBlock(), vue.createBlock(_component_FileSort, {
+                  key: 0,
+                  sort: _ctx.sort,
+                  order: _ctx.order,
+                  name: col.prop
+                }, null, 8, ["sort", "order", "name"])) : vue.createCommentVNode("", true)
+              ], 12, _hoisted_5);
+            }), 128))
+          ])
         ])
+      ]),
+      vue.createElementVNode("div", _hoisted_6, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
+          return vue.openBlock(), vue.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
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["item", "selectionType", "selections", "current", "icons", "columns", "contextMenus", "contextMenuProps", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
+        }), 128))
       ])
     ]),
-    vue.createElementVNode("div", _hoisted_7, [
-      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
-        return vue.openBlock(), vue.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
-        }, vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(_ctx.$slots), (name) => {
-            return {
-              name,
-              fn: vue.withCtx((slotProps) => [
-                vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.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]]);
 module.exports = fileTable;

package/lib/ele-file-list/index.cjs

@@ -12,7 +12,6 @@ const _sfc_main = vue.defineComponent({
   props: props.fileListProps,
   emits: props.fileListEmits,
   setup(props2, { emit }) {
-    const { authenticated } = receiver.useLicense();
     const { lang } = receiver.useLocale("fileList", props2);
     const selectorStyle = vue.ref({
       top: "0px",
@@ -85,15 +84,9 @@ const _sfc_main = vue.defineComponent({
       updateSelections(props2.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 (props2.order && name === props2.sort) {
         sorter.order = props2.order === "asc" ? "desc" : null;
@@ -103,9 +96,6 @@ const _sfc_main = vue.defineComponent({
       emit("sortChange", sorter);
     };
     const onItemContextMenu = (option) => {
-      if (!authenticated.value) {
-        return;
-      }
       emit("itemContextMenu", option);
     };
     const onMousedown = (event) => {

package/lib/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/lib/ele-file-list-tool/index.cjs

@@ -3,11 +3,11 @@ const vue = require("vue");
 const _sfc_main = vue.defineComponent({
   name: "EleFileListTool",
   emits: {
-    click: () => true
+    click: (_e) => true
   },
   setup(_props, { emit }) {
     return {
-      onClick: () => emit("click")
+      onClick: (e) => emit("click", e)
     };
   }
 });

package/lib/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/lib/ele-icon-select/index.cjs

@@ -1,25 +1,27 @@
 "use strict";
 const vue = require("vue");
+const elementPlus = require("element-plus");
 const receiver = require("../ele-config-provider/receiver");
 const EleBasicSelect = require("../ele-basic-select/index");
 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: { EleBasicSelect, IconGrid },
+  components: { ElInput: elementPlus.ElInput, EleBasicSelect, IconGrid },
   props: props.iconSelectProps,
   emits: props.iconSelectEmits,
   setup(props2, { emit }) {
     const isResponsive = receiver.useResponsive(props2);
-    const iconState = { keyword: "" };
     const selectRef = vue.ref(null);
     const selectVisible = vue.ref(false);
     const tabs = vue.ref([]);
     const tabActive = vue.ref();
     const menus = vue.ref([]);
     const menuActive = vue.ref();
-    const icons = vue.ref([]);
+    const icons$1 = vue.ref([]);
+    const keywords = vue.ref("");
     const tabBar = vue.computed(() => {
       if (!tabs.value || !tabs.value.length) {
         return false;
@@ -56,7 +58,7 @@ const _sfc_main = vue.defineComponent({
         menus.value = [];
         tabActive.value = void 0;
         menuActive.value = void 0;
-        icons.value = filterData(props2.data);
+        icons$1.value = filterData(props2.data);
         return;
       }
       tabs.value = props2.data.map(
@@ -71,21 +73,22 @@ const _sfc_main = vue.defineComponent({
         if (menuActive.value == null || menuActive.value >= menus.value.length) {
           menuActive.value = 0;
         }
-        icons.value = filterData(data.children[menuActive.value].icons);
+        icons$1.value = filterData(data.children[menuActive.value].icons);
         return;
       }
       menus.value = [];
       menuActive.value = void 0;
-      icons.value = typeof data !== "string" ? filterData(data.icons) : [];
+      icons$1.value = typeof data !== "string" ? filterData(data.icons) : [];
     };
     const filterData = (data) => {
       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) {
@@ -113,11 +116,13 @@ const _sfc_main = vue.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 = props2.data) == null ? void 0 : _a.length) || icons.value.length) {
+      if (!((_a = props2.data) == null ? void 0 : _a.length) || icons$1.value.length) {
         return;
       }
       for (let i = 0; i < props2.data.length; i++) {
@@ -125,17 +130,18 @@ const _sfc_main = vue.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;
@@ -165,13 +171,15 @@ const _sfc_main = vue.defineComponent({
       }
     );
     return {
+      SearchOutlined: icons.SearchOutlined,
       selectRef,
       selectVisible,
       tabs,
       tabActive,
       menus,
       menuActive,
-      icons,
+      icons: icons$1,
+      keywords,
       tabBar,
       selectPopperClass,
       iconPopperStyle,
@@ -198,6 +206,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 = vue.resolveComponent("ElInput");
   const _component_IconGrid = vue.resolveComponent("IconGrid");
   const _component_EleBasicSelect = vue.resolveComponent("EleBasicSelect");
   return vue.openBlock(), vue.createBlock(_component_EleBasicSelect, {
@@ -209,7 +218,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,
@@ -233,7 +242,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "ele-icon-select",
         style: vue.normalizeStyle(_ctx.iconPopperStyle)
       }, [
-        _ctx.tabBar ? (vue.openBlock(), vue.createElementBlock("div", {
+        _ctx.tabBar || _ctx.filterable === "popper" ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "ele-icon-select-header",
           style: vue.normalizeStyle(_ctx.headerStyle)
@@ -252,6 +261,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, 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,
+              prefixIcon: _ctx.SearchOutlined,
+              placeholder: _ctx.filterPlaceholder,
+              "onUpdate:modelValue": _ctx.onSelectFilter
+            }, 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, [

package/lib/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/lib/ele-icon-select/props.cjs

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

package/lib/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/lib/ele-icon-select/style/index.cjs

@@ -1,6 +1,7 @@
 "use strict";
 require("element-plus/lib/components/empty/style/index");
 require("element-plus/lib/components/scrollbar/style/index");
+require("element-plus/lib/components/input/style/index");
 require("../../ele-tooltip/style/index");
 require("../../ele-basic-select/style/index");
 require("./index.scss");