ele-admin-plus 1.4.0 → 1.4.1

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

@@ -1,6 +1,7 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
+const receiver = require("../ele-config-provider/receiver");
 const util$1 = require("../ele-pro-layout/util");
 const EleBasicSelect = require("../ele-basic-select/index");
 const util = require("../ele-basic-select/util");
@@ -18,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props2 = __props;
     const emit = __emit;
+    const { lang } = receiver.useLocale("iconSelect", props2);
     const { validateChange } = util.useFormValidate();
     const isResponsive = util$1.useResponsive(props2);
     const selectRef = vue.ref(null);
@@ -37,24 +39,29 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return true;
     });
+    const showFilterInput = vue.computed(() => {
+      if (props2.filterable === true && props2.popperType !== "popper") {
+        return true;
+      }
+      return props2.filterable === "popper";
+    });
     const selectPopperClass = vue.computed(() => {
+      var _a;
       const classes = ["ele-icon-select-popper"];
-      if (isResponsive.value) {
-        classes.push("is-responsive");
+      if (props2.popperType === "default") {
+        classes.push("is-icon-select-default");
+      }
+      if (props2.popperType === "modal" && (tabBar.value || showFilterInput.value || ((_a = menus.value) == null ? void 0 : _a.length))) {
+        classes.push("is-show-header-border");
+      }
+      if (isResponsive.value && props2.popperType === "popper") {
+        classes.push("is-icon-select-responsive");
       }
       if (props2.popperClass) {
         classes.push(props2.popperClass);
       }
       return classes.join(" ");
     });
-    const iconPopperStyle = vue.computed(() => {
-      if (!props2.popperHeight) {
-        return;
-      }
-      return {
-        height: typeof props2.popperHeight === "number" ? `${props2.popperHeight}px` : props2.popperHeight
-      };
-    });
     const updatePopover = () => {
       selectRef.value && selectRef.value.updatePopper();
     };
@@ -197,13 +204,18 @@ const _sfc_main = /* @__PURE__ */ vue.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: vue.unref(lang).title,
+        responsive: vue.unref(isResponsive),
         selectedLabel: _ctx.modelValue,
         visible: selectVisible.value,
         "onUpdate:visible": updateVisible,
@@ -213,82 +225,78 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onBlur: handleSelectBlur
       }, vue.createSlots({
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", {
-            class: "ele-icon-select",
-            style: vue.normalizeStyle(iconPopperStyle.value)
+          tabBar.value || showFilterInput.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "ele-icon-select-header",
+            style: vue.normalizeStyle(_ctx.headerStyle)
           }, [
-            tabBar.value || _ctx.filterable === "popper" ? (vue.openBlock(), vue.createElementBlock("div", {
+            vue.renderSlot(_ctx.$slots, "tabLeftExtra"),
+            tabBar.value ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
-              class: "ele-icon-select-header",
-              style: vue.normalizeStyle(_ctx.headerStyle)
+              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),
+            showFilterInput.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 1,
+              class: "ele-icon-select-search",
+              style: vue.normalizeStyle(_ctx.searchStyle)
             }, [
-              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(index.SearchOutlined),
-                  placeholder: _ctx.filterPlaceholder,
-                  "onUpdate:modelValue": handleSelectFilter
-                }, null, 8, ["modelValue", "prefixIcon", "placeholder"])
-              ], 4)) : vue.createCommentVNode("", true),
-              vue.renderSlot(_ctx.$slots, "tabRightExtra")
+              vue.createVNode(vue.unref(elementPlus.ElInput), {
+                size: "small",
+                clearable: true,
+                modelValue: keywords.value,
+                validateEvent: false,
+                prefixIcon: vue.unref(index.SearchOutlined),
+                placeholder: _ctx.filterPlaceholder ?? vue.unref(lang).searchPlaceholder,
+                "onUpdate:modelValue": handleSelectFilter
+              }, null, 8, ["modelValue", "prefixIcon", "placeholder"])
             ], 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.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)
+            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.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: 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", "popperType", "style"])
+          ])
         ]),
         _: 2
       }, [
@@ -302,7 +310,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["value", "disabled", "size", "clearable", "placeholder", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectTagsStyle", "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"]);
     };
   }
 });

package/lib/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,36 +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;
-    };
+    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;
@@ -89,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;
@@ -106,36 +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;
-    };
+    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;
@@ -150,16 +153,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>, {
     placement: import('element-plus').Placement | undefined;
     teleported: boolean;
-    clearable: boolean;
     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/lib/ele-icon-select/props.cjs

@@ -17,12 +17,37 @@ const iconSelectProps = {
   automaticDropdown: Boolean,
   /** 是否可以筛选 */
   filterable: [Boolean, String],
-  /** 是否将下拉框插入 body */
+  /** 自定义样式 */
+  selectStyle: Object,
+  /** 自定义输入框样式 */
+  inputStyle: Object,
+  /** 自定义多选标签容器样式 */
+  selectTagsStyle: Object,
+  /** 下拉组件类名 */
+  popperClass: String,
+  /** 下拉组件宽度 */
+  popperWidth: {
+    type: [Number, String],
+    default: 460
+  },
+  /** 下拉组件高度 */
+  popperHeight: {
+    type: [Number, String],
+    default: 320
+  },
+  /** 下拉组件类型 */
+  popperType: {
+    type: String,
+    default: "popper"
+  },
+  /** 下拉组件属性 */
+  popperProps: Object,
+  /** 是否将下拉组件插入 body */
   teleported: {
     type: Boolean,
     default: true
   },
-  /** 始终渲染下拉框 */
+  /** 始终渲染下拉组件 */
   persistent: {
     type: Boolean,
     default: true
@@ -39,35 +64,19 @@ const iconSelectProps = {
   },
   /** popper.js 参数 */
   popperOptions: Object,
-  /** 下拉框类名 */
-  popperClass: String,
-  /** 下拉框宽度 */
-  popperWidth: {
-    type: [Number, String],
-    default: 414
-  },
-  /** 下拉框高度 */
-  popperHeight: {
-    type: [Number, String],
-    default: 260
-  },
-  /** 自定义样式 */
-  selectStyle: Object,
-  /** 自定义样式 */
-  inputStyle: Object,
-  /** 自定义多选标签容器样式 */
-  selectTagsStyle: Object,
-  /** 顶部选项卡只有一个时隐藏 */
-  hideOnSingleTab: Boolean,
-  /** 空组件属性 */
-  emptyProps: Object,
+  /** 搜索框提示文本 */
+  filterPlaceholder: String,
   /** 是否显示文本提示 */
   tooltip: {
-    type: Boolean,
+    type: [Boolean, String],
     default: true
   },
   /** 提示属性 */
   tooltipProps: Object,
+  /** 空组件属性 */
+  emptyProps: Object,
+  /** 顶部选项卡只有一个时隐藏 */
+  hideOnSingleTab: Boolean,
   /** 头部样式 */
   headerStyle: Object,
   /** 选项卡样式 */
@@ -82,11 +91,6 @@ const iconSelectProps = {
   gridStyle: Object,
   /** 图标样式 */
   itemStyle: Object,
-  /** 搜索框提示文本 */
-  filterPlaceholder: {
-    type: String,
-    default: ""
-  },
   /** 是否开启响应式 */
   responsive: {
     type: Boolean,

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

@@ -2,7 +2,8 @@ import { PropType, ExtractPropTypes } from 'vue';
 import { StyleValue } from '../ele-app/types';
 import { ElInputProps, ElEmptyProps } from '../ele-app/el';
 import { EleTooltipProps } from '../ele-app/plus';
-import { IconItem } from './types';
+import { PopperType, PopperProps } from '../ele-basic-select/types';
+import { IconItem, ItemTooltip } from './types';
 
 /**
  * 属性
@@ -24,12 +25,37 @@ export declare const iconSelectProps: {
     automaticDropdown: BooleanConstructor;
     /** 是否可以筛选 */
     filterable: PropType<boolean | "popper">;
-    /** 是否将下拉框插入 body */
+    /** 自定义样式 */
+    selectStyle: PropType<StyleValue>;
+    /** 自定义输入框样式 */
+    inputStyle: PropType<StyleValue>;
+    /** 自定义多选标签容器样式 */
+    selectTagsStyle: PropType<StyleValue>;
+    /** 下拉组件类名 */
+    popperClass: StringConstructor;
+    /** 下拉组件宽度 */
+    popperWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    /** 下拉组件高度 */
+    popperHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    /** 下拉组件类型 */
+    popperType: {
+        type: PropType<PopperType>;
+        default: string;
+    };
+    /** 下拉组件属性 */
+    popperProps: PropType<PopperProps>;
+    /** 是否将下拉组件插入 body */
     teleported: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 始终渲染下拉框 */
+    /** 始终渲染下拉组件 */
     persistent: {
         type: BooleanConstructor;
         default: boolean;
@@ -46,35 +72,19 @@ export declare const iconSelectProps: {
     };
     /** popper.js 参数 */
     popperOptions: PropType<EleTooltipProps["popperOptions"]>;
-    /** 下拉框类名 */
-    popperClass: StringConstructor;
-    /** 下拉框宽度 */
-    popperWidth: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    /** 下拉框高度 */
-    popperHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    /** 自定义样式 */
-    selectStyle: PropType<StyleValue>;
-    /** 自定义样式 */
-    inputStyle: PropType<StyleValue>;
-    /** 自定义多选标签容器样式 */
-    selectTagsStyle: PropType<StyleValue>;
-    /** 顶部选项卡只有一个时隐藏 */
-    hideOnSingleTab: BooleanConstructor;
-    /** 空组件属性 */
-    emptyProps: PropType<ElEmptyProps>;
+    /** 搜索框提示文本 */
+    filterPlaceholder: StringConstructor;
     /** 是否显示文本提示 */
     tooltip: {
-        type: BooleanConstructor;
+        type: PropType<ItemTooltip>;
         default: boolean;
     };
     /** 提示属性 */
     tooltipProps: PropType<EleTooltipProps>;
+    /** 空组件属性 */
+    emptyProps: PropType<ElEmptyProps>;
+    /** 顶部选项卡只有一个时隐藏 */
+    hideOnSingleTab: BooleanConstructor;
     /** 头部样式 */
     headerStyle: PropType<StyleValue>;
     /** 选项卡样式 */
@@ -89,11 +99,6 @@ export declare const iconSelectProps: {
     gridStyle: PropType<StyleValue>;
     /** 图标样式 */
     itemStyle: PropType<StyleValue>;
-    /** 搜索框提示文本 */
-    filterPlaceholder: {
-        type: StringConstructor;
-        default: string;
-    };
     /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;

package/lib/ele-icon-select/style/css-var.scss

@@ -2,7 +2,7 @@
 
 /* 图标选择主题变量 */
 @mixin set-icon-var($var) {
-  .ele-icon-select {
+  .ele-icon-select-popper {
     @include set-ele-var('icon', $var);
   }
 }