ele-admin-plus 1.2.0-beta.1 → 1.2.0-beta.2

package/es/ele-map-picker/index.d.ts

@@ -1,6 +1,6 @@
 import { default as MapViewType } from "./components/map-view";
 import { MapProps } from './props';
-import { CenterPoint, MapLocale } from './types';
+import { PoiItem, MapLocale } from './types';
 import { Ref } from 'vue';
 
 export type MapViewInstance = InstanceType<typeof MapViewType> | null;
@@ -45,15 +45,15 @@ declare const _default: import('vue').DefineComponent<{
     };
     returnRegions: BooleanConstructor;
     required: {
-        type: BooleanConstructor; /** 地图组件 */
+        type: BooleanConstructor;
         default: boolean;
     };
     message: StringConstructor;
     suggestionCity: {
         type: StringConstructor;
-        default: string;
-    };
-    searchPlaceholder: StringConstructor; /** 地图属性 */
+        default: string; /** 地图密钥 */
+    }; /** 地图密钥 */
+    searchPlaceholder: StringConstructor;
     markerSrc: {
         type: StringConstructor;
         default: string;
@@ -61,8 +61,8 @@ declare const _default: import('vue').DefineComponent<{
     mapKey: StringConstructor;
     mapVersion: {
         type: StringConstructor;
-        default: string; /** 地图渲染完成事件 */
-    }; /** 地图渲染完成事件 */
+        default: string;
+    };
     mapStyle: StringConstructor;
     darkMode: BooleanConstructor;
     okText: StringConstructor;
@@ -77,17 +77,19 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     clickMessage: StringConstructor;
+    selected: import('vue').PropType<PoiItem>;
+    sideStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
 }, {
     lang: import('vue').ComputedRef<MapLocale>;
     isResponsive: import('vue').ComputedRef<boolean>;
     mapRef: Ref<MapViewInstance>;
     aMapKey: import('vue').ComputedRef<string | undefined>;
     mapProps: import('vue').ComputedRef<Partial<MapProps>>;
-    updateModelValue: (value: boolean) => void;
-    onMapDone: (ins: any) => void;
-    onDone: (result: CenterPoint) => void;
+    updateModelValue: (visible: boolean) => void;
+    handleMapDone: (ins: any) => void;
+    handleDone: (result: PoiItem) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    done: (_result: CenterPoint) => boolean;
+    done: (_result: PoiItem) => boolean;
     mapDone: (_ins: any) => boolean;
     open: () => boolean;
     closed: () => boolean;
@@ -133,15 +135,15 @@ declare const _default: import('vue').DefineComponent<{
     };
     returnRegions: BooleanConstructor;
     required: {
-        type: BooleanConstructor; /** 地图组件 */
+        type: BooleanConstructor;
         default: boolean;
     };
     message: StringConstructor;
     suggestionCity: {
         type: StringConstructor;
-        default: string;
-    };
-    searchPlaceholder: StringConstructor; /** 地图属性 */
+        default: string; /** 地图密钥 */
+    }; /** 地图密钥 */
+    searchPlaceholder: StringConstructor;
     markerSrc: {
         type: StringConstructor;
         default: string;
@@ -149,8 +151,8 @@ declare const _default: import('vue').DefineComponent<{
     mapKey: StringConstructor;
     mapVersion: {
         type: StringConstructor;
-        default: string; /** 地图渲染完成事件 */
-    }; /** 地图渲染完成事件 */
+        default: string;
+    };
     mapStyle: StringConstructor;
     darkMode: BooleanConstructor;
     okText: StringConstructor;
@@ -165,18 +167,20 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     clickMessage: StringConstructor;
+    selected: import('vue').PropType<PoiItem>;
+    sideStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
 }>> & {
     "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
-    onDone?: ((_result: CenterPoint) => any) | undefined;
+    onDone?: ((_result: PoiItem) => any) | undefined;
     onMapDone?: ((_ins: any) => any) | undefined;
 }, {
     height: string;
     required: boolean;
-    mode: import('./types').SelectMode;
     modelValue: boolean;
     filterable: boolean;
+    mode: import('./types').SelectMode;
     zoom: number;
     responsive: boolean;
     keywordMode: boolean;

package/es/ele-map-picker/index.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createVNode, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createVNode, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { pick } from "../utils/core";
-import { useLocale, useResponsive } from "../ele-config-provider/receiver";
+import { useLocale } from "../ele-config-provider/receiver";
+import { useResponsive } from "../ele-pro-layout/util";
 import EleModal from "../ele-modal/index";
 import MapView from "./components/map-view";
 import { mapPickerProps, mapPickerEmits, mapPropKeys } from "./props";
@@ -17,15 +18,23 @@ const _sfc_main = defineComponent({
     const mapProps = computed(() => {
       return pick(props, mapPropKeys);
     });
-    const updateModelValue = (value) => {
-      emit("update:modelValue", value);
+    const updateModelValue = (visible) => {
+      emit("update:modelValue", visible);
     };
-    const onMapDone = (ins) => {
+    const handleMapDone = (ins) => {
       emit("mapDone", ins);
     };
-    const onDone = (result) => {
+    const handleDone = (result) => {
       emit("done", result);
     };
+    watch(
+      () => props.modelValue,
+      (visible) => {
+        if (visible) {
+          mapRef.value && mapRef.value.showInitSelected();
+        }
+      }
+    );
     return {
       lang,
       isResponsive,
@@ -33,8 +42,8 @@ const _sfc_main = defineComponent({
       aMapKey,
       mapProps,
       updateModelValue,
-      onMapDone,
-      onDone
+      handleMapDone,
+      handleDone
     };
   }
 });
@@ -65,8 +74,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         okText: _ctx.lang.ok,
         mapKey: _ctx.aMapKey,
         mode: _ctx.keywordMode ? "keyword" : _ctx.mode,
-        onMapDone: _ctx.onMapDone,
-        onDone: _ctx.onDone
+        onMapDone: _ctx.handleMapDone,
+        onDone: _ctx.handleDone
       }), null, 16, ["message", "clickMessage", "searchPlaceholder", "okText", "mapKey", "mode", "onMapDone", "onDone"])
     ]),
     _: 2

package/es/ele-map-picker/props.d.ts

@@ -1,4 +1,4 @@
-import { MapLocale, CenterPoint, SelectMode } from './types';
+import { SelectMode, PoiItem, MapLocale } from './types';
 import { EleModalProps } from '../ele-app/plus';
 import { ElEmptyProps } from '../ele-app/el';
 import { PropType, ExtractPropTypes } from 'vue';
@@ -94,6 +94,10 @@ export declare const mapProps: {
     };
     /** 强制选择点击地图提示文本 */
     clickMessage: StringConstructor;
+    /** 回显选中的位置 */
+    selected: PropType<PoiItem>;
+    /** 侧栏容器样式 */
+    sideStyle: PropType<Partial<import('vue').CSSProperties>>;
 };
 export declare const mapPickerProps: {
     /** 弹窗是否显示 */
@@ -198,6 +202,10 @@ export declare const mapPickerProps: {
     };
     /** 强制选择点击地图提示文本 */
     clickMessage: StringConstructor;
+    /** 回显选中的位置 */
+    selected: PropType<PoiItem>;
+    /** 侧栏容器样式 */
+    sideStyle: PropType<Partial<import('vue').CSSProperties>>;
 };
 export type MapPickerProps = ExtractPropTypes<typeof mapPickerProps>;
 export type MapProps = ExtractPropTypes<typeof mapProps>;
@@ -206,7 +214,7 @@ export type MapProps = ExtractPropTypes<typeof mapProps>;
  */
 export declare const mapPickerEmits: {
     /** 选择完成事件 */
-    done: (_result: CenterPoint) => boolean;
+    done: (_result: PoiItem) => boolean;
     /** 地图渲染完成事件 */
     mapDone: (_ins: any) => boolean;
     /** 弹窗打开事件 */

package/es/ele-map-picker/props.js

@@ -85,7 +85,11 @@ const mapProps = {
     default: true
   },
   /** 强制选择点击地图提示文本 */
-  clickMessage: String
+  clickMessage: String,
+  /** 回显选中的位置 */
+  selected: Object,
+  /** 侧栏容器样式 */
+  sideStyle: Object
 };
 const mapPickerProps = {
   ...mapProps,

package/es/ele-map-picker/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-map-picker/style/index.js

@@ -1,8 +1,8 @@
-import 'element-plus/es/components/autocomplete/style/index';
-import 'element-plus/es/components/input/style/index';
-import 'element-plus/es/components/button/style/index';
-import 'element-plus/es/components/icon/style/index';
-import 'element-plus/es/components/empty/style/index';
-import '../../ele-loading/style/index';
-import '../../ele-modal/style/index';
-import './index.scss';
+import "element-plus/es/components/autocomplete/style/index";
+import "element-plus/es/components/input/style/index";
+import "element-plus/es/components/button/style/index";
+import "element-plus/es/components/icon/style/index";
+import "element-plus/es/components/empty/style/index";
+import "../../ele-loading/style/index";
+import "../../ele-modal/style/index";
+import "./index.scss";

package/es/ele-map-picker/style/index.scss

@@ -15,6 +15,14 @@
 /* 主体区域 */
 .ele-map-view {
   display: flex;
+
+  &.is-poi-mode > .ele-loading-spinner {
+    background: none;
+
+    & > .ele-loading-dot {
+      display: none;
+    }
+  }
 }
 
 /* 地图容器 */
@@ -33,6 +41,7 @@
   left: 50%;
   bottom: 50%;
   margin-left: -13px;
+  pointer-events: none;
 }
 
 .ele-map-view-icon-plus {
@@ -109,7 +118,7 @@
   display: flex;
   align-items: center;
   padding: 8px 14px;
-  transition: background-color $ele-transition;
+  transition: background-color $transition-base;
   box-sizing: border-box;
   position: relative;
   cursor: pointer;
@@ -157,11 +166,10 @@
   font-size: 14px;
   color: elVar('color-primary');
   margin: 0 -4px 0 0;
-  visibility: hidden;
 }
 
-.ele-map-view-item.is-active .ele-map-view-item-radio {
-  visibility: visible;
+.ele-map-view-item:not(.is-active) .ele-map-view-item-radio {
+  visibility: hidden;
 }
 
 /* 地图底部提示信息 */
@@ -170,8 +178,8 @@
     position: absolute;
     top: 8px;
     left: 8px;
-    padding: 8px;
-    width: 228px;
+    padding: 0;
+    width: 200px;
     max-width: calc(100% - 16px);
     background: elVar('bg-color');
     box-shadow: elVar('box-shadow', 'lighter');
@@ -249,6 +257,11 @@
 
     & > .el-dialog__header {
       flex-shrink: 0;
+
+      .ele-modal-tool-max,
+      .ele-modal-resize-icon {
+        display: none;
+      }
     }
 
     & > .el-dialog__body {
@@ -271,8 +284,9 @@
     }
 
     .ele-map-view-side {
-      width: 100%;
       height: 68%;
+      width: 100%;
+      min-width: 100%;
 
       & > .ele-map-view-search {
         padding-top: 6px;

package/es/ele-map-picker/types.d.ts

@@ -1,18 +1,7 @@
 /**
- * 返回数据
+ * 位置选择模式
  */
-export interface CenterPoint {
-  /** 名称 */
-  name?: string;
-  /** 位置 */
-  address?: string;
-  /** 纬度 */
-  lat?: number;
-  /** 经度 */
-  lng?: number;
-  /** 城市 */
-  city?: City;
-}
+export type SelectMode = 'lnglat' | 'poi' | 'keyword';
 
 /**
  * 行政区数据
@@ -28,61 +17,44 @@ export interface City {
   citycode: number;
 }
 
-/**
- * 坐标
- */
-export interface PoiLocation {
-  /** 纬度 */
-  lat: number;
-  /** 经度 */
-  lng: number;
-}
-
 /**
  * 检索结果
  */
-export interface PoiItem {
+export interface PoiItem extends Record<string, any> {
+  /** 唯一标识 */
+  key?: string;
   /** 地点名称 */
   name?: string;
   /** 详细地址 */
   address?: string;
-  /** 经纬度坐标 */
-  location: PoiLocation;
-  /** 数据唯一标识 */
-  id?: string;
-  /** 输入建议唯一标识 */
-  key?: string;
+  /** 纬度 */
+  lat?: number;
+  /** 经度 */
+  lng?: number;
   /** 输入建议的街道 */
   district?: string;
-  /** 输入建议显示的名称 */
-  label?: string;
-  /** 输入建议显示的值 */
-  value?: string;
+  /** 行政区 */
+  city?: City;
 }
 
-/**
- * 位置选择模式
- */
-export type SelectMode = 'lnglat' | 'poi' | 'keyword';
-
 /**
  * 实例
  */
 export interface MapState {
   /** 上次搜索建议 */
-  lastSuggestion: string;
+  lastSuggestion?: string;
   /** 选中的搜索建议 */
-  selectedSuggestion: PoiItem | null;
+  selectedSuggestion?: PoiItem | null;
   /** 是否是选中条目移动地图 */
-  isItemClickMove: boolean;
+  isItemClickMove?: boolean;
   /** 地图实例 */
-  mapIns: any;
+  mapIns?: any;
   /** 检索实例 */
-  placeSearchIns: any;
+  placeSearchIns?: any;
   /** 搜索建议实例 */
-  autoCompleteIns: any;
+  autoCompleteIns?: any;
   /** 地图标记点 */
-  centerMarker: any;
+  centerMarker?: any;
 }
 
 /**
@@ -95,3 +67,5 @@ export interface MapLocale {
   ok: string;
   clickMessage: string;
 }
+
+export type CenterPoint = PoiItem;

package/es/ele-menus/index.d.ts

@@ -3,6 +3,7 @@ import { MenuItemClicked } from 'element-plus';
 import { NavigationFailure } from 'vue-router';
 
 declare const _default: import('vue').DefineComponent<{
+    mode: import('vue').PropType<import('./types').MenuMode>;
     items: {
         type: import('vue').PropType<import('./types').MenuItem[]>;
         required: boolean;
@@ -20,8 +21,7 @@ declare const _default: import('vue').DefineComponent<{
     firstPopperClass: StringConstructor;
     tooltipDisabled: BooleanConstructor;
     ellipsisProps: import('vue').PropType<import('./types').EllipsisProps>;
-    textEllipsisTooltip: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>;
-    mode: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    textEllipsisTooltip: import('vue').PropType<import('./types').TextEllipsisTooltip>;
     defaultActive: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     uniqueOpened: BooleanConstructor;
@@ -42,11 +42,11 @@ declare const _default: import('vue').DefineComponent<{
     hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
 }, {
     menuRef: import('vue').Ref<ElMenuInstance>;
+    scrollToActive: () => void;
     open: (index: string) => void;
     close: (index: string) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    /** 文本溢出提示是否显示 */
-    itemClick: (_item: import('./types').MenuItem, _e: MouseEvent) => boolean; /** 是否是水平菜单 */
+    itemClick: (_item: import('./types').MenuItem, _e: MouseEvent) => boolean;
     itemMouseenter: (_item: import('./types').MenuItem, _e: MouseEvent) => boolean;
     itemMouseleave: (_item: import('./types').MenuItem, _e: MouseEvent) => boolean;
     parentMouseenter: (_item: import('./types').MenuItem, _e: MouseEvent) => boolean;
@@ -55,6 +55,7 @@ declare const _default: import('vue').DefineComponent<{
     open: (index: string, indexPath: string[]) => boolean;
     select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    mode: import('vue').PropType<import('./types').MenuMode>;
     items: {
         type: import('vue').PropType<import('./types').MenuItem[]>;
         required: boolean;
@@ -72,8 +73,7 @@ declare const _default: import('vue').DefineComponent<{
     firstPopperClass: StringConstructor;
     tooltipDisabled: BooleanConstructor;
     ellipsisProps: import('vue').PropType<import('./types').EllipsisProps>;
-    textEllipsisTooltip: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>;
-    mode: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    textEllipsisTooltip: import('vue').PropType<import('./types').TextEllipsisTooltip>;
     defaultActive: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     uniqueOpened: BooleanConstructor;
@@ -93,8 +93,8 @@ declare const _default: import('vue').DefineComponent<{
     showTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
     hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
 }>> & {
-    onClose?: ((index: string, indexPath: string[]) => any) | undefined;
     onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
+    onClose?: ((index: string, indexPath: string[]) => any) | undefined;
     onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
     onItemClick?: ((_item: import('./types').MenuItem, _e: MouseEvent) => any) | undefined;
     onItemMouseenter?: ((_item: import('./types').MenuItem, _e: MouseEvent) => any) | undefined;
@@ -102,7 +102,6 @@ declare const _default: import('vue').DefineComponent<{
     onParentMouseenter?: ((_item: import('./types').MenuItem, _e: MouseEvent) => any) | undefined;
     onParentMouseleave?: ((_item: import('./types').MenuItem, _e: MouseEvent) => any) | undefined;
 }, {
-    mode: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
     showTimeout: number;
     hideTimeout: number;
     defaultActive: string;

package/es/ele-menus/index.js

@@ -18,6 +18,10 @@ const index = defineComponent({
     const tooltipContent = ref("");
     const tooltipVisible = ref(false);
     const isHorizontal = computed(() => props.mode === "horizontal");
+    const isCompact = computed(() => props.mode === "compact");
+    const collapseTooltipDisabled = computed(
+      () => isCompact.value ? !props.collapse : props.tooltipDisabled
+    );
     const { observe, unobserve, computedEllipsis } = useMenuEllipsis({
       getMenuEl: () => {
         var _a;
@@ -80,6 +84,30 @@ const index = defineComponent({
     const hideTooltip = () => {
       tooltipVisible.value = false;
     };
+    const open = (index2) => {
+      if (menuRef.value) {
+        menuRef.value.open(index2);
+      }
+    };
+    const close = (index2) => {
+      if (menuRef.value) {
+        menuRef.value.open(index2);
+      }
+    };
+    const scrollToActive = () => {
+      var _a;
+      const menuEl = (_a = menuRef.value) == null ? void 0 : _a.$el;
+      if (menuEl) {
+        const el = menuEl.querySelector(".el-menu-item.is-active") || menuEl.querySelector(".el-sub-menu.is-active");
+        if (el) {
+          if (typeof el["scrollIntoViewIfNeeded"] === "function") {
+            el.scrollIntoViewIfNeeded(true);
+          } else {
+            el.scrollIntoView({ behavior: "smooth", block: "center" });
+          }
+        }
+      }
+    };
     const onItemClick = (item, e) => {
       emit("itemClick", item, e);
     };
@@ -99,19 +127,7 @@ const index = defineComponent({
       hideTooltip();
       emit("parentMouseleave", item, e);
     };
-    const exposeValue = {
-      menuRef,
-      open: (index2) => {
-        if (menuRef.value) {
-          menuRef.value.open(index2);
-        }
-      },
-      close: (index2) => {
-        if (menuRef.value) {
-          menuRef.value.open(index2);
-        }
-      }
-    };
+    const exposeValue = { menuRef, scrollToActive, open, close };
     expose(exposeValue);
     return () => {
       return h(
@@ -120,12 +136,16 @@ const index = defineComponent({
           ...pick(props, menuPropKeys),
           ref: menuRef,
           ellipsis: false,
+          mode: isCompact.value ? "vertical" : props.mode,
+          collapse: isCompact.value ? true : props.collapse,
           class: [
             "ele-menu",
             { "ele-menu-dark": props.theme === "dark" },
             { "is-night": props.theme === "dark" },
             { "ele-menu-colorful": props.colorful },
-            { "is-colorful": props.colorful }
+            { "is-colorful": props.colorful },
+            { "is-compact": isCompact.value },
+            { "is-compact-collapse": isCompact.value && props.collapse }
           ],
           onOpen: (index2, indexPath) => {
             emit("open", index2, indexPath);
@@ -147,7 +167,7 @@ const index = defineComponent({
             items,
             slots.icon,
             slots.title,
-            props.tooltipDisabled,
+            collapseTooltipDisabled.value,
             props.theme,
             props.popupTheme,
             props.colorful,
@@ -191,7 +211,7 @@ const index = defineComponent({
                       moreItems,
                       slots.icon,
                       slots.title,
-                      props.tooltipDisabled,
+                      collapseTooltipDisabled.value,
                       props.theme,
                       props.popupTheme,
                       props.colorful,

package/es/ele-menus/props.d.ts

@@ -1,4 +1,4 @@
-import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, EllipsisProps } from './types';
+import { MenuItem, MenuMode, MenuTheme, PopupMenuTheme, PopupColorful, EllipsisProps, TextEllipsisTooltip } from './types';
 import { menuProps } from 'element-plus';
 import { PropType, ExtractPropTypes } from 'vue';
 
@@ -6,6 +6,7 @@ import { PropType, ExtractPropTypes } from 'vue';
  * 属性
  */
 export declare const menusProps: {
+    mode: PropType<MenuMode>;
     /** 菜单数据 */
     items: {
         type: PropType<MenuItem[]>;
@@ -32,8 +33,7 @@ export declare const menusProps: {
     /** 省略菜单的属性 */
     ellipsisProps: PropType<EllipsisProps>;
     /** 是否开启菜单文本溢出提示 */
-    textEllipsisTooltip: PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>;
-    mode: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    textEllipsisTooltip: PropType<TextEllipsisTooltip>;
     defaultActive: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     uniqueOpened: BooleanConstructor;

package/es/ele-menus/props.js

@@ -1,6 +1,7 @@
 import { menuProps, menuEmits } from "element-plus";
 const menusProps = {
   ...menuProps,
+  mode: String,
   /** 菜单数据 */
   items: {
     type: Array,

package/es/ele-menus/style/css-var.scss

@@ -26,15 +26,11 @@
     @include set-ele-var('menu-dark', $var);
   }
 
-  .ele-menu > .el-menu--popup-container > .el-menu--popup,
-  .ele-admin-sidebar,
-  .ele-admin-sidebox {
+  .ele-menu > .el-menu--popup-container > .el-menu--popup {
     @include set-ele-var('menu-thumb', $var);
   }
 
-  .ele-menu.ele-menu-dark > .el-menu--popup-container > .el-menu--popup,
-  .ele-admin-dark-sidebar .ele-admin-sidebar,
-  .ele-admin-dark-sidebar .ele-admin-sidebox {
+  .ele-menu.ele-menu-dark > .el-menu--popup-container > .el-menu--popup {
     @include set-ele-var('menu-dark-thumb', $var);
   }
 }

package/es/ele-menus/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-menus/style/index.js

@@ -1,8 +1,8 @@
-import 'element-plus/es/components/menu/style/index';
-import 'element-plus/es/components/menu-item/style/index';
-import 'element-plus/es/components/menu-item-group/style/index';
-import 'element-plus/es/components/sub-menu/style/index';
-import 'element-plus/es/components/icon/style/index';
-import 'element-plus/es/components/badge/style/index';
-import '../../ele-tooltip/style/index';
-import './index.scss';
+import "element-plus/es/components/menu/style/index";
+import "element-plus/es/components/menu-item/style/index";
+import "element-plus/es/components/menu-item-group/style/index";
+import "element-plus/es/components/sub-menu/style/index";
+import "element-plus/es/components/icon/style/index";
+import "element-plus/es/components/badge/style/index";
+import "../../ele-tooltip/style/index";
+import "./index.scss";