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

package/lib/ele-menus/util.cjs

@@ -10,6 +10,16 @@ const titleClass = "ele-menu-title";
 const triggerClass = "ele-menu-trigger";
 const overflowClass = "ele-menu-overflow";
 const ellipsisClass = "ele-sub-menu-ellipsis";
+function mergeClass(class1, class2) {
+  const classes = [];
+  if (class1 != null && class1 !== "") {
+    classes.push(class1);
+  }
+  if (class2 != null && class2 !== "") {
+    classes.push(class2);
+  }
+  return classes;
+}
 function getLinkNode(path) {
   if (core.isExternalLink(path)) {
     return vue.h("a", {
@@ -100,7 +110,11 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
             index: item.index || item.path,
             route: item.route,
             disabled: item.disabled,
-            class: item.overflow ? overflowClass : void 0,
+            class: mergeClass(
+              item.overflow ? overflowClass : void 0,
+              item.class
+            ),
+            style: item.style,
             onClick: () => {
             }
           },
@@ -126,30 +140,34 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
     );
     if (item.group === true && !parentIsGroup) {
       nodes.push(
-        vue.h(elementPlus.ElMenuItemGroup, { key }, {
-          default: () => {
-            return renderItems(
-              item.children,
-              sIcon,
-              sTitle,
-              tipDisabled,
-              theme,
-              popTheme,
-              colorful,
-              popupColorful,
-              firstPopClass,
-              first,
-              onItemClick,
-              onItemMouseenter,
-              onItemMouseleave,
-              webkit,
-              onParentMouseenter,
-              onParentMouseleave,
-              true
-            );
-          },
-          title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
-        })
+        vue.h(
+          elementPlus.ElMenuItemGroup,
+          { key, style: item.style, class: item.class },
+          {
+            default: () => {
+              return renderItems(
+                item.children,
+                sIcon,
+                sTitle,
+                tipDisabled,
+                theme,
+                popTheme,
+                colorful,
+                popupColorful,
+                firstPopClass,
+                first,
+                onItemClick,
+                onItemMouseenter,
+                onItemMouseleave,
+                webkit,
+                onParentMouseenter,
+                onParentMouseleave,
+                true
+              );
+            },
+            title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
+          }
+        )
       );
       return;
     }
@@ -178,7 +196,11 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
           expandOpenIcon: item.expandOpenIcon ?? icons.ArrowDown,
           collapseCloseIcon: item.collapseCloseIcon ?? icons.ArrowRight,
           collapseOpenIcon: item.collapseOpenIcon ?? icons.ArrowRight,
-          class: item.overflow ? overflowClass : void 0
+          class: mergeClass(
+            item.overflow ? overflowClass : void 0,
+            item.class
+          ),
+          style: item.style
         },
         {
           default: () => {
@@ -343,6 +365,7 @@ exports.getNodes = getNodes;
 exports.getPopperClass = getPopperClass;
 exports.getTriggerNode = getTriggerNode;
 exports.linkClass = linkClass;
+exports.mergeClass = mergeClass;
 exports.overflowClass = overflowClass;
 exports.renderItems = renderItems;
 exports.titleClass = titleClass;

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

@@ -1,4 +1,5 @@
 import { VNode, Slot } from 'vue';
+import { ClassValue, ClassValues } from '../ele-app/types';
 import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption, MenuItemEvent } from './types';
 
 /** 子菜单项链接类名 */
@@ -11,6 +12,12 @@ export declare const triggerClass = "ele-menu-trigger";
 export declare const overflowClass = "ele-menu-overflow";
 /** 菜单省略项的类名 */
 export declare const ellipsisClass = "ele-sub-menu-ellipsis";
+/**
+ * 合并类名
+ * @param class1 类名
+ * @param class2 用户自定义类名
+ */
+export declare function mergeClass(class1?: ClassValue, class2?: ClassValue): ClassValues;
 /**
  * 生成菜单链接节点
  * @param path 链接地址

package/lib/ele-modal/index.cjs

@@ -145,7 +145,7 @@ const _sfc_main = vue.defineComponent({
       });
       emit("update:fullscreen", isFullscreen.value);
     };
-    const onOpen = () => {
+    const handleOpen = () => {
       if (props2.resetOnClose || props2.destroyOnClose) {
         isFullscreen.value = props2.fullscreen ?? false;
       }
@@ -160,27 +160,27 @@ const _sfc_main = vue.defineComponent({
       });
       emit("open");
     };
-    const onOpened = () => {
+    const handleOpened = () => {
       const modalEl = getModalEl();
       if (modalEl) {
         modalEl.addEventListener("mousedown", mousedownListener);
       }
       emit("opened");
     };
-    const onClose = () => {
+    const handleClose = () => {
       const modalEl = getModalEl();
       if (modalEl) {
         modalEl.removeEventListener("mousedown", mousedownListener);
       }
       emit("close");
     };
-    const onClosed = () => {
+    const handleClosed = () => {
       emit("closed");
     };
-    const onOpenAutoFocus = () => {
+    const handleOpenAutoFocus = () => {
       emit("openAutoFocus");
     };
-    const onCloseAutoFocus = () => {
+    const handleCloseAutoFocus = () => {
       emit("closeAutoFocus");
     };
     vue.watch(
@@ -210,12 +210,12 @@ const _sfc_main = vue.defineComponent({
       handleResizeMousedown,
       updateModelValue,
       toggleFullscreen,
-      onOpen,
-      onOpened,
-      onClose,
-      onClosed,
-      onOpenAutoFocus,
-      onCloseAutoFocus
+      handleOpen,
+      handleOpened,
+      handleClose,
+      handleClosed,
+      handleOpenAutoFocus,
+      handleCloseAutoFocus
     };
   }
 });
@@ -262,12 +262,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       zIndex: _ctx.zIndex,
       headerAriaLevel: _ctx.headerAriaLevel,
       "onUpdate:modelValue": _ctx.updateModelValue,
-      onOpen: _ctx.onOpen,
-      onOpened: _ctx.onOpened,
-      onClose: _ctx.onClose,
-      onClosed: _ctx.onClosed,
-      onOpenAutoFocus: _ctx.onOpenAutoFocus,
-      onCloseAutoFocus: _ctx.onCloseAutoFocus
+      onOpen: _ctx.handleOpen,
+      onOpened: _ctx.handleOpened,
+      onClose: _ctx.handleClose,
+      onClosed: _ctx.handleClosed,
+      onOpenAutoFocus: _ctx.handleOpenAutoFocus,
+      onCloseAutoFocus: _ctx.handleCloseAutoFocus
     }), vue.createSlots({
       header: vue.withCtx(({ close, titleId, titleClass }) => [
         vue.createElementVNode("div", {

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

@@ -99,12 +99,12 @@ declare const _default: import('vue').DefineComponent<{
     handleResizeMousedown: (event: MouseEvent) => void;
     updateModelValue: (modelValue: boolean) => void;
     toggleFullscreen: (fullscreen?: boolean) => void;
-    onOpen: () => void;
-    onOpened: () => void;
-    onClose: () => void;
-    onClosed: () => void;
-    onOpenAutoFocus: () => void;
-    onCloseAutoFocus: () => void;
+    handleOpen: () => void;
+    handleOpened: () => void;
+    handleClose: () => void;
+    handleClosed: () => void;
+    handleOpenAutoFocus: () => void;
+    handleCloseAutoFocus: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:fullscreen': (_fullscreen: boolean) => boolean;
     open: () => boolean;

package/lib/ele-pagination/index.cjs

@@ -29,18 +29,18 @@ const _sfc_main = vue.defineComponent({
       }
       return classes.join(" ");
     });
-    const onUpdateCurrentPage = (currentPage) => {
+    const handleUpdateCurrentPage = (currentPage) => {
       emit("update:currentPage", currentPage);
     };
-    const onUpdatePageSize = (pageSize) => {
+    const handleUpdatePageSize = (pageSize) => {
       emit("update:pageSize", pageSize);
     };
     return {
       isInfinite,
       pageTotal,
       sizesPopperClass,
-      onUpdateCurrentPage,
-      onUpdatePageSize
+      handleUpdateCurrentPage,
+      handleUpdatePageSize
     };
   }
 });
@@ -78,8 +78,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-circle": _ctx.type === "circle" },
       { "is-infinite": _ctx.isInfinite }
     ]),
-    "onUpdate:currentPage": _ctx.onUpdateCurrentPage,
-    "onUpdate:pageSize": _ctx.onUpdatePageSize
+    "onUpdate:currentPage": _ctx.handleUpdateCurrentPage,
+    "onUpdate:pageSize": _ctx.handleUpdatePageSize
   }, vue.createSlots({ _: 2 }, [
     vue.renderList(Object.keys(_ctx.$slots), (name) => {
       return {

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

@@ -34,8 +34,8 @@ declare const _default: import('vue').DefineComponent<{
     isInfinite: import('vue').ComputedRef<boolean>;
     pageTotal: import('vue').ComputedRef<number | undefined>;
     sizesPopperClass: import('vue').ComputedRef<string>;
-    onUpdateCurrentPage: (currentPage: number) => void;
-    onUpdatePageSize: (pageSize: number) => void;
+    handleUpdateCurrentPage: (currentPage: number) => void;
+    handleUpdatePageSize: (pageSize: number) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:currentPage': (_currentPage: number) => boolean;
     'update:pageSize': (_pageSize: number) => boolean;

package/lib/ele-popconfirm/index.cjs

@@ -66,19 +66,19 @@ const _sfc_main = vue.defineComponent({
       hidePopper();
       emit("cancel", e);
     };
-    const onUpdateVisible = (visible) => {
+    const handleUpdateVisible = (visible) => {
       emit("update:visible", visible);
     };
-    const onPopBeforeEnter = () => {
+    const handlePopBeforeEnter = () => {
       emit("before-enter");
     };
-    const onPopBeforeLeave = () => {
+    const handlePopBeforeLeave = () => {
       emit("before-leave");
     };
-    const onPopAfterEnter = () => {
+    const handlePopAfterEnter = () => {
       emit("after-enter");
     };
-    const onPopAfterLeave = () => {
+    const handlePopAfterLeave = () => {
       emit("after-leave");
     };
     return {
@@ -90,11 +90,11 @@ const _sfc_main = vue.defineComponent({
       hidePopper,
       confirm,
       cancel,
-      onUpdateVisible,
-      onPopBeforeEnter,
-      onPopBeforeLeave,
-      onPopAfterEnter,
-      onPopAfterLeave
+      handleUpdateVisible,
+      handlePopBeforeEnter,
+      handlePopBeforeLeave,
+      handlePopAfterEnter,
+      handlePopAfterLeave
     };
   }
 });
@@ -115,11 +115,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock(_component_EleTooltip, vue.mergeProps({ tabindex: _ctx.tabindex }, _ctx.tooltipProps, {
     ref: "tooltipRef",
     isPopover: true,
-    "onUpdate:visible": _ctx.onUpdateVisible,
-    onBeforeShow: _ctx.onPopBeforeEnter,
-    onBeforeHide: _ctx.onPopBeforeLeave,
-    onShow: _ctx.onPopAfterEnter,
-    onHide: _ctx.onPopAfterLeave
+    "onUpdate:visible": _ctx.handleUpdateVisible,
+    onBeforeShow: _ctx.handlePopBeforeEnter,
+    onBeforeHide: _ctx.handlePopBeforeLeave,
+    onShow: _ctx.handlePopAfterEnter,
+    onHide: _ctx.handlePopAfterLeave
   }), {
     body: vue.withCtx(() => [
       vue.createElementVNode("div", {

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

@@ -54,12 +54,6 @@ declare const _default: import('vue').DefineComponent<{
     visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
     tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     content: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperStyle: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue) | ((new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
     enterable: {
         readonly default: true;
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
@@ -72,6 +66,7 @@ declare const _default: import('vue').DefineComponent<{
     autoClose: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     persistent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    popperStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     popperClass: StringConstructor;
     ariaLabel: StringConstructor;
     bg: StringConstructor;
@@ -104,11 +99,11 @@ declare const _default: import('vue').DefineComponent<{
     hidePopper: () => void;
     confirm: (e: MouseEvent) => void;
     cancel: (e: MouseEvent) => void;
-    onUpdateVisible: (visible: boolean) => void;
-    onPopBeforeEnter: () => void;
-    onPopBeforeLeave: () => void;
-    onPopAfterEnter: () => void;
-    onPopAfterLeave: () => void;
+    handleUpdateVisible: (visible: boolean) => void;
+    handlePopBeforeEnter: () => void;
+    handlePopBeforeLeave: () => void;
+    handlePopAfterEnter: () => void;
+    handlePopAfterLeave: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     confirm: (_e: MouseEvent) => boolean;
     cancel: (_e: MouseEvent) => boolean;
@@ -170,12 +165,6 @@ declare const _default: import('vue').DefineComponent<{
     visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
     tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     content: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperStyle: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue) | ((new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
     enterable: {
         readonly default: true;
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
@@ -188,6 +177,7 @@ declare const _default: import('vue').DefineComponent<{
     autoClose: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     persistent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    popperStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     popperClass: StringConstructor;
     ariaLabel: StringConstructor;
     bg: StringConstructor;

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

@@ -49,7 +49,7 @@ export declare const popconfirmProps: {
     transition: {
         type: StringConstructor;
         default: string;
-    };
+    }; /** 取消按钮类型 */
     bodyClass: StringConstructor;
     bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
     titleStyle: PropType<Partial<import('vue').CSSProperties>>;
@@ -71,12 +71,6 @@ export declare const popconfirmProps: {
     visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
     tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     content: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperStyle: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue) | ((new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
     enterable: {
         readonly default: true;
         readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
@@ -89,6 +83,7 @@ export declare const popconfirmProps: {
     autoClose: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     persistent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    popperStyle: PropType<Partial<import('vue').CSSProperties>>;
     popperClass: StringConstructor;
     ariaLabel: StringConstructor;
     bg: StringConstructor;

package/lib/ele-popover/index.cjs

@@ -23,30 +23,30 @@ const _sfc_main = vue.defineComponent({
     const hide = () => {
       tooltipRef.value && tooltipRef.value.hide();
     };
-    const onUpdateVisible = (visible) => {
+    const handleUpdateVisible = (visible) => {
       emit("update:visible", visible);
     };
-    const onPopBeforeEnter = () => {
+    const handlePopBeforeEnter = () => {
       emit("before-enter");
     };
-    const onPopBeforeLeave = () => {
+    const handlePopBeforeLeave = () => {
       emit("before-leave");
     };
-    const onPopAfterEnter = () => {
+    const handlePopAfterEnter = () => {
       emit("after-enter");
     };
-    const onPopAfterLeave = () => {
+    const handlePopAfterLeave = () => {
       emit("after-leave");
     };
     return {
       tooltipRef,
       tooltipProps,
       hide,
-      onUpdateVisible,
-      onPopBeforeEnter,
-      onPopBeforeLeave,
-      onPopAfterEnter,
-      onPopAfterLeave
+      handleUpdateVisible,
+      handlePopBeforeEnter,
+      handlePopBeforeLeave,
+      handlePopAfterEnter,
+      handlePopAfterLeave
     };
   }
 });
@@ -62,11 +62,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock(_component_EleTooltip, vue.mergeProps({ tabindex: _ctx.tabindex }, _ctx.tooltipProps, {
     ref: "tooltipRef",
     isPopover: true,
-    "onUpdate:visible": _ctx.onUpdateVisible,
-    onBeforeShow: _ctx.onPopBeforeEnter,
-    onBeforeHide: _ctx.onPopBeforeLeave,
-    onShow: _ctx.onPopAfterEnter,
-    onHide: _ctx.onPopAfterLeave
+    "onUpdate:visible": _ctx.handleUpdateVisible,
+    onBeforeShow: _ctx.handlePopBeforeEnter,
+    onBeforeHide: _ctx.handlePopBeforeLeave,
+    onShow: _ctx.handlePopAfterEnter,
+    onHide: _ctx.handlePopAfterLeave
   }), {
     body: vue.withCtx(() => [
       vue.createElementVNode("div", {

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

@@ -27,12 +27,6 @@ declare const _default: import('vue').DefineComponent<{
     trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     content: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperStyle: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue) | ((new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
     enterable: {
         readonly default: true;
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
@@ -45,6 +39,7 @@ declare const _default: import('vue').DefineComponent<{
     autoClose: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     persistent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    popperStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     popperClass: StringConstructor;
     ariaLabel: StringConstructor;
     bg: StringConstructor;
@@ -72,11 +67,11 @@ declare const _default: import('vue').DefineComponent<{
     tooltipRef: import('vue').Ref<EleTooltipInstance>;
     tooltipProps: import('vue').ComputedRef<Partial<import('../ele-tooltip/props').TooltipProps>>;
     hide: () => void;
-    onUpdateVisible: (visible: boolean) => void;
-    onPopBeforeEnter: () => void;
-    onPopBeforeLeave: () => void;
-    onPopAfterEnter: () => void;
-    onPopAfterLeave: () => void;
+    handleUpdateVisible: (visible: boolean) => void;
+    handlePopBeforeEnter: () => void;
+    handlePopBeforeLeave: () => void;
+    handlePopAfterEnter: () => void;
+    handlePopAfterLeave: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:visible': (value: boolean) => boolean;
     'before-enter': () => boolean;
@@ -110,12 +105,6 @@ declare const _default: import('vue').DefineComponent<{
     trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     content: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperStyle: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue) | ((new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
     enterable: {
         readonly default: true;
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
@@ -128,6 +117,7 @@ declare const _default: import('vue').DefineComponent<{
     autoClose: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     persistent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    popperStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     popperClass: StringConstructor;
     ariaLabel: StringConstructor;
     bg: StringConstructor;

package/lib/ele-popover/props.cjs

@@ -6,6 +6,7 @@ const props = require("../ele-tooltip/props");
 const normalizeProps = core.omit(elementPlus.popoverProps, ["onUpdate:visible"]);
 const popoverProps = {
   ...core.omit(props.tooltipProps, ["rawContent"]),
+  popperStyle: [String, Array, Object],
   popperClass: String,
   ...normalizeProps,
   transition: {

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

@@ -18,12 +18,6 @@ export declare const popoverProps: {
     contentStyle: PropType<Partial<import('vue').CSSProperties>>;
     width: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     title: StringConstructor;
-    popperStyle: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue) | ((new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
     showArrow: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     disabled: BooleanConstructor;
     trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
@@ -52,6 +46,7 @@ export declare const popoverProps: {
     hideAfter: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
     autoClose: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    popperStyle: PropType<Partial<import('vue').CSSProperties>>;
     popperClass: StringConstructor;
     className: StringConstructor;
     arrowOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;

package/lib/ele-printer/index.cjs

@@ -9,38 +9,31 @@ const _sfc_main = vue.defineComponent({
   props: props.printerProps,
   emits: props.printerEmits,
   setup(props2, { emit }) {
-    const { printId } = util.usePrinter(() => {
+    const doPrint = util.usePrinter(() => {
+      visible.value = false;
       updateModelValue(false);
-      onDone();
+      handleDone();
     });
     const container = vue.shallowRef(util.getPrintContainer());
     const visible = vue.ref(false);
-    const isStatic = vue.computed(() => {
-      return props2.static;
-    });
+    const isStatic = vue.computed(() => props2.static);
     const print = (options) => {
+      if (visible.value) {
+        return;
+      }
       visible.value = true;
       vue.nextTick(() => {
         const option = {
-          printId,
           title: props2.title,
           margin: props2.margin,
           direction: props2.direction,
           orientation: props2.orientation,
           options: util.mergeOptions(props2.options, options)
         };
-        if (props2.target === "_iframe") {
-          util.doPrintOnFrame(option);
-          visible.value = false;
-        } else {
-          util.doPrint(option);
-          visible.value = false;
-          updateModelValue(false);
-          onDone();
-        }
+        doPrint(option, props2.target);
       });
     };
-    const onDone = () => {
+    const handleDone = () => {
       emit("done");
     };
     const updateModelValue = (value) => {
@@ -48,13 +41,17 @@ const _sfc_main = vue.defineComponent({
     };
     vue.watch(
       () => props2.modelValue,
-      (value) => {
-        if (value) {
+      (modelValue) => {
+        if (modelValue) {
           print();
         }
-      },
-      { immediate: true }
+      }
     );
+    vue.onMounted(() => {
+      if (props2.modelValue) {
+        print();
+      }
+    });
     return { container, visible, isStatic, print };
   }
 });