@web-utils/component 2.70.0 → 3.0.1

package/form-input-id-card/index.mjs

@@ -1,22 +1,22 @@
-var d = Object.defineProperty;
-var l = Object.getOwnPropertySymbols;
-var m = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
-var a = (r, e, t) => e in r ? d(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, s = (r, e) => {
+var _ = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var i = (r, e, t) => e in r ? _(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, s = (r, e) => {
   for (var t in e || (e = {}))
-    m.call(e, t) && a(r, t, e[t]);
-  if (l)
-    for (var t of l(e))
-      c.call(e, t) && a(r, t, e[t]);
+    m.call(e, t) && i(r, t, e[t]);
+  if (a)
+    for (var t of a(e))
+      d.call(e, t) && i(r, t, e[t]);
   return r;
 };
-import { f } from "../chunks/form-input-mixin.4632ad36.mjs";
-import { validateIdCard as i } from "@web-utils/core";
-import u from "element-ui/lib/input";
-import { d as _, n as v } from "../chunks/index.57f871af.mjs";
-import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var h = function() {
+import { _ as c, f } from "../chunks/FormItem.2920ac0c.mjs";
+import { validateIdCard as u } from "@web-utils/core";
+import l from "element-ui/lib/input";
+import { h as v, n as y } from "../chunks/index.d91bd77a.mjs";
+import { n as h } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var b = function() {
   var r = this, e = r.$createElement, t = r._self._c || e;
-  return t("FormItem", r._b({
+  return t(c, r._b({
     attrs: {
       rules: r.computeRules,
       disabled: r.inputDisabled
@@ -24,7 +24,7 @@ var h = function() {
     scopedSlots: r._u([{
       key: "default",
       fn: function() {
-        return [t("ElInput", r._g(r._b({
+        return [t(l, r._g(r._b({
           class: {
             "is-readonly": r.readonly
           },
@@ -36,8 +36,8 @@ var h = function() {
             placeholder: r.computePlaceholder
           },
           on: {
-            input: function(o) {
-              return r.$emit("input", o);
+            input: function(n) {
+              return r.$emit("input", n);
             }
           }
         }, "ElInput", r.inputProps, !1), r.listeners)), r.$slots.warn ? t("div", {
@@ -47,14 +47,14 @@ var h = function() {
       proxy: !0
     }, {
       key: "error",
-      fn: function(o) {
-        var n = o.error;
-        return [r.$scopedSlots.error && r.$scopedSlots.error(n) ? t("div", {
+      fn: function(n) {
+        var o = n.error;
+        return [r.$scopedSlots.error && r.$scopedSlots.error(o) ? t("div", {
           staticClass: "el-form-item__error"
         }, [r._t("error", function() {
-          return [r._v(" " + r._s(n) + " ")];
+          return [r._v(" " + r._s(o) + " ")];
         }, {
-          error: n
+          error: o
         })], 2) : r._e()];
       }
     }, {
@@ -65,10 +65,10 @@ var h = function() {
       proxy: !0
     }], null, !0)
   }, "FormItem", r.formItemProps, !1));
-}, I = [];
-const b = Object.keys(u.props || u.default.props).filter(
+}, g = [];
+const x = Object.keys(l.props || l.default.props).filter(
   (r) => !["value", "placeholder", "disabled"].includes(r)
-), x = {
+), I = {
   name: "FormInputIdCard",
   mixins: [f],
   props: {
@@ -82,38 +82,38 @@ const b = Object.keys(u.props || u.default.props).filter(
   },
   computed: {
     inputProps() {
-      return _(s(s({}, v(this.$attrs)), this.$props), b);
+      return v(s(s({}, y(this.$attrs)), this.$props), x);
     }
   },
   methods: {
-    validateIdCard: i,
+    validateIdCard: u,
     getRules() {
       return [
         {
-          validator: i,
+          validator: u,
           message: "请输入正确的身份证号码！"
         }
       ];
     }
   }
 }, p = {};
-var g = /* @__PURE__ */ y(
-  x,
-  h,
+var $ = /* @__PURE__ */ h(
   I,
+  b,
+  g,
   !1,
-  $,
+  C,
   null,
   null,
   null
 );
-function $(r) {
+function C(r) {
   for (let e in p)
     this[e] = p[e];
 }
-const R = /* @__PURE__ */ function() {
-  return g.exports;
+const w = /* @__PURE__ */ function() {
+  return $.exports;
 }();
 export {
-  R as default
+  w as default
 };

package/form-input-number/index.mjs

@@ -1,94 +1,254 @@
-var l = Object.defineProperty;
-var o = Object.getOwnPropertySymbols;
-var a = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var i = (e, r, t) => r in e ? l(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, u = (e, r) => {
-  for (var t in r || (r = {}))
-    a.call(r, t) && i(e, t, r[t]);
-  if (o)
-    for (var t of o(r))
-      m.call(r, t) && i(e, t, r[t]);
-  return e;
+var h = Object.defineProperty;
+var u = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var o = (t, e, i) => e in t ? h(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, s = (t, e) => {
+  for (var i in e || (e = {}))
+    m.call(e, i) && o(t, i, e[i]);
+  if (u)
+    for (var i of u(e))
+      f.call(e, i) && o(t, i, e[i]);
+  return t;
 };
-import { f } from "../chunks/form-input-mixin.4632ad36.mjs";
-import { d as c, n as _ } from "../chunks/index.57f871af.mjs";
-import { i as d } from "../chunks/input-number-mixin.41a066be.mjs";
-import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var b = function() {
-  var e = this, r = e.$createElement, t = e._self._c || r;
-  return t("FormItem", e._b({
+import { _ as d, f as _ } from "../chunks/FormItem.2920ac0c.mjs";
+import { h as b, n as x } from "../chunks/index.d91bd77a.mjs";
+import { i as l, s as y, r as I } from "../chunks/InputNumber.vue_vue_type_style_index_0_lang.18046bd3.mjs";
+import P from "element-ui/src/mixins/focus";
+import v from "element-ui/src/directives/repeat-click";
+import { n as c } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const N = {
+  name: "InputNumber",
+  directives: {
+    repeatClick: v
+  },
+  mixins: [P("input"), l],
+  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: t, step: e, getPrecision: i, precision: n } = this, r = i(e);
+      return n !== void 0 ? (r > n && console.warn("[Element Warn][InputNumber]precision should not be less than the decimal places of step"), n) : Math.max(i(t), 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 t = this.currentValue;
+      if (typeof t == "number") {
+        if (this.stepStrictly) {
+          const e = this.getPrecision(this.step), i = Math.pow(10, e);
+          t = Math.round(t / this.step) * i * this.step / i;
+        }
+        this.precision !== void 0 && (t = t.toFixed(this.precision));
+      }
+      return t;
+    }
+  },
+  watch: {
+    value: {
+      immediate: !0,
+      handler(t) {
+        let e = t === void 0 ? t : Number(t);
+        if (e !== void 0) {
+          if (isNaN(e))
+            return;
+          if (this.stepStrictly) {
+            const i = this.getPrecision(this.step), n = Math.pow(10, i);
+            e = Math.round(e / this.step) * n * this.step / n;
+          }
+          this.precision !== void 0 && (e = this.toPrecision(e, this.precision));
+        }
+        e >= this.max && (e = this.max), e <= this.min && (e = this.min), this.currentValue = e, this.userInput = null, this.$emit("input", e);
+      }
+    }
+  },
+  mounted() {
+    const t = this.$refs.input.$refs.input;
+    t.setAttribute("role", "spinbutton"), t.setAttribute("aria-valuemax", this.max), t.setAttribute("aria-valuemin", this.min), t.setAttribute("aria-valuenow", this.currentValue), t.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(t, e) {
+      return e === void 0 && (e = this.numPrecision), parseFloat(Math.round(t * Math.pow(10, e)) / Math.pow(10, e));
+    },
+    getPrecision(t) {
+      if (t === void 0)
+        return 0;
+      const e = t.toString(), i = e.indexOf(".");
+      let n = 0;
+      return i !== -1 && (n = e.length - i - 1), n;
+    },
+    _increase(t, e) {
+      if (typeof t != "number" && t !== void 0)
+        return this.currentValue;
+      const i = Math.pow(10, this.numPrecision);
+      return this.toPrecision((i * t + i * e) / i);
+    },
+    _decrease(t, e) {
+      if (typeof t != "number" && t !== void 0)
+        return this.currentValue;
+      const i = Math.pow(10, this.numPrecision);
+      return this.toPrecision((i * t - i * e) / i);
+    },
+    increase() {
+      if (this.inputNumberDisabled || this.maxDisabled)
+        return;
+      const t = this.value || 0, e = this._increase(t, this.step);
+      this.setCurrentValue(e);
+    },
+    decrease() {
+      if (this.inputNumberDisabled || this.minDisabled)
+        return;
+      const t = this.value || 0, e = this._decrease(t, this.step);
+      this.setCurrentValue(e);
+    },
+    handleBlur(t) {
+      this.$emit("blur", t);
+    },
+    handleFocus(t) {
+      this.$emit("focus", t);
+    },
+    setCurrentValue(t) {
+      const e = this.currentValue;
+      typeof t == "number" && this.precision !== void 0 && (t = this.toPrecision(t, this.precision)), t >= this.max && (t = this.max), t <= this.min && (t = this.min), e !== t && (this.userInput = null, this.$emit("input", t), this.$emit("change", t, e), this.currentValue = t);
+    },
+    handleInput(t) {
+      this.userInput = t;
+    },
+    handleInputChange(t) {
+      const e = t === "" ? void 0 : Number(t);
+      (!isNaN(e) || t === "") && this.setCurrentValue(e), this.userInput = null;
+    },
+    select() {
+      this.$refs.input.select();
+    }
+  }
+}, a = {};
+var $ = /* @__PURE__ */ c(
+  N,
+  I,
+  y,
+  !1,
+  F,
+  null,
+  null,
+  null
+);
+function F(t) {
+  for (let e in a)
+    this[e] = a[e];
+}
+const g = /* @__PURE__ */ function() {
+  return $.exports;
+}();
+var M = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return i(d, t._b({
     attrs: {
-      rules: e.computeRules,
-      disabled: e.inputDisabled
+      rules: t.computeRules,
+      disabled: t.inputDisabled
     },
-    scopedSlots: e._u([{
+    scopedSlots: t._u([{
       key: "default",
       fn: function() {
-        return [t("InputNumber", e._g(e._b({
+        return [i(g, t._g(t._b({
           staticClass: "form-input-number",
           attrs: {
-            value: e.value,
+            value: t.value,
             controls: !1,
-            precision: e.precision,
-            max: e.max,
-            min: e.min,
-            placeholder: e.computePlaceholder,
-            disabled: e.inputDisabled
+            precision: t.precision,
+            max: t.max,
+            min: t.min,
+            placeholder: t.computePlaceholder,
+            disabled: t.inputDisabled
           },
           on: {
             input: function(n) {
-              return e.$emit("input", n);
+              return t.$emit("input", n);
             }
           },
-          scopedSlots: e._u([{
+          scopedSlots: t._u([{
             key: "append",
             fn: function() {
-              return [e._t("append")];
+              return [t._t("append")];
             },
             proxy: !0
           }, {
             key: "prefix",
             fn: function() {
-              return [e._t("prefix")];
+              return [t._t("prefix")];
             },
             proxy: !0
           }, {
             key: "prepend",
             fn: function() {
-              return [e._t("prepend")];
+              return [t._t("prepend")];
             },
             proxy: !0
           }, {
             key: "suffix",
             fn: function() {
-              return [e._t("suffix")];
+              return [t._t("suffix")];
             },
             proxy: !0
           }], null, !0)
-        }, "InputNumber", e.inputProps, !1), e.listeners))];
+        }, "InputNumber", t.inputProps, !1), t.listeners))];
       },
       proxy: !0
     }, {
       key: "error",
       fn: function(n) {
-        var p = n.error;
-        return [e._t("error", null, {
-          error: p
+        var r = n.error;
+        return [t._t("error", null, {
+          error: r
         })];
       }
     }, {
       key: "label",
       fn: function() {
-        return [e._t("label")];
+        return [t._t("label")];
       },
       proxy: !0
     }], null, !0)
-  }, "FormItem", e.formItemProps, !1));
-}, x = [];
-const v = Object.keys(d.props).filter(
-  (e) => !["value", "placeholder", "disabled", "precision", "max", "min"].includes(e)
-), I = {
+  }, "FormItem", t.formItemProps, !1));
+}, S = [];
+const k = Object.keys(l.props).filter(
+  (t) => !["value", "placeholder", "disabled", "precision", "max", "min"].includes(t)
+), D = {
   name: "FormInputNumber",
-  mixins: [f],
+  mixins: [_],
   props: {
     value: {
       type: [String, Number]
@@ -103,34 +263,34 @@ const v = Object.keys(d.props).filter(
     },
     precision: {
       type: Number,
-      validator(e) {
-        return e >= 0 && e === parseInt(e, 10);
+      validator(t) {
+        return t >= 0 && t === parseInt(t, 10);
       }
     }
   },
   computed: {
     inputProps() {
-      return c(u(u({}, _(this.$attrs)), this.$props), v);
+      return b(s(s({}, x(this.$attrs)), this.$props), k);
     }
   }
-}, s = {};
-var N = /* @__PURE__ */ y(
-  I,
-  b,
-  x,
+}, p = {};
+var V = /* @__PURE__ */ c(
+  D,
+  M,
+  S,
   !1,
-  h,
+  C,
   null,
   null,
   null
 );
-function h(e) {
-  for (let r in s)
-    this[r] = s[r];
+function C(t) {
+  for (let e in p)
+    this[e] = p[e];
 }
-const g = /* @__PURE__ */ function() {
-  return N.exports;
+const O = /* @__PURE__ */ function() {
+  return V.exports;
 }();
 export {
-  g as default
+  O as default
 };

package/form-input-phone-number/index.mjs

@@ -1,22 +1,22 @@
 var p = Object.defineProperty;
-var o = Object.getOwnPropertySymbols;
-var m = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var s = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
 var l = (e, t, r) => t in e ? p(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, n = (e, t) => {
   for (var r in t || (t = {}))
     m.call(t, r) && l(e, r, t[r]);
-  if (o)
-    for (var r of o(t))
-      d.call(t, r) && l(e, r, t[r]);
+  if (s)
+    for (var r of s(t))
+      _.call(t, r) && l(e, r, t[r]);
   return e;
 };
-import { f as c } from "../chunks/form-input-mixin.4632ad36.mjs";
+import { _ as c, f as d } from "../chunks/FormItem.2920ac0c.mjs";
 import { validatePhoneNum as f } from "@web-utils/core";
-import { d as _, n as h } from "../chunks/index.57f871af.mjs";
-import s from "element-ui/lib/input";
-import { n as v } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var y = function() {
+import { h, n as v } from "../chunks/index.d91bd77a.mjs";
+import o from "element-ui/lib/input";
+import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var b = function() {
   var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("FormItem", e._b({
+  return r(c, e._b({
     attrs: {
       rules: e.computeRules,
       disabled: e.inputDisabled
@@ -24,7 +24,7 @@ var y = function() {
     scopedSlots: e._u([{
       key: "default",
       fn: function() {
-        return [r("ElInput", e._g(e._b({
+        return [r(o, e._g(e._b({
           class: {
             "is-readonly": e.readonly
           },
@@ -57,12 +57,12 @@ var y = function() {
       proxy: !0
     }], null, !0)
   }, "FormItem", e.formItemProps, !1));
-}, b = [];
-const I = Object.keys(s.props || s.default.props).filter(
+}, g = [];
+const x = Object.keys(o.props || o.default.props).filter(
   (e) => !["value", "placeholder", "disabled"].includes(e)
-), x = {
+), P = {
   name: "FormInputPhoneNumber",
-  mixins: [c],
+  mixins: [d],
   props: {
     value: {
       type: String
@@ -74,7 +74,7 @@ const I = Object.keys(s.props || s.default.props).filter(
   },
   computed: {
     inputProps() {
-      return _(n(n({}, h(this.$attrs)), this.$props), I);
+      return h(n(n({}, v(this.$attrs)), this.$props), x);
     }
   },
   methods: {
@@ -91,23 +91,23 @@ const I = Object.keys(s.props || s.default.props).filter(
     }
   }
 }, u = {};
-var P = /* @__PURE__ */ v(
-  x,
-  y,
+var I = /* @__PURE__ */ y(
+  P,
   b,
-  !1,
   g,
+  !1,
+  k,
   null,
   null,
   null
 );
-function g(e) {
+function k(e) {
   for (let t in u)
     this[t] = u[t];
 }
-const R = /* @__PURE__ */ function() {
-  return P.exports;
+const z = /* @__PURE__ */ function() {
+  return I.exports;
 }();
 export {
-  R as default
+  z as default
 };