@smallwei/avue 3.9.1 → 3.9.3

package/lib/packages/element-plus/draggable/index2.js

@@ -1,11 +1,11 @@
-/*! Avue.js v3.9.1 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var src_core_create = require('../../../src/core/create.js');
-var src_utils_util = require('../../../src/utils/util.js');
-
+/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_core_create = require('../../../src/core/create.js');
+var src_utils_util = require('../../../src/utils/util.js');
+
 var script = src_core_create.default({
   name: "draggable",
   props: {
@@ -72,7 +72,10 @@ var script = src_core_create.default({
       overActive: false,
       rangeActive: false,
       active: false,
-      keyDown: null,
+      focusTimer: null,
+      documentMoveHandler: null,
+      documentUpHandler: null,
+      documentKeydownHandler: null,
       rangeList: [
         {
           classname: "left",
@@ -155,7 +158,7 @@ var script = src_core_create.default({
       if (val) {
         this.handleKeydown();
       } else {
-        document.onkeydown = this.keyDown;
+        this.removeKeydown();
       }
     },
     width (val) {
@@ -194,6 +197,14 @@ var script = src_core_create.default({
   mounted () {
     this.init();
   },
+  beforeUnmount () {
+    if (this.focusTimer) {
+      clearTimeout(this.focusTimer);
+      this.focusTimer = null;
+    }
+    this.removeDocumentDrag();
+    this.removeKeydown();
+  },
   methods: {
     init () {
       this.children = this.$refs.item.firstChild;
@@ -201,7 +212,6 @@ var script = src_core_create.default({
       this.baseHeight = src_utils_util.getFixed(this.height) || this.children.offsetHeight;
       this.baseLeft = src_utils_util.getFixed(this.left);
       this.baseTop = src_utils_util.getFixed(this.top);
-      this.keyDown = document.onkeydown;
       this.$nextTick(() => {
         this.first = false;
       });
@@ -246,7 +256,7 @@ var script = src_core_create.default({
       this.handleMouseDown();
       let disX = e.clientX;
       let disY = e.clientY;
-      document.onmousemove = e => {
+      this.bindDocumentDrag(e => {
         this.moveActive = true;
         if (position === "right") {
           x = true;
@@ -301,8 +311,7 @@ var script = src_core_create.default({
           if (yp) this.baseTop = src_utils_util.getFixed(this.baseTop - calc);
           this.baseHeight = src_utils_util.getFixed(this.baseHeight + calc);
         }
-      };
-      this.handleClear();
+      });
 
     },
     handleOut () {
@@ -328,33 +337,47 @@ var script = src_core_create.default({
     },
     handleMove (e) {
       if (this.disabled || this.lock) return
-      setTimeout(() => {
-        this.$refs.input.focus();
+      this.focusTimer = setTimeout(() => {
+        if (this.$refs.input) this.$refs.input.focus();
+        this.focusTimer = null;
       });
       this.active = true;
       this.handleMouseDown();
       let disX = e.clientX;
       let disY = e.clientY;
-      document.onmousemove = (e) => {
+      this.bindDocumentDrag((e) => {
         let left = e.clientX - disX;
         let top = e.clientY - disY;
         disX = e.clientX;
         disY = e.clientY;
         this.baseLeft = src_utils_util.getFixed(this.baseLeft + left * this.step);
         this.baseTop = src_utils_util.getFixed(this.baseTop + top * this.step);
-      };
-      this.handleClear();
+      });
     },
-    handleClear () {
-      document.onmouseup = () => {
-        document.onmousemove = null;
-        document.onmouseup = null;
+    bindDocumentDrag (moveHandler) {
+      this.removeDocumentDrag();
+      this.documentMoveHandler = moveHandler;
+      this.documentUpHandler = () => {
+        this.removeDocumentDrag();
         this.handleMouseUp();
       };
+      document.addEventListener('mousemove', this.documentMoveHandler);
+      document.addEventListener('mouseup', this.documentUpHandler);
+    },
+    removeDocumentDrag () {
+      if (this.documentMoveHandler) {
+        document.removeEventListener('mousemove', this.documentMoveHandler);
+        this.documentMoveHandler = null;
+      }
+      if (this.documentUpHandler) {
+        document.removeEventListener('mouseup', this.documentUpHandler);
+        this.documentUpHandler = null;
+      }
     },
     handleKeydown () {
-      document.onkeydown = (event) => {
-        var e = event || window.event || arguments.callee.caller.arguments[0];
+      if (this.documentKeydownHandler) return;
+      this.documentKeydownHandler = (event) => {
+        const e = event || window.event;
         let step = 1 * this.step;
         if (this.$refs.input.focused) {
           if (e && e.keyCode == 38) {//上
@@ -366,8 +389,8 @@ var script = src_core_create.default({
           } else if (e && e.keyCode == 39) {//右
             this.baseLeft = src_utils_util.getFixed(this.baseLeft + step);
           }
-          event.stopPropagation();
-          event.preventDefault();
+          e.stopPropagation();
+          e.preventDefault();
           this.$emit("blur", {
             index: this.index,
             width: this.baseWidth,
@@ -375,9 +398,14 @@ var script = src_core_create.default({
             left: this.baseLeft,
             top: this.baseTop
           });
-          this.keyDown && this.keyDown(event);
         }
       };
+      document.addEventListener('keydown', this.documentKeydownHandler);
+    },
+    removeKeydown () {
+      if (!this.documentKeydownHandler) return;
+      document.removeEventListener('keydown', this.documentKeydownHandler);
+      this.documentKeydownHandler = null;
     },
     handleMouseDown (e) {
       this.moveActive = true;
@@ -401,6 +429,6 @@ var script = src_core_create.default({
       });
     }
   }
-});
-
-exports.default = script;
+});
+
+exports.default = script;

package/lib/packages/element-plus/draggable/index3.js

@@ -1,85 +1,85 @@
-/*! Avue.js v3.9.1 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-'use strict';
-
-var vue = require('vue');
-
-const _hoisted_1 = ["onMousedown"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_input = vue.resolveComponent("el-input");
-
-  return (vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(_ctx.b({'active':((_ctx.active || _ctx.overActive)&&!_ctx.readonly),'move':_ctx.moveActive,'click':_ctx.disabled})),
-    onMousedown: _cache[1] || (_cache[1] = vue.withModifiers((...args) => (_ctx.handleMove && _ctx.handleMove(...args)), ["stop"])),
-    onMouseover: _cache[2] || (_cache[2] = vue.withModifiers((...args) => (_ctx.handleOver && _ctx.handleOver(...args)), ["stop"])),
-    onMouseout: _cache[3] || (_cache[3] = vue.withModifiers((...args) => (_ctx.handleOut && _ctx.handleOut(...args)), ["stop"])),
-    style: vue.normalizeStyle(_ctx.styleName)
-  }, [
-    vue.createVNode(_component_el_input, {
-      ref: "input",
-      class: vue.normalizeClass(_ctx.b('focus')),
-      modelValue: _ctx.value,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.value) = $event))
-    }, null, 8 /* PROPS */, ["class", "modelValue"]),
-    vue.createElementVNode("div", {
-      class: vue.normalizeClass(_ctx.b('wrapper')),
-      ref: "wrapper"
-    }, [
-      ((_ctx.active || _ctx.overActive || _ctx.moveActive)&&!_ctx.readonly)
-        ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.createElementVNode("div", {
-              style: vue.normalizeStyle(_ctx.styleLineName),
-              class: vue.normalizeClass(_ctx.b('line',['left']))
-            }, null, 6 /* CLASS, STYLE */),
-            vue.createElementVNode("div", {
-              style: vue.normalizeStyle(_ctx.styleLineName),
-              class: vue.normalizeClass(_ctx.b('line',['top']))
-            }, null, 6 /* CLASS, STYLE */),
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(_ctx.b('line',['label'])),
-              style: vue.normalizeStyle(_ctx.styleLabelName)
-            }, vue.toDisplayString(_ctx.baseLeft) + "," + vue.toDisplayString(_ctx.baseTop), 7 /* TEXT, CLASS, STYLE */)
-          ], 64 /* STABLE_FRAGMENT */))
-        : vue.createCommentVNode("v-if", true),
-      (!_ctx.readonly)
-        ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.rangeList, (item, index) => {
-            return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-              (_ctx.active)
-                ? (vue.openBlock(), vue.createElementBlock("div", {
-                    class: vue.normalizeClass(_ctx.b('range',[item.classname])),
-                    key: index,
-                    style: vue.normalizeStyle([_ctx.styleRangeName,_ctx.getRangeStyle(item.classname)]),
-                    onMousedown: vue.withModifiers($event => (_ctx.rangeMove($event,item.classname)), ["stop"])
-                  }, null, 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_1))
-                : vue.createCommentVNode("v-if", true)
-            ], 64 /* STABLE_FRAGMENT */))
-          }), 256 /* UNKEYED_FRAGMENT */))
-        : vue.createCommentVNode("v-if", true),
-      vue.withDirectives(vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.b('menu')),
-        style: vue.normalizeStyle(_ctx.styleMenuName)
-      }, [
-        vue.renderSlot(_ctx.$slots, "menu", {
-          zIndex: _ctx.zIndex,
-          index: _ctx.index
-        })
-      ], 6 /* CLASS, STYLE */), [
-        [vue.vShow, _ctx.active || _ctx.overActive]
-      ]),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.b('item')),
-        ref: "item"
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2 /* CLASS */),
-      (!_ctx.disabled && _ctx.mask)
-        ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 2,
-            class: vue.normalizeClass(_ctx.b('mask'))
-          }, null, 2 /* CLASS */))
-        : vue.createCommentVNode("v-if", true)
-    ], 2 /* CLASS */)
-  ], 38 /* CLASS, STYLE, NEED_HYDRATION */))
-}
-
-exports.render = render;
+/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+var vue = require('vue');
+
+const _hoisted_1 = ["onMousedown"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_input = vue.resolveComponent("el-input");
+
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.b({'active':((_ctx.active || _ctx.overActive)&&!_ctx.readonly),'move':_ctx.moveActive,'click':_ctx.disabled})),
+    onMousedown: _cache[1] || (_cache[1] = vue.withModifiers((...args) => (_ctx.handleMove && _ctx.handleMove(...args)), ["stop"])),
+    onMouseover: _cache[2] || (_cache[2] = vue.withModifiers((...args) => (_ctx.handleOver && _ctx.handleOver(...args)), ["stop"])),
+    onMouseout: _cache[3] || (_cache[3] = vue.withModifiers((...args) => (_ctx.handleOut && _ctx.handleOut(...args)), ["stop"])),
+    style: vue.normalizeStyle(_ctx.styleName)
+  }, [
+    vue.createVNode(_component_el_input, {
+      ref: "input",
+      class: vue.normalizeClass(_ctx.b('focus')),
+      modelValue: _ctx.value,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.value) = $event))
+    }, null, 8 /* PROPS */, ["class", "modelValue"]),
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.b('wrapper')),
+      ref: "wrapper"
+    }, [
+      ((_ctx.active || _ctx.overActive || _ctx.moveActive)&&!_ctx.readonly)
+        ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            vue.createElementVNode("div", {
+              style: vue.normalizeStyle(_ctx.styleLineName),
+              class: vue.normalizeClass(_ctx.b('line',['left']))
+            }, null, 6 /* CLASS, STYLE */),
+            vue.createElementVNode("div", {
+              style: vue.normalizeStyle(_ctx.styleLineName),
+              class: vue.normalizeClass(_ctx.b('line',['top']))
+            }, null, 6 /* CLASS, STYLE */),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(_ctx.b('line',['label'])),
+              style: vue.normalizeStyle(_ctx.styleLabelName)
+            }, vue.toDisplayString(_ctx.baseLeft) + "," + vue.toDisplayString(_ctx.baseTop), 7 /* TEXT, CLASS, STYLE */)
+          ], 64 /* STABLE_FRAGMENT */))
+        : vue.createCommentVNode("v-if", true),
+      (!_ctx.readonly)
+        ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.rangeList, (item, index) => {
+            return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+              (_ctx.active)
+                ? (vue.openBlock(), vue.createElementBlock("div", {
+                    class: vue.normalizeClass(_ctx.b('range',[item.classname])),
+                    key: index,
+                    style: vue.normalizeStyle([_ctx.styleRangeName,_ctx.getRangeStyle(item.classname)]),
+                    onMousedown: vue.withModifiers($event => (_ctx.rangeMove($event,item.classname)), ["stop"])
+                  }, null, 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_1))
+                : vue.createCommentVNode("v-if", true)
+            ], 64 /* STABLE_FRAGMENT */))
+          }), 256 /* UNKEYED_FRAGMENT */))
+        : vue.createCommentVNode("v-if", true),
+      vue.withDirectives(vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.b('menu')),
+        style: vue.normalizeStyle(_ctx.styleMenuName)
+      }, [
+        vue.renderSlot(_ctx.$slots, "menu", {
+          zIndex: _ctx.zIndex,
+          index: _ctx.index
+        })
+      ], 6 /* CLASS, STYLE */), [
+        [vue.vShow, _ctx.active || _ctx.overActive]
+      ]),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.b('item')),
+        ref: "item"
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2 /* CLASS */),
+      (!_ctx.disabled && _ctx.mask)
+        ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 2,
+            class: vue.normalizeClass(_ctx.b('mask'))
+          }, null, 2 /* CLASS */))
+        : vue.createCommentVNode("v-if", true)
+    ], 2 /* CLASS */)
+  ], 38 /* CLASS, STYLE, NEED_HYDRATION */))
+}
+
+exports.render = render;

package/lib/packages/element-plus/dynamic/index.js

@@ -1,12 +1,12 @@
-/*! Avue.js v3.9.1 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_vue_vue_type_script_lang = require('./index2.js');
-var index_vue_vue_type_template_id_209d93fc_lang = require('./index3.js');
-
-index_vue_vue_type_script_lang.default.render = index_vue_vue_type_template_id_209d93fc_lang.render;
-index_vue_vue_type_script_lang.default.__file = "packages/element-plus/dynamic/index.vue";
-
-exports.default = index_vue_vue_type_script_lang.default;
+/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_lang = require('./index2.js');
+var index_vue_vue_type_template_id_209d93fc_lang = require('./index3.js');
+
+index_vue_vue_type_script_lang.default.render = index_vue_vue_type_template_id_209d93fc_lang.render;
+index_vue_vue_type_script_lang.default.__file = "packages/element-plus/dynamic/index.vue";
+
+exports.default = index_vue_vue_type_script_lang.default;

package/lib/packages/element-plus/dynamic/index2.js

@@ -1,13 +1,13 @@
-/*! Avue.js v3.9.1 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var src_core_create = require('../../../src/core/create.js');
-var packages_core_common_props = require('../../core/common/props.js');
-var packages_core_common_event = require('../../core/common/event.js');
-var src_utils_util = require('../../../src/utils/util.js');
-
+/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var src_core_create = require('../../../src/core/create.js');
+var packages_core_common_props = require('../../core/common/props.js');
+var packages_core_common_event = require('../../core/common/event.js');
+var src_utils_util = require('../../../src/utils/util.js');
+
 var script = src_core_create.default({
   name: "dynamic",
   mixins: [packages_core_common_props.default(), packages_core_common_event.default()],
@@ -267,6 +267,6 @@ var script = src_core_create.default({
       }
     }
   }
-});
-
-exports.default = script;
+});
+
+exports.default = script;