ele-admin-plus 1.3.0 → 1.4.0-beta.1

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

@@ -24,29 +24,108 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     tooltipDisabled: BooleanConstructor;
     ellipsisProps: import('vue').PropType<import('./types').EllipsisProps>;
     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>;
+    defaultActive: {
+        readonly type: import('vue').PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    defaultOpeneds: {
+        readonly type: import('vue').PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => [];
+    };
     uniqueOpened: BooleanConstructor;
     router: BooleanConstructor;
-    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    menuTrigger: {
+        readonly type: import('vue').PropType<"hover" | "click">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "hover";
+    };
     collapse: BooleanConstructor;
     backgroundColor: StringConstructor;
     textColor: StringConstructor;
     activeTextColor: StringConstructor;
     closeOnClickOutside: BooleanConstructor;
-    collapseTransition: import('element-plus/es/utils/index' /** 菜单数据 */).EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    ellipsis: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    popperOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    ellipsisIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown, () => any, boolean>;
-    popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string) | (() => import('element-plus').PopperEffect) | ((new (...args: any[]) => string) | (() => import('element-plus').PopperEffect))[], unknown, unknown, "dark", boolean>;
+    collapseTransition: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    ellipsis: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    popperOffset: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 6;
+    };
+    ellipsisIcon: {
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => any;
+    };
+    popperEffect: {
+        readonly type: import('vue').PropType<import('element-plus').PopperEffect>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "dark";
+    };
     popperClass: StringConstructor;
-    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>;
+    showTimeout: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 300;
+    };
+    hideTimeout: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 300;
+    };
+    persistent: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
 }>, {
     menuRef: import('vue').Ref<ElMenuInstance, ElMenuInstance>;
     ellipsisRef: import('vue').Ref<ElSubMenuInstance, ElSubMenuInstance>;
     open: (index: string) => void;
     close: (index: string) => void;
+    updateActiveIndex: (index: string) => void;
     scrollToActive: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => void;
@@ -77,24 +156,102 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     tooltipDisabled: BooleanConstructor;
     ellipsisProps: import('vue').PropType<import('./types').EllipsisProps>;
     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>;
+    defaultActive: {
+        readonly type: import('vue').PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    defaultOpeneds: {
+        readonly type: import('vue').PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => [];
+    };
     uniqueOpened: BooleanConstructor;
     router: BooleanConstructor;
-    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    menuTrigger: {
+        readonly type: import('vue').PropType<"hover" | "click">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "hover";
+    };
     collapse: BooleanConstructor;
     backgroundColor: StringConstructor;
     textColor: StringConstructor;
     activeTextColor: StringConstructor;
     closeOnClickOutside: BooleanConstructor;
-    collapseTransition: import('element-plus/es/utils/index' /** 菜单数据 */).EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    ellipsis: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    popperOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    ellipsisIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown, () => any, boolean>;
-    popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string) | (() => import('element-plus').PopperEffect) | ((new (...args: any[]) => string) | (() => import('element-plus').PopperEffect))[], unknown, unknown, "dark", boolean>;
+    collapseTransition: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    ellipsis: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    popperOffset: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 6;
+    };
+    ellipsisIcon: {
+        readonly type: import('vue').PropType<string | import('vue').Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => any;
+    };
+    popperEffect: {
+        readonly type: import('vue').PropType<import('element-plus').PopperEffect>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "dark";
+    };
     popperClass: StringConstructor;
-    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>;
+    showTimeout: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 300;
+    };
+    hideTimeout: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 300;
+    };
+    persistent: {
+        readonly type: import('vue').PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
 }>> & Readonly<{
     onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
@@ -105,20 +262,21 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onParentMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
     onParentMouseleave?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
 }>, {
+    persistent: boolean;
     showTimeout: number;
     hideTimeout: number;
     defaultActive: string;
     defaultOpeneds: string[];
     uniqueOpened: boolean;
     router: boolean;
-    menuTrigger: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "click", unknown>;
+    menuTrigger: "hover" | "click";
     collapse: boolean;
     closeOnClickOutside: boolean;
-    collapseTransition: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    ellipsis: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    collapseTransition: boolean;
+    ellipsis: boolean;
     popperOffset: number;
-    ellipsisIcon: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>;
-    popperEffect: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string) | (() => import('element-plus').PopperEffect) | ((new (...args: any[]) => string) | (() => import('element-plus').PopperEffect))[], unknown, unknown>;
+    ellipsisIcon: string | import('vue').Component;
+    popperEffect: import('element-plus').PopperEffect;
     popupTheme: import('./types').PopupMenuTheme;
     colorful: boolean;
     popupColorful: import('./types').PopupColorful;

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

@@ -34,24 +34,102 @@ export declare const menusProps: {
     ellipsisProps: PropType<EllipsisProps>;
     /** 是否开启菜单文本溢出提示 */
     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>;
+    defaultActive: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    defaultOpeneds: {
+        readonly type: PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => [];
+    };
     uniqueOpened: BooleanConstructor;
     router: BooleanConstructor;
-    menuTrigger: import('element-plus/es/utils/index' /** 是否开启菜单文本溢出提示 */).EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    menuTrigger: {
+        readonly type: PropType<"hover" | "click">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "hover";
+    };
     collapse: BooleanConstructor;
     backgroundColor: StringConstructor;
     textColor: StringConstructor;
     activeTextColor: StringConstructor;
     closeOnClickOutside: BooleanConstructor;
-    collapseTransition: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    ellipsis: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    popperOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    ellipsisIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown, () => any, boolean>;
-    popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string) | (() => import('element-plus').PopperEffect) | ((new (...args: any[]) => string) | (() => import('element-plus').PopperEffect))[], unknown, unknown, "dark", boolean>;
+    collapseTransition: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    ellipsis: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
+    popperOffset: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 6;
+    };
+    ellipsisIcon: {
+        readonly type: PropType<string | import('vue').Component>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: () => any;
+    };
+    popperEffect: {
+        readonly type: PropType<import('element-plus').PopperEffect>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "dark";
+    };
     popperClass: StringConstructor;
-    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>;
+    showTimeout: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 300;
+    };
+    hideTimeout: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 300;
+    };
+    persistent: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: true;
+    };
 };
 export type MenusProps = ExtractPropTypes<typeof menusProps>;
 export type MenuPropKeys = Array<keyof typeof menuProps>;

package/lib/ele-menus/util.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const core = require("../utils/core");
+const common = require("../utils/common");
 function getPopperClass(customerClass, theme, popTheme, colorful, popupColorful, firstPopClass, first, webkit) {
   const popperClass = ["ele-menu"];
   if (webkit) {
@@ -49,7 +49,7 @@ function getMenuWidth(el) {
   if (!el) {
     return;
   }
-  const style = core.getCurrentStyle(el);
+  const style = common.getCurrentStyle(el);
   const pl = Number.parseInt(style.paddingLeft || "0", 10);
   const pr = Number.parseInt(style.paddingRight || "0", 10);
   return el.clientWidth - pl - pr;
@@ -58,7 +58,7 @@ function getItemWidth(el) {
   if (!el) {
     return;
   }
-  const style = core.getCurrentStyle(el);
+  const style = common.getCurrentStyle(el);
   const ml = Number.parseInt(style.marginLeft || "0", 10);
   const mr = Number.parseInt(style.marginRight || "0", 10);
   return el.offsetWidth + ml + mr;
@@ -73,7 +73,7 @@ function useMenuEllipsis(option) {
   const { getMenuEl, getMoreEl, onEllipsis } = option;
   const state = { activated: true };
   const observer = new ResizeObserver(
-    core.debounce(() => {
+    common.debounce(() => {
       computedEllipsis();
     }, 350)
   );

package/lib/ele-modal/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const icons = require("../icons");
+const index = require("../icons/index");
 const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const util = require("../ele-pro-layout/util");
 const util$1 = require("./util");
@@ -134,6 +134,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const handleCloseAutoFocus = () => {
       emit("closeAutoFocus");
     };
+    const resetPosition = () => {
+      resetModalStyle();
+    };
+    const closeModal = () => {
+      dialogRef.value && dialogRef.value.handleClose();
+    };
     vue.watch(
       () => props2.fullscreen,
       (fullscreen) => {
@@ -152,7 +158,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       isActivated.value = false;
     });
     __expose({
-      dialogRef
+      dialogRef,
+      resetPosition,
+      handleClose: closeModal
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -225,7 +233,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.renderSlot(_ctx.$slots, "maxIcon", { fullscreen: isFullscreen.value }, () => [
                   vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
                     default: vue.withCtx(() => [
-                      isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(icons.CompressOutlined), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.ExpandOutlined), { key: 1 }))
+                      isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.CompressOutlined), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(index.ExpandOutlined), { key: 1 }))
                     ]),
                     _: 1
                   })
@@ -244,7 +252,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.renderSlot(_ctx.$slots, "closeIcon", {}, () => [
                   vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
                     default: vue.withCtx(() => [
-                      _ctx.closeIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icons.CloseOutlined), { key: 1 }))
+                      _ctx.closeIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(index.CloseOutlined), { key: 1 }))
                     ]),
                     _: 1
                   })
@@ -267,7 +275,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.renderSlot(_ctx.$slots, "resizeIcon", {}, () => [
                 vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(icons.ResizeOutlined))
+                    vue.createVNode(vue.unref(index.ResizeOutlined))
                   ]),
                   _: 1
                 })
@@ -277,7 +285,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => [
             vue.createVNode(ReceiverView, {
               wrapPosition: false,
-              class: vue.normalizeClass(["ele-modal-body", { "is-form": _ctx.form }]),
+              class: vue.normalizeClass(["ele-modal-body", { "is-form": _ctx.form }, _ctx.modalBodyClass]),
               style: vue.normalizeStyle(_ctx.bodyStyle)
             }, {
               default: vue.withCtx(() => [