yuang-framework-ui-pc 1.1.15 → 1.1.16

package/lib/core-components.cjs

@@ -26,33 +26,32 @@ const index$m = require("./ele-image-viewer/index");
 const index$n = require("./ele-loading/index");
 const index$o = require("./ele-menus/index");
 const index$p = require("./ele-dialog/index");
-const index$q = require("./ele-dialog/index");
-const index$r = require("./ele-page/index");
-const index$s = require("./ele-pagination/index");
-const index$t = require("./ele-popconfirm/index");
-const index$u = require("./ele-popover/index");
-const index$v = require("./ele-printer/index");
-const index$w = require("./ele-pro-layout/index");
-const index$x = require("./ele-pro-table/index");
-const index$y = require("./ele-qr-code/index");
-const index$z = require("./ele-qr-code-svg/index");
-const index$A = require("./ele-segmented/index");
-const index$B = require("./ele-split-panel/index");
-const index$C = require("./ele-steps/index");
-const index$D = require("./ele-tabs/index");
-const index$E = require("./ele-tab-tool/index");
-const index$F = require("./ele-tab-wrap/index");
-const index$G = require("./ele-table/index");
-const index$H = require("./ele-table-select/index");
-const index$I = require("./ele-text/index");
-const index$J = require("./ele-tool/index");
-const index$K = require("./ele-toolbar/index");
-const index$L = require("./ele-tooltip/index");
-const index$M = require("./ele-tour/index");
-const index$N = require("./ele-tree-select/index");
-const index$O = require("./ele-upload-list/index");
-const index$P = require("./ele-virtual-table/index");
-const index$Q = require("./ele-watermark/index");
+const index$q = require("./ele-page/index");
+const index$r = require("./ele-pagination/index");
+const index$s = require("./ele-popconfirm/index");
+const index$t = require("./ele-popover/index");
+const index$u = require("./ele-printer/index");
+const index$v = require("./ele-pro-layout/index");
+const index$w = require("./ele-pro-table/index");
+const index$x = require("./ele-qr-code/index");
+const index$y = require("./ele-qr-code-svg/index");
+const index$z = require("./ele-segmented/index");
+const index$A = require("./ele-split-panel/index");
+const index$B = require("./ele-steps/index");
+const index$C = require("./ele-tabs/index");
+const index$D = require("./ele-tab-tool/index");
+const index$E = require("./ele-tab-wrap/index");
+const index$F = require("./ele-table/index");
+const index$G = require("./ele-table-select/index");
+const index$H = require("./ele-text/index");
+const index$I = require("./ele-tool/index");
+const index$J = require("./ele-toolbar/index");
+const index$K = require("./ele-tooltip/index");
+const index$L = require("./ele-tour/index");
+const index$M = require("./ele-tree-select/index");
+const index$N = require("./ele-upload-list/index");
+const index$O = require("./ele-virtual-table/index");
+const index$P = require("./ele-watermark/index");
 exports.EleAdminLayout = index;
 exports.EleAlert = index$1;
 exports.EleApp = index$2;
@@ -78,31 +77,31 @@ exports.EleIconSelect = index$l;
 exports.EleImageViewer = index$m;
 exports.EleLoading = index$n;
 exports.EleMenus = index$o;
+exports.EleDialog = index$p;
 exports.EleModal = index$p;
-exports.EleDialog = index$q;
-exports.ElePage = index$r;
-exports.ElePagination = index$s;
-exports.ElePopconfirm = index$t;
-exports.ElePopover = index$u;
-exports.ElePrinter = index$v;
-exports.EleProLayout = index$w;
-exports.EleProTable = index$x;
-exports.EleQrCode = index$y;
-exports.EleQrCodeSvg = index$z;
-exports.EleSegmented = index$A;
-exports.EleSplitPanel = index$B;
-exports.EleSteps = index$C;
-exports.EleTabs = index$D;
-exports.EleTabTool = index$E;
-exports.EleTabWrap = index$F;
-exports.EleTable = index$G;
-exports.EleTableSelect = index$H;
-exports.EleText = index$I;
-exports.EleTool = index$J;
-exports.EleToolbar = index$K;
-exports.EleTooltip = index$L;
-exports.EleTour = index$M;
-exports.EleTreeSelect = index$N;
-exports.EleUploadList = index$O;
-exports.EleVirtualTable = index$P;
-exports.EleWatermark = index$Q;
+exports.ElePage = index$q;
+exports.ElePagination = index$r;
+exports.ElePopconfirm = index$s;
+exports.ElePopover = index$t;
+exports.ElePrinter = index$u;
+exports.EleProLayout = index$v;
+exports.EleProTable = index$w;
+exports.EleQrCode = index$x;
+exports.EleQrCodeSvg = index$y;
+exports.EleSegmented = index$z;
+exports.EleSplitPanel = index$A;
+exports.EleSteps = index$B;
+exports.EleTabs = index$C;
+exports.EleTabTool = index$D;
+exports.EleTabWrap = index$E;
+exports.EleTable = index$F;
+exports.EleTableSelect = index$G;
+exports.EleText = index$H;
+exports.EleTool = index$I;
+exports.EleToolbar = index$J;
+exports.EleTooltip = index$K;
+exports.EleTour = index$L;
+exports.EleTreeSelect = index$M;
+exports.EleUploadList = index$N;
+exports.EleVirtualTable = index$O;
+exports.EleWatermark = index$P;

package/lib/ele-dialog/index.cjs

@@ -18,15 +18,15 @@ const _sfc_main = vue.defineComponent({
     ReceiverView
   },
   inheritAttrs: false,
-  props: props.modalProps,
-  emits: props.modalEmits,
+  props: props.eleDialogProps,
+  emits: props.eleDialogEmits,
   setup(props2, { emit }) {
     const layoutState = util.useLayoutState();
     const isResponsive = util.useResponsive(props2);
     const dialogRef = vue.ref(null);
     const isFullscreen = vue.ref(props2.fullscreen ?? false);
     const isActivated = vue.ref(true);
-    const dialogClass = vue.computed(() => {
+    const modalClass = vue.computed(() => {
       const classes = [util$1.wrapperClass];
       if (props2.responsive ?? isResponsive.value ?? true) {
         classes.push("ele-dialog-responsive");
@@ -77,11 +77,11 @@ const _sfc_main = vue.defineComponent({
       return classes.join(" ");
     });
     const teleportTo = vue.computed(() => {
-      return util$1.getModalContainer(
+      return util$1.getDialogContainer(
         props2.inner,
         props2.multiple,
         props2.appendTo,
-        layoutState.modalsEl
+        layoutState.dialogsEl
       );
     });
     const teleportDisabled = vue.computed(() => {
@@ -96,17 +96,17 @@ const _sfc_main = vue.defineComponent({
       handleResizeTouchstart,
       bindAutoTopEvent,
       unbindAutoTopEvent,
-      topModal,
+      topDialog,
       setInitPosition,
-      resetModalStyle
-    } = util$1.useModalEvent(dialogRef, props2, isFullscreen);
+      resetDialogStyle
+    } = util$1.useDialogEvent(dialogRef, props2, isFullscreen);
     const updateModelValue = (modelValue) => {
       emit("update:modelValue", modelValue);
     };
     const toggleFullscreen = (fullscreen) => {
       isFullscreen.value = fullscreen ?? !isFullscreen.value;
       vue.nextTick(() => {
-        topModal();
+        topDialog();
       });
       emit("update:fullscreen", isFullscreen.value);
     };
@@ -116,11 +116,11 @@ const _sfc_main = vue.defineComponent({
       }
       vue.nextTick(() => {
         if (props2.resetOnClose) {
-          resetModalStyle();
+          resetDialogStyle();
         } else {
           setInitPosition();
         }
-        topModal();
+        topDialog();
       });
       emit("open");
     };
@@ -161,7 +161,7 @@ const _sfc_main = vue.defineComponent({
     return {
       dialogRef,
       isFullscreen,
-      dialogClass,
+      modalClass,
       teleportTo,
       teleportDisabled,
       handleHeaderMousedown,
@@ -205,7 +205,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       width: _ctx.width,
       fullscreen: false,
       modal: _ctx.multiple ? false : _ctx.modal,
-      modalClass: _ctx.dialogClass,
+      modalClass: _ctx.modalClass,
       appendToBody: false,
       lockScroll: _ctx.inner || _ctx.multiple ? false : _ctx.lockScroll,
       openDelay: _ctx.openDelay,

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

@@ -91,7 +91,7 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     dialogRef: import('vue').Ref<ElDialogInstance>;
     isFullscreen: import('vue').Ref<boolean>;
-    dialogClass: import('vue').ComputedRef<string>;
+    modalClass: import('vue').ComputedRef<string>;
     teleportTo: import('vue').ComputedRef<string | Element>;
     teleportDisabled: import('vue').ComputedRef<boolean>;
     handleHeaderMousedown: (e: MouseEvent) => void;
@@ -238,8 +238,8 @@ declare const _default: import('vue').DefineComponent<{
     minHeight: number;
     multiple: boolean;
     responsive: boolean;
+    inner: boolean;
     resetOnClose: boolean;
     maxable: boolean;
-    inner: boolean;
 }, {}>;
 export default _default;

package/lib/ele-dialog/props.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const elementPlus = require("element-plus");
-const modalProps = {
+const eleDialogProps = {
   ...elementPlus.dialogProps,
   appendToBody: {
     type: Boolean,
@@ -60,12 +60,12 @@ const modalProps = {
   /** 是否是表单弹窗 */
   form: Boolean
 };
-const modalEmits = {
+const eleDialogEmits = {
   ...elementPlus.dialogEmits,
   /** 更新全屏状态 */
   "update:fullscreen": (_fullscreen) => true
 };
 const dialogPropKeys = Object.keys(elementPlus.dialogProps);
 exports.dialogPropKeys = dialogPropKeys;
-exports.modalEmits = modalEmits;
-exports.modalProps = modalProps;
+exports.eleDialogEmits = eleDialogEmits;
+exports.eleDialogProps = eleDialogProps;

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

@@ -6,7 +6,7 @@ import { Resizable, MoveOut, Position } from './types';
 /**
  * 属性
  */
-export declare const modalProps: {
+export declare const eleDialogProps: {
     appendToBody: {
         type: BooleanConstructor;
         default: boolean;
@@ -113,11 +113,11 @@ export declare const modalProps: {
     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>;
+export type DialogProps = ExtractPropTypes<typeof dialogProps>;
 /**
  * 事件
  */
-export declare const modalEmits: {
+export declare const eleDialogEmits: {
     /** 更新全屏状态 */
     'update:fullscreen': (_fullscreen: boolean) => boolean;
     open: () => boolean;

package/lib/ele-dialog/util.cjs

@@ -8,18 +8,18 @@ const wrapperClass = "ele-dialog";
 const closedClass = "ele-dialog-closed";
 const fixTop = 0.65;
 const fixLeft = 0.65;
-function getModalEl(dialogRef) {
+function getDialogEl(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";
-  modalEl.style.right = "auto";
-  modalEl.style.bottom = "auto";
-  modalEl.style.position = "absolute";
-  modalEl.style.margin = "0";
+function initDialogStyle(dialogEl) {
+  dialogEl.style.top = dialogEl.offsetTop + "px";
+  dialogEl.style.left = dialogEl.offsetLeft + "px";
+  dialogEl.style.right = "auto";
+  dialogEl.style.bottom = "auto";
+  dialogEl.style.position = "absolute";
+  dialogEl.style.margin = "0";
 }
 function canMoveOut(moveOut, direction) {
   if (direction && moveOut != null && Array.isArray(moveOut)) {
@@ -27,9 +27,9 @@ function canMoveOut(moveOut, direction) {
   }
   return false;
 }
-function getModalContainer(inner, multiple, appendTo, modalsEl) {
+function getDialogContainer(inner, multiple, appendTo, dialogsEl) {
   if (multiple) {
-    const parent = (inner ? modalsEl : void 0) || document.body;
+    const parent = (inner ? dialogsEl : void 0) || document.body;
     const wrapper = core.queryChild(parent, containerClass);
     if (wrapper) {
       return wrapper;
@@ -39,37 +39,37 @@ function getModalContainer(inner, multiple, appendTo, modalsEl) {
     parent.appendChild(elem);
     return elem;
   }
-  if (inner && modalsEl) {
-    return modalsEl;
+  if (inner && dialogsEl) {
+    return dialogsEl;
   }
   return appendTo || "body";
 }
-function useModalMove(dialogRef, props, isFullscreen) {
-  let modalEl = null;
+function useDialogMove(dialogRef, props, isFullscreen) {
+  let dialogEl = 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) {
+      dialogEl = getDialogEl(dialogRef);
+      wrapEl = dialogEl == null ? void 0 : dialogEl.parentElement;
+      if (!dialogEl || !wrapEl || !props.draggable || isFullscreen.value) {
         return;
       }
-      modalEl.style.userSelect = "none";
-      initModalStyle(modalEl);
-      downOL = modalEl.offsetLeft;
-      downOT = modalEl.offsetTop;
+      dialogEl.style.userSelect = "none";
+      initDialogStyle(dialogEl);
+      downOL = dialogEl.offsetLeft;
+      downOT = dialogEl.offsetTop;
     },
     move: ({ distanceX, distanceY, e }) => {
-      if (!modalEl || !wrapEl || downOL == null || downOT == null || distanceX == null || distanceY == null) {
+      if (!dialogEl || !wrapEl || downOL == null || downOT == null || distanceX == null || distanceY == null) {
         return;
       }
       e.preventDefault();
       let positionLeft = distanceX + downOL;
       let positionTop = distanceY + downOT;
-      const limitL = wrapEl.clientWidth - modalEl.clientWidth - fixLeft;
-      const limitT = wrapEl.clientHeight - modalEl.clientHeight - fixTop;
+      const limitL = wrapEl.clientWidth - dialogEl.clientWidth - fixLeft;
+      const limitT = wrapEl.clientHeight - dialogEl.clientHeight - fixTop;
       if (!props.moveOut) {
         if (positionLeft < 0) {
           positionLeft = 0;
@@ -104,16 +104,16 @@ function useModalMove(dialogRef, props, isFullscreen) {
           positionTop = minLimitT;
         }
       }
-      modalEl.style.left = `${Math.floor(positionLeft)}px`;
-      modalEl.style.top = `${Math.floor(positionTop)}px`;
+      dialogEl.style.left = `${Math.floor(positionLeft)}px`;
+      dialogEl.style.top = `${Math.floor(positionTop)}px`;
     },
     end: () => {
-      if (modalEl) {
-        modalEl.style.userSelect = "";
+      if (dialogEl) {
+        dialogEl.style.userSelect = "";
       }
       downOL = null;
       downOT = null;
-      modalEl = null;
+      dialogEl = null;
       wrapEl = null;
     },
     touchmoveOptions: { passive: false }
@@ -123,52 +123,52 @@ function useModalMove(dialogRef, props, isFullscreen) {
     handleHeaderTouchstart: handleTouchstart
   };
 }
-function useModalResize(dialogRef, props, isFullscreen) {
-  let modalEl = null;
+function useDialogResize(dialogRef, props, isFullscreen) {
+  let dialogEl = 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) {
+      dialogEl = getDialogEl(dialogRef);
+      wrapEl = dialogEl == null ? void 0 : dialogEl.parentElement;
+      if (!dialogEl || !wrapEl || !props.resizable || isFullscreen.value) {
         return;
       }
-      modalEl.style.userSelect = "none";
-      initModalStyle(modalEl);
-      downW = modalEl.clientWidth;
-      downH = modalEl.clientHeight;
+      dialogEl.style.userSelect = "none";
+      initDialogStyle(dialogEl);
+      downW = dialogEl.clientWidth;
+      downH = dialogEl.clientHeight;
     },
     move: ({ distanceX, distanceY, e }) => {
-      if (!modalEl || !wrapEl || downW == null || downH == null || distanceX == null || distanceY == null) {
+      if (!dialogEl || !wrapEl || downW == null || downH == null || distanceX == null || distanceY == null) {
         return;
       }
       e.preventDefault();
       if (props.resizable !== "vertical") {
         const w = distanceX + downW;
-        const maxW = wrapEl.clientWidth - modalEl.offsetLeft - fixLeft;
+        const maxW = wrapEl.clientWidth - dialogEl.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;
+        dialogEl.style.width = nw;
+        dialogEl.style.maxWidth = nw;
+        dialogEl.style.minWidth = nw;
       }
       if (props.resizable !== "horizontal") {
         const h = distanceY + downH;
-        const maxH = wrapEl.clientHeight - modalEl.offsetTop - fixTop;
+        const maxH = wrapEl.clientHeight - dialogEl.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;
+        dialogEl.style.height = nh;
+        dialogEl.style.maxHeight = nh;
+        dialogEl.style.minHeight = nh;
       }
     },
     end: () => {
-      if (modalEl) {
-        modalEl.style.userSelect = "";
+      if (dialogEl) {
+        dialogEl.style.userSelect = "";
       }
       downW = null;
       downH = null;
-      modalEl = null;
+      dialogEl = null;
       wrapEl = null;
     },
     touchmoveOptions: { passive: false }
@@ -178,38 +178,30 @@ function useModalResize(dialogRef, props, isFullscreen) {
     handleResizeTouchstart: handleTouchstart
   };
 }
-function useModalEvent(dialogRef, props, isFullscreen) {
-  const { handleHeaderMousedown, handleHeaderTouchstart } = useModalMove(
-    dialogRef,
-    props,
-    isFullscreen
-  );
-  const { handleResizeMousedown, handleResizeTouchstart } = useModalResize(
-    dialogRef,
-    props,
-    isFullscreen
-  );
+function useDialogEvent(dialogRef, props, isFullscreen) {
+  const { handleHeaderMousedown, handleHeaderTouchstart } = useDialogMove(dialogRef, props, isFullscreen);
+  const { handleResizeMousedown, handleResizeTouchstart } = useDialogResize(dialogRef, props, isFullscreen);
   let isInitPosition = true;
   const getZIndex = () => {
     return props.zIndex ?? 2e3;
   };
-  const topModal = (el) => {
+  const topDialog = (el) => {
     var _a;
-    const modalEl = el ?? getModalEl(dialogRef);
-    const overlayEl = (_a = modalEl == null ? void 0 : modalEl.parentElement) == null ? void 0 : _a.parentElement;
+    const dialogEl = el ?? getDialogEl(dialogRef);
+    const overlayEl = (_a = dialogEl == null ? void 0 : dialogEl.parentElement) == null ? void 0 : _a.parentElement;
     if (!overlayEl) {
       return;
     }
     const currentIndex = core.getCurrentStyle(overlayEl).zIndex;
     const containerEl = overlayEl.parentElement;
     const cls = `.${wrapperClass}:not(.${closedClass})`;
-    const modals = containerEl ? containerEl.querySelectorAll(cls) : void 0;
+    const dialogs = containerEl ? containerEl.querySelectorAll(cls) : void 0;
     let maxIndex = 0;
-    (modals ? Array.from(modals) : []).forEach((modalEl2) => {
-      const zIndex = core.getCurrentStyle(modalEl2).zIndex;
+    (dialogs ? Array.from(dialogs) : []).forEach((dialogEl2) => {
+      const zIndex = core.getCurrentStyle(dialogEl2).zIndex;
       if (zIndex != null) {
         const index = Number(zIndex);
-        if (index >= maxIndex && (!overlayEl || modalEl2 !== overlayEl)) {
+        if (index >= maxIndex && (!overlayEl || dialogEl2 !== overlayEl)) {
           maxIndex = index + 1;
         }
       }
@@ -220,21 +212,21 @@ function useModalEvent(dialogRef, props, isFullscreen) {
   };
   const mousedownListener = (event) => {
     if (props.multiple) {
-      topModal(event.currentTarget);
+      topDialog(event.currentTarget);
     }
   };
   const bindAutoTopEvent = () => {
-    const modalEl = getModalEl(dialogRef);
-    if (modalEl) {
-      modalEl.addEventListener("mousedown", mousedownListener);
-      modalEl.addEventListener("touchstart", mousedownListener);
+    const dialogEl = getDialogEl(dialogRef);
+    if (dialogEl) {
+      dialogEl.addEventListener("mousedown", mousedownListener);
+      dialogEl.addEventListener("touchstart", mousedownListener);
     }
   };
   const unbindAutoTopEvent = () => {
-    const modalEl = getModalEl(dialogRef);
-    if (modalEl) {
-      modalEl.removeEventListener("mousedown", mousedownListener);
-      modalEl.removeEventListener("touchstart", mousedownListener);
+    const dialogEl = getDialogEl(dialogRef);
+    if (dialogEl) {
+      dialogEl.removeEventListener("mousedown", mousedownListener);
+      dialogEl.removeEventListener("touchstart", mousedownListener);
     }
   };
   const getPositionMargin = (position) => {
@@ -255,29 +247,29 @@ function useModalEvent(dialogRef, props, isFullscreen) {
   const setInitPosition = () => {
     if (isInitPosition) {
       isInitPosition = false;
-      const modalEl = getModalEl(dialogRef);
+      const dialogEl = getDialogEl(dialogRef);
       const margin = getPositionMargin(getPosition());
-      if (modalEl && margin != null) {
-        modalEl.style.margin = margin;
+      if (dialogEl && margin != null) {
+        dialogEl.style.margin = margin;
       }
     }
   };
-  const resetModalStyle = () => {
-    const modalEl = getModalEl(dialogRef);
-    if (modalEl) {
+  const resetDialogStyle = () => {
+    const dialogEl = getDialogEl(dialogRef);
+    if (dialogEl) {
       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 = "";
+      dialogEl.style.margin = getPositionMargin(getPosition()) || "";
+      dialogEl.style.position = "";
+      dialogEl.style.top = "";
+      dialogEl.style.left = "";
+      dialogEl.style.right = "";
+      dialogEl.style.bottom = "";
+      dialogEl.style.height = "";
+      dialogEl.style.maxHeight = "";
+      dialogEl.style.minHeight = "";
+      dialogEl.style.width = typeof w === "number" ? `${w}px` : w ?? "";
+      dialogEl.style.maxWidth = "";
+      dialogEl.style.minWidth = "";
     }
   };
   return {
@@ -287,15 +279,15 @@ function useModalEvent(dialogRef, props, isFullscreen) {
     handleResizeTouchstart,
     bindAutoTopEvent,
     unbindAutoTopEvent,
-    topModal,
+    topDialog,
     setInitPosition,
-    resetModalStyle
+    resetDialogStyle
   };
 }
 exports.closedClass = closedClass;
 exports.containerClass = containerClass;
-exports.getModalContainer = getModalContainer;
-exports.useModalEvent = useModalEvent;
-exports.useModalMove = useModalMove;
-exports.useModalResize = useModalResize;
+exports.getDialogContainer = getDialogContainer;
+exports.useDialogEvent = useDialogEvent;
+exports.useDialogMove = useDialogMove;
+exports.useDialogResize = useDialogResize;
 exports.wrapperClass = wrapperClass;

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

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { ElDialogInstance } from '../ele-app/el';
-import { ModalProps } from './props';
+import { DialogProps } from './props';
 
 export declare const containerClass = "ele-dialog-container";
 export declare const wrapperClass = "ele-dialog";
@@ -10,16 +10,16 @@ export declare const closedClass = "ele-dialog-closed";
  * @param inner 是否限制在主体内部
  * @param multiple 是否支持同时打开多个
  * @param appendTo 自定义插入的容器
- * @param modalsEl 限制在主体内部时的容器
+ * @param dialogsEl 限制在主体内部时的容器
  */
-export declare function getModalContainer(inner?: boolean, multiple?: boolean, appendTo?: string | HTMLElement, modalsEl?: HTMLElement | null): HTMLElement | string;
+export declare function getDialogContainer(inner?: boolean, multiple?: boolean, appendTo?: string | HTMLElement, dialogsEl?: HTMLElement | null): HTMLElement | string;
 /**
  * 弹窗支持移动
  * @param dialogRef 弹窗实例
  * @param props 属性
  * @param isFullscreen 全屏状态
  */
-export declare function useModalMove(dialogRef: Ref<ElDialogInstance>, props: ModalProps, isFullscreen: Ref<boolean>): {
+export declare function useDialogMove(dialogRef: Ref<ElDialogInstance>, props: DialogProps, isFullscreen: Ref<boolean>): {
     handleHeaderMousedown: (e: MouseEvent) => void;
     handleHeaderTouchstart: (e: TouchEvent) => void;
 };
@@ -29,7 +29,7 @@ export declare function useModalMove(dialogRef: Ref<ElDialogInstance>, props: Mo
  * @param props 属性
  * @param isFullscreen 全屏状态
  */
-export declare function useModalResize(dialogRef: Ref<ElDialogInstance>, props: ModalProps, isFullscreen: Ref<boolean>): {
+export declare function useDialogResize(dialogRef: Ref<ElDialogInstance>, props: DialogProps, isFullscreen: Ref<boolean>): {
     handleResizeMousedown: (e: MouseEvent) => void;
     handleResizeTouchstart: (e: TouchEvent) => void;
 };
@@ -39,14 +39,14 @@ export declare function useModalResize(dialogRef: Ref<ElDialogInstance>, props:
  * @param props 属性
  * @param isFullscreen 全屏状态
  */
-export declare function useModalEvent(dialogRef: Ref<ElDialogInstance>, props: ModalProps, isFullscreen: Ref<boolean>): {
+export declare function useDialogEvent(dialogRef: Ref<ElDialogInstance>, props: DialogProps, 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;
+    topDialog: (el?: HTMLElement) => void;
     setInitPosition: () => void;
-    resetModalStyle: () => void;
+    resetDialogStyle: () => void;
 };