@web-utils/component 2.0.13 → 2.2.0

package/input-number/index.mjs

@@ -0,0 +1,274 @@
+import u from "element-ui/src/mixins/focus";
+import o from "element-ui/src/directives/repeat-click";
+import { i as a } from "../chunks/input-number-mixin.GE2zr_3s.mjs";
+import { n as l } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var c = function() {
+  var e = this, t = e.$createElement, n = e._self._c || t;
+  return n("div", {
+    class: ["input-number", "el-input-number", e.inputNumberSize ? `el-input-number--${e.inputNumberSize}` : "", {
+      "is-disabled": e.inputNumberDisabled,
+      "is-without-controls": !e.controls,
+      "is-controls-right": e.controlsAtRight
+    }],
+    on: {
+      dragstart: function(i) {
+        i.preventDefault();
+      }
+    }
+  }, [e.controls ? n("span", {
+    directives: [{
+      name: "repeat-click",
+      rawName: "v-repeat-click",
+      value: e.decrease,
+      expression: "decrease"
+    }],
+    staticClass: "el-input-number__decrease",
+    class: {
+      "is-disabled": e.minDisabled
+    },
+    attrs: {
+      role: "button"
+    },
+    on: {
+      keydown: function(i) {
+        return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : e.decrease.apply(null, arguments);
+      }
+    }
+  }, [n("i", {
+    class: `el-icon-${e.controlsAtRight ? "arrow-down" : "minus"}`
+  })]) : e._e(), e.controls ? n("span", {
+    directives: [{
+      name: "repeat-click",
+      rawName: "v-repeat-click",
+      value: e.increase,
+      expression: "increase"
+    }],
+    staticClass: "el-input-number__increase",
+    class: {
+      "is-disabled": e.maxDisabled
+    },
+    attrs: {
+      role: "button"
+    },
+    on: {
+      keydown: function(i) {
+        return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : e.increase.apply(null, arguments);
+      }
+    }
+  }, [n("i", {
+    class: `el-icon-${e.controlsAtRight ? "arrow-up" : "plus"}`
+  })]) : e._e(), n("ElInput", {
+    ref: "input",
+    attrs: {
+      value: e.displayValue,
+      placeholder: e.placeholder,
+      disabled: e.inputNumberDisabled,
+      size: e.inputNumberSize,
+      max: e.max,
+      "prefix-icon": e.prefixIcon,
+      "suffix-icon": e.suffixIcon,
+      min: e.min,
+      name: e.name,
+      label: e.label
+    },
+    on: {
+      blur: e.handleBlur,
+      focus: e.handleFocus,
+      input: e.handleInput,
+      change: e.handleInputChange
+    },
+    nativeOn: {
+      keydown: [function(i) {
+        return !i.type.indexOf("key") && e._k(i.keyCode, "up", 38, i.key, ["Up", "ArrowUp"]) ? null : (i.preventDefault(), e.increase.apply(null, arguments));
+      }, function(i) {
+        return !i.type.indexOf("key") && e._k(i.keyCode, "down", 40, i.key, ["Down", "ArrowDown"]) ? null : (i.preventDefault(), e.decrease.apply(null, arguments));
+      }]
+    },
+    scopedSlots: e._u([{
+      key: "append",
+      fn: function() {
+        return [e._t("append")];
+      },
+      proxy: !0
+    }, {
+      key: "prefix",
+      fn: function() {
+        return [e._t("prefix")];
+      },
+      proxy: !0
+    }, {
+      key: "prepend",
+      fn: function() {
+        return [e._t("prepend")];
+      },
+      proxy: !0
+    }, {
+      key: "suffix",
+      fn: function() {
+        return [e._t("suffix")];
+      },
+      proxy: !0
+    }], null, !0)
+  })], 1);
+}, p = [];
+const h = {
+  name: "InputNumber",
+  directives: {
+    repeatClick: o
+  },
+  mixins: [u("input"), a],
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  data() {
+    return {
+      currentValue: 0,
+      userInput: null
+    };
+  },
+  computed: {
+    minDisabled() {
+      return this._decrease(this.value, this.step) < this.min;
+    },
+    maxDisabled() {
+      return this._increase(this.value, this.step) > this.max;
+    },
+    numPrecision() {
+      const { value: e, step: t, getPrecision: n, precision: i } = this, r = n(t);
+      return i !== void 0 ? (r > i && console.warn("[Element Warn][InputNumber]precision should not be less than the decimal places of step"), i) : Math.max(n(e), r);
+    },
+    controlsAtRight() {
+      return this.controls && this.controlsPosition === "right";
+    },
+    _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    inputNumberSize() {
+      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+    inputNumberDisabled() {
+      return this.disabled || !!(this.elForm || {}).disabled;
+    },
+    displayValue() {
+      if (this.userInput !== null)
+        return this.userInput;
+      let e = this.currentValue;
+      if (typeof e == "number") {
+        if (this.stepStrictly) {
+          const t = this.getPrecision(this.step), n = Math.pow(10, t);
+          e = Math.round(e / this.step) * n * this.step / n;
+        }
+        this.precision !== void 0 && (e = e.toFixed(this.precision));
+      }
+      return e;
+    }
+  },
+  watch: {
+    value: {
+      immediate: !0,
+      handler(e) {
+        let t = e === void 0 ? e : Number(e);
+        if (t !== void 0) {
+          if (isNaN(t))
+            return;
+          if (this.stepStrictly) {
+            const n = this.getPrecision(this.step), i = Math.pow(10, n);
+            t = Math.round(t / this.step) * i * this.step / i;
+          }
+          this.precision !== void 0 && (t = this.toPrecision(t, this.precision));
+        }
+        t >= this.max && (t = this.max), t <= this.min && (t = this.min), this.currentValue = t, this.userInput = null, this.$emit("input", t);
+      }
+    }
+  },
+  mounted() {
+    const e = this.$refs.input.$refs.input;
+    e.setAttribute("role", "spinbutton"), e.setAttribute("aria-valuemax", this.max), e.setAttribute("aria-valuemin", this.min), e.setAttribute("aria-valuenow", this.currentValue), e.setAttribute("aria-disabled", this.inputNumberDisabled);
+  },
+  updated() {
+    if (!this.$refs || !this.$refs.input)
+      return;
+    this.$refs.input.$refs.input.setAttribute("aria-valuenow", this.currentValue);
+  },
+  methods: {
+    toPrecision(e, t) {
+      return t === void 0 && (t = this.numPrecision), parseFloat(Math.round(e * Math.pow(10, t)) / Math.pow(10, t));
+    },
+    getPrecision(e) {
+      if (e === void 0)
+        return 0;
+      const t = e.toString(), n = t.indexOf(".");
+      let i = 0;
+      return n !== -1 && (i = t.length - n - 1), i;
+    },
+    _increase(e, t) {
+      if (typeof e != "number" && e !== void 0)
+        return this.currentValue;
+      const n = Math.pow(10, this.numPrecision);
+      return this.toPrecision((n * e + n * t) / n);
+    },
+    _decrease(e, t) {
+      if (typeof e != "number" && e !== void 0)
+        return this.currentValue;
+      const n = Math.pow(10, this.numPrecision);
+      return this.toPrecision((n * e - n * t) / n);
+    },
+    increase() {
+      if (this.inputNumberDisabled || this.maxDisabled)
+        return;
+      const e = this.value || 0, t = this._increase(e, this.step);
+      this.setCurrentValue(t);
+    },
+    decrease() {
+      if (this.inputNumberDisabled || this.minDisabled)
+        return;
+      const e = this.value || 0, t = this._decrease(e, this.step);
+      this.setCurrentValue(t);
+    },
+    handleBlur(e) {
+      this.$emit("blur", e);
+    },
+    handleFocus(e) {
+      this.$emit("focus", e);
+    },
+    setCurrentValue(e) {
+      const t = this.currentValue;
+      typeof e == "number" && this.precision !== void 0 && (e = this.toPrecision(e, this.precision)), e >= this.max && (e = this.max), e <= this.min && (e = this.min), t !== e && (this.userInput = null, this.$emit("input", e), this.$emit("change", e, t), this.currentValue = e);
+    },
+    handleInput(e) {
+      this.userInput = e;
+    },
+    handleInputChange(e) {
+      const t = e === "" ? void 0 : Number(e);
+      (!isNaN(t) || e === "") && this.setCurrentValue(t), this.userInput = null;
+    },
+    select() {
+      this.$refs.input.select();
+    }
+  }
+}, s = {};
+var d = /* @__PURE__ */ l(
+  h,
+  c,
+  p,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const x = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  x as default
+};

package/input-number/style.css

@@ -0,0 +1 @@
+.el-input-number.input-number{display:block}.el-input-number.input-number .el-input-group{display:inline-table}.el-input-number.input-number .el-input{width:100%}

package/input-number-range/index.mjs

@@ -0,0 +1,110 @@
+import { isNotEmpty as s } from "@web-utils/core";
+import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var r = function() {
+  var t = this, e = t.$createElement, n = t._self._c || e;
+  return n("div", {
+    staticClass: "input-number-range"
+  }, [n("ElInputNumber", {
+    staticClass: "flex-item",
+    staticStyle: {
+      width: "auto"
+    },
+    attrs: {
+      controls: t.controls,
+      disabled: t.disabled,
+      size: "mini"
+    },
+    on: {
+      input: t.emitInput
+    },
+    model: {
+      value: t.val[0],
+      callback: function(i) {
+        t.$set(t.val, 0, i);
+      },
+      expression: "val[0]"
+    }
+  }), n("span", {
+    staticStyle: {
+      padding: "0 6px",
+      "font-size": "12px"
+    }
+  }, [t._v(t._s(t.separator))]), n("ElInputNumber", {
+    staticClass: "flex-item",
+    staticStyle: {
+      width: "auto"
+    },
+    attrs: {
+      controls: t.controls,
+      disabled: t.disabled,
+      size: "mini"
+    },
+    on: {
+      input: t.emitInput
+    },
+    model: {
+      value: t.val[1],
+      callback: function(i) {
+        t.$set(t.val, 1, i);
+      },
+      expression: "val[1]"
+    }
+  })], 1);
+}, l = [];
+const u = {
+  name: "InputNumberRange",
+  props: {
+    value: {
+      type: Array,
+      default: () => []
+    },
+    disabled: Boolean,
+    separator: {
+      type: String,
+      default: "至"
+    },
+    controls: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      val: [void 0, void 0]
+    };
+  },
+  watch: {
+    value: {
+      immediate: !0,
+      handler(t) {
+        const e = [void 0, void 0];
+        s(t == null ? void 0 : t[0]) && (e[0] = t[0]), s(t == null ? void 0 : t[1]) && (e[1] = t[1]), this.val = e;
+      }
+    }
+  },
+  methods: {
+    emitInput() {
+      this.$emit("input", this.val);
+    }
+  }
+}, a = {};
+var d = /* @__PURE__ */ o(
+  u,
+  r,
+  l,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(t) {
+  for (let e in a)
+    this[e] = a[e];
+}
+const v = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  v as default
+};

package/input-number-range/style.css

@@ -0,0 +1 @@
+.input-number-range{flex-direction:row;align-items:center;width:100%;display:flex}

package/{dist/components/j-s-x-component/index.js → j-s-x-component/index.mjs}

@@ -1,4 +1,4 @@
-const JSXComponent = {
+const e = {
   name: "JSXComponent",
   props: {
     msg: {
@@ -7,10 +7,10 @@ const JSXComponent = {
     }
   },
   render() {
-    const h = arguments[0];
-    return h("div", [this.msg]);
+    const t = arguments[0];
+    return t("div", [this.msg]);
   }
 };
 export {
-  JSXComponent as default
+  e as default
 };

package/keep-view-alive/index.mjs

@@ -0,0 +1,123 @@
+import { n as _ } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const C = Object.prototype.toString;
+function d(e) {
+  return e != null;
+}
+function g(e) {
+  return e.isComment && e.asyncFactory;
+}
+function v(e) {
+  if (Array.isArray(e))
+    for (let t = 0; t < e.length; t++) {
+      const n = e[t];
+      if (d(n) && (d(n.componentOptions) || g(n)))
+        return n;
+    }
+}
+function x(e) {
+  return C.call(e) === "[object RegExp]";
+}
+function f(e) {
+  return e && (e.Ctor.options.name || e.tag);
+}
+function l(e, t) {
+  return Array.isArray(e) ? e.indexOf(t) > -1 : typeof e == "string" ? e.split(",").indexOf(t) > -1 : x(e) ? e.test(t) : !1;
+}
+function y(e, t) {
+  if (e.length) {
+    const n = e.indexOf(t);
+    if (n > -1)
+      return e.splice(n, 1);
+  }
+}
+function p(e, t) {
+  const { cache: n, keys: o, _vnode: c } = e;
+  for (const i in n) {
+    const s = n[i];
+    if (s) {
+      const a = s.name;
+      a && !t(a) && h(n, i, o, c);
+    }
+  }
+}
+function h(e, t, n, o) {
+  const c = e[t];
+  c && (!o || c.tag !== o.tag) && c.componentInstance.$destroy(), e[t] = null, y(n, t);
+}
+const k = {
+  name: "KeepViewAlive",
+  abstract: !0,
+  props: {
+    include: Array,
+    exclude: Array,
+    max: [String, Number]
+  },
+  created() {
+    this.cache = /* @__PURE__ */ Object.create(null), this.keys = [];
+  },
+  destroyed() {
+    for (const e in this.cache)
+      h(this.cache, e, this.keys);
+  },
+  mounted() {
+    this.cacheVNode(), this.$watch("include", (e) => {
+      p(this, (t) => l(e, t));
+    }), this.$watch("exclude", (e) => {
+      p(this, (t) => !l(e, t));
+    });
+  },
+  updated() {
+    this.cacheVNode();
+  },
+  methods: {
+    cacheVNode() {
+      const { cache: e, keys: t, vnodeToCache: n, keyToCache: o } = this;
+      if (n) {
+        const { tag: c, componentInstance: i, componentOptions: s } = n;
+        e[o] = {
+          name: f(s),
+          tag: c,
+          cid: s.Ctor.cid,
+          componentInstance: i
+        }, t.push(o), this.max && t.length > parseInt(this.max) && h(e, t[0], t, this._vnode), this.vnodeToCache = null;
+      }
+    }
+  },
+  render() {
+    const e = this.$slots.default, t = v(e), n = t && t.componentOptions;
+    if (n) {
+      const o = f(n), { include: c, exclude: i } = this;
+      if (
+        // not included
+        c && (!o || !l(c, o)) || // excluded
+        i && o && l(i, o)
+      )
+        return t;
+      const { cache: s, keys: a } = this, r = t.key == null ? n.Ctor.cid + (n.tag ? `::${n.tag}` : "") : t.key, u = s[r];
+      u ? u.cid === n.Ctor.cid ? (t.componentInstance = u.componentInstance, y(a, r), a.push(r)) : (u.componentInstance.$destroy(), s[r] = null, this.vnodeToCache = t, this.keyToCache = r) : (this.vnodeToCache = t, this.keyToCache = r), t.data.keepAlive = !0;
+    }
+    return t || e && e[0];
+  }
+};
+let A, O;
+const m = {};
+var T = /* @__PURE__ */ _(
+  k,
+  A,
+  O,
+  !1,
+  I,
+  null,
+  null,
+  null
+);
+function I(e) {
+  for (let t in m)
+    this[t] = m[t];
+}
+const b = /* @__PURE__ */ function() {
+  return T.exports;
+}();
+export {
+  b as default
+};