@web-utils/component 3.0.6 → 3.1.0

package/fy-date/index.mjs

@@ -1,50 +1,8 @@
-import { p as n, e as o } from "../chunks/event.b5d855dd.mjs";
-import { n as i } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var s = function() {
-  var e = this, a = e.$createElement, t = e._self._c || a;
-  return t("div", {
-    staticClass: "avue-date"
-  }, [t("ElDatePicker", {
-    attrs: {
-      type: e.type,
-      "popper-class": e.popperClass,
-      size: e.size,
-      editable: e.editable,
-      "unlink-panels": e.unlinkPanels,
-      readonly: e.readonly,
-      "default-value": e.defaultValue,
-      "default-time": e.defaultTime,
-      "range-separator": e.rangeSeparator,
-      "start-placeholder": e.startPlaceholder || "开始",
-      "end-placeholder": e.endPlaceholder || "结束",
-      format: e.format,
-      clearable: e.clearableVal,
-      "picker-options": e.pickerOptions,
-      "value-format": e.valueFormat,
-      placeholder: e.placeholder,
-      disabled: e.disabled
-    },
-    on: {
-      blur: e.handleBlur,
-      focus: e.handleFocus
-    },
-    nativeOn: {
-      click: function(l) {
-        return e.handleClick.apply(null, arguments);
-      }
-    },
-    model: {
-      value: e.text,
-      callback: function(l) {
-        e.text = l;
-      },
-      expression: "text"
-    }
-  })], 1);
-}, c = [];
-const u = {
+import { p as l, e as r } from "../chunks/event.b5d855dd.mjs";
+import { n } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const o = {
   name: "FyDate",
-  mixins: [n, o],
+  mixins: [l, r],
   props: {
     editable: Boolean,
     unlinkPanels: Boolean,
@@ -61,24 +19,25 @@ const u = {
     valueFormat: String,
     format: String
   }
-}, r = {};
-var p = /* @__PURE__ */ i(
-  u,
+};
+var s = function() {
+  var e = this, a = e._self._c;
+  return a("div", { staticClass: "avue-date" }, [a("ElDatePicker", { attrs: { type: e.type, "popper-class": e.popperClass, size: e.size, editable: e.editable, "unlink-panels": e.unlinkPanels, readonly: e.readonly, "default-value": e.defaultValue, "default-time": e.defaultTime, "range-separator": e.rangeSeparator, "start-placeholder": e.startPlaceholder || "开始", "end-placeholder": e.endPlaceholder || "结束", format: e.format, clearable: e.clearableVal, "picker-options": e.pickerOptions, "value-format": e.valueFormat, placeholder: e.placeholder, disabled: e.disabled }, on: { blur: e.handleBlur, focus: e.handleFocus }, nativeOn: { click: function(t) {
+    return e.handleClick.apply(null, arguments);
+  } }, model: { value: e.text, callback: function(t) {
+    e.text = t;
+  }, expression: "text" } })], 1);
+}, i = [], d = /* @__PURE__ */ n(
+  o,
   s,
-  c,
+  i,
   !1,
-  d,
+  null,
   null,
   null,
   null
 );
-function d(e) {
-  for (let a in r)
-    this[a] = r[a];
-}
-const m = /* @__PURE__ */ function() {
-  return p.exports;
-}();
+const f = d.exports;
 export {
-  m as default
+  f as default
 };

package/fy-draggable/index.mjs

@@ -1,78 +1,6 @@
 import { s as l, w as a } from "../chunks/util.ae730cde.mjs";
-import { n as v } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var g = function() {
-  var e = this, t = e.$createElement, s = e._self._c || t;
-  return s("div", {
-    class: {
-      "avue-draggable__active": (e.active || e.overActive) && !e.readonly,
-      "avue-draggable__move": e.moveActive,
-      "avue-draggable__click": e.disabled
-    },
-    style: e.styleName,
-    on: {
-      mousedown: function(i) {
-        return i.stopPropagation(), e.handleMove.apply(null, arguments);
-      },
-      mouseover: function(i) {
-        return i.stopPropagation(), e.handleOver.apply(null, arguments);
-      },
-      mouseout: function(i) {
-        return i.stopPropagation(), e.handleOut.apply(null, arguments);
-      }
-    }
-  }, [s("ElInput", {
-    ref: "input",
-    staticClass: "avue-draggable__focus",
-    model: {
-      value: e.value,
-      callback: function(i) {
-        e.value = i;
-      },
-      expression: "value"
-    }
-  }), s("div", {
-    ref: "wrapper",
-    staticClass: "avue-draggable__wrapper"
-  }, [(e.active || e.overActive || e.moveActive) && !e.readonly ? [s("div", {
-    staticClass: "avue-draggable__line['left'])",
-    style: e.styleLineName
-  }), s("div", {
-    staticClass: "avue-draggable__line['top'])",
-    style: e.styleLineName
-  }), s("div", {
-    staticClass: "avue-draggable__line['label'])",
-    style: e.styleLabelName
-  }, [e._v(e._s(e.baseLeft) + "," + e._s(e.baseTop))])] : e._e(), e.readonly ? e._e() : [e._l(e.rangeList, function(i, h) {
-    return [e.active ? s("div", {
-      key: h,
-      staticClass: "avue-draggable__range[item.classname])",
-      style: [e.styleRangeName, e.getRangeStyle(i.classname)],
-      on: {
-        mousedown: function(n) {
-          return n.stopPropagation(), e.rangeMove(n, i.classname);
-        }
-      }
-    }) : e._e()];
-  })], s("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: e.active || e.overActive,
-      expression: "active || overActive"
-    }],
-    staticClass: "avue-draggable__menu",
-    style: e.styleMenuName
-  }, [e._t("menu", null, {
-    zIndex: e.zIndex,
-    index: e.index
-  })], 2), s("div", {
-    ref: "item",
-    staticClass: "avue-draggable__item"
-  }, [e._t("default")], 2), !e.disabled && e.mask ? s("div", {
-    staticClass: "avue-draggable__mask"
-  }) : e._e()], 2)], 1);
-}, y = [];
-const _ = {
+import { n as p } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const v = {
   name: "FyDraggable",
   props: {
     index: {
@@ -183,10 +111,10 @@ const _ = {
       };
     },
     styleRangeName() {
-      const e = 10 * this.scaleVal;
+      const t = 10 * this.scaleVal;
       return {
-        width: l(e),
-        height: l(e)
+        width: l(t),
+        height: l(t)
       };
     },
     styleLabelName() {
@@ -212,32 +140,32 @@ const _ = {
     }
   },
   watch: {
-    active(e) {
-      e ? this.handleKeydown() : document.onkeydown = this.keyDown;
+    active(t) {
+      t ? this.handleKeydown() : document.onkeydown = this.keyDown;
     },
-    width(e) {
-      this.baseWidth = a(e) || this.children.offsetWidth;
+    width(t) {
+      this.baseWidth = a(t) || this.children.offsetWidth;
     },
-    height(e) {
-      this.baseHeight = a(e) || this.children.offsetHeight;
+    height(t) {
+      this.baseHeight = a(t) || this.children.offsetHeight;
     },
-    left(e) {
-      this.baseLeft = a(e);
+    left(t) {
+      this.baseLeft = a(t);
     },
-    top(e) {
-      this.baseTop = a(e);
+    top(t) {
+      this.baseTop = a(t);
     },
-    baseWidth(e) {
-      this.$refs.wrapper.style.width = l(e), this.resize && this.children.style && (this.children.style.width = l(e));
+    baseWidth(t) {
+      this.$refs.wrapper.style.width = l(t), this.resize && this.children.style && (this.children.style.width = l(t));
     },
-    baseHeight(e) {
-      this.$refs.wrapper.style.height = l(e), this.resize && this.children.style && (this.children.style.height = l(e));
+    baseHeight(t) {
+      this.$refs.wrapper.style.height = l(t), this.resize && this.children.style && (this.children.style.height = l(t));
     },
-    baseLeft(e, t) {
-      this.first || this.setMove(e - t, 0);
+    baseLeft(t, e) {
+      this.first || this.setMove(t - e, 0);
     },
-    baseTop(e, t) {
-      this.first || this.setMove(0, e - t);
+    baseTop(t, e) {
+      this.first || this.setMove(0, t - e);
     }
   },
   mounted() {
@@ -249,47 +177,47 @@ const _ = {
         this.first = !1;
       });
     },
-    setMove(e, t) {
+    setMove(t, e) {
       this.$emit("move", {
         index: this.index,
-        left: e,
-        top: t
+        left: t,
+        top: e
       });
     },
-    setLeft(e) {
-      this.baseLeft = e;
+    setLeft(t) {
+      this.baseLeft = t;
     },
-    setTop(e) {
-      this.baseTop = e;
+    setTop(t) {
+      this.baseTop = t;
     },
-    getRangeStyle(e) {
-      const t = 10 * this.scaleVal / 2, s = {};
-      return e.split("-").forEach((h) => {
-        s[h] = l(-t);
+    getRangeStyle(t) {
+      const e = 10 * this.scaleVal / 2, s = {};
+      return t.split("-").forEach((h) => {
+        s[h] = l(-e);
       }), s;
     },
-    setOverActive(e) {
-      this.overActive = e;
+    setOverActive(t) {
+      this.overActive = t;
     },
-    setActive(e) {
-      this.active = e;
+    setActive(t) {
+      this.active = t;
     },
-    rangeMove(e, t) {
+    rangeMove(t, e) {
       if (this.disabled || this.lock)
         return;
-      let s, i, h, n, o, u;
+      let s, i, h, n, o, d;
       this.rangeActive = !0, this.handleMouseDown();
-      let c = e.clientX, f = e.clientY;
-      document.onmousemove = (d) => {
-        this.moveActive = !0, t === "right" ? (s = !0, i = !1) : t === "left" ? (s = !0, h = !0, o = !0, i = !1) : t === "top" ? (s = !1, i = !0, n = !0, u = !0) : t === "bottom" ? (s = !1, i = !0) : t === "bottom-right" ? (s = !0, i = !0) : t === "bottom-left" ? (s = !0, i = !0, h = !0, o = !0) : t === "top-right" ? (s = !0, i = !0, n = !0, u = !0) : t === "top-left" && (s = !0, i = !0, h = !0, o = !0, n = !0, u = !0);
-        const m = d.clientX - c, p = d.clientY - f;
-        if (c = d.clientX, f = d.clientY, s) {
-          let r = m * this.step;
+      let c = t.clientX, f = t.clientY;
+      document.onmousemove = (u) => {
+        this.moveActive = !0, e === "right" ? (s = !0, i = !1) : e === "left" ? (s = !0, h = !0, o = !0, i = !1) : e === "top" ? (s = !1, i = !0, n = !0, d = !0) : e === "bottom" ? (s = !1, i = !0) : e === "bottom-right" ? (s = !0, i = !0) : e === "bottom-left" ? (s = !0, i = !0, h = !0, o = !0) : e === "top-right" ? (s = !0, i = !0, n = !0, d = !0) : e === "top-left" && (s = !0, i = !0, h = !0, o = !0, n = !0, d = !0);
+        const b = u.clientX - c, m = u.clientY - f;
+        if (c = u.clientX, f = u.clientY, s) {
+          let r = b * this.step;
           o && (r = -r), h && (this.baseLeft = a(this.baseLeft - r)), this.baseWidth = a(this.baseWidth + r);
         }
         if (i) {
-          let r = p * this.step;
-          u && (r = -r), n && (this.baseTop = a(this.baseTop - r)), this.baseHeight = a(this.baseHeight + r);
+          let r = m * this.step;
+          d && (r = -r), n && (this.baseTop = a(this.baseTop - r)), this.baseHeight = a(this.baseHeight + r);
         }
       }, this.handleClear();
     },
@@ -311,16 +239,16 @@ const _ = {
         top: this.baseTop
       }));
     },
-    handleMove(e) {
+    handleMove(t) {
       if (this.disabled || this.lock)
         return;
       setTimeout(() => {
         this.$refs.input.focus();
       }), this.active = !0, this.handleMouseDown();
-      let t = e.clientX, s = e.clientY;
+      let e = t.clientX, s = t.clientY;
       document.onmousemove = (i) => {
-        const h = i.clientX - t, n = i.clientY - s;
-        t = i.clientX, s = i.clientY, this.baseLeft = a(this.baseLeft + h * this.step), this.baseTop = a(this.baseTop + n * this.step);
+        const h = i.clientX - e, n = i.clientY - s;
+        e = i.clientX, s = i.clientY, this.baseLeft = a(this.baseLeft + h * this.step), this.baseTop = a(this.baseTop + n * this.step);
       }, this.handleClear();
     },
     handleClear() {
@@ -329,15 +257,15 @@ const _ = {
       };
     },
     handleKeydown() {
-      document.onkeydown = (e) => {
-        const t = e || window.event, s = this.step;
-        this.$refs.input.focused && (t && t.keyCode === 38 ? this.baseTop = a(this.baseTop - s) : t && t.keyCode === 37 ? this.baseLeft = a(this.baseLeft - s) : t && t.keyCode === 40 ? this.baseTop = a(this.baseTop + s) : t && t.keyCode === 39 && (this.baseLeft = a(this.baseLeft + s)), e.stopPropagation(), e.preventDefault(), this.$emit("blur", {
+      document.onkeydown = (t) => {
+        const e = t || window.event, s = this.step;
+        this.$refs.input.focused && (e && e.keyCode === 38 ? this.baseTop = a(this.baseTop - s) : e && e.keyCode === 37 ? this.baseLeft = a(this.baseLeft - s) : e && e.keyCode === 40 ? this.baseTop = a(this.baseTop + s) : e && e.keyCode === 39 && (this.baseLeft = a(this.baseLeft + s)), t.stopPropagation(), t.preventDefault(), this.$emit("blur", {
           index: this.index,
           width: this.baseWidth,
           height: this.baseHeight,
           left: this.baseLeft,
           top: this.baseTop
-        }), this.keyDown && this.keyDown(e));
+        }), this.keyDown && this.keyDown(t));
       };
     },
     handleMouseDown() {
@@ -359,24 +287,37 @@ const _ = {
       });
     }
   }
-}, b = {};
-var w = /* @__PURE__ */ v(
-  _,
+};
+var g = function() {
+  var e = this, s = e._self._c;
+  return s("div", { class: {
+    "avue-draggable__active": (e.active || e.overActive) && !e.readonly,
+    "avue-draggable__move": e.moveActive,
+    "avue-draggable__click": e.disabled
+  }, style: e.styleName, on: { mousedown: function(i) {
+    return i.stopPropagation(), e.handleMove.apply(null, arguments);
+  }, mouseover: function(i) {
+    return i.stopPropagation(), e.handleOver.apply(null, arguments);
+  }, mouseout: function(i) {
+    return i.stopPropagation(), e.handleOut.apply(null, arguments);
+  } } }, [s("ElInput", { ref: "input", staticClass: "avue-draggable__focus", model: { value: e.value, callback: function(i) {
+    e.value = i;
+  }, expression: "value" } }), s("div", { ref: "wrapper", staticClass: "avue-draggable__wrapper" }, [(e.active || e.overActive || e.moveActive) && !e.readonly ? [s("div", { staticClass: "avue-draggable__line['left'])", style: e.styleLineName }), s("div", { staticClass: "avue-draggable__line['top'])", style: e.styleLineName }), s("div", { staticClass: "avue-draggable__line['label'])", style: e.styleLabelName }, [e._v(e._s(e.baseLeft) + "," + e._s(e.baseTop))])] : e._e(), e.readonly ? e._e() : [e._l(e.rangeList, function(i, h) {
+    return [e.active ? s("div", { key: h, staticClass: "avue-draggable__range[item.classname])", style: [e.styleRangeName, e.getRangeStyle(i.classname)], on: { mousedown: function(n) {
+      return n.stopPropagation(), e.rangeMove(n, i.classname);
+    } } }) : e._e()];
+  })], s("div", { directives: [{ name: "show", rawName: "v-show", value: e.active || e.overActive, expression: "active || overActive" }], staticClass: "avue-draggable__menu", style: e.styleMenuName }, [e._t("menu", null, { zIndex: e.zIndex, index: e.index })], 2), s("div", { ref: "item", staticClass: "avue-draggable__item" }, [e._t("default")], 2), !e.disabled && e.mask ? s("div", { staticClass: "avue-draggable__mask" }) : e._e()], 2)], 1);
+}, y = [], _ = /* @__PURE__ */ p(
+  v,
   g,
   y,
   !1,
-  x,
+  null,
   null,
   null,
   null
 );
-function x(e) {
-  for (let t in b)
-    this[t] = b[t];
-}
-const k = /* @__PURE__ */ function() {
-  return w.exports;
-}();
+const L = _.exports;
 export {
-  k as default
+  L as default
 };