yuang-framework-ui-pc 1.1.13 → 1.1.15

package/es/ele-modal/index.js

@@ -3,7 +3,7 @@ import { ElDialog, ElIcon } from "element-plus";
 import { CloseOutlined, CompressOutlined, ExpandOutlined, ResizeOutlined } from "../icons";
 import ReceiverView from "../ele-config-provider/components/receiver-view";
 import { useLayoutState, useResponsive } from "../ele-pro-layout/util";
-import { getModalContainer, useModalEvent, wrapperClass, closedClass } from "./util";
+import { getDialogContainer, useModalEvent, wrapperClass, closedClass } from "./util";
 import { modalProps, modalEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleModal",
@@ -28,47 +28,47 @@ const _sfc_main = defineComponent({
     const dialogClass = computed(() => {
       const classes = [wrapperClass];
       if (props.responsive ?? isResponsive.value ?? true) {
-        classes.push("ele-modal-responsive");
+        classes.push("ele-dialog-responsive");
       }
       if (props.alignCenter || props.position === "center") {
-        classes.push("ele-modal-center");
+        classes.push("ele-dialog-center");
       } else if (props.position === "top") {
-        classes.push("ele-modal-top");
+        classes.push("ele-dialog-top");
       } else if (props.position === "bottom") {
-        classes.push("ele-modal-bottom");
+        classes.push("ele-dialog-bottom");
       } else if (props.position === "left") {
-        classes.push("ele-modal-left");
+        classes.push("ele-dialog-left");
       } else if (props.position === "right") {
-        classes.push("ele-modal-right");
+        classes.push("ele-dialog-right");
       } else if (props.position === "leftTop") {
-        classes.push("ele-modal-left-top");
+        classes.push("ele-dialog-left-top");
       } else if (props.position === "leftBottom") {
-        classes.push("ele-modal-left-bottom");
+        classes.push("ele-dialog-left-bottom");
       } else if (props.position === "rightTop") {
-        classes.push("ele-modal-right-top");
+        classes.push("ele-dialog-right-top");
       } else if (props.position === "rightBottom") {
-        classes.push("ele-modal-right-bottom");
+        classes.push("ele-dialog-right-bottom");
       }
       if (props.draggable) {
-        classes.push("ele-modal-movable");
+        classes.push("ele-dialog-movable");
       }
       if (props.resizable) {
-        classes.push("ele-modal-resizable");
+        classes.push("ele-dialog-resizable");
       }
       if (props.multiple) {
-        classes.push("ele-modal-multiple");
+        classes.push("ele-dialog-multiple");
       }
       if (isFullscreen.value) {
-        classes.push("ele-modal-fullscreen");
+        classes.push("ele-dialog-fullscreen");
       }
       if (!props.modelValue) {
         classes.push(closedClass);
       }
       if (!isActivated.value && props.modelValue) {
-        classes.push("ele-modal-hide");
+        classes.push("ele-dialog-hide");
       }
       if (props.inner) {
-        classes.push("ele-modal-inner");
+        classes.push("ele-dialog-inner");
       }
       if (props.modalClass) {
         classes.push(props.modalClass);
@@ -76,7 +76,7 @@ const _sfc_main = defineComponent({
       return classes.join(" ");
     });
     const teleportTo = computed(() => {
-      return getModalContainer(
+      return getDialogContainer(
         props.inner,
         props.multiple,
         props.appendTo,
@@ -231,12 +231,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       header: withCtx(({ close, titleId, titleClass }) => [
         createElementVNode("div", {
           style: normalizeStyle(_ctx.headerStyle),
-          class: "ele-modal-header",
+          class: "ele-dialog-header",
           onMousedown: _cache[6] || (_cache[6] = (...args) => _ctx.handleHeaderMousedown && _ctx.handleHeaderMousedown(...args)),
           onTouchstart: _cache[7] || (_cache[7] = (...args) => _ctx.handleHeaderTouchstart && _ctx.handleHeaderTouchstart(...args))
         }, [
           createElementVNode("div", {
-            class: "ele-modal-title",
+            class: "ele-dialog-title",
             style: normalizeStyle(_ctx.titleStyle)
           }, [
             renderSlot(_ctx.$slots, "header", {
@@ -249,7 +249,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 4),
           _ctx.maxable ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: "ele-modal-tool ele-modal-tool-max",
+            class: "ele-dialog-tool ele-dialog-tool-max",
             style: normalizeStyle(_ctx.fullscreenBtnStyle),
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFullscreen()),
             onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
@@ -268,7 +268,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 36)) : createCommentVNode("", true),
           _ctx.showClose ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: "ele-modal-tool",
+            class: "ele-dialog-tool",
             style: normalizeStyle(_ctx.closeBtnStyle),
             onClick: _cache[3] || (_cache[3] = ($event) => _ctx.updateModelValue(false)),
             onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {
@@ -289,7 +289,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.resizable ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass([
-            "ele-modal-resize-icon",
+            "ele-dialog-resize-icon",
             { "is-horizontal": _ctx.resizable === "horizontal" },
             { "is-vertical": _ctx.resizable === "vertical" }
           ]),
@@ -310,7 +310,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [
         createVNode(_component_ReceiverView, {
           wrapPosition: false,
-          class: normalizeClass(["ele-modal-body", { "is-form": _ctx.form }]),
+          class: normalizeClass(["ele-dialog-body", { "is-form": _ctx.form }]),
           style: normalizeStyle(_ctx.bodyStyle)
         }, {
           default: withCtx(() => [
@@ -325,7 +325,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         name: "footer",
         fn: withCtx(() => [
           createElementVNode("div", {
-            class: "ele-modal-footer",
+            class: "ele-dialog-footer",
             style: normalizeStyle(_ctx.footerStyle)
           }, [
             renderSlot(_ctx.$slots, "footer")

package/es/ele-modal/style/css-var.scss

@@ -1,8 +1,8 @@
 @use '../../style/util.scss' as *;
 
 /* 弹窗主题变量 */
-@mixin set-modal-var($var) {
-  .ele-modal {
+@mixin set-dialog-var($var) {
+  .ele-dialog {
     @include set-ele-var('modal', $var);
   }
 }

package/es/ele-modal/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;
   }
@@ -55,7 +55,7 @@
 }
 
 /* header */
-.ele-modal-header {
+.ele-dialog-header {
   display: flex;
   align-items: center;
   box-sizing: border-box;
@@ -63,7 +63,7 @@
   border-bottom: eleVar('modal', 'header-border');
 }
 
-.ele-modal-title {
+.ele-dialog-title {
   flex: 1;
   color: eleVar('modal', 'header-color');
   font-size: eleVar('modal', 'header-font-size');
@@ -73,7 +73,7 @@
 }
 
 /* 图标按钮 */
-.ele-modal-tool {
+.ele-dialog-tool {
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -93,13 +93,13 @@
     background: eleVar('modal', 'icon-hover-bg');
   }
 
-  & + .ele-modal-tool {
+  & + .ele-dialog-tool {
     margin-left: eleVar('modal', 'icon-space');
   }
 }
 
 /* body */
-.ele-modal-body {
+.ele-dialog-body {
   padding: eleVar('modal', 'body-padding');
   box-sizing: border-box;
 
@@ -109,57 +109,57 @@
 }
 
 /* footer */
-.ele-modal-footer {
+.ele-dialog-footer {
   padding: eleVar('modal', 'footer-padding');
   border-top: eleVar('modal', '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;
@@ -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 {
+.ele-dialog-responsive > .el-overlay-dialog > .el-dialog {
   max-width: calc(100% - #{eleVar('modal', 'mobile-space')} * 2);
 }
 
 /* 限制在主体区域 */
-.ele-admin-modals > .ele-modal {
+.ele-admin-modals > .ele-dialog {
   pointer-events: auto;
   position: absolute !important;
 }

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

@@ -2,9 +2,9 @@ import { Ref } from 'vue';
 import { ElDialogInstance } from '../ele-app/el';
 import { ModalProps } 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 是否限制在主体内部
@@ -12,7 +12,7 @@ export declare const closedClass = "ele-modal-closed";
  * @param appendTo 自定义插入的容器
  * @param modalsEl 限制在主体内部时的容器
  */
-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, modalsEl?: HTMLElement | null): HTMLElement | string;
 /**
  * 弹窗支持移动
  * @param dialogRef 弹窗实例

package/es/ele-modal/util.js

@@ -1,9 +1,9 @@
 import { unref } from "vue";
 import { queryChild, getCurrentStyle } from "../utils/core";
 import { useMoveEvent } from "../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) {
@@ -25,7 +25,7 @@ function canMoveOut(moveOut, direction) {
   }
   return false;
 }
-function getModalContainer(inner, multiple, appendTo, modalsEl) {
+function getDialogContainer(inner, multiple, appendTo, modalsEl) {
   if (multiple) {
     const parent = (inner ? modalsEl : void 0) || document.body;
     const wrapper = queryChild(parent, containerClass);
@@ -293,7 +293,7 @@ function useModalEvent(dialogRef, props, isFullscreen) {
 export {
   closedClass,
   containerClass,
-  getModalContainer,
+  getDialogContainer,
   useModalEvent,
   useModalMove,
   useModalResize,

package/es/ele-pro-table/components/tool-export.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, reactive, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, createTextVNode, toDisplayString, withModifiers, createCommentVNode, createElementVNode } from "vue";
 import { ElForm, ElFormItem, ElInput, ElSelect, ElOption, ElCheckbox, ElButton } from "element-plus";
 import { findTree, eachTree } from "../../utils/core";
-import EleModal from "../../ele-modal/index";
+import EleModal from "../../ele-dialog/index";
 import { getCheckedColumns, columnsExportFilter, getExportData, exportCSV, getCacheColsWidth, getColItems } from "../util";
 import ToolColumnList from "./tool-column-list";
 const _sfc_main = defineComponent({

package/es/ele-pro-table/components/tool-print.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, reactive, watch, nextTick, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, mergeProps, withCtx, createTextVNode, toDisplayString, withModifiers, createBlock, createCommentVNode, createElementVNode, renderSlot, renderList, createSlots, normalizeStyle, normalizeClass } from "vue";
 import { ElForm, ElFormItem, ElSelect, ElOption, ElCheckbox, ElButton } from "element-plus";
 import { findTree, eachTree } from "../../utils/core";
-import EleModal from "../../ele-modal/index";
+import EleModal from "../../ele-dialog/index";
 import ElePrinter from "../../ele-printer/index";
 import EleTable from "../../ele-table/index";
 import { CellRender } from "../../ele-virtual-table/util";

package/es/ele-pro-table/style/index.js

@@ -14,7 +14,7 @@ import "../../ele-loading/style/index";
 import "../../ele-pagination/style/index";
 import "../../ele-data-table/style/index";
 import "../../ele-virtual-table/style/index";
-import "../../ele-modal/style/index";
+import "../../ele-dialog/style/index";
 import "../../ele-printer/style/index";
 import "../../ele-table/style/index";
 import "./index.scss";

package/es/style/plus.scss

@@ -22,7 +22,7 @@
 @use '../ele-loading/style/index.scss' as loading;
 @use '../ele-map-picker/style/index.scss' as mapPicker;
 @use '../ele-menus/style/index.scss' as menus;
-@use '../ele-modal/style/index.scss' as modal;
+@use '../ele-dialog/style/index.scss' as modal;
 @use '../ele-page/style/index.scss' as page;
 @use '../ele-pagination/style/index.scss' as pagination;
 @use '../ele-popconfirm/style/index.scss' as popconfirm;

package/es/style/themes/theme-util.scss

@@ -15,7 +15,7 @@
 @use '../../ele-loading/style/css-var.scss' as *;
 @use '../../ele-map-picker/style/css-var.scss' as *;
 @use '../../ele-menus/style/css-var.scss' as *;
-@use '../../ele-modal/style/css-var.scss' as *;
+@use '../../ele-dialog/style/css-var.scss' as *;
 @use '../../ele-page/style/css-var.scss' as *;
 @use '../../ele-pagination/style/css-var.scss' as *;
 @use '../../ele-popconfirm/style/css-var.scss' as *;
@@ -53,7 +53,7 @@
     @include set-loading-var($var);
     @include set-map-var($var);
     @include set-menus-var($var);
-    @include set-modal-var($var);
+    @include set-dialog-var($var);
     @include set-page-var($var);
     @include set-pagination-var($var);
     @include set-popconfirm-var($var);

package/lib/core-components.cjs

@@ -25,7 +25,7 @@ const index$l = require("./ele-icon-select/index");
 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-modal/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");

package/lib/core-components.d.ts

@@ -23,7 +23,7 @@ export { default as EleIconSelect } from './ele-icon-select/index';
 export { default as EleImageViewer } from './ele-image-viewer/index';
 export { default as EleLoading } from './ele-loading/index';
 export { default as EleMenus } from './ele-menus/index';
-export { default as EleModal } from './ele-modal/index';
+export { default as EleModal } from './ele-dialog/index';
 export { default as EleDialog } from './ele-dialog/index';
 export { default as ElePage } from './ele-page/index';
 export { default as ElePagination } from './ele-pagination/index';

package/lib/ele-app/plus.d.ts

@@ -14,7 +14,7 @@ import type { LoadingProps } from '../ele-loading/props';
 import type EleMenus from '../ele-menus/index';
 import type { MenusProps } from '../ele-menus/props';
 import type { MenuItem } from '../ele-menus/types';
-import type { ModalProps } from '../ele-modal/props';
+import type { ModalProps } from '../ele-dialog/props';
 import type { PaginationProps } from '../ele-pagination/props';
 import type ElePopover from '../ele-popover/index';
 import type { PopoverProps } from '../ele-popover/props';

package/lib/ele-cropper-modal/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 const vue = require("vue");
 const receiver = require("../ele-config-provider/receiver");
-const EleModal = require("../ele-modal/index");
+const EleModal = require("../ele-dialog/index");
 const EleCropper = require("../ele-cropper/index");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({

package/lib/ele-cropper-modal/style/index.cjs

@@ -1,3 +1,3 @@
 "use strict";
-require("../../ele-modal/style/index");
+require("../../ele-dialog/style/index");
 require("../../ele-cropper/style/index");

package/lib/ele-dialog/index.cjs

@@ -7,7 +7,7 @@ const util = require("../ele-pro-layout/util");
 const util$1 = require("./util");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
-  name: "EleModal",
+  name: "EleDialog",
   components: {
     ElDialog: elementPlus.ElDialog,
     ElIcon: elementPlus.ElIcon,
@@ -29,47 +29,47 @@ const _sfc_main = vue.defineComponent({
     const dialogClass = vue.computed(() => {
       const classes = [util$1.wrapperClass];
       if (props2.responsive ?? isResponsive.value ?? true) {
-        classes.push("ele-modal-responsive");
+        classes.push("ele-dialog-responsive");
       }
       if (props2.alignCenter || props2.position === "center") {
-        classes.push("ele-modal-center");
+        classes.push("ele-dialog-center");
       } else if (props2.position === "top") {
-        classes.push("ele-modal-top");
+        classes.push("ele-dialog-top");
       } else if (props2.position === "bottom") {
-        classes.push("ele-modal-bottom");
+        classes.push("ele-dialog-bottom");
       } else if (props2.position === "left") {
-        classes.push("ele-modal-left");
+        classes.push("ele-dialog-left");
       } else if (props2.position === "right") {
-        classes.push("ele-modal-right");
+        classes.push("ele-dialog-right");
       } else if (props2.position === "leftTop") {
-        classes.push("ele-modal-left-top");
+        classes.push("ele-dialog-left-top");
       } else if (props2.position === "leftBottom") {
-        classes.push("ele-modal-left-bottom");
+        classes.push("ele-dialog-left-bottom");
       } else if (props2.position === "rightTop") {
-        classes.push("ele-modal-right-top");
+        classes.push("ele-dialog-right-top");
       } else if (props2.position === "rightBottom") {
-        classes.push("ele-modal-right-bottom");
+        classes.push("ele-dialog-right-bottom");
       }
       if (props2.draggable) {
-        classes.push("ele-modal-movable");
+        classes.push("ele-dialog-movable");
       }
       if (props2.resizable) {
-        classes.push("ele-modal-resizable");
+        classes.push("ele-dialog-resizable");
       }
       if (props2.multiple) {
-        classes.push("ele-modal-multiple");
+        classes.push("ele-dialog-multiple");
       }
       if (isFullscreen.value) {
-        classes.push("ele-modal-fullscreen");
+        classes.push("ele-dialog-fullscreen");
       }
       if (!props2.modelValue) {
         classes.push(util$1.closedClass);
       }
       if (!isActivated.value && props2.modelValue) {
-        classes.push("ele-modal-hide");
+        classes.push("ele-dialog-hide");
       }
       if (props2.inner) {
-        classes.push("ele-modal-inner");
+        classes.push("ele-dialog-inner");
       }
       if (props2.modalClass) {
         classes.push(props2.modalClass);
@@ -232,12 +232,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       header: vue.withCtx(({ close, titleId, titleClass }) => [
         vue.createElementVNode("div", {
           style: vue.normalizeStyle(_ctx.headerStyle),
-          class: "ele-modal-header",
+          class: "ele-dialog-header",
           onMousedown: _cache[6] || (_cache[6] = (...args) => _ctx.handleHeaderMousedown && _ctx.handleHeaderMousedown(...args)),
           onTouchstart: _cache[7] || (_cache[7] = (...args) => _ctx.handleHeaderTouchstart && _ctx.handleHeaderTouchstart(...args))
         }, [
           vue.createElementVNode("div", {
-            class: "ele-modal-title",
+            class: "ele-dialog-title",
             style: vue.normalizeStyle(_ctx.titleStyle)
           }, [
             vue.renderSlot(_ctx.$slots, "header", {
@@ -250,7 +250,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 4),
           _ctx.maxable ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
-            class: "ele-modal-tool ele-modal-tool-max",
+            class: "ele-dialog-tool ele-dialog-tool-max",
             style: vue.normalizeStyle(_ctx.fullscreenBtnStyle),
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFullscreen()),
             onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
@@ -269,7 +269,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 36)) : vue.createCommentVNode("", true),
           _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
-            class: "ele-modal-tool",
+            class: "ele-dialog-tool",
             style: vue.normalizeStyle(_ctx.closeBtnStyle),
             onClick: _cache[3] || (_cache[3] = ($event) => _ctx.updateModelValue(false)),
             onMousedown: _cache[4] || (_cache[4] = vue.withModifiers(() => {
@@ -290,7 +290,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.resizable ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass([
-            "ele-modal-resize-icon",
+            "ele-dialog-resize-icon",
             { "is-horizontal": _ctx.resizable === "horizontal" },
             { "is-vertical": _ctx.resizable === "vertical" }
           ]),
@@ -311,7 +311,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       default: vue.withCtx(() => [
         vue.createVNode(_component_ReceiverView, {
           wrapPosition: false,
-          class: vue.normalizeClass(["ele-modal-body", { "is-form": _ctx.form }]),
+          class: vue.normalizeClass(["ele-dialog-body", { "is-form": _ctx.form }]),
           style: vue.normalizeStyle(_ctx.bodyStyle)
         }, {
           default: vue.withCtx(() => [
@@ -326,7 +326,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         name: "footer",
         fn: vue.withCtx(() => [
           vue.createElementVNode("div", {
-            class: "ele-modal-footer",
+            class: "ele-dialog-footer",
             style: vue.normalizeStyle(_ctx.footerStyle)
           }, [
             vue.renderSlot(_ctx.$slots, "footer")

package/lib/ele-dialog/props.cjs

@@ -9,7 +9,7 @@ const modalProps = {
   },
   draggable: {
     type: Boolean,
-    default: true
+    default: false
   },
   /** 是否可以拖出边界 */
   moveOut: [Boolean, Array],

package/lib/ele-dialog/style/css-var.scss

@@ -1,8 +1,8 @@
 @use '../../style/util.scss' as *;
 
 /* 弹窗主题变量 */
-@mixin set-modal-var($var) {
-  .ele-modal {
-    @include set-ele-var('modal', $var);
+@mixin set-dialog-var($var) {
+  .ele-dialog {
+    @include set-ele-var('dialog', $var);
   }
 }