@dfsj/components 3.7.1 → 3.7.2-alpha.1

package/dist/components/Modal/src/BasicModal.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, Transition, ref, toRefs, watch, computed, unref, createVNode, resolveComponent, withDirectives, resolveDirective } from 'vue';
+import { defineComponent, Transition, ref, toRefs, watch, computed, unref, createVNode, resolveComponent } from 'vue';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { toMainStyle, toBodyStyle } from './utils/index.js';
 import { baseProps, headerProps, footerProps } from './props.js';
@@ -13,7 +13,7 @@ import script$2 from './components/ModalHeader.vue2.js';
 import script$3 from '../../Icon/src/Icon.vue2.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var script = defineComponent({
   components: {
     ModalFooter: script$1,
@@ -58,14 +58,15 @@ var script = defineComponent({
     }, {
       immediate: true
     });
-    function onSwitch() {
+    function onSwitch(e) {
+      e.stopImmediatePropagation();
       moving.value = false;
       emit('update:maximum', maximum.value = !maximum.value);
-      emit('resize');
+      emit('resize', maximum.value);
     }
-    function onClose() {
+    function onClose(e) {
       innerVisible.value = false;
-      emit('close');
+      emit('close', e);
     }
     var mainClass = computed(function () {
       var cls = [unref(maximum) ? 'maximum' : '', props.modally ? 'modally' : '', props.modalClass];
@@ -90,30 +91,32 @@ var script = defineComponent({
     });
     var getTitleBefore = function getTitleBefore() {
       var _slot = getSlot(slots, 'titleBefore', _objectSpread({}, props));
-      var _slotFn = props === null || props === undefined ? undefined : props.titleBefore;
-      return _slot !== null && _slot !== undefined ? _slot : _slotFn === null || _slotFn === undefined ? undefined : _slotFn();
+      var _slotFn = props === null || props === void 0 ? void 0 : props.titleBefore;
+      return _slot !== null && _slot !== void 0 ? _slot : _slotFn === null || _slotFn === void 0 ? void 0 : _slotFn();
     };
     var getTitleAfter = function getTitleAfter() {
       var _slot = getSlot(slots, 'titleAfter', _objectSpread({}, props));
-      var _slotFn = props === null || props === undefined ? undefined : props.titleAfter;
-      return _slot !== null && _slot !== undefined ? _slot : _slotFn === null || _slotFn === undefined ? undefined : _slotFn();
+      var _slotFn = props === null || props === void 0 ? void 0 : props.titleAfter;
+      return _slot !== null && _slot !== void 0 ? _slot : _slotFn === null || _slotFn === void 0 ? void 0 : _slotFn();
     };
     var getTitle = function getTitle() {
       var _slot = getSlot(slots, 'title', _objectSpread({}, props));
-      var _slotFn = props === null || props === undefined ? undefined : props.title;
-      return (_slot !== null && _slot !== undefined ? _slot : isFunction(_slotFn)) ? _slotFn === null || _slotFn === undefined ? undefined : _slotFn() : _slotFn;
+      var _slotFn = props === null || props === void 0 ? void 0 : props.title;
+      return (_slot !== null && _slot !== void 0 ? _slot : isFunction(_slotFn)) ? _slotFn === null || _slotFn === void 0 ? void 0 : _slotFn() : _slotFn;
     };
     var hasMover = computed(function () {
-      return !!(slots !== null && slots !== undefined && slots['mover']);
+      return !!(slots !== null && slots !== void 0 && slots['mover']);
     });
     return function () {
       var _props$animation, _props$animation2, _slots$mover, _slots$default;
       return innerVisible.value ? createVNode("div", {
-        "class": "component modal dialog component-modal-page-wrap ".concat(mainClass.value),
+        "class": ["component modal dialog component-modal-page-wrap ".concat(mainClass.value), {
+          minimized: props.minimize
+        }],
         "style": mainStyle.value
       }, [createVNode(resolveComponent("transition"), {
-        "enter-active-class": ((_props$animation = props.animation) === null || _props$animation === undefined ? undefined : _props$animation.enter) || 'window--enter-active',
-        "leave-active-class": ((_props$animation2 = props.animation) === null || _props$animation2 === undefined ? undefined : _props$animation2.leave) || 'window--leave-active',
+        "enter-active-class": ((_props$animation = props.animation) === null || _props$animation === void 0 ? void 0 : _props$animation.enter) || 'window--enter-active',
+        "leave-active-class": ((_props$animation2 = props.animation) === null || _props$animation2 === void 0 ? void 0 : _props$animation2.leave) || 'window--leave-active',
         "appear": true
       }, {
         "default": function _default() {
@@ -142,7 +145,7 @@ var script = defineComponent({
             "class": "modal--content component-modal-content"
           }, [hasMover.value && createVNode("div", {
             "class": "mover ".concat(moverClass)
-          }, [(_slots$mover = slots.mover) === null || _slots$mover === undefined ? undefined : _slots$mover.call(slots)]), (_slots$default = slots["default"]) === null || _slots$default === undefined ? undefined : _slots$default.call(slots)]), withDirectives(createVNode(script$1, null, null), [[resolveDirective("bind"), getBindValue]])])];
+          }, [(_slots$mover = slots.mover) === null || _slots$mover === void 0 ? void 0 : _slots$mover.call(slots)]), (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]), createVNode(script$1, unref(getBindValue), null)])];
         }
       })]) : null;
     };

package/dist/components/{src/components/Modal → Modal}/src/components/ModalFooter.vue.d.ts

@@ -25,12 +25,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             color: string;
         };
     };
-    onCancel: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onCancel: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
     };
-    onSubmit: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onSubmit: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
@@ -64,12 +64,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             color: string;
         };
     };
-    onCancel: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onCancel: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
     };
-    onSubmit: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onSubmit: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;

package/dist/components/Modal/src/components/ModalFooter.vue2.js

@@ -1,6 +1,5 @@
-import { normalizeClass, defineComponent, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString, unref, createCommentVNode } from 'vue';
+import { normalizeClass, defineComponent, toRefs, resolveComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { footerProps } from '../props.js';
-import { cancel, submit } from '../config.js';
 
 var _hoisted_1 = {
   key: 0,
@@ -10,19 +9,30 @@ var script = defineComponent({
   __name: 'ModalFooter',
   props: footerProps,
   setup: function setup(__props) {
+    var props = __props;
+    var _toRefs = toRefs(props),
+      submitOpt = _toRefs.submitOpt,
+      cancelOpt = _toRefs.cancelOpt;
     return function (_ctx, _cache) {
+      var _unref2, _unref3;
       var _component_el_button = resolveComponent("el-button");
-      return !!_ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_el_button, null, {
+      return !!_ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_el_button, {
+        onClick: _ctx.onCancel,
+        type: (_unref2 = unref(cancelOpt)) === null || _unref2 === void 0 ? void 0 : _unref2.color
+      }, {
         "default": withCtx(function () {
-          return [createTextVNode(toDisplayString(unref(cancel).label), 1)];
+          return [createTextVNode(toDisplayString(unref(cancelOpt).label), 1)];
         }),
         _: 1
-      }), createVNode(_component_el_button, null, {
+      }, 8, ["onClick", "type"]), createVNode(_component_el_button, {
+        onClick: _ctx.onSubmit,
+        type: (_unref3 = unref(submitOpt)) === null || _unref3 === void 0 ? void 0 : _unref3.color
+      }, {
         "default": withCtx(function () {
-          return [createTextVNode(toDisplayString(unref(submit).label), 1)];
+          return [createTextVNode(toDisplayString(unref(submitOpt).label), 1)];
         }),
         _: 1
-      })])) : createCommentVNode("v-if", true);
+      }, 8, ["onClick", "type"])])) : createCommentVNode("v-if", true);
     };
   }
 });

package/dist/components/{src/components/Modal → Modal}/src/components/ModalHeader.vue.d.ts

@@ -29,10 +29,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     titleAlign: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    titleBefore: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    titleBefore: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     };
-    titleAfter: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    titleAfter: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     };
     switcherIcon: {
@@ -55,6 +55,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             color: string;
         };
     };
+    minimize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     minimizer: {
         type: BooleanConstructor;
         default: boolean;
@@ -66,17 +70,37 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             color: string;
         };
     };
-    onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onResize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onModalMousemove: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
     };
-    onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onModalMousedown: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
     };
-    onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onModalMouseup: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
@@ -114,10 +138,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     titleAlign: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    titleBefore: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    titleBefore: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     };
-    titleAfter: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    titleAfter: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     };
     switcherIcon: {
@@ -140,6 +164,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             color: string;
         };
     };
+    minimize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     minimizer: {
         type: BooleanConstructor;
         default: boolean;
@@ -151,17 +179,37 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             color: string;
         };
     };
-    onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onResize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onModalMousemove: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
     };
-    onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onModalMousedown: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
     };
-    onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onModalMouseup: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
@@ -179,10 +227,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     titleAfter: (...args: any[]) => any;
     switcherIcon: Record<string, any>;
     closerIcon: Record<string, any>;
+    minimize: boolean;
     minimizer: boolean;
     minimizerIcon: Record<string, any>;
     onMinimize: (...args: any[]) => any;
     onSwitch: (...args: any[]) => any;
     onClose: (...args: any[]) => any;
+    onResize: (...args: any[]) => any;
+    onModalMousemove: (...args: any[]) => any;
+    onModalMousedown: (...args: any[]) => any;
+    onModalMouseup: (...args: any[]) => any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/Modal/src/components/ModalHeader.vue2.js

@@ -18,7 +18,7 @@ var _hoisted_3 = {
 };
 var _hoisted_4 = {
   key: 3,
-  "class": "header-before"
+  "class": "header-after"
 };
 var _hoisted_5 = {
   "class": "modal-header-right-control-wrap"
@@ -36,7 +36,7 @@ var script = defineComponent({
     });
     var sIcon = computed(function () {
       var _props$switcherIcon;
-      return (_props$switcherIcon = props.switcherIcon) === null || _props$switcherIcon === undefined ? undefined : _props$switcherIcon[props.maximum].image;
+      return (_props$switcherIcon = props.switcherIcon) === null || _props$switcherIcon === void 0 ? void 0 : _props$switcherIcon[props.maximum].image;
     });
     return function (_ctx, _cache) {
       var _ctx$minimizerIcon;
@@ -58,7 +58,7 @@ var script = defineComponent({
         size: 28,
         color: "white",
         onClick: withModifiers(_ctx.onMinimize, ["stop"]),
-        icon: (_ctx$minimizerIcon = _ctx.minimizerIcon) === null || _ctx$minimizerIcon === undefined ? undefined : _ctx$minimizerIcon.image
+        icon: (_ctx$minimizerIcon = _ctx.minimizerIcon) === null || _ctx$minimizerIcon === void 0 ? void 0 : _ctx$minimizerIcon.image
       }, null, 8, ["onClick", "icon"])) : createCommentVNode("v-if", true), !!_ctx.switcherIcon && props.maximizer ? (openBlock(), createBlock(script$1, {
         key: 1,
         "class": "cursor-pointer",

package/dist/components/Modal/src/config.js

@@ -15,11 +15,11 @@ var closer = {
 };
 var cancel = {
   label: '取消',
-  color: 'warning'
+  color: 'info'
 };
 var submit = {
   label: '提交',
-  color: 'warning'
+  color: 'primary'
 };
 var minimizer = {
   image: 'mdi:minimize',

package/dist/components/Modal/src/hooks/useModalDrag.js

@@ -29,7 +29,9 @@ function useModalDragMove(context) {
     if (!dialogHeaderEl || !dragDom || !unref(context.draggable)) return;
     dialogHeaderEl.style.cursor = 'move';
     dialogHeaderEl.onmousedown = function (e) {
+      var _e$target, _context$props, _context$props$onModa;
       if (!e) return;
+      console.log(e);
       var element = context.props.modally ? that.refs.body : proxy.$el;
       var bounder = element.getBoundingClientRect();
       sign.l = bounder.left;
@@ -37,9 +39,11 @@ function useModalDragMove(context) {
       sign.x = e.x;
       sign.y = e.y;
       moving.value = true;
+      if (!e || ['svg', 'path'].includes(e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.nodeName)) (_context$props = context.props) === null || _context$props === void 0 || (_context$props$onModa = _context$props.onModalMousedown) === null || _context$props$onModa === void 0 || _context$props$onModa.call(_context$props);
       document.onmousemove = function (event) {
         var moved = sign.x !== event.x || sign.y !== event.y;
         if (moved && moving.value && !context.maximum.value) {
+          var _context$props2, _context$props2$onMod;
           event.preventDefault();
           delete locator.right;
           delete locator.bottom;
@@ -63,12 +67,15 @@ function useModalDragMove(context) {
           locator.right = "unset !important";
           locator.bottom = "unset !important";
           that.emit('update:offset', locator);
+          (_context$props2 = context.props) === null || _context$props2 === void 0 || (_context$props2$onMod = _context$props2.onModalMousemove) === null || _context$props2$onMod === void 0 || _context$props2$onMod.call(_context$props2, event);
         }
       };
-      document.onmouseup = function () {
+      document.onmouseup = function (e) {
+        var _e$target2, _context$props3, _context$props3$onMod;
         moving.value = false;
         document.onmousemove = null;
         document.onmouseup = null;
+        if (!e || ['svg', 'path'].includes(e === null || e === void 0 || (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.nodeName)) (_context$props3 = context.props) === null || _context$props3 === void 0 || (_context$props3$onMod = _context$props3.onModalMouseup) === null || _context$props3$onMod === void 0 || _context$props3$onMod.call(_context$props3);
       };
     };
   };
@@ -78,7 +85,7 @@ function useModalDragMove(context) {
     var dragWrap = proxy.$el;
     if (!dragWrap) return;
     var display = getStyle(dragWrap, 'display');
-    var draggable = (_dragWrap$getAttribut = dragWrap.getAttribute('data-drag')) !== null && _dragWrap$getAttribut !== undefined ? _dragWrap$getAttribut : true;
+    var draggable = (_dragWrap$getAttribut = dragWrap.getAttribute('data-drag')) !== null && _dragWrap$getAttribut !== void 0 ? _dragWrap$getAttribut : true;
     if (display !== 'none') {
       if (draggable === null || unref(context.destroyOnClose)) {
         drag(dragWrap);

package/dist/components/Modal/src/hooks/useTimeout.d.ts

@@ -0,0 +1,15 @@
+export declare function isFunction(val: unknown): val is Function;
+declare interface Fn<T = any, R = T> {
+    (...arg: T[]): R;
+}
+export declare function useTimeoutFn(handle: Fn<any>, wait: number, native?: boolean): {
+    readyRef: import("vue").Ref<boolean, boolean>;
+    stop: () => void;
+    start: () => void;
+};
+export declare function useTimeoutRef(wait: number): {
+    readyRef: import("vue").Ref<boolean, boolean>;
+    stop: () => void;
+    start: () => void;
+};
+export {};

package/dist/components/Modal/src/hooks/useTimeout.js

@@ -1,5 +1,5 @@
 import { watch, ref } from 'vue';
-import { tryOnUnmounted } from '../../../../node_modules/.pnpm/@vueuse_shared@10.11.1_vue@3.5.13_typescript@5.7.3_/node_modules/@vueuse/shared/index.js';
+import { tryOnUnmounted } from '../../../../node_modules/.pnpm/@vueuse_shared@13.7.0_vue@3.5.19_typescript@5.9.2_/node_modules/@vueuse/shared/index.js';
 
 function isFunction(val) {
   return typeof val === 'function';

package/dist/components/{src/components/Modal → Modal}/src/props.d.ts

@@ -74,10 +74,10 @@ export declare const headerProps: {
     titleAlign: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    titleBefore: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    titleBefore: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     };
-    titleAfter: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    titleAfter: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     };
     switcherIcon: {
@@ -100,6 +100,10 @@ export declare const headerProps: {
             color: string;
         };
     };
+    minimize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     minimizer: {
         type: BooleanConstructor;
         default: boolean;
@@ -111,17 +115,37 @@ export declare const headerProps: {
             color: string;
         };
     };
-    onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onResize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    onModalMousemove: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
     };
-    onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onModalMousedown: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
     };
-    onClose: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onModalMouseup: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
@@ -154,12 +178,12 @@ export declare const footerProps: {
             color: string;
         };
     };
-    onCancel: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onCancel: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;
     };
-    onSubmit: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
+    onSubmit: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/shared/vue-types.d8e57a80").b<(...args: any[]) => any>> & {
         default: (...args: any[]) => any;
     } & {
         default: (...args: any[]) => any;

package/dist/components/Modal/src/props.js

@@ -77,6 +77,10 @@ var headerProps = {
       return closer;
     }
   },
+  minimize: {
+    type: Boolean,
+    "default": false
+  },
   minimizer: {
     type: Boolean,
     "default": false
@@ -89,7 +93,11 @@ var headerProps = {
   },
   onMinimize: propTypes.func.def(function () {}),
   onSwitch: propTypes.func.def(function () {}),
-  onClose: propTypes.func.def(function () {})
+  onClose: propTypes.func.def(function () {}),
+  onResize: propTypes.func.def(function () {}),
+  onModalMousemove: propTypes.func.def(function () {}),
+  onModalMousedown: propTypes.func.def(function () {}),
+  onModalMouseup: propTypes.func.def(function () {})
 };
 var footerProps = {
   footer: {

package/dist/components/Modal/src/utils/index.d.ts

@@ -0,0 +1,3 @@
+export declare function toMainStyle(props: any, locator: any, maximum: any): any;
+export declare function toBodyStyle(props: any, locator: any, maximum: any): any;
+export declare function clamp(value: any, min: any, max: any): any;

package/dist/components/Modal/src/utils/index.js

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { unref } from 'vue';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function ensure(value) {
   return value == null ? null : isNaN(value) ? value : "".concat(value, "px");
 }