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

package/lib/ele-cropper-modal/index.d.ts

@@ -1,5 +1,3 @@
-import { CropperLocale } from '../ele-cropper/types';
-
 declare function __VLS_template(): {
     header?(_: {
         close: () => void;
@@ -50,7 +48,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: null;
     };
-    locale: import('vue').PropType<Partial<CropperLocale>>;
+    locale: import('vue').PropType<Partial<import('../ele-cropper/types').CropperLocale>>;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     done: (_result: string | Blob | null) => void;
     "update:modelValue": (_value: boolean) => void;
@@ -92,7 +90,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: null;
     };
-    locale: import('vue').PropType<Partial<CropperLocale>>;
+    locale: import('vue').PropType<Partial<import('../ele-cropper/types').CropperLocale>>;
 }>> & Readonly<{
     onDone?: ((_result: string | Blob | null) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;

package/lib/ele-crud/index.d.ts

@@ -1,6 +1,6 @@
 import { EleProTableInstance } from '../ele-app/plus';
 import { DataItem } from '../ele-data-table/types';
-import { CrudField, DeleteApi, TreeListApi, CrudLocale } from './types';
+import { CrudField, DeleteApi, TreeListApi } from './types';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     fields: import('vue').PropType<CrudField[]>;
@@ -28,7 +28,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     itemTypeData: import('vue').PropType<import('../ele-pro-form/types').ProFormItemTypeData[]>;
     httpRequest: (ObjectConstructor | FunctionConstructor)[];
     screenSize: import('vue').PropType<import('../ele-pro-form/types').ScreenSize>;
-    locale: import('vue').PropType<Partial<CrudLocale>>;
+    locale: import('vue').PropType<Partial<import('./types').CrudLocale>>;
 }>, {
     tableRef: import('vue').Ref<EleProTableInstance, EleProTableInstance>;
     getTableSelections: () => {
@@ -66,7 +66,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     itemTypeData: import('vue').PropType<import('../ele-pro-form/types').ProFormItemTypeData[]>;
     httpRequest: (ObjectConstructor | FunctionConstructor)[];
     screenSize: import('vue').PropType<import('../ele-pro-form/types').ScreenSize>;
-    locale: import('vue').PropType<Partial<CrudLocale>>;
+    locale: import('vue').PropType<Partial<import('./types').CrudLocale>>;
 }>> & Readonly<{
     onTableSelectionsChange?: ((_selections: DataItem[]) => any) | undefined;
 }>, {

package/lib/ele-drawer/index.cjs

@@ -17,10 +17,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props$1 = __props;
     const emit = __emit;
     const layoutState = util.useLayoutState();
+    const isResponsive = util.useResponsive(props$1);
     const drawerRef = vue.ref(null);
     const isActivated = vue.ref(true);
     const drawerClass = vue.computed(() => {
       const classes = ["ele-drawer"];
+      if (isResponsive.value) {
+        classes.push("ele-drawer-responsive");
+      }
       if (!props$1.modelValue) {
         classes.push("ele-drawer-closed");
       }

package/lib/ele-drawer/index.d.ts

@@ -13,6 +13,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     inner: BooleanConstructor;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
     direction: {
         readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
         readonly required: false;
@@ -194,6 +198,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     inner: BooleanConstructor;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
     direction: {
         readonly type: import('vue').PropType<"ltr" | "rtl" | "ttb" | "btt">;
         readonly required: false;
@@ -391,6 +399,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     withHeader: boolean;
     modalFade: boolean;
     inner: boolean;
+    responsive: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/ele-drawer/props.cjs

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

package/lib/ele-drawer/props.d.ts

@@ -18,6 +18,11 @@ export declare const drawerProps: {
     closeBtnStyle: PropType<StyleValue>;
     /** 是否限制在主体内部 */
     inner: BooleanConstructor;
+    /** 是否开启响应式 */
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
     direction: {
         readonly type: PropType<"ltr" | "rtl" | "ttb" | "btt">;
         readonly required: false;

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

@@ -4,6 +4,10 @@ const elementPlus = require("element-plus");
 const EleTooltip = require("../../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"
 };
@@ -21,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     /** 空组件属性 */
     emptyProps: Object,
     /** 是否显示提示 */
-    tooltip: Boolean,
+    tooltip: [Boolean, String],
     /** 提示属性 */
     tooltipProps: Object,
     /** 气泡是否展开 */
@@ -29,7 +33,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     /** 网格样式 */
     gridStyle: Object,
     /** 图标样式 */
-    itemStyle: Object
+    itemStyle: Object,
+    /** 下拉组件类型 */
+    popperType: String
   },
   emits: {
     select: (_icon) => true
@@ -47,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ vue.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;
@@ -71,14 +77,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElScrollbar), { class: "ele-icon-select-body" }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("div", {
-            class: "ele-icon-select-grid",
+            class: vue.normalizeClass(["ele-icon-select-grid", { "is-loose": __props.tooltip === "static" }]),
             style: vue.normalizeStyle(__props.gridStyle)
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.data, (d, i) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: i + "-" + d,
                 class: vue.normalizeClass(["ele-icon-select-item", { "is-active": __props.icon && d === __props.icon }]),
-                title: __props.tooltip ? void 0 : d,
+                title: !__props.tooltip || __props.tooltip === "static" ? d : void 0,
                 style: vue.normalizeStyle(__props.itemStyle),
                 onClick: ($event) => handleItemClick(d),
                 onMouseover: (e) => handleItemHover(d, e)
@@ -86,24 +92,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.renderSlot(_ctx.$slots, "icon", {
                   icon: d,
                   prefix: false
-                })
+                }),
+                __props.tooltip === "static" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(d), 1)) : vue.createCommentVNode("", true)
               ], 46, _hoisted_1);
             }), 128))
-          ], 4),
-          !__props.data || !__props.data.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          ], 6),
+          !__props.data || !__props.data.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
             vue.createVNode(vue.unref(elementPlus.ElEmpty), vue.mergeProps({ imageSize: 60 }, __props.emptyProps || {}), null, 16)
           ])) : vue.createCommentVNode("", true),
-          vue.createVNode(EleTooltip, vue.mergeProps({
+          __props.tooltip === true ? (vue.openBlock(), vue.createBlock(EleTooltip, vue.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"])) : vue.createCommentVNode("", true)
         ]),
         _: 3
       });

package/lib/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/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,15 +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,
@@ -215,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
       }, [
@@ -304,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", "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"]);
     };
   }
 });