ele-admin-plus 1.1.4 → 1.1.5-beta.1

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

@@ -1,106 +1,106 @@
 const mapProps = {
-  // 地图的高度
+  /** 地图的高度 */
   height: {
     type: String,
     default: "450px"
   },
-  // 地图默认中心点
+  /** 地图默认中心点 */
   center: Array,
-  // 地图初始缩放级别
+  /** 地图初始缩放级别 */
   zoom: {
     type: Number,
     default: 11
   },
-  // 地图选中后缩放级别
+  /** 地图选中后缩放级别 */
   selectedZoom: {
     type: Number,
     default: 17
   },
-  // POI检索最大数量
+  /** POI检索最大数量 */
   poiLimit: {
     type: Number,
     default: 30
   },
-  // POI检索兴趣点类别
+  /** POI检索兴趣点类别 */
   poiType: {
     type: String,
     default: ""
   },
-  // POI检索关键字
+  /** POI检索关键字 */
   poiKeywords: {
     type: String,
     default: ""
   },
-  // POI检索半径
+  /** POI检索半径 */
   poiRadius: {
     type: Number,
     default: 1e3
   },
-  // 是否返回行政区
+  /** 是否返回行政区 */
   returnRegions: Boolean,
-  // 是否强制选择
+  /** 是否强制选择 */
   required: {
     type: Boolean,
     default: true
   },
-  // 强制选择提示文本
+  /** 强制选择提示文本 */
   message: String,
-  // 输入建议的城市范围
+  /** 输入建议的城市范围 */
   suggestionCity: {
     type: String,
     default: "全国"
   },
-  // 是否使用关键字检索模式, 默认POI检索模式
+  /** 是否使用关键字检索模式, 默认POI检索模式 */
   keywordMode: Boolean,
-  // 搜索框提示文本
+  /** 搜索框提示文本 */
   searchPlaceholder: String,
-  // 地图中心图标地址
+  /** 地图中心图标地址 */
   markerSrc: {
     type: String,
     default: "https://3gimg.qq.com/lightmap/components/locationPicker2/image/marker.png"
   },
-  // 高德地图密钥
+  /** 高德地图密钥 */
   mapKey: String,
-  // 高德地图版本号
+  /** 高德地图版本号 */
   mapVersion: {
     type: String,
     default: "2.0"
   },
-  // 地图风格
+  /** 地图风格 */
   mapStyle: String,
-  // 是否暗黑主题
+  /** 是否暗黑主题 */
   darkMode: Boolean,
-  // 完成按钮文字
+  /** 完成按钮文字 */
   okText: String,
-  // 空组件属性
+  /** 空组件属性 */
   emptyProps: Object,
-  // 自定义header样式
+  /** 自定义header样式 */
   headerStyle: Object
 };
 const mapPickerProps = {
   ...mapProps,
-  // 弹窗是否显示
+  /** 弹窗是否显示 */
   modelValue: Boolean,
-  // 弹窗参数
+  /** 弹窗参数 */
   modalProps: Object,
-  // 是否开启响应式
+  /** 是否开启响应式 */
   responsive: {
     type: Boolean,
     default: null
   },
-  // 国际化
+  /** 国际化 */
   locale: Object
 };
 const mapPickerEmits = {
-  // 选择完成事件
+  /** 选择完成事件 */
   done: (_result) => true,
-  // 地图渲染完成事件
+  /** 地图渲染完成事件 */
   mapDone: (_ins) => true,
-  // 弹窗打开事件
+  /** 弹窗打开事件 */
   open: () => true,
-  // 弹窗关闭事件
+  /** 弹窗关闭事件 */
   closed: () => true,
-  // 更新弹窗打开状态
+  /** 更新弹窗打开状态 */
   "update:modelValue": (_value) => true
 };
 const mapPropKeys = Object.keys(mapProps);

package/es/ele-map-picker/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 地图位置选择器主题变量 */
 @mixin set-map-var($var) {
   .ele-map-picker {
     @include set-ele-var('map', $var);

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

@@ -63,7 +63,7 @@
     transform: translate(-50%, -50%);
   }
 
-  // 右侧
+  /* 右侧 */
   .ele-map-view-side {
     width: 300px;
     flex-shrink: 0;
@@ -73,7 +73,7 @@
     box-sizing: border-box;
   }
 
-  // 提示信息
+  /* 提示信息 */
   .ele-map-view-extra {
     flex-shrink: 0;
     padding: 6px 12px;
@@ -91,7 +91,7 @@
     text-align: center;
   }
 
-  // 空图标
+  /* 空图标 */
   .ele-map-view-empty {
     height: 100%;
     display: flex;
@@ -99,7 +99,7 @@
     justify-content: center;
   }
 
-  // poi列表
+  /* poi列表 */
   .ele-map-view-list {
     flex: 1;
     box-sizing: border-box;
@@ -153,7 +153,7 @@
     display: block;
   }
 
-  // 地图图标跳动动画
+  /* 地图图标跳动动画 */
   .ele-map-view-anim-bounce {
     animation: mapAnimBounce 500ms;
     animation-direction: alternate;

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

@@ -73,9 +73,9 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     popperEffect: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "light" | "dark", unknown, "dark", boolean>;
 }>> & {
-    onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
+    onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     onItemClick?: ((_item: import("./types").MenuItem) => any) | undefined;
 }, {
     mode: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;

package/es/ele-menus/index.js

@@ -15,7 +15,7 @@ const index = defineComponent({
     const ellipsisRef = ref(null);
     const sliceIndex = ref(-1);
     const isHorizontal = computed(() => props.mode === "horizontal");
-    const { observe, unobserve } = useMenuEllipsis({
+    const { observe, unobserve, computedEllipsis } = useMenuEllipsis({
       getMenuEl: () => {
         var _a;
         return (_a = menuRef.value) == null ? void 0 : _a.$el;
@@ -33,6 +33,7 @@ const index = defineComponent({
     onMounted(() => {
       var _a;
       if (props.ellipsis && isHorizontal.value && ((_a = menuRef.value) == null ? void 0 : _a.$el)) {
+        computedEllipsis();
         observe();
       }
     });

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

@@ -5,22 +5,30 @@ import type { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, EllipsisProps
  * 属性
  */
 export declare const menusProps: {
+    /** 菜单数据 */
     items: {
         type: PropType<MenuItem[]>;
         required: boolean;
     };
+    /** 主题 */
     theme: PropType<MenuTheme>;
+    /** 弹出菜单主题 */
     popupTheme: {
         type: PropType<PopupMenuTheme>;
         default: string;
     };
+    /** 彩色菜单图标 */
     colorful: BooleanConstructor;
+    /** 弹出菜单是否彩色图标 */
     popupColorful: {
         type: PropType<PopupColorful>;
         default: string;
     };
+    /** 一级子菜单类名 */
     firstPopperClass: StringConstructor;
+    /** 禁用 tooltip */
     tooltipDisabled: BooleanConstructor;
+    /** 省略菜单的属性 */
     ellipsisProps: PropType<EllipsisProps>;
     mode: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
     defaultActive: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;

package/es/ele-menus/props.js

@@ -1,30 +1,30 @@
 import { menuProps, menuEmits } from "element-plus";
 const menusProps = {
   ...menuProps,
-  // 菜单数据
+  /** 菜单数据 */
   items: {
     type: Array,
     required: true
   },
-  // 主题
+  /** 主题 */
   theme: String,
-  // 弹出菜单主题
+  /** 弹出菜单主题 */
   popupTheme: {
     type: String,
     default: "auto"
   },
-  // 彩色菜单图标
+  /** 彩色菜单图标 */
   colorful: Boolean,
-  // 弹出菜单是否彩色图标
+  /** 弹出菜单是否彩色图标 */
   popupColorful: {
     type: [Boolean, String],
     default: "auto"
   },
-  // 一级子菜单类名
+  /** 一级子菜单类名 */
   firstPopperClass: String,
-  // 禁用 tooltip
+  /** 禁用 tooltip */
   tooltipDisabled: Boolean,
-  // 省略菜单的属性
+  /** 省略菜单的属性 */
   ellipsisProps: Object
 };
 const menuPropKeys = Object.keys(menuProps);

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

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 导航菜单主题变量 */
 @mixin set-menus-var($var) {
   .ele-menu {
     @include set-ele-var('menu', $var);

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

@@ -18,7 +18,7 @@
     #{elVarName('menu', 'border-color')}: eleVar('menu', 'border-color');
   }
 
-  // item basic
+  /* item basic */
   .el-menu-item,
   .el-sub-menu__title,
   .el-menu-item-group__title {
@@ -39,7 +39,7 @@
     }
   }
 
-  // arrow
+  /* arrow */
   .el-sub-menu__title .el-sub-menu__icon-arrow {
     order: 4;
     width: auto;
@@ -57,14 +57,14 @@
     }
   }
 
-  // disabled
+  /* disabled */
   .el-menu-item.is-disabled,
   .el-sub-menu.is-disabled .el-menu-item,
   .el-sub-menu.is-disabled .el-sub-menu__title {
     opacity: eleVar('menu', 'disabled-opacity');
   }
 
-  // 水平菜单
+  /* 水平菜单 */
   &.el-menu--horizontal {
     padding: eleVar('menu-horizontal', 'padding');
 
@@ -145,13 +145,13 @@
     }
   }
 
-  // 垂直菜单子级
+  /* 垂直菜单子级 */
   &.el-menu--vertical .el-sub-menu > .el-menu {
     background: eleVar('menu', 'child-bg');
     box-sizing: border-box;
   }
 
-  // 垂直菜单和气泡菜单
+  /* 垂直菜单和气泡菜单 */
   &.el-menu--vertical,
   & > .el-menu--popup {
     padding: eleVar('menu', 'padding');
@@ -248,7 +248,7 @@
     }
   }
 
-  // 气泡菜单
+  /* 气泡菜单 */
   & > .el-menu--popup-container > .el-menu--popup {
     min-width: eleVar('menu-popup', 'min-width');
     max-width: eleVar('menu-popup', 'max-width');
@@ -286,7 +286,7 @@
     margin: 0;
   }
 
-  // 分组菜单
+  /* 分组菜单 */
   .el-menu-item-group__title {
     display: flex;
     align-items: center;
@@ -304,7 +304,7 @@
     }
   }
 
-  // 徽章
+  /* 徽章 */
   .el-menu-item .el-badge,
   .el-sub-menu__title .el-badge,
   .el-menu-item-group__title .el-badge {
@@ -328,7 +328,7 @@
     }
   }
 
-  // 折叠
+  /* 折叠 */
   &.el-menu--collapse {
     width: eleVar('menu', 'collapse-width');
 
@@ -414,7 +414,7 @@
     }
   }
 
-  // 彩色图标
+  /* 彩色图标 */
   &.ele-menu-colorful {
     &.el-menu > li,
     &.el-menu > li.el-menu-item-group > ul > li {
@@ -497,7 +497,7 @@
       }
     }
 
-    // 子级去掉图标增加小圆点
+    /* 子级去掉图标增加小圆点 */
     &.el-menu > li.el-sub-menu > .el-menu,
     &.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu,
     & > .el-menu.el-menu--popup {
@@ -531,7 +531,7 @@
     }
   }
 
-  // 暗黑主题
+  /* 暗黑主题 */
   &.ele-menu-dark {
     border: none;
 
@@ -545,7 +545,7 @@
       #{elVarName('menu', 'active-color')}: #{$active-color};
     }
 
-    // 水平菜单
+    /* 水平菜单 */
     &.el-menu--horizontal {
       & > .el-menu-item:not(.is-disabled),
       & > .el-sub-menu:not(.is-disabled) > .el-sub-menu__title {
@@ -564,7 +564,7 @@
       }
     }
 
-    // 垂直菜单
+    /* 垂直菜单 */
     &.el-menu--vertical .el-sub-menu > .el-menu {
       background: eleVar('menu-dark', 'child-bg');
     }
@@ -573,7 +573,7 @@
       display: none;
     }
 
-    // 垂直菜单和气泡菜单
+    /* 垂直菜单和气泡菜单 */
     &.el-menu--vertical,
     & > .el-menu--popup {
       .el-menu-item:not(.is-disabled),
@@ -592,7 +592,7 @@
       }
     }
 
-    // 折叠
+    /* 折叠 */
     &.el-menu--collapse {
       &.el-menu--vertical,
       &.el-menu--vertical > .el-menu-item-group > ul {
@@ -602,18 +602,18 @@
       }
     }
 
-    // 分组菜单
+    /* 分组菜单 */
     .el-menu-item-group__title {
       color: eleVar('menu-group', 'dark-color');
     }
 
-    // 气泡菜单
+    /* 气泡菜单 */
     & > .el-menu--popup-container > .el-menu--popup {
       background: eleVar('menu-popup', 'dark-bg');
       box-shadow: eleVar('menu-popup', 'dark-shadow');
     }
 
-    // 彩色图标
+    /* 彩色图标 */
     &.ele-menu-colorful {
       &.el-menu > li.el-sub-menu > .el-menu,
       &.el-menu > li.el-menu-item-group > ul > li.el-sub-menu > .el-menu,
@@ -648,7 +648,7 @@
   }
 }
 
-// 滚动条
+/* 滚动条 */
 .ele-menu > .el-menu--popup-container > .el-menu--popup {
   scrollbar-width: thin;
   scrollbar-color: eleVar('menu-thumb', 'color') transparent;
@@ -687,7 +687,7 @@
   }
 }
 
-// 超链接
+/* 超链接 */
 .el-menu-item .ele-menu-link {
   color: inherit;
   position: static;
@@ -704,7 +704,7 @@
   }
 }
 
-// Tooltip
+/* Tooltip */
 .el-popper.is-dark > .ele-menu-title {
   position: static;
 

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

@@ -1,8 +1,12 @@
 import type { VNode, Slot } from 'vue';
 import type { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption, ItemClick } from './types';
+/** 菜单链接类名 */
 export declare const linkClass = "ele-menu-link";
+/** 菜单标题类名 */
 export declare const titleClass = "ele-menu-title";
+/** 菜单溢出隐藏项类名 */
 export declare const overflowClass = "ele-menu-overflow";
+/** 菜单省略项的类名 */
 export declare const ellipsisClass = "ele-sub-menu-ellipsis";
 /**
  * 生成菜单链接节点
@@ -70,5 +74,5 @@ export declare function getMenuChilds(el: HTMLElement): HTMLElement[];
 export declare function useMenuEllipsis(option: MenuEllipsisOption): {
     observe: () => void;
     unobserve: () => void;
-    calcIndex: () => number | undefined;
+    computedEllipsis: () => void;
 };

package/es/ele-menus/util.js

@@ -244,13 +244,10 @@ function useMenuEllipsis(option) {
   const state = { activated: true };
   const observer = new ResizeObserver(
     debounce(() => {
-      const index = calcIndex();
-      if (index != null) {
-        onEllipsis(index);
-      }
-    }, 400)
+      computedEllipsis();
+    }, 350)
   );
-  const calcIndex = () => {
+  const computedEllipsis = () => {
     const menuEl = getMenuEl();
     if (!menuEl || !state.activated) {
       return;
@@ -271,7 +268,7 @@ function useMenuEllipsis(option) {
       }
       index = i + 1;
     }
-    return index;
+    onEllipsis(index);
   };
   const observe = () => {
     unobserve();
@@ -295,7 +292,7 @@ function useMenuEllipsis(option) {
   onDeactivated(() => {
     state.activated = false;
   });
-  return { observe, unobserve, calcIndex };
+  return { observe, unobserve, computedEllipsis };
 }
 export {
   ellipsisClass,

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

@@ -195,9 +195,9 @@ declare const _default: import("vue").DefineComponent<{
     title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     ariaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>> & {
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     "onUpdate:fullscreen"?: ((_fullscreen: boolean) => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;

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

@@ -13,34 +13,51 @@ export declare const modalProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否可以拖出边界 */
     moveOut: PropType<MoveOut>;
+    /** 是否可以拉伸 */
     resizable: PropType<Resizable>;
+    /** 初始位置 */
     position: PropType<Position>;
+    /** 是否在弹窗关闭后重置位置和大小 */
     resetOnClose: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否显示最大化切换按钮 */
     maxable: BooleanConstructor;
+    /** 是否支持打开多个 */
     multiple: BooleanConstructor;
+    /** 是否限制在主体内部 */
     inner: BooleanConstructor;
+    /** 最小拉伸宽度 */
     minWidth: {
         type: NumberConstructor;
         default: number;
     };
+    /** 最小拉伸高度 */
     minHeight: {
         type: NumberConstructor;
         default: number;
     };
+    /** 标题栏样式 */
     headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 标题样式 */
     titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 主体样式 */
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 底栏样式 */
     footerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义关闭按钮样式 */
     closeBtnStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义全屏按钮样式 */
     fullscreenBtnStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;
         default: null;
     };
+    /** 是否是表单弹窗 */
     form: BooleanConstructor;
     beforeClose: {
         readonly type: PropType<import("element-plus").DialogBeforeCloseFn>;
@@ -96,6 +113,7 @@ export type ModalProps = ExtractPropTypes<typeof modalProps>;
  * 事件
  */
 export declare const modalEmits: {
+    /** 更新全屏状态 */
     'update:fullscreen': (_fullscreen: boolean) => boolean;
     open: () => boolean;
     opened: () => boolean;