@dfsj/components 3.7.2-alpha.6 → 4.0.0-alpha.1

package/dist/components/InputPassword/src/InputPassword.vue2.js

@@ -1,58 +1,11 @@
-import { defineComponent, watch, unref, ref, computed, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, createElementVNode, createCommentVNode } from 'vue';
-import { ElInput } from 'element-plus';
-import propTypes from 'vue-types';
-import { zxcvbn } from '@zxcvbn-ts/core';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.1
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-09 10:11:28
+ *     
+ *     
+ */
 
-var _hoisted_1 = ["data-score"];
-var prefixCls = 'ec-component-input-password';
-var script = defineComponent({
-  __name: 'InputPassword',
-  props: {
-    strength: propTypes.bool.def(false),
-    modelValue: propTypes.string.def('')
-  },
-  emits: ['update:modelValue'],
-  setup: function setup(__props, _ref) {
-    var __emit = _ref.emit;
-    var props = __props;
-    watch(function () {
-      return props.modelValue;
-    }, function (val) {
-      if (val === unref(valueRef)) return;
-      valueRef.value = val;
-    });
-    var emit = __emit;
-    var textType = ref('password');
-    var valueRef = ref(props.modelValue);
-    watch(function () {
-      return valueRef.value;
-    }, function (val) {
-      emit('update:modelValue', val);
-    });
-    var getPasswordStrength = computed(function () {
-      var value = unref(valueRef);
-      var zxcvbnRef = zxcvbn(unref(valueRef));
-      return value ? zxcvbnRef.score : -1;
-    });
-    return function (_ctx, _cache) {
-      return openBlock(), createElementBlock("div", {
-        "class": normalizeClass([prefixCls, "".concat(prefixCls, "--default")])
-      }, [createVNode(unref(ElInput), mergeProps(_ctx.$attrs, {
-        modelValue: valueRef.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
-          return valueRef.value = $event;
-        }),
-        showPassword: "",
-        type: textType.value
-      }), null, 16, ["modelValue", "type"]), __props.strength ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        "class": normalizeClass(["".concat(prefixCls, "__bar"), "relative h-6px mt-10px mb-6px mr-auto ml-auto"])
-      }, [createElementVNode("div", {
-        "class": normalizeClass("".concat(prefixCls, "__bar--fill")),
-        "data-score": getPasswordStrength.value
-      }, null, 10, _hoisted_1)], 2)) : createCommentVNode("v-if", true)], 2);
-    };
-  }
-});
-
-export { script as default };
+import{defineComponent as e,watch as t,unref as a,ref as o,computed as r,openBlock as u,createElementBlock as l,normalizeClass as n,createVNode as s,mergeProps as d,createElementVNode as m,createCommentVNode as c}from"vue";import{ElInput as i}from"element-plus";import p from"vue-types";import{zxcvbn as f}from"@zxcvbn-ts/core";var v=["data-score"],V="dfsj-input-password",b=e({__name:"InputPassword",props:{strength:p.bool.def(!1),modelValue:p.string.def("")},emits:["update:modelValue"],setup:function(e,p){var b=p.emit,_=e;t(function(){return _.modelValue},function(e){e!==a(h)&&(h.value=e)});var w=b,x=o("password"),h=o(_.modelValue);t(function(){return h.value},function(e){w("update:modelValue",e)});var y=r(function(){var e=a(h),t=f(a(h));return e?t.score:-1});return function(t,o){return u(),l("div",{class:n([V,"".concat(V,"--default")])},[s(a(i),d(t.$attrs,{modelValue:h.value,"onUpdate:modelValue":o[0]||(o[0]=function(e){return h.value=e}),showPassword:"",type:x.value}),null,16,["modelValue","type"]),e.strength?(u(),l("div",{key:0,class:n(["".concat(V,"__bar"),"relative h-6px mt-10px mb-6px mr-auto ml-auto"])},[m("div",{class:n("".concat(V,"__bar--fill absolute")),"data-score":y.value},null,10,v)],2)):c("v-if",!0)],2)}}});export{b as default};

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

@@ -1,5 +1,11 @@
-import script from './BasicModal.vue2.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.1
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-09 10:11:28
+ *     
+ *     
+ */
 
-script.__file = "src/components/Modal/src/BasicModal.vue";
-
-export { script as default };
+import o from"./BasicModal.vue2.js";o.__file="src/components/Modal/src/BasicModal.vue";export{o as default};

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

@@ -1,155 +1,11 @@
-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';
-import { useModalDragMove } from './hooks/useModalDrag.js';
-import './components/ModalHeader.vue.js';
-import '../../Icon/src/Icon.vue.js';
-import './components/ModalFooter.vue.js';
-import { moverClass } from './config.js';
-import { getSlot, isFunction } from '@dfsj/utils';
-import script$1 from './components/ModalFooter.vue2.js';
-import script$2 from './components/ModalHeader.vue2.js';
-import script$3 from '../../Icon/src/Icon.vue2.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.1
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-09 10:11:28
+ *     
+ *     
+ */
 
-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), !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,
-    ModalHeader: script$2,
-    Icon: script$3,
-    Transition: Transition
-  },
-  props: _objectSpread(_objectSpread(_objectSpread({}, baseProps), headerProps), footerProps),
-  name: 'BasicModal',
-  emits: ['update:maximum', 'resize', 'close', 'minimize'],
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots,
-      emit = _ref.emit,
-      attrs = _ref.attrs;
-    var destroyOnClose = ref(true);
-    var _toRefs = toRefs(props),
-      visible = _toRefs.visible;
-    var innerVisible = ref(visible.value || false);
-    var draggable = ref(true);
-    var maximum = ref(props.maximum || false);
-    watch(function () {
-      return visible.value;
-    }, function (value) {
-      innerVisible.value = value;
-    }, {
-      deep: true
-    });
-    var _useModalDragMove = useModalDragMove({
-        maximum: maximum,
-        props: props,
-        draggable: draggable,
-        visible: innerVisible,
-        destroyOnClose: destroyOnClose,
-        moverEl: moverClass
-      }),
-      moving = _useModalDragMove.moving,
-      locator = _useModalDragMove.locator;
-    watch(function () {
-      return props.offset;
-    }, function (v) {
-      return v && Object.assign(locator, v);
-    }, {
-      immediate: true
-    });
-    function onSwitch(e) {
-      e.stopImmediatePropagation();
-      moving.value = false;
-      emit('update:maximum', maximum.value = !maximum.value);
-      emit('resize', maximum.value);
-    }
-    function onClose(e) {
-      innerVisible.value = false;
-      emit('close', e);
-    }
-    var mainClass = computed(function () {
-      var cls = [unref(maximum) ? 'maximum' : '', props.modally ? 'modally' : '', props.modalClass];
-      return cls.join(' ');
-    });
-    function onMinimize() {
-      emit('minimize');
-    }
-    var mainStyle = computed(function () {
-      return toMainStyle(props, locator, maximum);
-    });
-    var bodyStyle = computed(function () {
-      return toBodyStyle(props, locator, maximum);
-    });
-    var getBindValue = computed(function () {
-      return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, attrs), slots), props), {}, {
-        onSwitch: onSwitch,
-        onClose: onClose,
-        onMinimize: onMinimize,
-        maximum: unref(maximum)
-      });
-    });
-    var getTitleBefore = function getTitleBefore() {
-      var _slot = getSlot(slots, 'titleBefore', _objectSpread({}, props));
-      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 === 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 === 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 !== 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), {
-          minimized: props.minimize
-        }],
-        "style": mainStyle.value
-      }, [createVNode(resolveComponent("transition"), {
-        "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() {
-          return [createVNode("div", {
-            "ref": 'body',
-            "style": bodyStyle.value,
-            "class": "modal--body component-modal-body"
-          }, [createVNode(script$2, unref(getBindValue), {
-            headerBefore: function headerBefore() {
-              return getTitleBefore();
-            },
-            icon: function icon() {
-              return props.headerIcon ? createVNode(script$3, {
-                "color": "white",
-                "size": 26,
-                "icon": props.headerIcon
-              }, null) : null;
-            },
-            title: function title() {
-              return getTitle();
-            },
-            headerAfter: function headerAfter() {
-              return getTitleAfter();
-            }
-          }), createVNode("div", {
-            "class": "modal--content component-modal-content"
-          }, [hasMover.value && createVNode("div", {
-            "class": "mover ".concat(moverClass)
-          }, [(_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;
-    };
-  }
-});
-
-export { script as default };
+import{defineComponent as e,Transition as o,ref as n,toRefs as t,watch as l,computed as i,unref as r,createVNode as a,resolveComponent as u}from"vue";import{objectSpread2 as c,defineProperty as m}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{toMainStyle as s,toBodyStyle as v}from"./utils/index.js";import{baseProps as f,headerProps as d,footerProps as p}from"./props.js";import{useModalDragMove as j}from"./hooks/useModalDrag.js";import"./components/ModalHeader.vue.js";import"../../Icon/src/Icon.vue2.js";import"./components/ModalFooter.vue.js";import{prefixCls as x,moverClass as h}from"./config.js";import{getSlot as M,isFunction as b}from"@dfsj/utils";import g from"./components/ModalFooter.vue2.js";import y from"./components/ModalHeader.vue2.js";import z from"../../Icon/src/Icon.vue.js";var I=e({components:{ModalFooter:g,ModalHeader:y,Icon:z,Transition:o},props:c(c(c({},f),d),p),name:"BasicModal",emits:["update:maximum","resize","close","minimize"],setup:function(e,o){var f=o.slots,d=o.emit,p=o.attrs,I=n(!0),_=t(e).visible,B=n(_.value||!1),H=n(!0),A=n(e.maximum||!1);l(function(){return _.value},function(e){B.value=e},{deep:!0});var C=j({maximum:A,props:e,draggable:H,visible:B,destroyOnClose:I,moverEl:h}),F=C.moving,P=C.locator;function w(e){e.stopImmediatePropagation(),F.value=!1,d("update:maximum",A.value=!A.value),d("resize",A.value)}function O(e){B.value=!1,d("close",e)}l(function(){return e.offset},function(e){return e&&Object.assign(P,e)},{immediate:!0});var S=i(function(){return[r(A)?"".concat(x,"--maximum"):"",e.modally?"".concat(x,"--modally"):"",e.modalClass].join(" ")});function k(){d("minimize")}var D=i(function(){return s(e,P,A)}),E=i(function(){return v(e,P,A)}),T=i(function(){return c(c(c(c({},p),f),e),{},{onSwitch:w,onClose:O,onMinimize:k,maximum:r(A)})}),q=i(function(){return!(null==f||!f.mover)});return function(){var o,n,t,l;return B.value?a("div",{class:["".concat(x," flex flex-col min-h-0 ").concat(S.value),m({},"".concat(x,"--minimized"),e.minimize)],style:D.value},[a(u("transition"),{"enter-active-class":(null===(o=e.animation)||void 0===o?void 0:o.enter)||"".concat(x,"-enter-active"),"leave-active-class":(null===(n=e.animation)||void 0===n?void 0:n.leave)||"".concat(x,"-leave-active"),appear:!0},{default:function(){return[a("div",{ref:"body",style:E.value,class:"".concat(x,"__body h-full w-full flex flex-col min-h-0")},[a(y,r(T),{headerBefore:function(){return o=M(f,"titleBefore",c({},e)),n=null==e?void 0:e.titleBefore,null!=o?o:null==n?void 0:n();var o,n},icon:function(){return e.headerIcon?a(z,{size:26,icon:e.headerIcon},null):null},title:function(){return o=M(f,"title",c({},e)),n=null==e?void 0:e.title,(null!=o?o:b(n))?null==n?void 0:n():n;var o,n},headerAfter:function(){return o=M(f,"titleAfter",c({},e)),n=null==e?void 0:e.titleAfter,null!=o?o:null==n?void 0:n();var o,n}}),a("div",{class:"".concat(x,"__content relative flex-1 flex flex-col h-full")},[q.value&&a("div",{class:"".concat(h)},[null===(t=f.mover)||void 0===t?void 0:t.call(f)]),null===(l=f.default)||void 0===l?void 0:l.call(f)]),a(g,r(T),null)])]}})]):null}}});export{I as default};

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

@@ -1,5 +1,11 @@
-import script from './ModalFooter.vue2.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.1
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-09 10:11:28
+ *     
+ *     
+ */
 
-script.__file = "src/components/Modal/src/components/ModalFooter.vue";
-
-export { script as default };
+import o from"./ModalFooter.vue2.js";o.__file="src/components/Modal/src/components/ModalFooter.vue";export{o as default};

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

@@ -1,40 +1,11 @@
-import { normalizeClass, defineComponent, toRefs, resolveComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-import { footerProps } from '../props.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.1
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-09 10:11:28
+ *     
+ *     
+ */
 
-var _hoisted_1 = {
-  key: 0,
-  "class": normalizeClass(['component-modal-footer'])
-};
-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, {
-        onClick: _ctx.onCancel,
-        type: (_unref2 = unref(cancelOpt)) === null || _unref2 === void 0 ? void 0 : _unref2.color
-      }, {
-        "default": withCtx(function () {
-          return [createTextVNode(toDisplayString(unref(cancelOpt).label), 1)];
-        }),
-        _: 1
-      }, 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(submitOpt).label), 1)];
-        }),
-        _: 1
-      }, 8, ["onClick", "type"])])) : createCommentVNode("v-if", true);
-    };
-  }
-});
-
-export { script as default };
+import{defineComponent as o,toRefs as t,resolveComponent as e,openBlock as n,createElementBlock as r,normalizeClass as l,unref as i,createVNode as u,withCtx as c,createTextVNode as f,toDisplayString as a,createCommentVNode as p}from"vue";import{footerProps as s}from"../props.js";import{prefixCls as m}from"../config.js";var v=o({__name:"ModalFooter",props:s,setup:function(o){var s=t(o),v=s.submitOpt,d=s.cancelOpt;return function(o,t){var s,b,y=e("el-button");return o.footer?(n(),r("div",{key:0,class:l("".concat(i(m),"__footer absolute bottom-0 left-0 right-0 h-40px flex justify-center items-center"))},[u(y,{onClick:o.onCancel,type:null===(s=i(d))||void 0===s?void 0:s.color},{default:c(function(){return[f(a(i(d).label),1)]}),_:1},8,["onClick","type"]),u(y,{onClick:o.onSubmit,type:null===(b=i(v))||void 0===b?void 0:b.color},{default:c(function(){return[f(a(i(v).label),1)]}),_:1},8,["onClick","type"])],2)):p("v-if",!0)}}});export{v as default};

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

@@ -1,5 +1,11 @@
-import script from './ModalHeader.vue2.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.1
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-09 10:11:28
+ *     
+ *     
+ */
 
-script.__file = "src/components/Modal/src/components/ModalHeader.vue";
-
-export { script as default };
+import e from"./ModalHeader.vue2.js";e.__file="src/components/Modal/src/components/ModalHeader.vue";export{e as default};

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

@@ -1,81 +1,11 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createCommentVNode, createElementVNode, renderSlot, createBlock, withModifiers } from 'vue';
-import { headerProps } from '../props.js';
-import '../../../Icon/src/Icon.vue.js';
-import { moverClass } from '../config.js';
-import script$1 from '../../../Icon/src/Icon.vue2.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.1
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-09 10:11:28
+ *     
+ *     
+ */
 
-var _hoisted_1 = {
-  key: 0,
-  "class": "header-before"
-};
-var _hoisted_2 = {
-  key: 1,
-  "class": "header--icon"
-};
-var _hoisted_3 = {
-  key: 2,
-  "class": "header--title"
-};
-var _hoisted_4 = {
-  key: 3,
-  "class": "header-after"
-};
-var _hoisted_5 = {
-  "class": "modal-header-right-control-wrap"
-};
-var script = defineComponent({
-  __name: 'ModalHeader',
-  props: headerProps,
-  setup: function setup(__props) {
-    var props = __props;
-    var getStyle = computed(function () {
-      return {
-        background: props.background,
-        color: '#fff'
-      };
-    });
-    var sIcon = computed(function () {
-      var _props$switcherIcon;
-      return (_props$switcherIcon = props.switcherIcon) === null || _props$switcherIcon === void 0 ? void 0 : _props$switcherIcon[props.maximum].image;
-    });
-    return function (_ctx, _cache) {
-      var _ctx$minimizerIcon;
-      return !!_ctx.header ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        "class": normalizeClass(['component-modal-header', unref(moverClass)]),
-        style: normalizeStyle(getStyle.value),
-        onDblclick: _cache[0] || (_cache[0] = function () {
-          return _ctx.onSwitch();
-        })
-      }, [createCommentVNode(" 头部信息"), createElementVNode("div", {
-        "class": "modal-header-main-container-wrap",
-        style: normalizeStyle({
-          'justify-content': props.titleAlign
-        })
-      }, [createCommentVNode(" 左侧的信息"), _ctx.$slots.headerBefore ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "headerBefore")])) : createCommentVNode("v-if", true), createCommentVNode("图标"), _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true), createCommentVNode("文字"), _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("v-if", true), createCommentVNode("追加"), _ctx.$slots.headerAfter ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "headerAfter")])) : createCommentVNode("v-if", true)], 4), createCommentVNode("   右侧的按钮"), createElementVNode("div", _hoisted_5, [!!_ctx.minimizerIcon && props.minimizer ? (openBlock(), createBlock(script$1, {
-        key: 0,
-        "class": "cursor-pointer",
-        size: 28,
-        color: "white",
-        onClick: withModifiers(_ctx.onMinimize, ["stop"]),
-        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",
-        size: 28,
-        color: "white",
-        onClick: withModifiers(_ctx.onSwitch, ["stop"]),
-        icon: sIcon.value
-      }, null, 8, ["onClick", "icon"])) : createCommentVNode("v-if", true), !!_ctx.closerIcon && props.closer ? (openBlock(), createBlock(script$1, {
-        key: 2,
-        size: 28,
-        color: "white",
-        "class": "cursor-pointer",
-        onClick: withModifiers(_ctx.onClose, ["stop"]),
-        icon: _ctx.closerIcon.image
-      }, null, 8, ["onClick", "icon"])) : createCommentVNode("v-if", true)])], 38)) : createCommentVNode("v-if", true);
-    };
-  }
-});
-
-export { script as default };
+import{defineComponent as e,ref as o,computed as i,openBlock as t,createElementBlock as n,normalizeClass as c,unref as l,normalizeStyle as r,createCommentVNode as s,createElementVNode as a,renderSlot as u,createBlock as v,withModifiers as d}from"vue";import{headerProps as m}from"../props.js";import"../../../Icon/src/Icon.vue2.js";import{prefixCls as p,moverClass as f}from"../config.js";import y from"../../../Icon/src/Icon.vue.js";var h={key:0},k={key:1},x={key:4},b={class:"absolute z-4 top-0 right-0 bottom-0 flex justify-end items-center gap-10px pr-10px"},C=e({__name:"ModalHeader",props:m,setup:function(e){var m=e,C=o(!1),z=null,g=i(function(){var e;return null===(e=m.switcherIcon)||void 0===e?void 0:e[m.maximum].image}),I=i(function(){return{"select-text":m.copyable,"cursor-text":m.copyable}}),_=i(function(){return C.value?"mdi:check":"mdi:content-copy"});function $(){var e,o,i=document.querySelector(".".concat(p,"__header-title")),t=(null==i||null===(e=i.textContent)||void 0===e?void 0:e.trim())||"";if(t){var n=function(){C.value=!0,z&&clearTimeout(z),z=setTimeout(function(){C.value=!1},1500)};null===(o=navigator.clipboard)||void 0===o||o.writeText(t).then(n).catch(function(){var e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),n()})}}return function(e,o){var i;return e.header?(t(),n("div",{key:0,class:c(["".concat(l(p),"__header"),l(f),"relative w-full h-40px min-h-40px"]),style:r({background:m.background||void 0}),onDblclick:o[0]||(o[0]=function(){return e.onSwitch()})},[s(" 头部信息 "),a("div",{class:"w-full h-full overflow-hidden flex items-center relative z-1 pl-12px",style:r({"justify-content":m.titleAlign})},[s(" 左侧的信息 "),e.$slots.headerBefore?(t(),n("div",h,[u(e.$slots,"headerBefore")])):s("v-if",!0),s(" 图标 "),e.$slots.icon?(t(),n("div",k,[u(e.$slots,"icon")])):s("v-if",!0),s(" 文字 "),e.$slots.title?(t(),n("div",{key:2,class:c(["".concat(l(p),"__header-title"),I.value])},[u(e.$slots,"title")],2)):s("v-if",!0),s(" 复制按钮：仅 copyable 时显示 "),m.copyable&&e.$slots.title?(t(),v(y,{key:3,class:c(["".concat(l(p),"__copy-btn"),"cursor-pointer shrink-0 ml-4px"]),size:18,color:C.value?"#67c23a":void 0,icon:_.value,onClick:d($,["stop"])},null,8,["class","color","icon"])):s("v-if",!0),s(" 追加 "),e.$slots.headerAfter?(t(),n("div",x,[u(e.$slots,"headerAfter")])):s("v-if",!0)],4),s(" 右侧的按钮 "),a("div",b,[e.minimizerIcon&&m.minimizer?(t(),v(y,{key:0,class:"cursor-pointer",size:28,onClick:d(e.onMinimize,["stop"]),icon:null===(i=e.minimizerIcon)||void 0===i?void 0:i.image},null,8,["onClick","icon"])):s("v-if",!0),e.switcherIcon&&m.maximizer?(t(),v(y,{key:1,class:"cursor-pointer",size:28,onClick:d(e.onSwitch,["stop"]),icon:g.value},null,8,["onClick","icon"])):s("v-if",!0),e.closerIcon&&m.closer?(t(),v(y,{key:2,size:28,class:"cursor-pointer",onClick:d(e.onClose,["stop"]),icon:e.closerIcon.image},null,8,["onClick","icon"])):s("v-if",!0)])],38)):s("v-if",!0)}}});export{C as default};

package/dist/components/Modal/src/config.d.ts

@@ -1,4 +1,5 @@
-declare const moverClass = "modal-dom-el";
+declare const prefixCls = "dfsj-modal";
+declare const moverClass = "dfsj-modal__drag-target";
 declare const switcher: {
     true: {
         image: string;
@@ -25,4 +26,4 @@ declare const minimizer: {
     image: string;
     color: string;
 };
-export { switcher, closer, cancel, submit, moverClass, minimizer };
+export { switcher, closer, cancel, submit, moverClass, prefixCls, minimizer };

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

@@ -1,29 +1,11 @@
-var moverClass = "modal-dom-el";
-var switcher = {
-  "true": {
-    image: 'mdi:window-restore',
-    color: 'transparent'
-  },
-  "false": {
-    image: 'mdi:window-maximize',
-    color: 'transparent'
-  }
-};
-var closer = {
-  image: 'mdi:close',
-  color: 'transparent'
-};
-var cancel = {
-  label: '取消',
-  color: 'info'
-};
-var submit = {
-  label: '提交',
-  color: 'primary'
-};
-var minimizer = {
-  image: 'mdi:minimize',
-  color: 'transparent'
-};
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.1
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-09 10:11:28
+ *     
+ *     
+ */
 
-export { cancel, closer, minimizer, moverClass, submit, switcher };
+var r="dfsj-modal",a="".concat(r,"__drag-target"),o={true:{image:"mdi:window-restore",color:"transparent"},false:{image:"mdi:window-maximize",color:"transparent"}},e={image:"mdi:close",color:"transparent"},i={label:"取消",color:"info"},m={label:"提交",color:"primary"},t={image:"mdi:minimize",color:"transparent"};export{i as cancel,e as closer,t as minimizer,a as moverClass,r as prefixCls,m as submit,o as switcher};

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

@@ -1,110 +1,11 @@
-import { ref, reactive, getCurrentInstance, watchEffect, unref } from 'vue';
-import { useTimeoutFn } from './useTimeout.js';
-import { clamp } from '../utils/index.js';
+/**
+ * 
+ *     @dfsj/components： 通用的vue组件;包括专业组件、原子级组件
+ *     版本: v4.0.0-alpha.1
+ *     作者：yangbo <1747837358@qq.com>
+ *     日期：2026-07-09 10:11:28
+ *     
+ *     
+ */
 
-function useModalDragMove(context) {
-  var moving = ref(false);
-  var locator = reactive({
-    top: null,
-    bottom: null,
-    left: null,
-    right: null
-  });
-  var sign = reactive({
-    x: undefined,
-    y: undefined,
-    l: undefined,
-    t: undefined
-  });
-  var that = getCurrentInstance();
-  var getStyle = function getStyle(dom, attr) {
-    return getComputedStyle(dom)[attr];
-  };
-  var drag = function drag(wrap) {
-    if (!wrap) return;
-    wrap.setAttribute('data-drag', unref(context.draggable));
-    var dialogHeaderEl = wrap.querySelector(".".concat(context.moverEl));
-    var proxy = that.proxy;
-    var dragDom = proxy.$el;
-    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;
-      sign.t = bounder.top;
-      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;
-          if (context.props.extent) {
-            var ex = context.props.extent;
-            var dx = event.x - sign.x;
-            var dy = event.y - sign.y;
-            var br = that.refs.body.getBoundingClientRect();
-            var el = ex.left != null ? ex.left : -Number.MAX_VALUE;
-            var et = ex.top != null ? ex.top : -Number.MAX_VALUE;
-            var mr = ex.right != null ? window.innerWidth - ex.right - br.width : Number.MAX_VALUE;
-            var mb = ex.bottom != null ? window.innerHeight - ex.bottom - br.height : Number.MAX_VALUE;
-            locator.left = clamp(sign.l + dx, el, mr);
-            locator.top = clamp(sign.t + dy, et, mb);
-          } else {
-            var Δx = event.x - sign.x;
-            var Δy = event.y - sign.y;
-            locator.left = sign.l + Δx;
-            locator.top = sign.t + Δy;
-          }
-          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 (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);
-      };
-    };
-  };
-  var handleDrag = function handleDrag() {
-    var _dragWrap$getAttribut;
-    var proxy = that.proxy;
-    var dragWrap = proxy.$el;
-    if (!dragWrap) return;
-    var display = getStyle(dragWrap, 'display');
-    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);
-      }
-    }
-  };
-  watchEffect(function () {
-    if (!unref(context.visible) || !unref(context.draggable)) {
-      return;
-    }
-    useTimeoutFn(function () {
-      handleDrag();
-    }, 30);
-  });
-  return {
-    locator: locator,
-    sign: sign,
-    moving: moving
-  };
-}
-
-export { useModalDragMove };
+import{ref as e,reactive as t,getCurrentInstance as o,watchEffect as n,unref as l}from"vue";import{useTimeoutFn as r}from"./useTimeout.js";import{clamp as u}from"../utils/index.js";import{tryOnUnmounted as i}from"@vueuse/core";function a(a){var d=e(!1),v=t({top:null,bottom:null,left:null,right:null}),m=t({x:void 0,y:void 0,l:void 0,t:void 0}),s=o(),p=function(e){if(e){e.setAttribute("data-drag",String(l(a.draggable)));var t=e.querySelector(".".concat(a.moverEl)),o=s.proxy,n=o.$el;t&&n&&l(a.draggable)&&(t.style.cursor="move",t.onmousedown=function(e){var n;if(e&&!function(e){var t=window.getSelection();if(!t||t.isCollapsed)return!1;try{var o=t.getRangeAt(0);return e.contains(o.commonAncestorContainer)}catch(e){return!1}}(t)){var l,r,i=(a.props.modally?s.refs.body:o.$el).getBoundingClientRect();if(m.l=i.left,m.t=i.top,m.x=e.x,m.y=e.y,!e||["svg","path"].includes(null==e||null===(n=e.target)||void 0===n?void 0:n.nodeName))null===(l=a.props)||void 0===l||null===(r=l.onModalMousedown)||void 0===r||r.call(l);var p=function(e){var t=e.x-m.x,o=e.y-m.y;if(!d.value){if(Math.abs(t)<5&&Math.abs(o)<5)return;d.value=!0}if(d.value&&!a.maximum.value){var n,l;if(e.preventDefault(),delete v.right,delete v.bottom,a.props.extent){var r=a.props.extent,i=s.refs.body.getBoundingClientRect(),p=null!=r.left?r.left:-Number.MAX_VALUE,c=null!=r.top?r.top:-Number.MAX_VALUE,f=null!=r.right?window.innerWidth-r.right-i.width:Number.MAX_VALUE,g=null!=r.bottom?window.innerHeight-r.bottom-i.height:Number.MAX_VALUE;v.left=u(m.l+t,p,f),v.top=u(m.t+o,c,g)}else v.left=m.l+t,v.top=m.t+o;v.right="unset !important",v.bottom="unset !important",s.emit("update:offset",v),null===(n=a.props)||void 0===n||null===(l=n.onModalMousemove)||void 0===l||l.call(n,e)}},c=function(e){var t,o,n;(d.value=!1,document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",c),!e||["svg","path"].includes(null==e||null===(t=e.target)||void 0===t?void 0:t.nodeName))&&(null===(o=a.props)||void 0===o||null===(n=o.onModalMouseup)||void 0===n||n.call(o))};document.addEventListener("mousemove",p),document.addEventListener("mouseup",c)}})}},c=function(){var e=s.proxy.$el;if(e){var t,o=(t="display",getComputedStyle(e)[t]),n=e.getAttribute("data-drag");"none"!==o&&(null===n||l(a.destroyOnClose))&&p(e)}};return n(function(){l(a.visible)&&l(a.draggable)&&r(function(){c()},30)}),i(function(){d.value=!1,document.removeEventListener("mousemove",null),document.removeEventListener("mouseup",null)}),{locator:v,sign:m,moving:d}}export{a as useModalDragMove};