@smallwei/avue 3.8.5 → 3.8.6

package/es/packages/element-plus/draggable/index2.mjs

@@ -0,0 +1,402 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import create from '../../../src/core/create.mjs';
+import { getFixed } from '../../../src/utils/util.mjs';
+
+var script = create({
+  name: "draggable",
+  props: {
+    index: {
+      type: [String, Number],
+    },
+    mask: {
+      type: Boolean,
+      default: true
+    },
+    scale: {
+      type: Number,
+      default: 1
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    resize: {
+      type: Boolean,
+      default: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    lock: {
+      type: Boolean,
+      default: false
+    },
+    zIndex: {
+      type: [Number, String],
+      default: 1
+    },
+    left: {
+      type: Number,
+      default: 0
+    },
+    top: {
+      type: Number,
+      default: 0
+    },
+    width: {
+      type: Number
+    },
+    height: {
+      type: Number
+    }
+  },
+  data () {
+    return {
+      first: true,
+      value: '',
+      baseWidth: 0,
+      baseHeight: 0,
+      baseLeft: 0,
+      baseTop: 0,
+      children: {},
+      moveActive: false,
+      overActive: false,
+      rangeActive: false,
+      active: false,
+      keyDown: null,
+      rangeList: [
+        {
+          classname: "left",
+        },
+        {
+          classname: "right",
+        },
+        {
+          classname: "top",
+        },
+        {
+          classname: "bottom",
+        },
+        {
+          classname: "top-left",
+        },
+        {
+          classname: "top-right",
+        },
+        {
+          classname: "bottom-left",
+        },
+        {
+          classname: "bottom-right",
+        }
+      ]
+    };
+  },
+  computed: {
+    scaleVal () {
+      return this.scale;
+    },
+    styleMenuName () {
+      return {
+        transformOrigin: "0 0",
+        transform: `scale(${this.scaleVal})`
+      };
+    },
+    styleLineName () {
+      return {
+        borderWidth: this.setPx(this.scaleVal)
+      };
+    },
+    styleRangeName () {
+      const calc = 10 * this.scaleVal;
+      return {
+        width: this.setPx(calc),
+        height: this.setPx(calc)
+      };
+    },
+    styleLabelName () {
+      return {
+        fontSize: this.setPx(18 * this.scaleVal)
+      };
+    },
+    styleName () {
+      return Object.assign(
+        (() => {
+          if (this.active) {
+            return Object.assign(
+              {
+                zIndex: 9999
+              },
+              this.styleLineName
+            );
+          }
+          return { zIndex: this.zIndex };
+        })(),
+        {
+          top: this.setPx(this.baseTop),
+          left: this.setPx(this.baseLeft),
+          width: this.setPx(this.baseWidth),
+          height: this.setPx(this.baseHeight)
+        }
+      );
+    }
+  },
+  watch: {
+    active (val) {
+      if (val) {
+        this.handleKeydown();
+      } else {
+        document.onkeydown = this.keyDown;
+      }
+    },
+    width (val) {
+      this.baseWidth = getFixed(val) || this.children.offsetWidth;
+    },
+    height (val) {
+      this.baseHeight = getFixed(val) || this.children.offsetHeight;
+    },
+    left (val) {
+      this.baseLeft = getFixed(val);
+    },
+    top (val) {
+      this.baseTop = getFixed(val);
+    },
+    baseWidth (val) {
+      this.$refs.wrapper.style.width = this.setPx(val);
+      if (this.resize && this.children.style) {
+        this.children.style.width = this.setPx(val);
+      }
+    },
+    baseHeight (val) {
+      this.$refs.wrapper.style.height = this.setPx(val);
+      if (this.resize && this.children.style) {
+        this.children.style.height = this.setPx(val);
+      }
+    },
+    baseLeft (n, o) {
+      if (this.first) return
+      this.setMove(n - o, 0);
+    },
+    baseTop (n, o) {
+      if (this.first) return
+      this.setMove(0, n - o);
+    }
+  },
+  mounted () {
+    this.init();
+  },
+  methods: {
+    init () {
+      this.children = this.$refs.item.firstChild;
+      this.baseWidth = getFixed(this.width) || this.children.offsetWidth;
+      this.baseHeight = getFixed(this.height) || this.children.offsetHeight;
+      this.baseLeft = getFixed(this.left);
+      this.baseTop = getFixed(this.top);
+      this.keyDown = document.onkeydown;
+      this.$nextTick(() => {
+        this.first = false;
+      });
+    },
+    setMove (left, top) {
+      this.$emit('move', {
+        index: this.index,
+        left: left,
+        top: top
+      });
+    },
+    setLeft (left) {
+      this.baseLeft = left;
+    },
+    setTop (top) {
+      this.baseTop = top;
+    },
+    getRangeStyle (postion) {
+      const calc = (10 * this.scaleVal) / 2;
+      let result = {};
+      let list = postion.split("-");
+      list.forEach(ele => {
+        result[ele] = this.setPx(-calc);
+      });
+      return result;
+    },
+    setOverActive (val) {
+      this.overActive = val;
+    },
+    setActive (val) {
+      this.active = val;
+    },
+    rangeMove (e, position) {
+      if (this.disabled || this.lock) return
+      //移动的方向
+      let x, y;
+      //移动的位置
+      let xp, yp;
+      //移动的正负
+      let xc, yc;
+      this.rangeActive = true;
+      this.handleMouseDown();
+      let disX = e.clientX;
+      let disY = e.clientY;
+      document.onmousemove = e => {
+        this.moveActive = true;
+        if (position === "right") {
+          x = true;
+          y = false;
+        } else if (position === "left") {
+          x = true;
+          xp = true;
+          xc = true;
+          y = false;
+        } else if (position === "top") {
+          x = false;
+          y = true;
+          yp = true;
+          yc = true;
+        } else if (position === "bottom") {
+          x = false;
+          y = true;
+        } else if (position === "bottom-right") {
+          x = true;
+          y = true;
+        } else if (position === "bottom-left") {
+          x = true;
+          y = true;
+          xp = true;
+          xc = true;
+        } else if (position === "top-right") {
+          x = true;
+          y = true;
+          yp = true;
+          yc = true;
+        } else if (position === "top-left") {
+          x = true;
+          y = true;
+          xp = true;
+          xc = true;
+          yp = true;
+          yc = true;
+        }
+        let left = e.clientX - disX;
+        let top = e.clientY - disY;
+        disX = e.clientX;
+        disY = e.clientY;
+        if (x) {
+          let calc = left * this.step;
+          if (xc) calc = -calc;
+          if (xp) this.baseLeft = getFixed(this.baseLeft - calc);
+          this.baseWidth = getFixed(this.baseWidth + calc);
+        }
+        if (y) {
+          let calc = top * this.step;
+          if (yc) calc = -calc;
+          if (yp) this.baseTop = getFixed(this.baseTop - calc);
+          this.baseHeight = getFixed(this.baseHeight + calc);
+        }
+      };
+      this.handleClear();
+
+    },
+    handleOut () {
+      this.overActive = false;
+      this.$emit("out", {
+        index: this.index,
+        width: this.baseWidth,
+        height: this.baseHeight,
+        left: this.baseLeft,
+        top: this.baseTop
+      });
+    },
+    handleOver () {
+      if (this.disabled) return
+      this.overActive = true;
+      this.$emit("over", {
+        index: this.index,
+        width: this.baseWidth,
+        height: this.baseHeight,
+        left: this.baseLeft,
+        top: this.baseTop
+      });
+    },
+    handleMove (e) {
+      if (this.disabled || this.lock) return
+      setTimeout(() => {
+        this.$refs.input.focus();
+      });
+      this.active = true;
+      this.handleMouseDown();
+      let disX = e.clientX;
+      let disY = e.clientY;
+      document.onmousemove = (e) => {
+        let left = e.clientX - disX;
+        let top = e.clientY - disY;
+        disX = e.clientX;
+        disY = e.clientY;
+        this.baseLeft = getFixed(this.baseLeft + left * this.step);
+        this.baseTop = getFixed(this.baseTop + top * this.step);
+      };
+      this.handleClear();
+    },
+    handleClear () {
+      document.onmouseup = () => {
+        document.onmousemove = null;
+        document.onmouseup = null;
+        this.handleMouseUp();
+      };
+    },
+    handleKeydown () {
+      document.onkeydown = (event) => {
+        var e = event || window.event || arguments.callee.caller.arguments[0];
+        let step = 1 * this.step;
+        if (this.$refs.input.focused) {
+          if (e && e.keyCode == 38) {//上
+            this.baseTop = getFixed(this.baseTop - step);
+          } else if (e && e.keyCode == 37) {//左
+            this.baseLeft = getFixed(this.baseLeft - step);
+          } else if (e && e.keyCode == 40) {//下
+            this.baseTop = getFixed(this.baseTop + step);
+          } else if (e && e.keyCode == 39) {//右
+            this.baseLeft = getFixed(this.baseLeft + step);
+          }
+          event.stopPropagation();
+          event.preventDefault();
+          this.$emit("blur", {
+            index: this.index,
+            width: this.baseWidth,
+            height: this.baseHeight,
+            left: this.baseLeft,
+            top: this.baseTop
+          });
+          this.keyDown && this.keyDown(event);
+        }
+      };
+    },
+    handleMouseDown (e) {
+      this.moveActive = true;
+      this.$emit("focus", {
+        index: this.index,
+        width: this.baseWidth,
+        height: this.baseHeight,
+        left: this.baseLeft,
+        top: this.baseTop
+      });
+    },
+    handleMouseUp () {
+      this.moveActive = false;
+      this.rangeActive = false;
+      this.$emit("blur", {
+        index: this.index,
+        width: this.baseWidth,
+        height: this.baseHeight,
+        left: this.baseLeft,
+        top: this.baseTop
+      });
+    }
+  }
+});
+
+export { script as default };

package/es/packages/element-plus/draggable/index3.mjs

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

package/es/packages/element-plus/dynamic/index.mjs

@@ -0,0 +1,8 @@
+/*! Avue.js v3.8.6 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import script from './index2.mjs';
+import { render } from './index3.mjs';
+
+script.render = render;
+script.__file = "packages/element-plus/dynamic/index.vue";
+
+export { script as default };