yuang-framework-ui-pc 1.1.14 → 1.1.16

package/lib/ele-dialog/style/index.scss

@@ -2,9 +2,9 @@
 @use '../../style/util.scss' as *;
 @use './css-var.scss' as *;
 
-@include set-modal-var($ele);
+@include set-dialog-var($ele);
 
-.ele-modal {
+.ele-dialog {
   &.el-overlay {
     height: auto;
   }
@@ -20,9 +20,9 @@
       padding: 0;
       flex-shrink: 0;
       position: relative;
-      background: eleVar('modal', 'bg');
-      border-radius: eleVar('modal', 'radius');
-      margin-bottom: eleVar('modal', 'mobile-space');
+      background: eleVar('dialog', 'bg');
+      border-radius: eleVar('dialog', 'radius');
+      margin-bottom: eleVar('dialog', 'mobile-space');
 
       // 让 model 外层不出现滚动条
       position: absolute!important;
@@ -55,118 +55,118 @@
 }
 
 /* header */
-.ele-modal-header {
+.ele-dialog-header {
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding: eleVar('modal', 'header-padding');
-  border-bottom: eleVar('modal', 'header-border');
+  padding: eleVar('dialog', 'header-padding');
+  border-bottom: eleVar('dialog', 'header-border');
 }
 
-.ele-modal-title {
+.ele-dialog-title {
   flex: 1;
-  color: eleVar('modal', 'header-color');
-  font-size: eleVar('modal', 'header-font-size');
-  line-height: eleVar('modal', 'header-line-height');
-  font-weight: eleVar('modal', 'header-font-weight');
+  color: eleVar('dialog', 'header-color');
+  font-size: eleVar('dialog', 'header-font-size');
+  line-height: eleVar('dialog', 'header-line-height');
+  font-weight: eleVar('dialog', 'header-font-weight');
   box-sizing: border-box;
 }
 
 /* 图标按钮 */
-.ele-modal-tool {
+.ele-dialog-tool {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
-  width: eleVar('modal', 'icon-size');
-  height: eleVar('modal', 'icon-size');
-  line-height: eleVar('modal', 'icon-size');
-  color: eleVar('modal', 'icon-color');
-  font-size: eleVar('modal', 'icon-font-size');
-  border-radius: eleVar('modal', 'icon-radius');
+  width: eleVar('dialog', 'icon-size');
+  height: eleVar('dialog', 'icon-size');
+  line-height: eleVar('dialog', 'icon-size');
+  color: eleVar('dialog', 'icon-color');
+  font-size: eleVar('dialog', 'icon-font-size');
+  border-radius: eleVar('dialog', 'icon-radius');
   transition: (color $transition-base, background-color $transition-base);
   box-sizing: border-box;
   cursor: pointer;
 
   &:hover {
-    color: eleVar('modal', 'icon-hover-color');
-    background: eleVar('modal', 'icon-hover-bg');
+    color: eleVar('dialog', 'icon-hover-color');
+    background: eleVar('dialog', 'icon-hover-bg');
   }
 
-  & + .ele-modal-tool {
-    margin-left: eleVar('modal', 'icon-space');
+  & + .ele-dialog-tool {
+    margin-left: eleVar('dialog', 'icon-space');
   }
 }
 
 /* body */
-.ele-modal-body {
-  padding: eleVar('modal', 'body-padding');
+.ele-dialog-body {
+  padding: eleVar('dialog', 'body-padding');
   box-sizing: border-box;
 
   &.is-form {
-    padding: eleVar('modal', 'form-body-padding');
+    padding: eleVar('dialog', 'form-body-padding');
   }
 }
 
 /* footer */
-.ele-modal-footer {
-  padding: eleVar('modal', 'footer-padding');
-  border-top: eleVar('modal', 'footer-border');
+.ele-dialog-footer {
+  padding: eleVar('dialog', 'footer-padding');
+  border-top: eleVar('dialog', 'footer-border');
   box-sizing: border-box;
 }
 
 /* 默认位置 */
-.ele-modal-top > .el-overlay-dialog > .el-dialog {
+.ele-dialog-top > .el-overlay-dialog > .el-dialog {
   margin: 0;
 }
 
-.ele-modal-center > .el-overlay-dialog > .el-dialog {
+.ele-dialog-center > .el-overlay-dialog > .el-dialog {
   margin: auto;
 }
 
-.ele-modal-bottom > .el-overlay-dialog > .el-dialog {
+.ele-dialog-bottom > .el-overlay-dialog > .el-dialog {
   margin: auto auto 0 auto;
 }
 
-.ele-modal-left > .el-overlay-dialog > .el-dialog {
+.ele-dialog-left > .el-overlay-dialog > .el-dialog {
   margin: auto auto auto 0;
 }
 
-.ele-modal-right > .el-overlay-dialog > .el-dialog {
+.ele-dialog-right > .el-overlay-dialog > .el-dialog {
   margin: auto 0 auto auto;
 }
 
-.ele-modal-left-top > .el-overlay-dialog > .el-dialog {
+.ele-dialog-left-top > .el-overlay-dialog > .el-dialog {
   margin: 0 auto 0 0;
 }
 
-.ele-modal-left-bottom > .el-overlay-dialog > .el-dialog {
+.ele-dialog-left-bottom > .el-overlay-dialog > .el-dialog {
   margin: auto auto 0 0;
 }
 
-.ele-modal-right-top > .el-overlay-dialog > .el-dialog {
+.ele-dialog-right-top > .el-overlay-dialog > .el-dialog {
   margin: 0 0 0 auto;
 }
 
-.ele-modal-right-bottom > .el-overlay-dialog > .el-dialog {
+.ele-dialog-right-bottom > .el-overlay-dialog > .el-dialog {
   margin: auto 0 0 auto;
 }
 
 /* 支持拖拽 */
-.ele-modal-movable > .el-overlay-dialog > .el-dialog > .el-dialog__header {
+.ele-dialog-movable > .el-overlay-dialog > .el-dialog > .el-dialog__header {
   cursor: move;
   user-select: none;
 }
 
 /* 支持拉伸 */
-.ele-modal-resize-icon {
+.ele-dialog-resize-icon {
   position: absolute;
   right: 2px;
   bottom: 2px;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: eleVar('modal', 'icon-color');
+  color: eleVar('dialog', 'icon-color');
   font-size: 12px;
   cursor: se-resize;
 
@@ -179,8 +179,8 @@
   }
 }
 
-.ele-modal-resizable > .el-overlay-dialog > .el-dialog,
-.ele-modal-fullscreen > .el-overlay-dialog > .el-dialog {
+.ele-dialog-resizable > .el-overlay-dialog > .el-dialog,
+.ele-dialog-fullscreen > .el-overlay-dialog > .el-dialog {
   display: flex;
   flex-direction: column;
 
@@ -191,7 +191,7 @@
 }
 
 /* 全屏 */
-.ele-modal-fullscreen > .el-overlay-dialog > .el-dialog {
+.ele-dialog-fullscreen > .el-overlay-dialog > .el-dialog {
   top: 0 !important;
   left: 0 !important;
   margin: 0 !important;
@@ -207,14 +207,14 @@
   & > .el-dialog__header {
     cursor: default;
 
-    & > .ele-modal-resize-icon {
+    & > .ele-dialog-resize-icon {
       display: none;
     }
   }
 }
 
 /* 同时打开多个 */
-.ele-modal-container {
+.ele-dialog-container {
   position: absolute;
   top: 0;
   left: 0;
@@ -228,7 +228,7 @@
   overflow: hidden;
 }
 
-.ele-modal-multiple {
+.ele-dialog-multiple {
   pointer-events: none !important;
   position: absolute !important;
 
@@ -243,17 +243,17 @@
 }
 
 /* 失活状态 */
-.ele-modal-hide {
+.ele-dialog-hide {
   display: none !important;
 }
 
 /* 最大宽度适应屏幕 */
-.ele-modal-responsive > .el-overlay-dialog > .el-dialog {
-  max-width: calc(100% - #{eleVar('modal', 'mobile-space')} * 2);
+.ele-dialog-responsive > .el-overlay-dialog > .el-dialog {
+  max-width: calc(100% - #{eleVar('dialog', 'mobile-space')} * 2);
 }
 
 /* 限制在主体区域 */
-.ele-admin-modals > .ele-modal {
+.ele-admin-dialogs > .ele-dialog {
   pointer-events: auto;
   position: absolute !important;
 }

package/lib/ele-dialog/util.cjs

@@ -3,23 +3,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const core = require("../utils/core");
 const hook = require("../utils/hook");
-const containerClass = "ele-modal-container";
-const wrapperClass = "ele-modal";
-const closedClass = "ele-modal-closed";
+const containerClass = "ele-dialog-container";
+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,25 +1,25 @@
 import { Ref } from 'vue';
 import { ElDialogInstance } from '../ele-app/el';
-import { ModalProps } from './props';
+import { DialogProps } from './props';
 
-export declare const containerClass = "ele-modal-container";
-export declare const wrapperClass = "ele-modal";
-export declare const closedClass = "ele-modal-closed";
+export declare const containerClass = "ele-dialog-container";
+export declare const wrapperClass = "ele-dialog";
+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;
 };

package/lib/ele-drawer/index.cjs

@@ -4,7 +4,7 @@ const elementPlus = require("element-plus");
 const icons = require("../icons");
 const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const util = require("../ele-pro-layout/util");
-const util$1 = require("../ele-modal/util");
+const util$1 = require("../ele-dialog/util");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleDrawer",
@@ -32,7 +32,7 @@ const _sfc_main = vue.defineComponent({
       return classes.join(" ");
     });
     const teleportTo = vue.computed(() => {
-      return util$1.getModalContainer(
+      return util$1.getDialogContainer(
         props2.inner,
         false,
         props2.appendTo,