ele-admin-plus 1.1.9-beta.1 → 1.1.9-beta.10

package/es/ele-modal/index.js

@@ -2,7 +2,8 @@ import { defineComponent, ref, computed, unref, watch, onActivated, onDeactivate
 import { ElDialog, ElIcon } from "element-plus";
 import { CloseOutlined, CompressOutlined, ExpandOutlined } from "../icons";
 import { pick } from "../utils/core";
-import { useLicense, useLayoutState } from "../ele-config-provider/receiver";
+import { useLayoutState } from "../ele-config-provider/receiver";
+import ReceiverView from "../ele-config-provider/components/receiver-view";
 import { getModalContainer, resizableClass, multipleClass, fullscreenClass, closedClass, hideClass, innerClass, collapseClass, compactClass, maximizedClass, hasTabClass, mixSidebarClass, singleSidebarClass, topLayoutClass, expandedClass, mobileClass, setInitPosition, wrapperClass, responsiveClass, movableClass, setModalTop, resetModalStyle, handleMovable, handleResizable } from "./util";
 import { modalProps, modalEmits, dialogPropKeys } from "./props";
 const _sfc_main = defineComponent({
@@ -12,13 +13,13 @@ const _sfc_main = defineComponent({
     ElIcon,
     CloseOutlined,
     CompressOutlined,
-    ExpandOutlined
+    ExpandOutlined,
+    ReceiverView
   },
   inheritAttrs: false,
   props: modalProps,
   emits: modalEmits,
   setup(props, { emit, attrs }) {
-    const { authenticated } = useLicense();
     const layoutProvide = useLayoutState();
     const dialogRef = ref(null);
     const teleportTo = ref(
@@ -38,6 +39,29 @@ const _sfc_main = defineComponent({
       if (props.form) {
         classes.push("ele-modal-form");
       }
+      if (props.position) {
+        if (props.position === "top") {
+          classes.push("ele-modal-top");
+        } else if (props.position === "bottom") {
+          classes.push("ele-modal-bottom");
+        } else if (props.position === "left") {
+          classes.push("ele-modal-left");
+        } else if (props.position === "right") {
+          classes.push("ele-modal-right");
+        } else if (props.position === "leftTop") {
+          classes.push("ele-modal-left-top");
+        } else if (props.position === "leftBottom") {
+          classes.push("ele-modal-left-bottom");
+        } else if (props.position === "rightTop") {
+          classes.push("ele-modal-right-top");
+        } else if (props.position === "rightBottom") {
+          classes.push("ele-modal-right-bottom");
+        } else if (props.position === "center") {
+          classes.push("ele-modal-center");
+        }
+      } else if (props.alignCenter) {
+        classes.push("ele-modal-center");
+      }
       if (props.draggable) {
         classes.push(movableClass);
       }
@@ -97,7 +121,7 @@ const _sfc_main = defineComponent({
       return classes.join(" ");
     });
     const dialogProps = computed(() => {
-      const opt = {
+      const option = {
         fullscreen: false,
         modal: props.multiple ? false : props.modal,
         appendToBody: false,
@@ -107,7 +131,7 @@ const _sfc_main = defineComponent({
         destroyOnClose: false,
         modalClass: dialogClass.value
       };
-      return Object.assign({}, attrs, pick(props, dialogPropKeys), opt);
+      return Object.assign({}, attrs, pick(props, dialogPropKeys), option);
     });
     const teleportDisabled = computed(() => {
       const appendTo = props.appendTo || "body";
@@ -148,7 +172,7 @@ const _sfc_main = defineComponent({
         if (props.resetOnClose) {
           resetModalStyle(modalEl, props.width, props.top);
         }
-        if (props.position) {
+        if (props.position && typeof props.position === "object") {
           setInitPosition(
             modalEl,
             props.resizable,
@@ -163,7 +187,7 @@ const _sfc_main = defineComponent({
     };
     const onOpened = () => {
       const el = getModalEl();
-      if (authenticated.value && el) {
+      if (el) {
         el.addEventListener("mousedown", mousedownListener);
       }
       emit("opened");
@@ -176,7 +200,7 @@ const _sfc_main = defineComponent({
       emit("close");
     };
     const onClosed = () => {
-      if (dialogEnable.value) {
+      if (props.destroyOnClose && dialogEnable.value) {
         dialogEnable.value = false;
       }
       emit("closed");
@@ -210,7 +234,7 @@ const _sfc_main = defineComponent({
     watch(
       () => props.position,
       (position) => {
-        if (position && props.modelValue) {
+        if (props.modelValue && position && typeof position === "object") {
           setInitPosition(
             getModalEl(),
             props.resizable,
@@ -270,6 +294,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ExpandOutlined = resolveComponent("ExpandOutlined");
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_CloseOutlined = resolveComponent("CloseOutlined");
+  const _component_ReceiverView = resolveComponent("ReceiverView");
   const _component_ElDialog = resolveComponent("ElDialog");
   return openBlock(), createBlock(Teleport, {
     to: _ctx.teleportTo,
@@ -336,13 +361,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 4)
       ]),
       default: withCtx(() => [
-        _ctx.dialogEnable ? (openBlock(), createElementBlock("div", {
+        _ctx.dialogEnable ? (openBlock(), createBlock(_component_ReceiverView, {
           key: 0,
+          wrapPosition: false,
           class: "ele-modal-body",
           style: normalizeStyle(_ctx.bodyStyle)
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 4)) : createCommentVNode("", true)
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["style"])) : createCommentVNode("", true)
       ]),
       _: 2
     }, [

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

@@ -1,6 +1,7 @@
-import type { PropType, ExtractPropTypes } from 'vue';
+import { Resizable, MoveOut, Position } from './types';
 import { dialogProps } from 'element-plus';
-import type { Resizable, MoveOut, Position } from './types';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
@@ -41,17 +42,17 @@ export declare const modalProps: {
         default: number;
     };
     /** 标题栏样式 */
-    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    headerStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 标题样式 */
-    titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 主体样式 */
-    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 底栏样式 */
-    footerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 自定义关闭按钮样式 */
-    closeBtnStyle: PropType<Partial<import("vue").CSSProperties>>;
+    closeBtnStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 自定义全屏按钮样式 */
-    fullscreenBtnStyle: PropType<Partial<import("vue").CSSProperties>>;
+    fullscreenBtnStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;
@@ -59,20 +60,20 @@ export declare const modalProps: {
     };
     /** 是否是表单弹窗 */
     form: BooleanConstructor;
-    appendTo: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
+    appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
     beforeClose: {
-        readonly type: PropType<import("element-plus").DialogBeforeCloseFn>;
+        readonly type: PropType<import('element-plus').DialogBeforeCloseFn>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true; /** 是否显示最大化切换按钮 */
     };
     destroyOnClose: BooleanConstructor;
-    closeOnClickModal: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    closeOnPressEscape: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    lockScroll: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    modal: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    openDelay: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    closeDelay: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeOnClickModal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    openDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     top: {
         readonly type: PropType<string>;
         readonly required: false;
@@ -82,7 +83,7 @@ export declare const modalProps: {
     modelValue: BooleanConstructor;
     modalClass: StringConstructor;
     width: {
-        readonly type: PropType<import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -93,21 +94,21 @@ export declare const modalProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    trapFocus: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    headerAriaLevel: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    trapFocus: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        readonly type: PropType<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>>;
+        readonly type: PropType<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>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     overflow: BooleanConstructor;
     fullscreen: BooleanConstructor;
-    showClose: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    title: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    ariaLevel: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    showClose: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 };
 export type ModalProps = ExtractPropTypes<typeof modalProps>;
 /**

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

@@ -11,15 +11,25 @@
 
   & > .el-overlay-dialog {
     position: absolute;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
 
     & > .el-dialog {
+      padding: 0;
+      flex-shrink: 0;
+      position: relative;
       background: eleVar('modal', 'bg');
       border-radius: eleVar('modal', 'radius');
-      padding: 0;
+      margin-bottom: eleVar('modal', 'mobile-space');
 
+      & > .el-dialog__header,
       & > .el-dialog__footer {
+        flex-shrink: 0;
         border: none;
         padding: 0;
+        margin: 0;
       }
 
       & > .el-dialog__body {
@@ -27,12 +37,6 @@
         color: inherit;
         font-size: inherit;
       }
-
-      & > .el-dialog__header {
-        margin: 0;
-        padding: 0;
-        border: none;
-      }
     }
   }
 
@@ -101,6 +105,43 @@
   }
 }
 
+/* 默认位置 */
+.ele-modal-top > .el-overlay-dialog > .el-dialog {
+  margin: 0;
+}
+
+.ele-modal-center > .el-overlay-dialog > .el-dialog {
+  margin: auto;
+}
+
+.ele-modal-bottom > .el-overlay-dialog > .el-dialog {
+  margin: auto auto 0 auto;
+}
+
+.ele-modal-left > .el-overlay-dialog > .el-dialog {
+  margin: auto auto auto 0;
+}
+
+.ele-modal-right > .el-overlay-dialog > .el-dialog {
+  margin: auto 0 auto auto;
+}
+
+.ele-modal-left-top > .el-overlay-dialog > .el-dialog {
+  margin: 0 auto 0 0;
+}
+
+.ele-modal-left-bottom > .el-overlay-dialog > .el-dialog {
+  margin: auto auto 0 0;
+}
+
+.ele-modal-right-top > .el-overlay-dialog > .el-dialog {
+  margin: 0 0 0 auto;
+}
+
+.ele-modal-right-bottom > .el-overlay-dialog > .el-dialog {
+  margin: auto 0 0 auto;
+}
+
 /* 支持拖拽 */
 .ele-modal-movable > .el-overlay-dialog > .el-dialog > .el-dialog__header {
   cursor: move;
@@ -135,10 +176,6 @@
   display: flex;
   flex-direction: column;
 
-  & > .el-dialog__header {
-    flex-shrink: 0;
-  }
-
   & > .el-dialog__body {
     flex: auto;
     overflow: auto;
@@ -186,7 +223,6 @@
 
   & > .el-overlay-dialog {
     pointer-events: none;
-    position: absolute;
     overflow: hidden;
 
     & > .el-dialog {
@@ -212,7 +248,7 @@
     left: eleVar('sidebar', 'width', 0);
   }
 
-  &:not(.dialog-fade-leave-active, .dialog-fade-enter-active) {
+  &:not(.dialog-fade-leave-active):not(.dialog-fade-enter-active) {
     transition: (width $ele-transition, left $ele-transition);
   }
 

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

@@ -19,6 +19,8 @@ export type MoveOut = boolean | MoveOutValue[];
 export interface PositionObject {
   top?: string | number;
   left?: string | number;
+  bottom?: string | number;
+  right?: string | number;
 }
 
 /**
@@ -39,13 +41,3 @@ export type PositionValue =
  * 初始位置类型
  */
 export type Position = PositionValue | PositionObject;
-
-/**
- * 弹窗坐标
- */
-export interface Location {
-  top?: number;
-  left?: number;
-  topValue?: string;
-  leftValue?: string;
-}

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

@@ -1,5 +1,6 @@
-import type { Resizable, Position, MoveOut } from './types';
-import type { ModalProps } from './props';
+import { ModalProps } from './props';
+import { Resizable, PositionObject, MoveOut } from './types';
+
 export declare const wrapperClass = "ele-modal";
 export declare const containerId = "ele-modal-container";
 export declare const movableClass = "ele-modal-movable";
@@ -58,7 +59,7 @@ export declare function resetModalStyle(modalEl?: HTMLElement, width?: string |
  * @param resizable 是否可以拉伸
  * @param moveOut 是否可以拉出容器
  */
-export declare function setModalPosition(modalEl?: HTMLElement, resizable?: Resizable, position?: Position, moveOut?: MoveOut): void;
+export declare function setModalPosition(modalEl?: HTMLElement, resizable?: Resizable, position?: PositionObject, moveOut?: MoveOut): void;
 /**
  * 设置弹窗初始位置
  * @param modalEl 弹窗节点
@@ -67,4 +68,4 @@ export declare function setModalPosition(modalEl?: HTMLElement, resizable?: Resi
  * @param moveOut 是否可以拉出容器
  * @param force 是否强制更新
  */
-export declare function setInitPosition(modalEl?: HTMLElement, resizable?: Resizable, position?: Position, moveOut?: MoveOut, force?: boolean): void;
+export declare function setInitPosition(modalEl?: HTMLElement, resizable?: Resizable, position?: PositionObject, moveOut?: MoveOut, force?: boolean): void;

package/es/ele-modal/util.js

@@ -28,7 +28,7 @@ function initModalStyle(modalEl, resizable) {
   modalEl.style.bottom = "auto";
   modalEl.style.right = "auto";
   modalEl.style.margin = "0";
-  modalEl.style.position = "relative";
+  modalEl.style.position = "absolute";
   modalEl.style.display = resizable ? "inline-flex" : "inline-block";
   modalEl.style.verticalAlign = "top";
 }
@@ -245,78 +245,43 @@ function resetModalStyle(modalEl, width, top) {
   modalEl.style.minWidth = "";
 }
 function setModalPosition(modalEl, resizable, position, moveOut) {
-  if (!modalEl) {
+  if (!position || typeof position !== "object" || !modalEl) {
     return;
   }
   const wrapEl = modalEl.parentElement;
   if (!wrapEl) {
     return;
   }
-  const location = {};
   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") {
-    location.top = 0;
-    location.left = maxLeft / 2;
-  } else if (position === "bottom") {
-    location.top = maxTop;
-    location.left = maxLeft / 2;
-  } else if (position === "left") {
-    location.top = maxTop / 2;
-    location.left = 0;
-  } else if (position === "right") {
+  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;
-    location.left = maxLeft;
-  } else if (position === "leftTop") {
-    location.top = 0;
-    location.left = 0;
-  } else if (position === "leftBottom") {
-    location.top = maxTop;
-    location.left = 0;
-  } else if (position === "rightTop") {
-    location.top = 0;
-    location.left = maxLeft;
-  } else if (position === "rightBottom") {
-    location.top = maxTop;
-    location.left = maxLeft;
-  } else if (position === "center") {
-    location.top = maxTop / 2;
-    location.left = maxLeft / 2;
-  } else if (typeof position === "object") {
-    if (position.top != null) {
-      if (typeof position.top === "number") {
-        location.top = position.top;
-      } else {
-        location.topValue = position.top;
-      }
-    } else if (position.left != null) {
-      location.top = maxTop / 2;
-    }
-    if (position.left != null) {
-      if (typeof position.left === "number") {
-        location.left = position.left;
-      } else {
-        location.leftValue = position.left;
-      }
-    } else if (position.top != null) {
-      location.left = maxLeft / 2;
-    }
   }
-  if (location.top != null) {
-    modalEl.style.top = `${Math.floor(location.top)}px`;
-  } else if (location.topValue != null) {
-    modalEl.style.top = location.topValue;
-  }
-  if (location.left != null) {
-    modalEl.style.left = `${Math.floor(location.left)}px`;
-  } else if (location.leftValue != null) {
-    modalEl.style.left = location.leftValue;
+  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";

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;

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,11 +1,11 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<{
+    total: import("vue").PropType<import("./types").PaginationTotal>;
     type: {
         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>;
     currentPage: NumberConstructor;
@@ -23,19 +23,21 @@ declare const _default: import("vue").DefineComponent<{
     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, {
     'update:currentPage': (_currentPage: number) => boolean;
     'update:pageSize': (_pageSize: number) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    total: import("vue").PropType<import("./types").PaginationTotal>;
     type: {
         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>;
     currentPage: NumberConstructor;
@@ -57,18 +59,18 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:pageSize"?: ((_pageSize: number) => any) | undefined;
 }, {
     type: import("./types").PaginationType;
-    popperClass: string;
-    disabled: boolean;
-    teleported: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    small: boolean;
-    layout: string;
-    background: 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>;
     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>;
+    small: boolean;
+    background: boolean;
+    disabled: boolean;
     hideOnSinglePage: boolean;
 }, {}>;
 export default _default;

package/es/ele-pagination/index.js

@@ -1,25 +1,27 @@
-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 { useLicense } from "../ele-config-provider/receiver";
 import { paginationProps, paginationEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "ElePagination",
   components: { ElPagination },
   props: paginationProps,
   emits: paginationEmits,
-  setup(_props, { emit }) {
-    const { authenticated } = useLicense();
-    const onUpdateCurrentPage = (currentPage) => {
-      if (authenticated.value) {
-        emit("update:currentPage", currentPage);
+  setup(props, { emit }) {
+    const isInfinite = computed(() => "*" === props.total);
+    const pageTotal = computed(() => {
+      if (isInfinite.value) {
+        return Number.MAX_SAFE_INTEGER;
       }
+      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) => {
-      if (authenticated.value) {
-        emit("update:pageSize", pageSize);
-      }
+      emit("update:pageSize", pageSize);
     };
-    return { onUpdateCurrentPage, onUpdatePageSize };
+    return { isInfinite, pageTotal, onUpdateCurrentPage, onUpdatePageSize };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -36,7 +38,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,
@@ -51,7 +53,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 }, [