@web-utils/component 2.0.10 → 2.0.11

package/dist/components/image-viewer/index.js

@@ -1,34 +1,38 @@
-import i from "viewerjs";
+import Viewer from "viewerjs";
 import "viewerjs/dist/viewer.css";
-import { n as l } from "../../chunks/5d4282fb.js";
-var n = function() {
-  var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("div", {
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: !e.lazy,
+      value: !_vm.lazy,
       expression: "!lazy"
     }],
     ref: "wrapper",
     staticClass: "image-viewer"
-  }, [e._t("default", function() {
-    return e._l(e.images, function(a) {
-      return r("img", {
-        key: a.src,
+  }, [_vm._t("default", function() {
+    return _vm._l(_vm.images, function(item) {
+      return _c("img", {
+        key: item.src,
         staticClass: "image-item",
         style: {
-          backgroundImage: `url('${a.src}')`
+          backgroundImage: `url('${item.src}')`
         },
         attrs: {
-          "data-src": a.src,
-          alt: a.alt
+          "data-src": item.src,
+          "alt": item.alt
         }
       });
     });
   })], 2);
-}, o = [];
-const u = {
+};
+var staticRenderFns = [];
+const ImageViewer_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "ImageViewer",
   props: {
     images: Array,
@@ -39,57 +43,71 @@ const u = {
     lazy: Boolean
   },
   mounted() {
-    this.lazy || this.init({
-      container: this.$refs.wrapper,
-      options: {
-        navbar: !1,
-        backdrop: "static",
-        url: this.url
-      }
-    });
+    if (!this.lazy) {
+      this.init({
+        container: this.$refs.wrapper,
+        options: {
+          navbar: false,
+          backdrop: "static",
+          url: this.url
+        }
+      });
+    }
   },
   updated() {
-    var e;
-    this.lazy || (e = this.gallery) == null || e.update();
+    var _a;
+    if (!this.lazy) {
+      (_a = this.gallery) == null ? void 0 : _a.update();
+    }
   },
   beforeDestroy() {
-    this.lazy || this.gallery.destroy();
+    if (!this.lazy) {
+      this.gallery.destroy();
+    }
   },
   methods: {
-    init({ container: e, options: t }) {
-      this.gallery = new i(e, t);
+    init({ container, options }) {
+      this.gallery = new Viewer(container, options);
     },
-    show({ container: e, options: t, index: r } = {}) {
-      e = e || this.$refs.wrapper, t = t || {
-        navbar: !1,
+    show({ container, options, index } = {}) {
+      container = container || this.$refs.wrapper;
+      options = options || {
+        navbar: false,
         backdrop: "static",
         url: this.url,
-        loop: !1,
-        initialViewIndex: r || 0,
+        loop: false,
+        initialViewIndex: index || 0,
         hidden: () => {
-          this.gallery.destroy(), this.gallery = null;
+          this.gallery.destroy();
+          this.gallery = null;
         }
-      }, this.gallery || (this.init({ container: e, options: t }), this.gallery.show());
+      };
+      if (!this.gallery) {
+        this.init({ container, options });
+        this.gallery.show();
+      }
     }
   }
-}, s = {};
-var c = /* @__PURE__ */ l(
-  u,
-  n,
-  o,
-  !1,
-  _,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in s)
-    this[t] = s[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const p = /* @__PURE__ */ function() {
-  return c.exports;
+const ImageViewer = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  p as default
+  ImageViewer as default
 };

package/dist/components/image-viewer/style.css

@@ -1 +1,21 @@
-.image-viewer .image-item{display:inline-block;width:100px;height:100px;cursor:pointer;background-repeat:no-repeat;background-size:cover;background-position:center;border:none;background-color:transparent;outline:none}.viewer-backdrop{background-color:#5e5e5e}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.image-viewer .image-item {
+  display: inline-block;
+  width: 100px;
+  height: 100px;
+  cursor: pointer;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+  border: none;
+  background-color: transparent;
+  outline: none;
+}
+.viewer-backdrop {
+  background-color: #5e5e5e;
+}

package/dist/components/input-number/index.js

@@ -1,122 +1,136 @@
-import u from "element-ui/src/mixins/focus";
-import o from "element-ui/src/directives/repeat-click";
-import { i as a } from "../../chunks/41a066be.js";
-import { n as l } from "../../chunks/5d4282fb.js";
-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
+import Focus from "element-ui/src/mixins/focus";
+import RepeatClick from "element-ui/src/directives/repeat-click";
+import { i as inputNumberMixin } from "../../chunks/44b78389.js";
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    class: ["input-number", "el-input-number", _vm.inputNumberSize ? `el-input-number--${_vm.inputNumberSize}` : "", {
+      "is-disabled": _vm.inputNumberDisabled,
+      "is-without-controls": !_vm.controls,
+      "is-controls-right": _vm.controlsAtRight
     }],
     on: {
-      dragstart: function(i) {
-        i.preventDefault();
+      "dragstart": function($event) {
+        $event.preventDefault();
       }
     }
-  }, [e.controls ? n("span", {
+  }, [_vm.controls ? _c("span", {
     directives: [{
       name: "repeat-click",
       rawName: "v-repeat-click",
-      value: e.decrease,
+      value: _vm.decrease,
       expression: "decrease"
     }],
     staticClass: "el-input-number__decrease",
     class: {
-      "is-disabled": e.minDisabled
+      "is-disabled": _vm.minDisabled
     },
     attrs: {
-      role: "button"
+      "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);
+      "keydown": function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
+          return null;
+        return _vm.decrease.apply(null, arguments);
       }
     }
-  }, [n("i", {
-    class: `el-icon-${e.controlsAtRight ? "arrow-down" : "minus"}`
-  })]) : e._e(), e.controls ? n("span", {
+  }, [_c("i", {
+    class: `el-icon-${_vm.controlsAtRight ? "arrow-down" : "minus"}`
+  })]) : _vm._e(), _vm.controls ? _c("span", {
     directives: [{
       name: "repeat-click",
       rawName: "v-repeat-click",
-      value: e.increase,
+      value: _vm.increase,
       expression: "increase"
     }],
     staticClass: "el-input-number__increase",
     class: {
-      "is-disabled": e.maxDisabled
+      "is-disabled": _vm.maxDisabled
     },
     attrs: {
-      role: "button"
+      "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);
+      "keydown": function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
+          return null;
+        return _vm.increase.apply(null, arguments);
       }
     }
-  }, [n("i", {
-    class: `el-icon-${e.controlsAtRight ? "arrow-up" : "plus"}`
-  })]) : e._e(), n("ElInput", {
+  }, [_c("i", {
+    class: `el-icon-${_vm.controlsAtRight ? "arrow-up" : "plus"}`
+  })]) : _vm._e(), _c("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
+      "value": _vm.displayValue,
+      "placeholder": _vm.placeholder,
+      "disabled": _vm.inputNumberDisabled,
+      "size": _vm.inputNumberSize,
+      "max": _vm.max,
+      "prefix-icon": _vm.prefixIcon,
+      "suffix-icon": _vm.suffixIcon,
+      "min": _vm.min,
+      "name": _vm.name,
+      "label": _vm.label
     },
     on: {
-      blur: e.handleBlur,
-      focus: e.handleFocus,
-      input: e.handleInput,
-      change: e.handleInputChange
+      "blur": _vm.handleBlur,
+      "focus": _vm.handleFocus,
+      "input": _vm.handleInput,
+      "change": _vm.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));
+      "keydown": [function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"]))
+          return null;
+        $event.preventDefault();
+        return _vm.increase.apply(null, arguments);
+      }, function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"]))
+          return null;
+        $event.preventDefault();
+        return _vm.decrease.apply(null, arguments);
       }]
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "append",
       fn: function() {
-        return [e._t("append")];
+        return [_vm._t("append")];
       },
-      proxy: !0
+      proxy: true
     }, {
       key: "prefix",
       fn: function() {
-        return [e._t("prefix")];
+        return [_vm._t("prefix")];
       },
-      proxy: !0
+      proxy: true
     }, {
       key: "prepend",
       fn: function() {
-        return [e._t("prepend")];
+        return [_vm._t("prepend")];
       },
-      proxy: !0
+      proxy: true
     }, {
       key: "suffix",
       fn: function() {
-        return [e._t("suffix")];
+        return [_vm._t("suffix")];
       },
-      proxy: !0
-    }], null, !0)
+      proxy: true
+    }], null, true)
   })], 1);
-}, p = [];
-const h = {
+};
+var staticRenderFns = [];
+const InputNumber_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "InputNumber",
   directives: {
-    repeatClick: o
+    repeatClick: RepeatClick
   },
-  mixins: [u("input"), a],
+  mixins: [Focus("input"), inputNumberMixin],
   inject: {
     elForm: {
       default: ""
@@ -139,8 +153,16 @@ const h = {
       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);
+      const { value, step, getPrecision, precision } = this;
+      const stepPrecision = getPrecision(step);
+      if (precision !== void 0) {
+        if (stepPrecision > precision) {
+          console.warn("[Element Warn][InputNumber]precision should not be less than the decimal places of step");
+        }
+        return precision;
+      } else {
+        return Math.max(getPrecision(value), stepPrecision);
+      }
     },
     controlsAtRight() {
       return this.controls && this.controlsPosition === "right";
@@ -155,120 +177,164 @@ const h = {
       return this.disabled || !!(this.elForm || {}).disabled;
     },
     displayValue() {
-      if (this.userInput !== null)
+      if (this.userInput !== null) {
         return this.userInput;
-      let e = this.currentValue;
-      if (typeof e == "number") {
+      }
+      let currentValue = this.currentValue;
+      if (typeof currentValue === "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;
+          const stepPrecision = this.getPrecision(this.step);
+          const precisionFactor = Math.pow(10, stepPrecision);
+          currentValue = Math.round(currentValue / this.step) * precisionFactor * this.step / precisionFactor;
+        }
+        if (this.precision !== void 0) {
+          currentValue = currentValue.toFixed(this.precision);
         }
-        this.precision !== void 0 && (e = e.toFixed(this.precision));
       }
-      return e;
+      return currentValue;
     }
   },
   watch: {
     value: {
-      immediate: !0,
-      handler(e) {
-        let t = e === void 0 ? e : Number(e);
-        if (t !== void 0) {
-          if (isNaN(t))
+      immediate: true,
+      handler(value) {
+        let newVal = value === void 0 ? value : Number(value);
+        if (newVal !== void 0) {
+          if (isNaN(newVal)) {
             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;
+            const stepPrecision = this.getPrecision(this.step);
+            const precisionFactor = Math.pow(10, stepPrecision);
+            newVal = Math.round(newVal / this.step) * precisionFactor * this.step / precisionFactor;
+          }
+          if (this.precision !== void 0) {
+            newVal = this.toPrecision(newVal, this.precision);
           }
-          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);
+        if (newVal >= this.max)
+          newVal = this.max;
+        if (newVal <= this.min)
+          newVal = this.min;
+        this.currentValue = newVal;
+        this.userInput = null;
+        this.$emit("input", newVal);
       }
     }
   },
   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);
+    const innerInput = this.$refs.input.$refs.input;
+    innerInput.setAttribute("role", "spinbutton");
+    innerInput.setAttribute("aria-valuemax", this.max);
+    innerInput.setAttribute("aria-valuemin", this.min);
+    innerInput.setAttribute("aria-valuenow", this.currentValue);
+    innerInput.setAttribute("aria-disabled", this.inputNumberDisabled);
   },
   updated() {
     if (!this.$refs || !this.$refs.input)
       return;
-    this.$refs.input.$refs.input.setAttribute("aria-valuenow", this.currentValue);
+    const innerInput = this.$refs.input.$refs.input;
+    innerInput.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));
+    toPrecision(num, precision) {
+      if (precision === void 0)
+        precision = this.numPrecision;
+      return parseFloat(Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision));
     },
-    getPrecision(e) {
-      if (e === void 0)
+    getPrecision(value) {
+      if (value === void 0)
         return 0;
-      const t = e.toString(), n = t.indexOf(".");
-      let i = 0;
-      return n !== -1 && (i = t.length - n - 1), i;
+      const valueString = value.toString();
+      const dotPosition = valueString.indexOf(".");
+      let precision = 0;
+      if (dotPosition !== -1) {
+        precision = valueString.length - dotPosition - 1;
+      }
+      return precision;
     },
-    _increase(e, t) {
-      if (typeof e != "number" && e !== void 0)
+    _increase(val, step) {
+      if (typeof val !== "number" && val !== void 0)
         return this.currentValue;
-      const n = Math.pow(10, this.numPrecision);
-      return this.toPrecision((n * e + n * t) / n);
+      const precisionFactor = Math.pow(10, this.numPrecision);
+      return this.toPrecision((precisionFactor * val + precisionFactor * step) / precisionFactor);
     },
-    _decrease(e, t) {
-      if (typeof e != "number" && e !== void 0)
+    _decrease(val, step) {
+      if (typeof val !== "number" && val !== void 0)
         return this.currentValue;
-      const n = Math.pow(10, this.numPrecision);
-      return this.toPrecision((n * e - n * t) / n);
+      const precisionFactor = Math.pow(10, this.numPrecision);
+      return this.toPrecision((precisionFactor * val - precisionFactor * step) / precisionFactor);
     },
     increase() {
       if (this.inputNumberDisabled || this.maxDisabled)
         return;
-      const e = this.value || 0, t = this._increase(e, this.step);
-      this.setCurrentValue(t);
+      const value = this.value || 0;
+      const newVal = this._increase(value, this.step);
+      this.setCurrentValue(newVal);
     },
     decrease() {
       if (this.inputNumberDisabled || this.minDisabled)
         return;
-      const e = this.value || 0, t = this._decrease(e, this.step);
-      this.setCurrentValue(t);
+      const value = this.value || 0;
+      const newVal = this._decrease(value, this.step);
+      this.setCurrentValue(newVal);
     },
-    handleBlur(e) {
-      this.$emit("blur", e);
+    handleBlur(event) {
+      this.$emit("blur", event);
     },
-    handleFocus(e) {
-      this.$emit("focus", e);
+    handleFocus(event) {
+      this.$emit("focus", event);
     },
-    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);
+    setCurrentValue(newVal) {
+      const oldVal = this.currentValue;
+      if (typeof newVal === "number" && this.precision !== void 0) {
+        newVal = this.toPrecision(newVal, this.precision);
+      }
+      if (newVal >= this.max)
+        newVal = this.max;
+      if (newVal <= this.min)
+        newVal = this.min;
+      if (oldVal === newVal)
+        return;
+      this.userInput = null;
+      this.$emit("input", newVal);
+      this.$emit("change", newVal, oldVal);
+      this.currentValue = newVal;
     },
-    handleInput(e) {
-      this.userInput = e;
+    handleInput(value) {
+      this.userInput = value;
     },
-    handleInputChange(e) {
-      const t = e === "" ? void 0 : Number(e);
-      (!isNaN(t) || e === "") && this.setCurrentValue(t), this.userInput = null;
+    handleInputChange(value) {
+      const newVal = value === "" ? void 0 : Number(value);
+      if (!isNaN(newVal) || value === "") {
+        this.setCurrentValue(newVal);
+      }
+      this.userInput = null;
     },
     select() {
       this.$refs.input.select();
     }
   }
-}, s = {};
-var d = /* @__PURE__ */ l(
-  h,
-  c,
-  p,
-  !1,
-  m,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function m(e) {
-  for (let t in s)
-    this[t] = s[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const x = /* @__PURE__ */ function() {
-  return d.exports;
+const InputNumber = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  x as default
+  InputNumber as default
 };

package/dist/components/input-number/style.css

@@ -1 +1,15 @@
-.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%}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.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%;
+}