@web-utils/component 3.0.2 → 3.0.4

package/image-cropper/index.mjs

@@ -1,23 +1,22 @@
 var l = Object.defineProperty;
-var s = Object.getOwnPropertySymbols;
+var a = Object.getOwnPropertySymbols;
 var u = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
-var a = (e, t, o) => t in e ? l(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, p = (e, t) => {
+var s = (e, t, o) => t in e ? l(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, p = (e, t) => {
   for (var o in t || (t = {}))
-    u.call(t, o) && a(e, o, t[o]);
-  if (s)
-    for (var o of s(t))
-      f.call(t, o) && a(e, o, t[o]);
+    u.call(t, o) && s(e, o, t[o]);
+  if (a)
+    for (var o of a(t))
+      f.call(t, o) && s(e, o, t[o]);
   return e;
 };
-import { B as m } from "../chunks/util.7844e2c2.mjs";
+import { B as m } from "../chunks/util.ae730cde.mjs";
 import { VueCropper as d } from "vue-cropper";
 import h from "vue";
 import n from "element-ui/lib/button";
-import { _ as v } from "../chunks/ElementDialog.d8f3105c.mjs";
-import { n as g } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var _ = function() {
+import { n as v } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var g = function() {
   var e = this, t = e.$createElement, o = e._self._c || t;
-  return o(v, {
+  return o("ElementDialog", {
     staticClass: "avue-cropper",
     attrs: {
       visible: e.visible,
@@ -146,7 +145,7 @@ var _ = function() {
       alt: ""
     }
   })])])])]);
-}, x = [];
+}, _ = [];
 const r = {
   name: "ImageCropper",
   components: {
@@ -189,7 +188,7 @@ const r = {
       e && e(), this.visible = !1, this.option.cancel && this.option.cancel(), typeof this.option.beforeClose == "function" && this.option.beforeClose(), this.$destroy(), this.$el.remove();
     }
   }
-}, b = (e = {}) => {
+}, x = (e = {}) => {
   const t = h.extend(r), o = p({
     outputSize: 1,
     // 裁剪生成图片的质量(可选0.1 - 1)
@@ -227,25 +226,25 @@ const r = {
   }).$mount();
   return document.body.appendChild(i.$el), i.show(), i;
 };
-r.imageCropper = b;
-const C = r, c = {};
-var y = /* @__PURE__ */ g(
-  C,
+r.imageCropper = x;
+const b = r, c = {};
+var C = /* @__PURE__ */ v(
+  b,
+  g,
   _,
-  x,
   !1,
-  $,
+  y,
   null,
   null,
   null
 );
-function $(e) {
+function y(e) {
   for (let t in c)
     this[t] = c[t];
 }
-const M = /* @__PURE__ */ function() {
-  return y.exports;
+const B = /* @__PURE__ */ function() {
+  return C.exports;
 }();
 export {
-  M as default
+  B as default
 };

package/image-preview/index.mjs

@@ -9,7 +9,7 @@ var r = (e, i, t) => i in e ? d(e, i, { enumerable: !0, configurable: !0, writab
       h.call(i, t) && r(e, t, i[t]);
   return e;
 };
-import { v as p } from "../chunks/util.7844e2c2.mjs";
+import { i as p } from "../chunks/util.ae730cde.mjs";
 import { setPx as u } from "@web-utils/core";
 import f from "vue";
 import g from "element-ui/lib/carousel-item";

package/input-number/index.mjs

@@ -1,13 +1,123 @@
 import u from "element-ui/src/mixins/focus";
 import o from "element-ui/src/directives/repeat-click";
-import { i as h, s as a, r as c } from "../chunks/InputNumber.vue_vue_type_style_index_0_lang.18046bd3.mjs";
-import { n as l } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const p = {
+import { i as a } from "../chunks/input-number-mixin.41a066be.mjs";
+import l from "element-ui/lib/input";
+import { n as c } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var p = 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(l, {
+    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);
+}, h = [];
+const d = {
   name: "InputNumber",
   directives: {
     repeatClick: o
   },
-  mixins: [u("input"), h],
+  mixins: [u("input"), a],
   inject: {
     elForm: {
       default: ""
@@ -30,8 +140,8 @@ const p = {
       return this._increase(this.value, this.step) > this.max;
     },
     numPrecision() {
-      const { value: t, step: e, getPrecision: i, precision: s } = this, n = i(e);
-      return s !== void 0 ? (n > s && console.warn("[Element Warn][InputNumber]precision should not be less than the decimal places of step"), s) : Math.max(i(t), n);
+      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";
@@ -48,38 +158,38 @@ const p = {
     displayValue() {
       if (this.userInput !== null)
         return this.userInput;
-      let t = this.currentValue;
-      if (typeof t == "number") {
+      let e = this.currentValue;
+      if (typeof e == "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;
+          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 && (t = t.toFixed(this.precision));
+        this.precision !== void 0 && (e = e.toFixed(this.precision));
       }
-      return t;
+      return e;
     }
   },
   watch: {
     value: {
       immediate: !0,
-      handler(t) {
-        let e = t === void 0 ? t : Number(t);
-        if (e !== void 0) {
-          if (isNaN(e))
+      handler(e) {
+        let t = e === void 0 ? e : Number(e);
+        if (t !== void 0) {
+          if (isNaN(t))
             return;
           if (this.stepStrictly) {
-            const i = this.getPrecision(this.step), s = Math.pow(10, i);
-            e = Math.round(e / this.step) * s * this.step / s;
+            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 && (e = this.toPrecision(e, this.precision));
+          this.precision !== void 0 && (t = this.toPrecision(t, this.precision));
         }
-        e >= this.max && (e = this.max), e <= this.min && (e = this.min), this.currentValue = e, this.userInput = null, this.$emit("input", e);
+        t >= this.max && (t = this.max), t <= this.min && (t = this.min), this.currentValue = t, this.userInput = null, this.$emit("input", t);
       }
     }
   },
   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);
+    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)
@@ -87,79 +197,79 @@ const p = {
     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));
+    toPrecision(e, t) {
+      return t === void 0 && (t = this.numPrecision), parseFloat(Math.round(e * Math.pow(10, t)) / Math.pow(10, t));
     },
-    getPrecision(t) {
-      if (t === void 0)
+    getPrecision(e) {
+      if (e === void 0)
         return 0;
-      const e = t.toString(), i = e.indexOf(".");
-      let s = 0;
-      return i !== -1 && (s = e.length - i - 1), s;
+      const t = e.toString(), n = t.indexOf(".");
+      let i = 0;
+      return n !== -1 && (i = t.length - n - 1), i;
     },
-    _increase(t, e) {
-      if (typeof t != "number" && t !== void 0)
+    _increase(e, t) {
+      if (typeof e != "number" && e !== void 0)
         return this.currentValue;
-      const i = Math.pow(10, this.numPrecision);
-      return this.toPrecision((i * t + i * e) / i);
+      const n = Math.pow(10, this.numPrecision);
+      return this.toPrecision((n * e + n * t) / n);
     },
-    _decrease(t, e) {
-      if (typeof t != "number" && t !== void 0)
+    _decrease(e, t) {
+      if (typeof e != "number" && e !== void 0)
         return this.currentValue;
-      const i = Math.pow(10, this.numPrecision);
-      return this.toPrecision((i * t - i * e) / i);
+      const n = Math.pow(10, this.numPrecision);
+      return this.toPrecision((n * e - n * t) / n);
     },
     increase() {
       if (this.inputNumberDisabled || this.maxDisabled)
         return;
-      const t = this.value || 0, e = this._increase(t, this.step);
-      this.setCurrentValue(e);
+      const e = this.value || 0, t = this._increase(e, this.step);
+      this.setCurrentValue(t);
     },
     decrease() {
       if (this.inputNumberDisabled || this.minDisabled)
         return;
-      const t = this.value || 0, e = this._decrease(t, this.step);
-      this.setCurrentValue(e);
+      const e = this.value || 0, t = this._decrease(e, this.step);
+      this.setCurrentValue(t);
     },
-    handleBlur(t) {
-      this.$emit("blur", t);
+    handleBlur(e) {
+      this.$emit("blur", e);
     },
-    handleFocus(t) {
-      this.$emit("focus", t);
+    handleFocus(e) {
+      this.$emit("focus", e);
     },
-    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);
+    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(t) {
-      this.userInput = t;
+    handleInput(e) {
+      this.userInput = e;
     },
-    handleInputChange(t) {
-      const e = t === "" ? void 0 : Number(t);
-      (!isNaN(e) || t === "") && this.setCurrentValue(e), this.userInput = null;
+    handleInputChange(e) {
+      const t = e === "" ? void 0 : Number(e);
+      (!isNaN(t) || e === "") && this.setCurrentValue(t), this.userInput = null;
     },
     select() {
       this.$refs.input.select();
     }
   }
-}, r = {};
-var m = /* @__PURE__ */ l(
+}, s = {};
+var m = /* @__PURE__ */ c(
+  d,
   p,
-  c,
-  a,
+  h,
   !1,
-  d,
+  f,
   null,
   null,
   null
 );
-function d(t) {
-  for (let e in r)
-    this[e] = r[e];
+function f(e) {
+  for (let t in s)
+    this[t] = s[t];
 }
-const P = /* @__PURE__ */ function() {
+const I = /* @__PURE__ */ function() {
   return m.exports;
 }();
 export {
-  P as default
+  I as default
 };

package/license/index.mjs

@@ -1,4 +1,4 @@
-import { C as l } from "../chunks/util.7844e2c2.mjs";
+import { C as l } from "../chunks/util.ae730cde.mjs";
 import { n as g } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var m = function() {
   var t = this, e = t.$createElement, s = t._self._c || e;

package/loading-view/index.mjs

@@ -1,6 +1,24 @@
-import { s as n, r as o } from "../chunks/LoadingView.vue_vue_type_style_index_0_lang.4c3fff2a.mjs";
-import { n as i } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const r = {
+import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var s = function() {
+  var t = this, e = t.$createElement, n = t._self._c || e;
+  return n("div", {
+    staticClass: "loading-view",
+    style: {
+      fontSize: t.fontSize,
+      height: t.height
+    }
+  }, [t._t("default", function() {
+    return [n("div", {
+      staticClass: "flex-column horizon-center"
+    }, [n("i", {
+      staticClass: "el-icon-loading",
+      style: {
+        fontSize: t.iconSize
+      }
+    }), n("p", [t._v(t._s(t.loadingTips))])])];
+  })], 2);
+}, a = [];
+const l = {
   name: "LoadingView",
   props: {
     loadingTips: {
@@ -20,24 +38,24 @@ const r = {
       default: "100%"
     }
   }
-}, e = {};
-var s = /* @__PURE__ */ i(
-  r,
-  o,
-  n,
-  !1,
+}, i = {};
+var r = /* @__PURE__ */ o(
+  l,
+  s,
   a,
+  !1,
+  _,
   null,
   null,
   null
 );
-function a(l) {
-  for (let t in e)
-    this[t] = e[t];
+function _(t) {
+  for (let e in i)
+    this[e] = i[e];
 }
-const c = /* @__PURE__ */ function() {
-  return s.exports;
+const u = /* @__PURE__ */ function() {
+  return r.exports;
 }();
 export {
-  c as default
+  u as default
 };

package/login/index.mjs

@@ -1,4 +1,4 @@
-import { s as m } from "../chunks/util.7844e2c2.mjs";
+import { s as m } from "../chunks/util.ae730cde.mjs";
 import { isBlank as d } from "@web-utils/core";
 import l from "element-ui/lib/button";
 import r from "element-ui/lib/form-item";

package/nav-bar/index.mjs

@@ -1,6 +1,22 @@
-import { s as n, r as e } from "../chunks/NavBar.vue_vue_type_style_index_0_lang.e21b57f3.mjs";
-import { n as s } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const a = {
+import a from "element-ui/lib/button";
+import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var s = function() {
+  var t = this, e = t.$createElement, n = t._self._c || e;
+  return n("div", {
+    staticClass: "nav-bar"
+  }, [t.showBack ? n(a, {
+    attrs: {
+      type: "text",
+      icon: "el-icon-arrow-left"
+    },
+    on: {
+      click: t.goBack
+    }
+  }, [t._v(" 返回 ")]) : t._e(), t.$slots.right ? n("div", {
+    staticClass: "flex-item flex-row-column vertical-center"
+  }, [t._t("right")], 2) : t._e()], 1);
+}, c = [];
+const _ = {
   name: "NavBar",
   props: {
     onGoBack: Function,
@@ -14,24 +30,24 @@ const a = {
       this.onGoBack ? this.onGoBack() : this.$router.back();
     }
   }
-}, t = {};
-var r = /* @__PURE__ */ s(
-  a,
-  e,
-  n,
-  !1,
+}, o = {};
+var i = /* @__PURE__ */ r(
+  _,
+  s,
   c,
+  !1,
+  l,
   null,
   null,
   null
 );
-function c(i) {
-  for (let o in t)
-    this[o] = t[o];
+function l(t) {
+  for (let e in o)
+    this[e] = o[e];
 }
-const _ = /* @__PURE__ */ function() {
-  return r.exports;
+const f = /* @__PURE__ */ function() {
+  return i.exports;
 }();
 export {
-  _ as default
+  f as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/page/index.mjs

@@ -1,5 +1,13 @@
-import { s as o, r as t } from "../chunks/Page.vue_vue_type_style_index_0_lang.cb4f9bf2.mjs";
-import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var l = function() {
+  var e = this, t = e.$createElement, a = e._self._c || t;
+  return a("div", {
+    staticClass: "page flex-row flex-item",
+    class: {
+      vertical: e.vertical && !e.horizontal
+    }
+  }, [e._t("default")], 2);
+}, r = [];
 const s = {
   name: "Page",
   props: {
@@ -10,23 +18,23 @@ const s = {
     horizontal: Boolean
   }
 }, n = {};
-var a = /* @__PURE__ */ r(
+var _ = /* @__PURE__ */ o(
   s,
-  t,
-  o,
-  !1,
   l,
+  r,
+  !1,
+  c,
   null,
   null,
   null
 );
-function l(c) {
-  for (let e in n)
-    this[e] = n[e];
+function c(e) {
+  for (let t in n)
+    this[t] = n[t];
 }
-const _ = /* @__PURE__ */ function() {
-  return a.exports;
+const u = /* @__PURE__ */ function() {
+  return _.exports;
 }();
 export {
-  _ as default
+  u as default
 };