ele-admin-plus 1.2.1-beta.1 → 1.2.1-beta.3

package/lib/ele-modal/util.cjs

@@ -1,11 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
 const core = require("../utils/core");
+const hook = require("../utils/hook");
 const containerClass = "ele-modal-container";
 const wrapperClass = "ele-modal";
 const closedClass = "ele-modal-closed";
 const fixTop = 0.65;
 const fixLeft = 0.65;
+function getModalEl(dialogRef) {
+  var _a, _b;
+  const el = (_b = vue.unref((_a = vue.unref(dialogRef)) == null ? void 0 : _a.dialogContentRef)) == null ? void 0 : _b.$el;
+  return el;
+}
 function initModalStyle(modalEl) {
   modalEl.style.top = modalEl.offsetTop + "px";
   modalEl.style.left = modalEl.offsetLeft + "px";
@@ -37,158 +44,254 @@ function getModalContainer(inner, multiple, appendTo, modalsEl) {
   }
   return appendTo || "body";
 }
-function handleMove(modalEl, event, props) {
-  const wrapEl = modalEl.parentElement;
-  if (!wrapEl) {
-    return;
-  }
-  modalEl.style.userSelect = "none";
-  initModalStyle(modalEl);
-  const downX = event.clientX;
-  const downY = event.clientY;
-  const downOL = modalEl.offsetLeft;
-  const downOT = modalEl.offsetTop;
-  const mousemoveFn = function(e) {
-    const position = {
-      left: e.clientX - downX + downOL,
-      top: e.clientY - downY + downOT
-    };
-    const limitL = wrapEl.clientWidth - modalEl.clientWidth - fixLeft;
-    const limitT = wrapEl.clientHeight - modalEl.clientHeight - fixTop;
-    if (!props.moveOut) {
-      if (position.left < 0) {
-        position.left = 0;
-      } else if (position.left > limitL) {
-        position.left = limitL;
+function useModalMove(dialogRef, props, isFullscreen) {
+  let modalEl = null;
+  let wrapEl = null;
+  let downOL = null;
+  let downOT = null;
+  const { handleMousedown, handleTouchstart } = hook.useMoveEvent({
+    start: () => {
+      modalEl = getModalEl(dialogRef);
+      wrapEl = modalEl == null ? void 0 : modalEl.parentElement;
+      if (!modalEl || !wrapEl || !props.draggable || isFullscreen.value) {
+        return;
       }
-      if (position.top > limitT) {
-        position.top = limitT;
+      modalEl.style.userSelect = "none";
+      initModalStyle(modalEl);
+      downOL = modalEl.offsetLeft;
+      downOT = modalEl.offsetTop;
+    },
+    move: ({ distanceX, distanceY }) => {
+      if (!modalEl || !wrapEl || downOL == null || downOT == null || distanceX == null || distanceY == null) {
+        return;
       }
-      if (position.top < 0) {
-        position.top = 0;
+      let positionLeft = distanceX + downOL;
+      let positionTop = distanceY + downOT;
+      const limitL = wrapEl.clientWidth - modalEl.clientWidth - fixLeft;
+      const limitT = wrapEl.clientHeight - modalEl.clientHeight - fixTop;
+      if (!props.moveOut) {
+        if (positionLeft < 0) {
+          positionLeft = 0;
+        } else if (positionLeft > limitL) {
+          positionLeft = limitL;
+        }
+        if (positionTop > limitT) {
+          positionTop = limitT;
+        }
+        if (positionTop < 0) {
+          positionTop = 0;
+        }
+      } else {
+        if (!canMoveOut(props.moveOut, "left") && positionLeft < 0) {
+          positionLeft = 0;
+        }
+        if (!canMoveOut(props.moveOut, "right") && positionLeft > limitL) {
+          positionLeft = limitL;
+        }
+        if (!canMoveOut(props.moveOut, "bottom") && positionTop > limitT) {
+          positionTop = limitT;
+        }
+        if (!canMoveOut(props.moveOut, "top") && positionTop < 0) {
+          positionTop = 0;
+        }
+        const minLimitL = wrapEl.clientWidth - 48;
+        if (positionLeft > minLimitL) {
+          positionLeft = minLimitL;
+        }
+        const minLimitT = wrapEl.clientHeight - 48;
+        if (props.multiple && positionTop > minLimitT) {
+          positionTop = minLimitT;
+        }
       }
-    } else {
-      if (!canMoveOut(props.moveOut, "left") && position.left < 0) {
-        position.left = 0;
+      modalEl.style.left = `${Math.floor(positionLeft)}px`;
+      modalEl.style.top = `${Math.floor(positionTop)}px`;
+    },
+    end: () => {
+      if (modalEl) {
+        modalEl.style.userSelect = "";
       }
-      if (!canMoveOut(props.moveOut, "right") && position.left > limitL) {
-        position.left = limitL;
+      downOL = null;
+      downOT = null;
+      modalEl = null;
+      wrapEl = null;
+    }
+  });
+  return {
+    handleHeaderMousedown: handleMousedown,
+    handleHeaderTouchstart: handleTouchstart
+  };
+}
+function useModalResize(dialogRef, props, isFullscreen) {
+  let modalEl = null;
+  let wrapEl = null;
+  let downW = null;
+  let downH = null;
+  const { handleMousedown, handleTouchstart } = hook.useMoveEvent({
+    start: () => {
+      modalEl = getModalEl(dialogRef);
+      wrapEl = modalEl == null ? void 0 : modalEl.parentElement;
+      if (!modalEl || !wrapEl || !props.resizable || isFullscreen.value) {
+        return;
       }
-      if (!canMoveOut(props.moveOut, "bottom") && position.top > limitT) {
-        position.top = limitT;
+      modalEl.style.userSelect = "none";
+      initModalStyle(modalEl);
+      downW = modalEl.clientWidth;
+      downH = modalEl.clientHeight;
+    },
+    move: ({ distanceX, distanceY }) => {
+      if (!modalEl || !wrapEl || downW == null || downH == null || distanceX == null || distanceY == null) {
+        return;
       }
-      if (!canMoveOut(props.moveOut, "top") && position.top < 0) {
-        position.top = 0;
+      if (props.resizable !== "vertical") {
+        const w = distanceX + downW;
+        const maxW = wrapEl.clientWidth - modalEl.offsetLeft - fixLeft;
+        const nw = (w < props.minWidth ? props.minWidth : !canMoveOut(props.moveOut, "right") && w > maxW ? maxW : w) + "px";
+        modalEl.style.width = nw;
+        modalEl.style.maxWidth = nw;
+        modalEl.style.minWidth = nw;
       }
-      const minLimitL = wrapEl.clientWidth - 48;
-      if (position.left > minLimitL) {
-        position.left = minLimitL;
+      if (props.resizable !== "horizontal") {
+        const h = distanceY + downH;
+        const maxH = wrapEl.clientHeight - modalEl.offsetTop - fixTop;
+        const nh = (h < props.minHeight ? props.minHeight : !canMoveOut(props.moveOut, "bottom") && h > maxH ? maxH : h) + "px";
+        modalEl.style.height = nh;
+        modalEl.style.maxHeight = nh;
+        modalEl.style.minHeight = nh;
       }
-      const minLimitT = wrapEl.clientHeight - 48;
-      if (props.multiple && position.top > minLimitT) {
-        position.top = minLimitT;
+    },
+    end: () => {
+      if (modalEl) {
+        modalEl.style.userSelect = "";
       }
+      downW = null;
+      downH = null;
+      modalEl = null;
+      wrapEl = null;
     }
-    modalEl.style.left = `${Math.floor(position.left)}px`;
-    modalEl.style.top = `${Math.floor(position.top)}px`;
-  };
-  const mouseupFn = function() {
-    modalEl.style.userSelect = "";
-    document.removeEventListener("mousemove", mousemoveFn);
-    document.removeEventListener("mouseup", mouseupFn);
+  });
+  return {
+    handleResizeMousedown: handleMousedown,
+    handleResizeTouchstart: handleTouchstart
   };
-  document.addEventListener("mousemove", mousemoveFn);
-  document.addEventListener("mouseup", mouseupFn);
 }
-function handleResize(modalEl, event, props) {
-  const wrapEl = modalEl.parentElement;
-  if (!wrapEl) {
-    return;
-  }
-  modalEl.style.userSelect = "none";
-  initModalStyle(modalEl);
-  const downX = event.clientX;
-  const downY = event.clientY;
-  const downW = modalEl.clientWidth;
-  const downH = modalEl.clientHeight;
-  const mousemoveFn = function(e) {
-    if (props.resizable !== "vertical") {
-      const w = e.clientX - downX + downW;
-      const maxW = wrapEl.clientWidth - modalEl.offsetLeft - fixLeft;
-      const nw = (w < props.minWidth ? props.minWidth : !canMoveOut(props.moveOut, "right") && w > maxW ? maxW : w) + "px";
-      modalEl.style.width = nw;
-      modalEl.style.maxWidth = nw;
-      modalEl.style.minWidth = nw;
+function useModalEvent(dialogRef, props, isFullscreen) {
+  const { handleHeaderMousedown, handleHeaderTouchstart } = useModalMove(
+    dialogRef,
+    props,
+    isFullscreen
+  );
+  const { handleResizeMousedown, handleResizeTouchstart } = useModalResize(
+    dialogRef,
+    props,
+    isFullscreen
+  );
+  let isInitPosition = true;
+  const getZIndex = () => {
+    return props.zIndex ?? 2e3;
+  };
+  const topModal = (el) => {
+    var _a;
+    const modalEl = el ?? getModalEl(dialogRef);
+    const overlayEl = (_a = modalEl == null ? void 0 : modalEl.parentElement) == null ? void 0 : _a.parentElement;
+    if (!overlayEl) {
+      return;
     }
-    if (props.resizable !== "horizontal") {
-      const h = e.clientY - downY + downH;
-      const maxH = wrapEl.clientHeight - modalEl.offsetTop - fixTop;
-      const nh = (h < props.minHeight ? props.minHeight : !canMoveOut(props.moveOut, "bottom") && h > maxH ? maxH : h) + "px";
-      modalEl.style.height = nh;
-      modalEl.style.maxHeight = nh;
-      modalEl.style.minHeight = nh;
+    const currentIndex = core.getCurrentStyle(overlayEl).zIndex;
+    const containerEl = overlayEl.parentElement;
+    const cls = `.${wrapperClass}:not(.${closedClass})`;
+    const modals = containerEl ? containerEl.querySelectorAll(cls) : void 0;
+    let maxIndex = 0;
+    (modals ? Array.from(modals) : []).forEach((modalEl2) => {
+      const zIndex = core.getCurrentStyle(modalEl2).zIndex;
+      if (zIndex != null) {
+        const index = Number(zIndex);
+        if (index >= maxIndex && (!overlayEl || modalEl2 !== overlayEl)) {
+          maxIndex = index + 1;
+        }
+      }
+    });
+    if (maxIndex > Number(currentIndex || getZIndex() || 0)) {
+      overlayEl.style.zIndex = String(maxIndex);
     }
   };
-  const mouseupFn = function() {
-    modalEl.style.userSelect = "";
-    document.removeEventListener("mousemove", mousemoveFn);
-    document.removeEventListener("mouseup", mouseupFn);
+  const mousedownListener = (event) => {
+    if (props.multiple) {
+      topModal(event.currentTarget);
+    }
   };
-  document.addEventListener("mousemove", mousemoveFn);
-  document.addEventListener("mouseup", mouseupFn);
-}
-function topModal(modalEl, zIndex) {
-  var _a;
-  const overlayEl = (_a = modalEl == null ? void 0 : modalEl.parentElement) == null ? void 0 : _a.parentElement;
-  if (!overlayEl) {
-    return;
-  }
-  const currentIndex = core.getCurrentStyle(overlayEl).zIndex;
-  const containerEl = overlayEl.parentElement;
-  const modals = containerEl ? containerEl.querySelectorAll(`.${wrapperClass}:not(.${closedClass})`) : void 0;
-  let maxIndex = 0;
-  (modals ? Array.from(modals) : []).forEach((modalEl2) => {
-    const zIndex2 = core.getCurrentStyle(modalEl2).zIndex;
-    if (zIndex2 != null) {
-      const index = Number(zIndex2);
-      if (index >= maxIndex && (!overlayEl || modalEl2 !== overlayEl)) {
-        maxIndex = index + 1;
+  const bindAutoTopEvent = () => {
+    const modalEl = getModalEl(dialogRef);
+    if (modalEl) {
+      modalEl.addEventListener("mousedown", mousedownListener);
+      modalEl.addEventListener("touchstart", mousedownListener);
+    }
+  };
+  const unbindAutoTopEvent = () => {
+    const modalEl = getModalEl(dialogRef);
+    if (modalEl) {
+      modalEl.removeEventListener("mousedown", mousedownListener);
+      modalEl.removeEventListener("touchstart", mousedownListener);
+    }
+  };
+  const getPositionMargin = (position) => {
+    if (position == null || typeof position !== "object" || position.top == null && position.right == null && position.bottom == null && position.left == null) {
+      return;
+    }
+    return [position.top, position.right, position.bottom, position.left].map((p) => typeof p === "number" ? `${p}px` : p || "auto").join(" ");
+  };
+  const getPosition = () => {
+    if (props.alignCenter) {
+      return "center";
+    }
+    if (props.top != null && props.top !== "") {
+      return { top: props.top };
+    }
+    return props.position;
+  };
+  const setInitPosition = () => {
+    if (isInitPosition) {
+      isInitPosition = false;
+      const modalEl = getModalEl(dialogRef);
+      const margin = getPositionMargin(getPosition());
+      if (modalEl && margin != null) {
+        modalEl.style.margin = margin;
       }
     }
-  });
-  if (maxIndex > Number(currentIndex || zIndex || 0)) {
-    overlayEl.style.zIndex = String(maxIndex);
-  }
-}
-function getPositionMargin(position) {
-  if (position == null || typeof position !== "object" || position.top == null && position.right == null && position.bottom == null && position.left == null) {
-    return;
-  }
-  return [position.top, position.right, position.bottom, position.left].map((p) => typeof p === "number" ? `${p}px` : p || "auto").join(" ");
-}
-function resetModalStyle(modalEl, width, position) {
-  if (!modalEl) {
-    return;
-  }
-  modalEl.style.margin = getPositionMargin(position) || "";
-  modalEl.style.position = "";
-  modalEl.style.top = "";
-  modalEl.style.left = "";
-  modalEl.style.right = "";
-  modalEl.style.bottom = "";
-  modalEl.style.height = "";
-  modalEl.style.maxHeight = "";
-  modalEl.style.minHeight = "";
-  modalEl.style.width = typeof width === "number" ? `${width}px` : width ?? "";
-  modalEl.style.maxWidth = "";
-  modalEl.style.minWidth = "";
+  };
+  const resetModalStyle = () => {
+    const modalEl = getModalEl(dialogRef);
+    if (modalEl) {
+      const w = props.width;
+      modalEl.style.margin = getPositionMargin(getPosition()) || "";
+      modalEl.style.position = "";
+      modalEl.style.top = "";
+      modalEl.style.left = "";
+      modalEl.style.right = "";
+      modalEl.style.bottom = "";
+      modalEl.style.height = "";
+      modalEl.style.maxHeight = "";
+      modalEl.style.minHeight = "";
+      modalEl.style.width = typeof w === "number" ? `${w}px` : w ?? "";
+      modalEl.style.maxWidth = "";
+      modalEl.style.minWidth = "";
+    }
+  };
+  return {
+    handleHeaderMousedown,
+    handleHeaderTouchstart,
+    handleResizeMousedown,
+    handleResizeTouchstart,
+    bindAutoTopEvent,
+    unbindAutoTopEvent,
+    topModal,
+    setInitPosition,
+    resetModalStyle
+  };
 }
 exports.closedClass = closedClass;
 exports.containerClass = containerClass;
 exports.getModalContainer = getModalContainer;
-exports.getPositionMargin = getPositionMargin;
-exports.handleMove = handleMove;
-exports.handleResize = handleResize;
-exports.resetModalStyle = resetModalStyle;
-exports.topModal = topModal;
+exports.useModalEvent = useModalEvent;
+exports.useModalMove = useModalMove;
+exports.useModalResize = useModalResize;
 exports.wrapperClass = wrapperClass;

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

@@ -1,4 +1,5 @@
-import { Position } from './types';
+import { Ref } from 'vue';
+import { ElDialogInstance } from '../ele-app/el';
 import { ModalProps } from './props';
 
 export declare const containerClass = "ele-modal-container";
@@ -13,33 +14,39 @@ export declare const closedClass = "ele-modal-closed";
  */
 export declare function getModalContainer(inner?: boolean, multiple?: boolean, appendTo?: string, modalsEl?: HTMLElement | null): HTMLElement | string;
 /**
- * 弹窗移动事件处理
- * @param modalEl 弹窗节点
- * @param event 事件
+ * 弹窗支持移动
+ * @param dialogRef 弹窗实例
  * @param props 属性
+ * @param isFullscreen 全屏状态
  */
-export declare function handleMove(modalEl: HTMLElement, event: MouseEvent, props: ModalProps): void;
+export declare function useModalMove(dialogRef: Ref<ElDialogInstance>, props: ModalProps, isFullscreen: Ref<boolean>): {
+    handleHeaderMousedown: (e: MouseEvent) => void;
+    handleHeaderTouchstart: (e: TouchEvent) => void;
+};
 /**
- * 弹窗拉伸事件处理
- * @param event 事件
+ * 弹窗支持拉伸
+ * @param dialogRef 弹窗实例
  * @param props 属性
+ * @param isFullscreen 全屏状态
  */
-export declare function handleResize(modalEl: HTMLElement, event: MouseEvent, props: ModalProps): void;
+export declare function useModalResize(dialogRef: Ref<ElDialogInstance>, props: ModalProps, isFullscreen: Ref<boolean>): {
+    handleResizeMousedown: (e: MouseEvent) => void;
+    handleResizeTouchstart: (e: TouchEvent) => void;
+};
 /**
- * 置顶弹窗
- * @param modalEl 弹窗
- * @param zIndex 弹窗初始层级
- */
-export declare function topModal(modalEl?: HTMLElement, zIndex?: number): void;
-/**
- * 获取位置对应的外间距值
- * @param position 位置
- */
-export declare function getPositionMargin(position?: Position): string | undefined;
-/**
- * 重置弹窗位置及大小
- * @param modalEl 弹窗节点
- * @param width 初始宽度
- * @param top 初始顶部距离
+ * 弹窗事件处理
+ * @param dialogRef 弹窗实例
+ * @param props 属性
+ * @param isFullscreen 全屏状态
  */
-export declare function resetModalStyle(modalEl?: HTMLElement, width?: string | number, position?: Position): void;
+export declare function useModalEvent(dialogRef: Ref<ElDialogInstance>, props: ModalProps, isFullscreen: Ref<boolean>): {
+    handleHeaderMousedown: (e: MouseEvent) => void;
+    handleHeaderTouchstart: (e: TouchEvent) => void;
+    handleResizeMousedown: (e: MouseEvent) => void;
+    handleResizeTouchstart: (e: TouchEvent) => void;
+    bindAutoTopEvent: () => void;
+    unbindAutoTopEvent: () => void;
+    topModal: (el?: HTMLElement) => void;
+    setInitPosition: () => void;
+    resetModalStyle: () => void;
+};

package/lib/ele-pagination/index.cjs

@@ -24,23 +24,23 @@ const _sfc_main = vue.defineComponent({
       if (props2.isFixedPopper) {
         classes.push("is-fixed");
       }
-      if (props2.popperClass) {
+      if (typeof props2.popperClass === "string" && props2.popperClass) {
         classes.push(props2.popperClass);
       }
       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
     };
   }
 });
@@ -55,6 +55,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElPagination = vue.resolveComponent("ElPagination");
   return vue.openBlock(), vue.createBlock(_component_ElPagination, {
     small: _ctx.small,
+    size: _ctx.size,
     background: _ctx.type === "circle" ? false : _ctx.background,
     pageSize: _ctx.pageSize,
     defaultPageSize: _ctx.defaultPageSize,
@@ -78,8 +79,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 {
@@ -89,7 +90,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       };
     })
-  ]), 1032, ["small", "background", "pageSize", "defaultPageSize", "total", "pageCount", "pagerCount", "currentPage", "defaultCurrentPage", "layout", "pageSizes", "popperClass", "prevText", "prevIcon", "nextText", "nextIcon", "disabled", "teleported", "hideOnSinglePage", "class", "onUpdate:currentPage", "onUpdate:pageSize"]);
+  ]), 1032, ["small", "size", "background", "pageSize", "defaultPageSize", "total", "pageCount", "pagerCount", "currentPage", "defaultCurrentPage", "layout", "pageSizes", "popperClass", "prevText", "prevIcon", "nextText", "nextIcon", "disabled", "teleported", "hideOnSinglePage", "class", "onUpdate:currentPage", "onUpdate:pageSize"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

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

@@ -22,11 +22,17 @@ declare const _default: import('vue').DefineComponent<{
     pageSizes: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
     popperClass: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     prevText: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    prevIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown, () => any, boolean>;
+    prevIcon: import('element-plus/es/utils/index').EpPropFinalized<(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, () => any, boolean>;
     nextText: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    nextIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown, () => any, boolean>;
+    nextIcon: import('element-plus/es/utils/index').EpPropFinalized<(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, () => any, boolean>;
     teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     small: BooleanConstructor;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     background: BooleanConstructor;
     disabled: BooleanConstructor;
     hideOnSinglePage: BooleanConstructor;
@@ -34,8 +40,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;
@@ -63,11 +69,17 @@ declare const _default: import('vue').DefineComponent<{
     pageSizes: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
     popperClass: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     prevText: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    prevIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown, () => any, boolean>;
+    prevIcon: import('element-plus/es/utils/index').EpPropFinalized<(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, () => any, boolean>;
     nextText: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    nextIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown, () => any, boolean>;
+    nextIcon: import('element-plus/es/utils/index').EpPropFinalized<(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, () => any, boolean>;
     teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     small: BooleanConstructor;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     background: BooleanConstructor;
     disabled: BooleanConstructor;
     hideOnSinglePage: BooleanConstructor;
@@ -83,9 +95,9 @@ declare const _default: import('vue').DefineComponent<{
     pageSizes: number[];
     popperClass: string;
     prevText: string;
-    prevIcon: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown>;
+    prevIcon: import('element-plus/es/utils/index').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/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown>;
+    nextIcon: import('element-plus/es/utils/index').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>;
     teleported: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     small: boolean;
     background: boolean;

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

@@ -32,11 +32,17 @@ export declare const paginationProps: {
     pageSizes: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
     popperClass: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     prevText: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    prevIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown, () => any, boolean>;
+    prevIcon: import('element-plus/es/utils/index').EpPropFinalized<(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, () => any, boolean>;
     nextText: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    nextIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown, () => any, boolean>;
+    nextIcon: import('element-plus/es/utils/index').EpPropFinalized<(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, () => any, boolean>;
     teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     small: BooleanConstructor;
+    size: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     background: BooleanConstructor;
     disabled: BooleanConstructor;
     hideOnSinglePage: BooleanConstructor;