ele-admin-plus 1.1.9-beta.8 → 1.1.9

package/es/ele-modal/util.js

@@ -1,102 +1,49 @@
 import { getCurrentStyle } from "../utils/core";
-const titleClass = "ele-modal-title";
-const headerClass = "ele-modal-header";
+const containerClass = "ele-modal-container";
 const wrapperClass = "ele-modal";
-const containerId = "ele-modal-container";
-const movableClass = "ele-modal-movable";
-const resizableClass = "ele-modal-resizable";
-const multipleClass = "ele-modal-multiple";
-const fullscreenClass = "ele-modal-fullscreen";
-const innerClass = "ele-modal-inner";
-const responsiveClass = "ele-modal-responsive";
 const closedClass = "ele-modal-closed";
-const hideClass = "ele-modal-hide";
-const collapseClass = "ele-state-collapse";
-const compactClass = "ele-state-compact";
-const maximizedClass = "ele-state-maximized";
-const hasTabClass = "ele-state-has-tab";
-const mixSidebarClass = "ele-state-mix-sidebar";
-const singleSidebarClass = "ele-state-single-sidebar";
-const topLayoutClass = "ele-state-top-layout";
-const expandedClass = "ele-state-expanded";
-const mobileClass = "ele-state-mobile";
 const fixTop = 0.65;
 const fixLeft = 0.65;
-function initModalStyle(modalEl, resizable) {
+function initModalStyle(modalEl) {
   modalEl.style.top = modalEl.offsetTop + "px";
   modalEl.style.left = modalEl.offsetLeft + "px";
-  modalEl.style.bottom = "auto";
   modalEl.style.right = "auto";
-  modalEl.style.margin = "0";
+  modalEl.style.bottom = "auto";
   modalEl.style.position = "absolute";
-  modalEl.style.display = resizable ? "inline-flex" : "inline-block";
-  modalEl.style.verticalAlign = "top";
-}
-function getModalContainer(multiple, appendTo) {
-  if (!multiple) {
-    return appendTo || "body";
-  }
-  const container = document.getElementById(containerId);
-  if (container) {
-    return container;
-  }
-  const elem = document.createElement("div");
-  elem.id = containerId;
-  document.body.appendChild(elem);
-  return elem;
-}
-function getVisibleModals() {
-  const el = getModalContainer(true);
-  const modals = el.querySelectorAll(`.${wrapperClass}:not(.${closedClass})`);
-  return modals ? Array.from(modals) : [];
-}
-function getModalMaxIndex(el) {
-  const modals = getVisibleModals();
-  let maxIndex = 0;
-  modals.forEach((modalEl) => {
-    const zIndex = getCurrentStyle(modalEl).zIndex;
-    if (zIndex != null) {
-      const index = Number(zIndex);
-      if (index >= maxIndex && (!el || modalEl !== el)) {
-        maxIndex = index + 1;
-      }
-    }
-  });
-  return maxIndex;
+  modalEl.style.margin = "0";
 }
 function canMoveOut(moveOut, direction) {
-  if (direction && moveOut != null && typeof moveOut === "object" && typeof moveOut.includes === "function") {
+  if (direction && moveOut != null && Array.isArray(moveOut)) {
     return moveOut.includes(direction);
   }
   return false;
 }
-function handleMovable(event, props) {
-  var _a;
-  if (!props.draggable) {
-    return;
+function getModalContainer(inner, multiple, appendTo, modalsEl) {
+  if (multiple) {
+    const parent = (inner ? modalsEl : void 0) || document.body;
+    const wrapper = Array.from(parent.children).find(
+      (el) => el.classList.contains(containerClass)
+    );
+    if (wrapper) {
+      return wrapper;
+    }
+    const elem = document.createElement("div");
+    elem.classList.add(containerClass);
+    parent.appendChild(elem);
+    return elem;
   }
-  const modalEl = event.currentTarget;
-  if (!modalEl) {
-    return;
+  if (inner && modalsEl) {
+    return modalsEl;
   }
+  return appendTo || "body";
+}
+function handleMove(modalEl, event, props) {
   const wrapEl = modalEl.parentElement;
   if (!wrapEl) {
     return;
   }
-  const headerEl = modalEl.querySelector("." + headerClass);
-  if (!headerEl) {
-    return;
-  }
-  const titleEl = headerEl.querySelector("." + titleClass);
-  if (!titleEl || event.target !== headerEl && event.target !== titleEl) {
-    return;
-  }
-  const modalClass = (_a = wrapEl.parentElement) == null ? void 0 : _a.classList;
-  if (modalClass && modalClass.contains(fullscreenClass)) {
-    return;
-  }
   modalEl.style.userSelect = "none";
-  initModalStyle(modalEl, props.resizable);
+  initModalStyle(modalEl);
   const downX = event.clientX;
   const downY = event.clientY;
   const downOL = modalEl.offsetLeft;
@@ -153,32 +100,13 @@ function handleMovable(event, props) {
   document.addEventListener("mousemove", mousemoveFn);
   document.addEventListener("mouseup", mouseupFn);
 }
-function handleResizable(event, props) {
-  if (!props.resizable) {
-    return;
-  }
-  const modalEl = event.currentTarget;
-  if (!modalEl) {
-    return;
-  }
+function handleResize(modalEl, event, props) {
   const wrapEl = modalEl.parentElement;
   if (!wrapEl) {
     return;
   }
-  const overlayEl = wrapEl.parentElement;
-  if (!overlayEl) {
-    return;
-  }
-  if (overlayEl.classList.contains(fullscreenClass)) {
-    return;
-  }
-  const limitX = modalEl.clientWidth + modalEl.offsetLeft - wrapEl.scrollLeft + overlayEl.offsetLeft;
-  const limitY = modalEl.clientHeight + modalEl.offsetTop - wrapEl.scrollTop + overlayEl.offsetTop;
-  if (event.clientX > limitX || limitX - event.clientX > 12 || event.clientY > limitY || limitY - event.clientY > 12) {
-    return;
-  }
   modalEl.style.userSelect = "none";
-  initModalStyle(modalEl, true);
+  initModalStyle(modalEl);
   const downX = event.clientX;
   const downY = event.clientY;
   const downW = modalEl.clientWidth;
@@ -209,34 +137,45 @@ function handleResizable(event, props) {
   document.addEventListener("mousemove", mousemoveFn);
   document.addEventListener("mouseup", mouseupFn);
 }
-function setModalTop(modalEl, zIndex) {
+function topModal(modalEl, zIndex) {
   var _a;
-  if (!modalEl) {
-    return;
-  }
-  const overlayEl = (_a = modalEl.parentElement) == null ? void 0 : _a.parentElement;
-  if (!overlayEl || !overlayEl.classList || !overlayEl.classList.contains(multipleClass)) {
+  const overlayEl = (_a = modalEl == null ? void 0 : modalEl.parentElement) == null ? void 0 : _a.parentElement;
+  if (!overlayEl) {
     return;
   }
   const currentIndex = getCurrentStyle(overlayEl).zIndex;
-  const maxIndex = getModalMaxIndex(overlayEl);
+  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 = getCurrentStyle(modalEl2).zIndex;
+    if (zIndex2 != null) {
+      const index = Number(zIndex2);
+      if (index >= maxIndex && (!overlayEl || modalEl2 !== overlayEl)) {
+        maxIndex = index + 1;
+      }
+    }
+  });
   if (maxIndex > Number(currentIndex || zIndex || 0)) {
     overlayEl.style.zIndex = String(maxIndex);
   }
 }
-function resetModalStyle(modalEl, width, top) {
+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.margin = "";
-  modalEl.style.marginTop = typeof top === "number" ? `${top}px` : top ?? "";
-  modalEl.style.display = "";
-  modalEl.style.position = "";
-  modalEl.style.verticalAlign = "";
   modalEl.style.height = "";
   modalEl.style.maxHeight = "";
   modalEl.style.minHeight = "";
@@ -244,77 +183,14 @@ function resetModalStyle(modalEl, width, top) {
   modalEl.style.maxWidth = "";
   modalEl.style.minWidth = "";
 }
-function setModalPosition(modalEl, resizable, position, moveOut) {
-  if (!position || typeof position !== "object" || !modalEl) {
-    return;
-  }
-  const wrapEl = modalEl.parentElement;
-  if (!wrapEl) {
-    return;
-  }
-  initModalStyle(modalEl, resizable);
-  const location = {};
-  const canOutB = canMoveOut(moveOut, "bottom");
-  const canOutR = canMoveOut(moveOut, "right");
-  const t = wrapEl.clientHeight - modalEl.clientHeight - (canOutB ? 0 : fixTop);
-  const maxTop = t < 0 ? 0 : t;
-  const l = wrapEl.clientWidth - modalEl.clientWidth - (canOutR ? 0 : fixLeft);
-  const maxLeft = l < 0 ? 0 : l;
-  if (position.top != null) {
-    location.top = position.top;
-  } else if (position.bottom != null) {
-    location.bottom = position.bottom;
-  } else if (position.left != null || position.right != null) {
-    location.top = maxTop / 2;
-  }
-  if (position.left != null) {
-    location.left = position.left;
-  } else if (position.right != null) {
-    location.right = position.right;
-  } else if (position.top != null || position.bottom != null) {
-    location.left = maxLeft / 2;
-  }
-  Object.keys(location).forEach((key) => {
-    const value = location[key];
-    if (typeof value === "number") {
-      modalEl.style[key] = `${Math.floor(value)}px`;
-    } else if (value != null) {
-      modalEl.style[key] = value;
-    }
-  });
-}
-function setInitPosition(modalEl, resizable, position, moveOut, force) {
-  const attr = "ele-position";
-  if (modalEl && position && (force || !modalEl.getAttribute(attr))) {
-    modalEl.setAttribute(attr, "1");
-    setModalPosition(modalEl, resizable, position, moveOut);
-  }
-}
 export {
   closedClass,
-  collapseClass,
-  compactClass,
-  containerId,
-  expandedClass,
-  fullscreenClass,
+  containerClass,
   getModalContainer,
-  handleMovable,
-  handleResizable,
-  hasTabClass,
-  hideClass,
-  innerClass,
-  maximizedClass,
-  mixSidebarClass,
-  mobileClass,
-  movableClass,
-  multipleClass,
+  getPositionMargin,
+  handleMove,
+  handleResize,
   resetModalStyle,
-  resizableClass,
-  responsiveClass,
-  setInitPosition,
-  setModalPosition,
-  setModalTop,
-  singleSidebarClass,
-  topLayoutClass,
+  topModal,
   wrapperClass
 };

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

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<{
     plain: BooleanConstructor;
     multiCard: {
         type: BooleanConstructor;
@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     flexTable: BooleanConstructor;
     hideFooter: BooleanConstructor;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     plain: BooleanConstructor;
     multiCard: {
         type: BooleanConstructor;

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

@@ -1,4 +1,5 @@
-import type { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */

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

@@ -1,53 +1,63 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<{
+    total: import('vue').PropType<import('./types').PaginationTotal>;
+    hasNext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
-        type: import("vue").PropType<import("./types").PaginationType>;
+        type: import('vue').PropType<import('./types').PaginationType>;
         default: string;
     };
     pageSize: NumberConstructor;
     defaultPageSize: NumberConstructor;
-    total: NumberConstructor;
     pageCount: NumberConstructor;
-    pagerCount: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    pagerCount: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
     currentPage: NumberConstructor;
     defaultCurrentPage: NumberConstructor;
-    layout: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-    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>;
-    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>;
-    teleported: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    layout: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    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>;
+    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>;
+    teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     small: BooleanConstructor;
     background: BooleanConstructor;
     disabled: BooleanConstructor;
     hideOnSinglePage: BooleanConstructor;
 }, {
+    isInfinite: import('vue').ComputedRef<boolean>;
+    pageTotal: import('vue').ComputedRef<number | undefined>;
     onUpdateCurrentPage: (currentPage: number) => void;
     onUpdatePageSize: (pageSize: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:currentPage': (_currentPage: number) => boolean;
     'update:pageSize': (_pageSize: number) => boolean;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    total: import('vue').PropType<import('./types').PaginationTotal>;
+    hasNext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
-        type: import("vue").PropType<import("./types").PaginationType>;
+        type: import('vue').PropType<import('./types').PaginationType>;
         default: string;
     };
     pageSize: NumberConstructor;
     defaultPageSize: NumberConstructor;
-    total: NumberConstructor;
     pageCount: NumberConstructor;
-    pagerCount: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    pagerCount: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
     currentPage: NumberConstructor;
     defaultCurrentPage: NumberConstructor;
-    layout: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-    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>;
-    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>;
-    teleported: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    layout: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    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>;
+    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>;
+    teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     small: BooleanConstructor;
     background: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -56,16 +66,17 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:currentPage"?: ((_currentPage: number) => any) | undefined;
     "onUpdate:pageSize"?: ((_pageSize: number) => any) | undefined;
 }, {
-    type: import("./types").PaginationType;
+    type: import('./types').PaginationType;
+    hasNext: boolean;
     pagerCount: number;
     layout: string;
     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, {}, 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>;
     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>;
-    teleported: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, 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, {}, 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>;
+    teleported: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     small: boolean;
     background: boolean;
     disabled: boolean;

package/es/ele-pagination/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, normalizeClass, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, normalizeClass, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { ElPagination } from "element-plus";
 import { paginationProps, paginationEmits } from "./props";
 const _sfc_main = defineComponent({
@@ -6,14 +6,25 @@ const _sfc_main = defineComponent({
   components: { ElPagination },
   props: paginationProps,
   emits: paginationEmits,
-  setup(_props, { emit }) {
+  setup(props, { emit }) {
+    const isInfinite = computed(() => "*" === props.total);
+    const pageTotal = computed(() => {
+      if (isInfinite.value) {
+        if (props.hasNext) {
+          return Number.MAX_SAFE_INTEGER;
+        }
+        return (props.currentPage || 1) * (props.pageSize || 10);
+      }
+      const num = props.total == null ? void 0 : Number(props.total);
+      return num == null || isNaN(num) ? void 0 : num;
+    });
     const onUpdateCurrentPage = (currentPage) => {
       emit("update:currentPage", currentPage);
     };
     const onUpdatePageSize = (pageSize) => {
       emit("update:pageSize", pageSize);
     };
-    return { onUpdateCurrentPage, onUpdatePageSize };
+    return { isInfinite, pageTotal, onUpdateCurrentPage, onUpdatePageSize };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -30,7 +41,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     background: _ctx.type === "circle" ? false : _ctx.background,
     pageSize: _ctx.pageSize,
     defaultPageSize: _ctx.defaultPageSize,
-    total: _ctx.total,
+    total: _ctx.pageTotal,
     pageCount: _ctx.pageCount,
     pagerCount: _ctx.pagerCount,
     currentPage: _ctx.currentPage,
@@ -45,7 +56,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled,
     teleported: _ctx.teleported,
     hideOnSinglePage: _ctx.hideOnSinglePage,
-    class: normalizeClass(["ele-pagination", { "is-circle": _ctx.type === "circle" }]),
+    class: normalizeClass([
+      "ele-pagination",
+      { "is-circle": _ctx.type === "circle" },
+      { "is-infinite": _ctx.isInfinite }
+    ]),
     "onUpdate:currentPage": _ctx.onUpdateCurrentPage,
     "onUpdate:pageSize": _ctx.onUpdatePageSize
   }, createSlots({ _: 2 }, [

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

@@ -1,9 +1,17 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { PaginationType } from './types';
+import { PaginationType, PaginationTotal } from './types';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
 export declare const paginationProps: {
+    /** 总条目数 */
+    total: PropType<PaginationTotal>;
+    /** 是否还有下一页 */
+    hasNext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** 风格 */
     type: {
         type: PropType<PaginationType>;
@@ -11,19 +19,18 @@ export declare const paginationProps: {
     };
     pageSize: NumberConstructor;
     defaultPageSize: NumberConstructor;
-    total: NumberConstructor;
     pageCount: NumberConstructor;
-    pagerCount: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
+    pagerCount: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
     currentPage: NumberConstructor;
     defaultCurrentPage: NumberConstructor;
-    layout: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-    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>;
-    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>;
-    teleported: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    layout: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    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>;
+    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>;
+    teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     small: BooleanConstructor;
     background: BooleanConstructor;
     disabled: BooleanConstructor;

package/es/ele-pagination/props.js

@@ -1,6 +1,13 @@
 import { paginationProps as paginationProps$1 } from "element-plus";
 const paginationProps = {
   ...paginationProps$1,
+  /** 总条目数 */
+  total: [String, Number],
+  /** 是否还有下一页 */
+  hasNext: {
+    type: Boolean,
+    default: true
+  },
   /** 风格 */
   type: {
     type: String,

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

@@ -8,6 +8,7 @@
   flex-wrap: wrap;
   justify-content: center;
 
+  /* 圆角风格 */
   &.is-circle {
     /* 间距 */
     & > * {
@@ -199,4 +200,12 @@
       }
     }
   }
+
+  /* 无限页数 */
+  &.is-infinite {
+    .el-pager li:not(.is-active),
+    .el-pagination__total {
+      display: none;
+    }
+  }
 }

package/es/ele-pagination/types.d.ts

@@ -1,4 +1,9 @@
 /**
- * 分页组件类型
+ * 风格
  */
 export type PaginationType = 'default' | 'circle';
+
+/**
+ * 总条目数
+ */
+export type PaginationTotal = number | '*';