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

package/lib/ele-loading/style/css-var.scss

@@ -0,0 +1,7 @@
+@use '../../style/util.scss' as *;
+
+@mixin set-loading-var($var) {
+  .ele-loading {
+    @include set-ele-var('loading', $var);
+  }
+}

package/lib/ele-loading/style/index.js

@@ -1,2 +1,3 @@
 "use strict";
 require("element-plus/es/components/loading/style/index");
+require("./index.scss");

package/lib/ele-loading/style/index.scss

@@ -0,0 +1,90 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-loading-var($ele);
+
+.ele-loading {
+  box-sizing: border-box;
+}
+
+.ele-loading-show {
+  position: relative;
+}
+
+.ele-loading-spinner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: eleVar('loading', 'bg');
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  z-index: eleVar('loading', 'index');
+}
+
+/* 模糊背景 */
+.ele-loading-blur {
+  backdrop-filter: blur(2px);
+}
+
+/* 文本 */
+.ele-loading-text {
+  color: elVar('color-primary');
+  font-size: elVar('font-size', 'base');
+  margin-top: 10px;
+  text-align: center;
+}
+
+/* 圆点风格 */
+.ele-loading-dot {
+  width: eleVar('loading', 'size');
+  height: eleVar('loading', 'size');
+  display: grid;
+  grid-gap: eleVar('loading', 'space');
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+  transform: rotate(45deg);
+  animation: eleloadingRotate 1.2s infinite linear;
+
+  & > i {
+    background: elVar('color-primary');
+    border-radius: 50%;
+
+    &:nth-child(2) {
+      background: elVar('color-primary', 'light-3');
+    }
+
+    &:nth-child(3) {
+      background: elVar('color-primary', 'light-7');
+    }
+
+    &:nth-child(4) {
+      background: elVar('color-primary', 'light-8');
+    }
+  }
+}
+
+@keyframes eleloadingRotate {
+  to {
+    transform: rotate(405deg);
+  }
+}
+
+/* 小型尺寸 */
+.ele-loading-small .ele-loading-dot {
+  width: eleVar('loading', 'sm-size');
+  height: eleVar('loading', 'sm-size');
+  grid-gap: eleVar('loading', 'sm-space');
+}
+
+/* 大型尺寸 */
+.ele-loading-large .ele-loading-dot {
+  width: eleVar('loading', 'lg-size');
+  height: eleVar('loading', 'lg-size');
+  grid-gap: eleVar('loading', 'lg-space');
+}

package/lib/ele-loading/types/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 加载器类型
+ */
+export type LoadingType = 'circle' | 'dot';
+/**
+ * 加载器尺寸
+ */
+export type LoadingSize = 'small' | 'default' | 'large';
+/**
+ * 圆形加载器属性
+ */
+export interface CircleProps {
+    ['element-loading-text']?: string;
+    ['element-loading-background']?: string;
+    ['element-loading-spinner']?: string;
+    ['element-loading-svg-view-box']?: string;
+}

package/lib/ele-map-picker/components/map-view.d.ts

@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     darkMode: BooleanConstructor;
     okText: StringConstructor;
     emptyProps: import("vue").PropType<import("../../ele-app/types").ElEmptyProps>;
-    headerStyle: import("vue").PropType<import("../../ele-app/types").StyleValue>;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }, {
     mapRef: import("vue").Ref<HTMLDivElement | null>;
     loading: import("vue").Ref<boolean>;
@@ -168,7 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     darkMode: BooleanConstructor;
     okText: StringConstructor;
     emptyProps: import("vue").PropType<import("../../ele-app/types").ElEmptyProps>;
-    headerStyle: import("vue").PropType<import("../../ele-app/types").StyleValue>;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }>> & {
     onDone?: ((_result: CenterPoint) => any) | undefined;
     onMapDone?: ((_ins: any) => any) | undefined;

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

@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<{
     darkMode: BooleanConstructor;
     okText: StringConstructor;
     emptyProps: import("vue").PropType<import("../ele-app/types").ElEmptyProps>;
-    headerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }, {
     mapRef: Ref<MapViewInstance>;
     lang: import("vue").ComputedRef<MapLocale>;
@@ -143,7 +143,7 @@ declare const _default: import("vue").DefineComponent<{
     darkMode: BooleanConstructor;
     okText: StringConstructor;
     emptyProps: import("vue").PropType<import("../ele-app/types").ElEmptyProps>;
-    headerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }>> & {
     "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;

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

@@ -1,5 +1,5 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { StyleValue, ElEmptyProps } from '../ele-app/types';
+import type { ElEmptyProps } from '../ele-app/types';
 import type { ModalProps } from '../ele-modal/props';
 import type { MapLocale, CenterPoint } from './types';
 /**
@@ -60,7 +60,7 @@ export declare const mapProps: {
     darkMode: BooleanConstructor;
     okText: StringConstructor;
     emptyProps: PropType<ElEmptyProps>;
-    headerStyle: PropType<StyleValue>;
+    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
 };
 export declare const mapPickerProps: {
     modelValue: BooleanConstructor;
@@ -124,7 +124,7 @@ export declare const mapPickerProps: {
     darkMode: BooleanConstructor;
     okText: StringConstructor;
     emptyProps: PropType<ElEmptyProps>;
-    headerStyle: PropType<StyleValue>;
+    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
 };
 export type MapPickerProps = ExtractPropTypes<typeof mapPickerProps>;
 export type MapProps = ExtractPropTypes<typeof mapProps>;

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

@@ -37,6 +37,7 @@ declare const _default: import("vue").DefineComponent<{
     open: (index: string) => void;
     close: (index: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    itemClick: (_item: import("./types").MenuItem) => boolean;
     close: (index: string, indexPath: string[]) => boolean;
     open: (index: string, indexPath: string[]) => boolean;
     select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => boolean;
@@ -75,6 +76,7 @@ declare const _default: import("vue").DefineComponent<{
     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;
+    onItemClick?: ((_item: import("./types").MenuItem) => any) | undefined;
 }, {
     mode: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
     defaultActive: string;

package/lib/ele-menus/index.js

@@ -9,7 +9,7 @@ const props = require("./props");
 const index = vue.defineComponent({
   name: "EleMenus",
   props: props.menusProps,
-  emits: elementPlus.menuEmits,
+  emits: props.menusEmits,
   setup(props$1, { slots, emit, expose }) {
     const { authenticated } = receiver.useLicense();
     const menuRef = vue.ref(null);
@@ -57,6 +57,9 @@ const index = vue.defineComponent({
         }
       }
     );
+    const onItemClick = (item) => {
+      emit("itemClick", item);
+    };
     const exposeValue = {
       menuRef,
       open: (index2) => {
@@ -109,7 +112,8 @@ const index = vue.defineComponent({
             props$1.colorful,
             props$1.popupColorful,
             props$1.firstPopperClass,
-            true
+            true,
+            onItemClick
           );
           if (moreItems) {
             const ellipsisProps = props$1.ellipsisProps || {};
@@ -145,7 +149,9 @@ const index = vue.defineComponent({
                       props$1.popupTheme,
                       props$1.colorful,
                       props$1.popupColorful,
-                      props$1.firstPopperClass
+                      props$1.firstPopperClass,
+                      false,
+                      onItemClick
                     );
                   },
                   title: () => {

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

@@ -42,3 +42,13 @@ export type MenuPropKeys = Array<keyof typeof menuProps>;
  * 菜单组件属性名
  */
 export declare const menuPropKeys: MenuPropKeys;
+/**
+ * 事件
+ */
+export declare const menusEmits: {
+    /** 菜单项点击事件 */
+    itemClick: (_item: MenuItem) => boolean;
+    close: (index: string, indexPath: string[]) => boolean;
+    open: (index: string, indexPath: string[]) => boolean;
+    select: (index: string, indexPath: string[], item: import("element-plus").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => boolean;
+};

package/lib/ele-menus/props.js

@@ -30,5 +30,11 @@ const menusProps = {
   ellipsisProps: Object
 };
 const menuPropKeys = Object.keys(elementPlus.menuProps);
+const menusEmits = {
+  ...elementPlus.menuEmits,
+  /** 菜单项点击事件 */
+  itemClick: (_item) => true
+};
 exports.menuPropKeys = menuPropKeys;
+exports.menusEmits = menusEmits;
 exports.menusProps = menusProps;

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

@@ -704,23 +704,23 @@
   }
 }
 
-// 兼容横向菜单溢出的菜单
-/* .el-popper > .el-menu--popup-container {
-  display: block;
-  border: none;
-}
+// Tooltip
+.el-popper.is-dark > .ele-menu-title {
+  position: static;
 
-.el-menu--popup-container > .el-menu--popup {
-  background: none;
-  box-shadow: none;
-  border-radius: 0;
-  max-height: calc(100vh - 10px);
-  overflow-y: auto;
-  overflow-y: overlay;
-}
+  &::before {
+    content: '';
+    background: eleVar('tooltip', 'bg');
+    border-radius: eleVar('tooltip', 'radius');
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: -1;
+  }
 
-.el-menu--popup > .el-menu-item > .el-badge,
-.el-menu--popup > .el-sub-menu > .el-sub-menu__title > .el-badge {
-  order: 3;
-  line-height: 1;
-} */
+  & + .el-popper__arrow {
+    z-index: -2;
+  }
+}

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

@@ -61,6 +61,10 @@ export interface MenuResult {
     /** 省略的菜单数据 */
     moreItems?: MenuItem[];
 }
+/**
+ * 菜单项点击事件
+ */
+export type ItemClick = (item: MenuItem) => void;
 /**
  * 菜单省略计算参数
  */

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

@@ -1,13 +1,14 @@
 import type { VNode, Slot } from 'vue';
-import type { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption } from './types';
+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";
 /**
  * 生成菜单链接节点
  * @param path 链接地址
  */
-export declare function getLinkNode(path?: string): VNode | undefined;
+export declare function getLinkNode(item: MenuItem, onItemClick?: ItemClick): VNode | undefined;
 /**
  * 生成菜单内容节点
  * @param icons 图标节点
@@ -29,7 +30,7 @@ export declare function getNodes(icons?: VNode[], titles?: VNode[], badge?: VNod
  * @param firstPopClass 第一级气泡菜单类名
  * @param first 是否是第一级菜单
  */
-export declare function renderItems(items?: MenuItem[], sIcon?: Slot, sTitle?: Slot, tipDisabled?: boolean, theme?: MenuTheme, popTheme?: PopupMenuTheme, colorful?: boolean, popupColorful?: PopupColorful, firstPopClass?: string, first?: boolean): VNode[];
+export declare function renderItems(items?: MenuItem[], sIcon?: Slot, sTitle?: Slot, tipDisabled?: boolean, theme?: MenuTheme, popTheme?: PopupMenuTheme, colorful?: boolean, popupColorful?: PopupColorful, firstPopClass?: string, first?: boolean, onItemClick?: ItemClick): VNode[];
 /**
  * 生成菜单数据
  * @param items 菜单数据

package/lib/ele-menus/util.js

@@ -6,21 +6,25 @@ const elementPlus = require("element-plus");
 const core = require("../utils/core");
 const icons = require("../icons");
 const linkClass = "ele-menu-link";
+const titleClass = "ele-menu-title";
 const overflowClass = "ele-menu-overflow";
 const ellipsisClass = "ele-sub-menu-ellipsis";
-function getLinkNode(path) {
-  if (!path) {
+function getLinkNode(item, onItemClick) {
+  if (!(item == null ? void 0 : item.path)) {
     return;
   }
-  if (core.isExternalLink(path)) {
+  if (core.isExternalLink(item.path)) {
     return vue.h("a", {
-      href: path,
+      href: item.path,
       target: "_blank",
       class: linkClass,
-      onClick: (e) => e.stopPropagation()
+      onClick: (e) => {
+        e.stopPropagation();
+        onItemClick && onItemClick(item);
+      }
     });
   }
-  return vue.h(vueRouter.RouterLink, { to: path, class: linkClass });
+  return vue.h(vueRouter.RouterLink, { to: item.path, class: linkClass });
 }
 function getNodes(icons2, titles, badge, link) {
   const nodes = [];
@@ -42,7 +46,7 @@ function getNodes(icons2, titles, badge, link) {
   }
   return nodes;
 }
-function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorful, popupColorful, firstPopClass, first) {
+function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorful, popupColorful, firstPopClass, first, onItemClick) {
   const nodes = [];
   if (!items) {
     return nodes;
@@ -59,11 +63,11 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
     }
     const tNodes = sTitle ? sTitle({ item, title: item.title }) ?? [] : [];
     if (!tNodes.length && item.title) {
-      tNodes.push(vue.h("span", item.title));
+      tNodes.push(vue.h("span", { class: titleClass }, item.title));
     }
     const bNode = item.badge != null ? vue.h(elementPlus.ElBadge, item.badge) : null;
     if (!((_a = item.children) == null ? void 0 : _a.length)) {
-      const linkNode = getLinkNode(item.path);
+      const linkNode = getLinkNode(item, onItemClick);
       const key = item.key || item.index || item.path;
       nodes.push(
         vue.h(
@@ -73,7 +77,10 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
             index: item.index,
             route: item.route,
             disabled: item.disabled,
-            class: item.overflow ? overflowClass : void 0
+            class: item.overflow ? overflowClass : void 0,
+            onClick: () => {
+              onItemClick && onItemClick(item);
+            }
           },
           {
             default: () => {
@@ -105,7 +112,8 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
                 colorful,
                 popupColorful,
                 firstPopClass,
-                first
+                first,
+                onItemClick
               );
             },
             title: () => getNodes(iNodes, tNodes, bNode)
@@ -156,7 +164,9 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
               popTheme,
               colorful,
               popupColorful,
-              firstPopClass
+              firstPopClass,
+              false,
+              onItemClick
             );
           },
           title: () => getNodes(iNodes, tNodes, bNode)
@@ -300,4 +310,5 @@ exports.getPopperClass = getPopperClass;
 exports.linkClass = linkClass;
 exports.overflowClass = overflowClass;
 exports.renderItems = renderItems;
+exports.titleClass = titleClass;
 exports.useMenuEllipsis = useMenuEllipsis;

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

@@ -26,12 +26,12 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    headerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    titleStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    footerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    closeBtnStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    fullscreenBtnStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    fullscreenBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -71,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     trapFocus: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    headerAriaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
@@ -83,6 +84,7 @@ declare const _default: import("vue").DefineComponent<{
     fullscreen: BooleanConstructor;
     showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }, {
     dialogRef: import("vue").Ref<ElDialogInstance>;
     container: import("vue").Ref<Element>;
@@ -133,12 +135,12 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    headerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    titleStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    footerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    closeBtnStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    fullscreenBtnStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    fullscreenBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -178,6 +180,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     trapFocus: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    headerAriaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
@@ -190,6 +193,7 @@ declare const _default: import("vue").DefineComponent<{
     fullscreen: BooleanConstructor;
     showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     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;
@@ -213,14 +217,16 @@ declare const _default: import("vue").DefineComponent<{
     openDelay: number;
     closeDelay: number;
     trapFocus: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    headerAriaLevel: string;
     alignCenter: boolean;
     customClass: string;
     draggable: boolean;
     fullscreen: boolean;
     showClose: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    ariaLevel: string;
     minWidth: number;
-    responsive: boolean;
     minHeight: number;
+    responsive: boolean;
     multiple: boolean;
     resetOnClose: boolean;
     maxable: boolean;

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

@@ -1,6 +1,5 @@
 import type { PropType, ExtractPropTypes } from 'vue';
 import { dialogProps } from 'element-plus';
-import type { StyleValue } from '../ele-app/types';
 import type { Resizable, MoveOut, Position } from './types';
 /**
  * 属性
@@ -32,12 +31,12 @@ export declare const modalProps: {
         type: NumberConstructor;
         default: number;
     };
-    headerStyle: PropType<StyleValue>;
-    titleStyle: PropType<StyleValue>;
-    bodyStyle: PropType<StyleValue>;
-    footerStyle: PropType<StyleValue>;
-    closeBtnStyle: PropType<StyleValue>;
-    fullscreenBtnStyle: PropType<StyleValue>;
+    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;
@@ -77,6 +76,7 @@ export declare const modalProps: {
         __epPropKey: true;
     };
     trapFocus: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    headerAriaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
@@ -89,6 +89,7 @@ export declare const modalProps: {
     fullscreen: BooleanConstructor;
     showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 };
 export type ModalProps = ExtractPropTypes<typeof modalProps>;
 /**

package/lib/ele-modal/util.js

@@ -104,8 +104,8 @@ function handleMovable(event, props) {
       left: e.clientX - downX + downOL,
       top: e.clientY - downY + downOT
     };
-    const limitL = wrapEl.clientWidth - modalEl.clientWidth - 1;
-    const limitT = wrapEl.clientHeight - modalEl.clientHeight - 2;
+    const limitL = wrapEl.clientWidth - modalEl.clientWidth - 0.65;
+    const limitT = wrapEl.clientHeight - modalEl.clientHeight - 0.45;
     if (!props.moveOut) {
       if (position.left < 0) {
         position.left = 0;

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

@@ -58,6 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     popperClass: string;
     disabled: boolean;
     small: boolean;
+    background: boolean;
     pagerCount: number;
     layout: string;
     pageSizes: number[];
@@ -65,7 +66,6 @@ declare const _default: import("vue").DefineComponent<{
     prevIcon: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
     nextText: string;
     nextIcon: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
-    background: boolean;
     hideOnSinglePage: boolean;
 }, {}>;
 export default _default;

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

@@ -23,15 +23,15 @@ declare const _default: import("vue").DefineComponent<{
     hideIcon: BooleanConstructor;
     hideConfirmButton: BooleanConstructor;
     hideCancelButton: BooleanConstructor;
-    iconStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     iconProps: import("vue").PropType<ElIconProps>;
     confirmButtonProps: import("vue").PropType<import("../ele-app/types").ElButtonProps>;
     cancelButtonProps: import("vue").PropType<import("../ele-app/types").ElButtonProps>;
-    footerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     bodyClass: StringConstructor;
-    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    titleStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    contentStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     effect: {
         readonly default: "light";
@@ -113,15 +113,15 @@ declare const _default: import("vue").DefineComponent<{
     hideIcon: BooleanConstructor;
     hideConfirmButton: BooleanConstructor;
     hideCancelButton: BooleanConstructor;
-    iconStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     iconProps: import("vue").PropType<ElIconProps>;
     confirmButtonProps: import("vue").PropType<import("../ele-app/types").ElButtonProps>;
     cancelButtonProps: import("vue").PropType<import("../ele-app/types").ElButtonProps>;
-    footerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     bodyClass: StringConstructor;
-    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    titleStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    contentStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     effect: {
         readonly default: "light";