@web-utils/component 2.7.20 → 2.7.22

package/dist/components/license/index.js

@@ -1,20 +1,20 @@
-import { y as l } from "../../chunks/util.23fe58fb.js";
-import { n as g } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var m = function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+import { B as downFile } from "../../chunks/util.89913643.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-license",
     staticStyle: {
       position: "relative"
     }
-  }, [s("canvas", {
+  }, [_c("canvas", {
     ref: "canvas",
     attrs: {
-      id: `canvas${t.id}`
+      id: `canvas${_vm.id}`
     }
-  }), t._t("default")], 2);
-}, f = [];
-const w = {
+  }), _vm._t("default")], 2);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "License",
   props: {
     id: {
@@ -56,79 +56,79 @@ const w = {
   methods: {
     init() {
       this.draw = !1;
-      const t = new Image();
-      t.src = this.img, t.onload = () => {
-        const e = this.option.width || t.width, s = this.option.width ? t.height / t.width * this.option.width : t.height;
-        this.$refs.canvas.width = e, this.$refs.canvas.height = s, this.context.clearRect(0, 0, e, s), this.context.drawImage(t, 0, 0, e, s), this.list.forEach((i, a) => {
-          const o = () => {
-            a === this.list.length - 1 && setTimeout(() => {
+      const beauty = new Image();
+      beauty.src = this.img, beauty.onload = () => {
+        const width = this.option.width || beauty.width, height = this.option.width ? beauty.height / beauty.width * this.option.width : beauty.height;
+        this.$refs.canvas.width = width, this.$refs.canvas.height = height, this.context.clearRect(0, 0, width, height), this.context.drawImage(beauty, 0, 0, width, height), this.list.forEach((ele, index) => {
+          const callback = () => {
+            index === this.list.length - 1 && setTimeout(() => {
               this.draw = !0;
             }, 0);
           };
-          if (i.img) {
-            const n = new Image();
-            n.src = i.img, n.onload = () => {
-              const h = i.width || n.width, c = i.width ? n.height / n.width * i.width : n.height;
-              this.context.drawImage(n, i.left, i.top, h, c), o();
+          if (ele.img) {
+            const img = new Image();
+            img.src = ele.img, img.onload = () => {
+              const widths = ele.width || img.width, heights = ele.width ? img.height / img.width * ele.width : img.height;
+              this.context.drawImage(img, ele.left, ele.top, widths, heights), callback();
             };
           } else
-            i.bold ? this.context.font = `bold ${i.size}px ${i.style}` : this.context.font = `${i.size}px ${i.style}`, this.context.fillStyle = i.color, this.context.fillText(i.text, i.left, i.top), this.context.stroke(), o();
+            ele.bold ? this.context.font = `bold ${ele.size}px ${ele.style}` : this.context.font = `${ele.size}px ${ele.style}`, this.context.fillStyle = ele.color, this.context.fillText(ele.text, ele.left, ele.top), this.context.stroke(), callback();
         });
       };
     },
-    getFile(t = new Date().getTime()) {
-      return new Promise((e) => {
-        const s = setInterval(() => {
+    getFile(name = new Date().getTime()) {
+      return new Promise((resolve) => {
+        const time = setInterval(() => {
           if (this.draw) {
-            const i = this.canvas.toDataURL("image/jpeg", 1), a = this.dataURLtoFile(i, t);
-            clearInterval(s), e(a);
+            const data = this.canvas.toDataURL("image/jpeg", 1), file = this.dataURLtoFile(data, name);
+            clearInterval(time), resolve(file);
           }
         }, 1e3);
       });
     },
-    downFile(t = new Date().getTime()) {
-      l(this.base64, t);
+    downFile(filename = new Date().getTime()) {
+      downFile(this.base64, filename);
     },
     getBase64() {
-      return new Promise((t) => {
-        const e = setInterval(() => {
+      return new Promise((resolve) => {
+        const time = setInterval(() => {
           if (this.draw) {
-            const s = this.canvas.toDataURL("image/jpeg", 1);
-            this.base64 = s, clearInterval(e), t(s);
+            const data = this.canvas.toDataURL("image/jpeg", 1);
+            this.base64 = data, clearInterval(time), resolve(data);
           }
         }, 100);
       });
     },
-    getPdf(t = new Date().getTime()) {
-      const e = this.canvas.width, s = this.canvas.height, i = e / 592.28 * 841.89;
-      let a = s, o = 0;
-      const n = 595.28, h = 592.28 / e * s, c = this.canvas.toDataURL("image/jpeg", 1), r = new window.jsPDF("", "pt", "a4");
-      if (a < i)
-        r.addImage(c, "JPEG", 0, 0, n, h);
+    getPdf(name = new Date().getTime()) {
+      const contentWidth = this.canvas.width, contentHeight = this.canvas.height, pageHeight = contentWidth / 592.28 * 841.89;
+      let leftHeight = contentHeight, position = 0;
+      const imgWidth = 595.28, imgHeight = 592.28 / contentWidth * contentHeight, pageData = this.canvas.toDataURL("image/jpeg", 1), PDF = new window.jsPDF("", "pt", "a4");
+      if (leftHeight < pageHeight)
+        PDF.addImage(pageData, "JPEG", 0, 0, imgWidth, imgHeight);
       else
-        for (; a > 0; )
-          r.addImage(c, "JPEG", 0, o, n, h), a -= i, o -= 841.89, a > 0 && r.addPage();
-      r.save(`${t}.pdf`);
+        for (; leftHeight > 0; )
+          PDF.addImage(pageData, "JPEG", 0, position, imgWidth, imgHeight), leftHeight -= pageHeight, position -= 841.89, leftHeight > 0 && PDF.addPage();
+      PDF.save(`${name}.pdf`);
     }
   }
-}, d = {};
-var p = /* @__PURE__ */ g(
-  w,
-  m,
-  f,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  v,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function v(t) {
-  for (let e in d)
-    this[e] = d[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const _ = /* @__PURE__ */ function() {
-  return p.exports;
+const License = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  _ as default
+  License as default
 };

package/dist/components/loading-view/index.js

@@ -1,24 +1,24 @@
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var s = function() {
-  var t = this, e = t.$createElement, n = t._self._c || e;
-  return n("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "loading-view",
     style: {
-      fontSize: t.fontSize,
-      height: t.height
+      fontSize: _vm.fontSize,
+      height: _vm.height
     }
-  }, [t._t("default", function() {
-    return [n("div", {
+  }, [_vm._t("default", function() {
+    return [_c("div", {
       staticClass: "flex-column horizon-center"
-    }, [n("i", {
+    }, [_c("i", {
       staticClass: "el-icon-loading",
       style: {
-        fontSize: t.iconSize
+        fontSize: _vm.iconSize
       }
-    }), n("p", [t._v(t._s(t.loadingTips))])])];
+    }), _c("p", [_vm._v(_vm._s(_vm.loadingTips))])])];
   })], 2);
-}, a = [];
-const l = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "LoadingView",
   props: {
     loadingTips: {
@@ -38,24 +38,24 @@ const l = {
       default: "100%"
     }
   }
-}, i = {};
-var r = /* @__PURE__ */ o(
-  l,
-  s,
-  a,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(t) {
-  for (let e in i)
-    this[e] = i[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const u = /* @__PURE__ */ function() {
-  return r.exports;
+const LoadingView = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  u as default
+  LoadingView as default
 };

package/dist/components/login/index.js

@@ -1,140 +1,140 @@
-import { s as l } from "../../chunks/util.23fe58fb.js";
-import { isBlank as a } from "@web-utils/core";
-import { n as c } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var p = function() {
-  var e = this, s = e.$createElement, t = e._self._c || s;
-  return t("div", {
+import { s as setPx } from "../../chunks/util.89913643.js";
+import { isBlank } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-login",
     style: {
-      width: e.setPx(e.width)
+      width: _vm.setPx(_vm.width)
     }
-  }, [t("ElForm", {
+  }, [_c("ElForm", {
     ref: "form",
     attrs: {
-      model: e.form,
+      model: _vm.form,
       "label-suffix": ":",
-      "label-width": e.setPx(e.labelWidth)
+      "label-width": _vm.setPx(_vm.labelWidth)
     }
-  }, [e.username.hide ? e._e() : t("ElFormItem", {
+  }, [_vm.username.hide ? _vm._e() : _c("ElFormItem", {
     attrs: {
-      label: e.username.label || "用户名",
-      rules: e.username.rules,
-      "label-width": e.setPx(e.username.labelWidth),
+      label: _vm.username.label || "用户名",
+      rules: _vm.username.rules,
+      "label-width": _vm.setPx(_vm.username.labelWidth),
       prop: "username"
     }
-  }, [t("ElTooltip", {
+  }, [_c("ElTooltip", {
     attrs: {
-      content: e.username.tip,
-      disabled: e.username.tip === void 0,
+      content: _vm.username.tip,
+      disabled: _vm.username.tip === void 0,
       placement: "top-start"
     }
-  }, [t("ElInput", {
+  }, [_c("ElInput", {
     attrs: {
       size: "small",
-      "prefix-icon": e.username.prefixIcon || "el-icon-user",
-      placeholder: e.username.placeholder || "请输入用户名",
-      autocomplete: e.username.autocomplete
+      "prefix-icon": _vm.username.prefixIcon || "el-icon-user",
+      placeholder: _vm.username.placeholder || "请输入用户名",
+      autocomplete: _vm.username.autocomplete
     },
     model: {
-      value: e.form.username,
-      callback: function(o) {
-        e.$set(e.form, "username", o);
+      value: _vm.form.username,
+      callback: function($$v) {
+        _vm.$set(_vm.form, "username", $$v);
       },
       expression: "form.username"
     }
-  })], 1)], 1), e.password.hide ? e._e() : t("ElFormItem", {
+  })], 1)], 1), _vm.password.hide ? _vm._e() : _c("ElFormItem", {
     attrs: {
-      label: e.password.label || "密码",
-      rules: e.password.rules,
-      "label-width": e.setPx(e.password.labelWidth),
+      label: _vm.password.label || "密码",
+      rules: _vm.password.rules,
+      "label-width": _vm.setPx(_vm.password.labelWidth),
       prop: "password"
     }
-  }, [t("ElTooltip", {
+  }, [_c("ElTooltip", {
     attrs: {
-      content: e.password.tip,
-      disabled: e.password.tip === void 0,
+      content: _vm.password.tip,
+      disabled: _vm.password.tip === void 0,
       placement: "top-start"
     }
-  }, [t("ElInput", {
+  }, [_c("ElInput", {
     attrs: {
       type: "password",
       size: "small",
-      "prefix-icon": e.password.prefixIcon || "el-icon-unlock",
-      placeholder: e.password.placeholder || "请输入密码",
+      "prefix-icon": _vm.password.prefixIcon || "el-icon-unlock",
+      placeholder: _vm.password.placeholder || "请输入密码",
       "show-password": "",
-      autocomplete: e.password.autocomplete
+      autocomplete: _vm.password.autocomplete
     },
     model: {
-      value: e.form.password,
-      callback: function(o) {
-        e.$set(e.form, "password", o);
+      value: _vm.form.password,
+      callback: function($$v) {
+        _vm.$set(_vm.form, "password", $$v);
       },
       expression: "form.password"
     }
-  })], 1)], 1), e.code.hide ? e._e() : t("ElFormItem", {
+  })], 1)], 1), _vm.code.hide ? _vm._e() : _c("ElFormItem", {
     attrs: {
-      label: e.code.label || "验证码",
-      rules: e.code.rules,
-      "label-width": e.setPx(e.code.labelWidth),
+      label: _vm.code.label || "验证码",
+      rules: _vm.code.rules,
+      "label-width": _vm.setPx(_vm.code.labelWidth),
       prop: "code"
     }
-  }, [t("ElTooltip", {
+  }, [_c("ElTooltip", {
     attrs: {
-      content: e.code.tip,
-      disabled: e.code.tip === void 0,
+      content: _vm.code.tip,
+      disabled: _vm.code.tip === void 0,
       placement: "top-start"
     }
-  }, [t("ElInput", {
+  }, [_c("ElInput", {
     attrs: {
       size: "small",
-      "prefix-icon": e.code.prefixIcon || "el-icon-c-scale-to-original",
-      placeholder: e.code.placeholder || "请输入验证码",
-      autocomplete: e.code.autocomplete
+      "prefix-icon": _vm.code.prefixIcon || "el-icon-c-scale-to-original",
+      placeholder: _vm.code.placeholder || "请输入验证码",
+      autocomplete: _vm.code.autocomplete
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "append",
       fn: function() {
-        return [e.isPhone ? t("ElButton", {
+        return [_vm.isPhone ? _c("ElButton", {
           staticClass: "avue-login__send",
           attrs: {
             type: "primary",
-            disabled: e.sendDisabled
+            disabled: _vm.sendDisabled
           },
           on: {
-            click: e.onSend
+            click: _vm.onSend
           }
-        }, [e._v(" " + e._s(e.text) + " ")]) : e._e(), e.isImg ? t("span", [t("img", {
+        }, [_vm._v(" " + _vm._s(_vm.text) + " ")]) : _vm._e(), _vm.isImg ? _c("span", [_c("img", {
           attrs: {
-            src: e.codesrc,
+            src: _vm.codesrc,
             alt: "",
             width: "80",
             height: "25"
           },
           on: {
-            click: e.onRefresh
+            click: _vm.onRefresh
           }
-        })]) : e._e()];
+        })]) : _vm._e()];
       },
       proxy: !0
     }], null, !1, 2861735427),
     model: {
-      value: e.form.code,
-      callback: function(o) {
-        e.$set(e.form, "code", o);
+      value: _vm.form.code,
+      callback: function($$v) {
+        _vm.$set(_vm.form, "code", $$v);
       },
       expression: "form.code"
     }
-  })], 1)], 1), t("ElFormItem", [t("ElButton", {
+  })], 1)], 1), _c("ElFormItem", [_c("ElButton", {
     staticClass: "avue-login__submit",
     attrs: {
       type: "primary"
     },
     on: {
-      click: e.onSubmit
+      click: _vm.onSubmit
     }
-  }, [e._v(" 登录 ")])], 1)], 1)], 1);
-}, d = [];
-const r = "发送验证码", i = "{{time}}s后重获取", m = {
+  }, [_vm._v(" 登录 ")])], 1)], 1)], 1);
+}, staticRenderFns = [];
+const INIT_TEXT = "发送验证码", TIP_TEXT = "{{time}}s后重获取", __vue2_script = {
   name: "Login",
   props: {
     value: {
@@ -151,7 +151,7 @@ const r = "发送验证码", i = "{{time}}s后重获取", m = {
   },
   data() {
     return {
-      text: r,
+      text: INIT_TEXT,
       nowtime: "",
       check: {},
       flag: !1
@@ -162,8 +162,8 @@ const r = "发送验证码", i = "{{time}}s后重获取", m = {
       get() {
         return this.value;
       },
-      set(e) {
-        this.$emit("input", e), this.$emit("change", e);
+      set(val) {
+        this.$emit("input", val), this.$emit("change", val);
       }
     },
     labelWidth() {
@@ -197,54 +197,54 @@ const r = "发送验证码", i = "{{time}}s后重获取", m = {
       return this.option.column || {};
     },
     sendDisabled() {
-      return !a(this.check);
+      return !isBlank(this.check);
     }
   },
   methods: {
-    setPx: l,
+    setPx,
     onSend() {
-      const e = () => {
-        this.nowtime = this.time, this.text = i.replace("{{time}}", this.nowtime), this.check = setInterval(() => {
-          this.nowtime--, this.nowtime === 0 ? (this.text = r, clearInterval(this.check), this.check = null) : this.text = i.replace("{{time}}", this.nowtime);
+      const callback = () => {
+        this.nowtime = this.time, this.text = TIP_TEXT.replace("{{time}}", this.nowtime), this.check = setInterval(() => {
+          this.nowtime--, this.nowtime === 0 ? (this.text = INIT_TEXT, clearInterval(this.check), this.check = null) : this.text = TIP_TEXT.replace("{{time}}", this.nowtime);
         }, 1e3);
       };
-      this.sendDisabled || this.$emit("send", e);
+      this.sendDisabled || this.$emit("send", callback);
     },
     onRefresh() {
       this.$emit("refresh");
     },
     onSubmit() {
-      const e = () => {
-        const s = {};
-        for (const t in this.form) {
-          let o = t;
-          this[t].prop && (o = this[t].prop), s[o] = this.form[t];
+      const onCover = () => {
+        const form = {};
+        for (const o in this.form) {
+          let key = o;
+          this[o].prop && (key = this[o].prop), form[key] = this.form[o];
         }
-        return s;
+        return form;
       };
-      this.$refs.form.validate((s) => {
-        s && this.$emit("submit", e());
+      this.$refs.form.validate((valid) => {
+        valid && this.$emit("submit", onCover());
       });
     }
   }
-}, n = {};
-var u = /* @__PURE__ */ c(
-  m,
-  p,
-  d,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  h,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function h(e) {
-  for (let s in n)
-    this[s] = n[s];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const w = /* @__PURE__ */ function() {
-  return u.exports;
+const Login = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  w as default
+  Login as default
 };

package/dist/components/name-avatar/index.js

@@ -1,21 +1,21 @@
-import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var s = function() {
-  var t = this, e = t.$createElement, a = t._self._c || e;
-  return a("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "name-avatar",
-    class: t.square ? "square" : "round"
-  }, [t.faceUrl && !t.num ? a("img", {
+    class: _vm.square ? "square" : "round"
+  }, [_vm.faceUrl && !_vm.num ? _c("img", {
     staticClass: "name-avatar-image",
     attrs: {
-      src: t.faceUrl,
+      src: _vm.faceUrl,
       alt: ""
     }
-  }) : a("div", {
+  }) : _c("div", {
     staticClass: "name-avatar-text",
-    style: t.styles
-  }, [t._v(" " + t._s(t.text) + " ")])]);
-}, o = [];
-const i = {
+    style: _vm.styles
+  }, [_vm._v(" " + _vm._s(_vm.text) + " ")])]);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "NameAvatar",
   props: {
     num: [Number, String],
@@ -39,28 +39,28 @@ const i = {
       return this.num !== void 0 ? `+${this.num}` : this.name ? this.name.slice(-2) : "";
     },
     styles() {
-      const t = {};
-      return this.size && (t["font-size"] = "12px"), this.fontColor && (t.color = this.fontColor), this.backgroundColor && (t.background = this.backgroundColor), t;
+      const style = {};
+      return this.size && (style["font-size"] = "12px"), this.fontColor && (style.color = this.fontColor), this.backgroundColor && (style.background = this.backgroundColor), style;
     }
   }
-}, n = {};
-var l = /* @__PURE__ */ r(
-  i,
-  s,
-  o,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  u,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(t) {
-  for (let e in n)
-    this[e] = n[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const f = /* @__PURE__ */ function() {
-  return l.exports;
+const NameAvatar = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  NameAvatar as default
 };