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

package/lib/ele-modal/index.cjs

@@ -4,6 +4,7 @@ const elementPlus = require("element-plus");
 const icons = require("../icons");
 const core = require("../utils/core");
 const receiver = require("../ele-config-provider/receiver");
+const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const util = require("./util");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
@@ -13,13 +14,13 @@ const _sfc_main = vue.defineComponent({
     ElIcon: elementPlus.ElIcon,
     CloseOutlined: icons.CloseOutlined,
     CompressOutlined: icons.CompressOutlined,
-    ExpandOutlined: icons.ExpandOutlined
+    ExpandOutlined: icons.ExpandOutlined,
+    ReceiverView
   },
   inheritAttrs: false,
   props: props.modalProps,
   emits: props.modalEmits,
   setup(props$1, { emit, attrs }) {
-    const { authenticated } = receiver.useLicense();
     const layoutProvide = receiver.useLayoutState();
     const dialogRef = vue.ref(null);
     const teleportTo = vue.ref(
@@ -39,6 +40,29 @@ const _sfc_main = vue.defineComponent({
       if (props$1.form) {
         classes.push("ele-modal-form");
       }
+      if (props$1.position) {
+        if (props$1.position === "top") {
+          classes.push("ele-modal-top");
+        } else if (props$1.position === "bottom") {
+          classes.push("ele-modal-bottom");
+        } else if (props$1.position === "left") {
+          classes.push("ele-modal-left");
+        } else if (props$1.position === "right") {
+          classes.push("ele-modal-right");
+        } else if (props$1.position === "leftTop") {
+          classes.push("ele-modal-left-top");
+        } else if (props$1.position === "leftBottom") {
+          classes.push("ele-modal-left-bottom");
+        } else if (props$1.position === "rightTop") {
+          classes.push("ele-modal-right-top");
+        } else if (props$1.position === "rightBottom") {
+          classes.push("ele-modal-right-bottom");
+        } else if (props$1.position === "center") {
+          classes.push("ele-modal-center");
+        }
+      } else if (props$1.alignCenter) {
+        classes.push("ele-modal-center");
+      }
       if (props$1.draggable) {
         classes.push(util.movableClass);
       }
@@ -98,7 +122,7 @@ const _sfc_main = vue.defineComponent({
       return classes.join(" ");
     });
     const dialogProps = vue.computed(() => {
-      const opt = {
+      const option = {
         fullscreen: false,
         modal: props$1.multiple ? false : props$1.modal,
         appendToBody: false,
@@ -108,7 +132,7 @@ const _sfc_main = vue.defineComponent({
         destroyOnClose: false,
         modalClass: dialogClass.value
       };
-      return Object.assign({}, attrs, core.pick(props$1, props.dialogPropKeys), opt);
+      return Object.assign({}, attrs, core.pick(props$1, props.dialogPropKeys), option);
     });
     const teleportDisabled = vue.computed(() => {
       const appendTo = props$1.appendTo || "body";
@@ -149,7 +173,7 @@ const _sfc_main = vue.defineComponent({
         if (props$1.resetOnClose) {
           util.resetModalStyle(modalEl, props$1.width, props$1.top);
         }
-        if (props$1.position) {
+        if (props$1.position && typeof props$1.position === "object") {
           util.setInitPosition(
             modalEl,
             props$1.resizable,
@@ -164,7 +188,7 @@ const _sfc_main = vue.defineComponent({
     };
     const onOpened = () => {
       const el = getModalEl();
-      if (authenticated.value && el) {
+      if (el) {
         el.addEventListener("mousedown", mousedownListener);
       }
       emit("opened");
@@ -177,7 +201,7 @@ const _sfc_main = vue.defineComponent({
       emit("close");
     };
     const onClosed = () => {
-      if (dialogEnable.value) {
+      if (props$1.destroyOnClose && dialogEnable.value) {
         dialogEnable.value = false;
       }
       emit("closed");
@@ -211,7 +235,7 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       () => props$1.position,
       (position) => {
-        if (position && props$1.modelValue) {
+        if (props$1.modelValue && position && typeof position === "object") {
           util.setInitPosition(
             getModalEl(),
             props$1.resizable,
@@ -271,6 +295,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ExpandOutlined = vue.resolveComponent("ExpandOutlined");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_CloseOutlined = vue.resolveComponent("CloseOutlined");
+  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
   const _component_ElDialog = vue.resolveComponent("ElDialog");
   return vue.openBlock(), vue.createBlock(vue.Teleport, {
     to: _ctx.teleportTo,
@@ -337,13 +362,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 4)
       ]),
       default: vue.withCtx(() => [
-        _ctx.dialogEnable ? (vue.openBlock(), vue.createElementBlock("div", {
+        _ctx.dialogEnable ? (vue.openBlock(), vue.createBlock(_component_ReceiverView, {
           key: 0,
+          wrapPosition: false,
           class: "ele-modal-body",
           style: vue.normalizeStyle(_ctx.bodyStyle)
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 4)) : vue.createCommentVNode("", true)
+        }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["style"])) : vue.createCommentVNode("", true)
       ]),
       _: 2
     }, [

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

@@ -1,5 +1,6 @@
-import type { ElDialogProps, ElDialogInstance } from '../ele-app/el';
-declare const _default: import("vue").DefineComponent<{
+import { ElDialogProps, ElDialogInstance } from '../ele-app/el';
+
+declare const _default: import('vue').DefineComponent<{
     appendToBody: {
         type: BooleanConstructor;
         default: boolean;
@@ -33,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     fullscreenBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
-        type: BooleanConstructor; /** 布局状态 */
+        type: BooleanConstructor;
         default: null;
     };
     form: BooleanConstructor;
@@ -144,7 +145,7 @@ declare const _default: import("vue").DefineComponent<{
     closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     fullscreenBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
-        type: BooleanConstructor; /** 布局状态 */
+        type: BooleanConstructor;
         default: null;
     };
     form: BooleanConstructor;
@@ -198,11 +199,11 @@ declare const _default: import("vue").DefineComponent<{
     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>;
 }>> & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     "onUpdate:fullscreen"?: ((_fullscreen: boolean) => any) | undefined;
@@ -229,8 +230,8 @@ declare const _default: import("vue").DefineComponent<{
     showClose: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     ariaLevel: string;
     minWidth: number;
-    minHeight: number;
     multiple: boolean;
+    minHeight: number;
     responsive: boolean;
     resetOnClose: boolean;
     maxable: boolean;

package/lib/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/lib/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/lib/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/lib/ele-modal/util.cjs

@@ -30,7 +30,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";
 }
@@ -247,78 +247,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/lib/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/lib/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/lib/ele-page/props.d.ts

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

package/lib/ele-pagination/index.cjs

@@ -1,26 +1,28 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const receiver = require("../ele-config-provider/receiver");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "ElePagination",
   components: { ElPagination: elementPlus.ElPagination },
   props: props.paginationProps,
   emits: props.paginationEmits,
-  setup(_props, { emit }) {
-    const { authenticated } = receiver.useLicense();
-    const onUpdateCurrentPage = (currentPage) => {
-      if (authenticated.value) {
-        emit("update:currentPage", currentPage);
+  setup(props2, { emit }) {
+    const isInfinite = vue.computed(() => "*" === props2.total);
+    const pageTotal = vue.computed(() => {
+      if (isInfinite.value) {
+        return Number.MAX_SAFE_INTEGER;
       }
+      const num = props2.total == null ? void 0 : Number(props2.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, props2) => {
@@ -37,7 +39,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,
@@ -52,7 +54,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled,
     teleported: _ctx.teleported,
     hideOnSinglePage: _ctx.hideOnSinglePage,
-    class: vue.normalizeClass(["ele-pagination", { "is-circle": _ctx.type === "circle" }]),
+    class: vue.normalizeClass([
+      "ele-pagination",
+      { "is-circle": _ctx.type === "circle" },
+      { "is-infinite": _ctx.isInfinite }
+    ]),
     "onUpdate:currentPage": _ctx.onUpdateCurrentPage,
     "onUpdate:pageSize": _ctx.onUpdatePageSize
   }, vue.createSlots({ _: 2 }, [