yuang-framework-ui-pc 1.1.14 → 1.1.16

package/lib/core-components.cjs

@@ -25,34 +25,33 @@ 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$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$p = require("./ele-dialog/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/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

@@ -18,58 +18,58 @@ 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-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);
@@ -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,
@@ -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/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,
@@ -9,7 +9,7 @@ const modalProps = {
   },
   draggable: {
     type: Boolean,
-    default: true
+    default: false
   },
   /** 是否可以拖出边界 */
   moveOut: [Boolean, Array],
@@ -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/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);
   }
 }