@web-utils/component 2.0.13 → 2.7.0

package/dist/components/license/index.js

@@ -0,0 +1,134 @@
+import { z as l } from "../../chunks/util.5053d54e.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", {
+    staticClass: "avue-license",
+    staticStyle: {
+      position: "relative"
+    }
+  }, [s("canvas", {
+    ref: "canvas",
+    attrs: {
+      id: "canvas" + t.id
+    }
+  }), t._t("default")], 2);
+}, f = [];
+const w = {
+  name: "License",
+  props: {
+    id: {
+      type: String,
+      default: ""
+    },
+    option: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      base64: "",
+      draw: !1,
+      canvas: "",
+      context: ""
+    };
+  },
+  computed: {
+    img() {
+      return this.option.img;
+    },
+    list() {
+      return this.option.list || [];
+    }
+  },
+  watch: {
+    option: {
+      handler() {
+        this.init();
+      },
+      deep: !0
+    }
+  },
+  mounted() {
+    this.canvas = document.getElementById("canvas" + this.id), this.context = this.canvas.getContext("2d"), this.init();
+  },
+  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(() => {
+              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();
+            };
+          } 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();
+        });
+      };
+    },
+    getFile(t = new Date().getTime()) {
+      return new Promise((e) => {
+        const s = setInterval(() => {
+          if (this.draw) {
+            const i = this.canvas.toDataURL("image/jpeg", 1), a = this.dataURLtoFile(i, t);
+            clearInterval(s), e(a);
+          }
+        }, 1e3);
+      });
+    },
+    downFile(t = new Date().getTime()) {
+      l(this.base64, t);
+    },
+    getBase64() {
+      return new Promise((t) => {
+        const e = setInterval(() => {
+          if (this.draw) {
+            const s = this.canvas.toDataURL("image/jpeg", 1);
+            this.base64 = s, clearInterval(e), t(s);
+          }
+        }, 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);
+      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`);
+    }
+  }
+}, d = {};
+var p = /* @__PURE__ */ g(
+  w,
+  m,
+  f,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(t) {
+  for (let e in d)
+    this[e] = d[e];
+}
+const _ = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  _ as default
+};

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

@@ -1,28 +1,24 @@
-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", {
+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", {
     staticClass: "loading-view",
     style: {
-      fontSize: _vm.fontSize,
-      height: _vm.height
+      fontSize: t.fontSize,
+      height: t.height
     }
-  }, [_vm._t("default", function() {
-    return [_c("div", {
+  }, [t._t("default", function() {
+    return [n("div", {
       staticClass: "flex-column horizon-center"
-    }, [_c("i", {
+    }, [n("i", {
       staticClass: "el-icon-loading",
       style: {
-        fontSize: _vm.iconSize
+        fontSize: t.iconSize
       }
-    }), _c("p", [_vm._v(_vm._s(_vm.loadingTips))])])];
+    }), n("p", [t._v(t._s(t.loadingTips))])])];
   })], 2);
-};
-var staticRenderFns = [];
-const LoadingView_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+}, a = [];
+const l = {
   name: "LoadingView",
   props: {
     loadingTips: {
@@ -42,26 +38,24 @@ const __vue2_script = {
       default: "100%"
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, i = {};
+var r = /* @__PURE__ */ o(
+  l,
+  s,
+  a,
+  !1,
+  _,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function _(t) {
+  for (let e in i)
+    this[e] = i[e];
 }
-const LoadingView = /* @__PURE__ */ function() {
-  return __component__.exports;
+const u = /* @__PURE__ */ function() {
+  return r.exports;
 }();
 export {
-  LoadingView as default
+  u as default
 };

package/dist/components/loading-view/style.css

@@ -1,17 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.loading-view {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  color: #909399;
-  font-size: 20px;
-  background-color: #fff;
-}
+.loading-view{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#909399;font-size:20px;background-color:#fff}

package/dist/components/login/index.js

@@ -0,0 +1,244 @@
+import { c as n, s as a } from "../../chunks/util.5053d54e.js";
+import { n as c } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var d = function() {
+  var e = this, s = e.$createElement, t = e._self._c || s;
+  return t("div", {
+    staticClass: "avue-login",
+    style: {
+      width: e.setPx(e.width)
+    }
+  }, [t("ElForm", {
+    ref: "form",
+    attrs: {
+      model: e.form,
+      "label-suffix": ":",
+      "label-width": e.setPx(e.labelWidth)
+    }
+  }, [e.username.hide ? e._e() : t("ElFormItem", {
+    attrs: {
+      label: e.username.label || "用户名",
+      rules: e.username.rules,
+      "label-width": e.setPx(e.username.labelWidth),
+      prop: "username"
+    }
+  }, [t("ElTooltip", {
+    attrs: {
+      content: e.username.tip,
+      disabled: e.username.tip === void 0,
+      placement: "top-start"
+    }
+  }, [t("ElInput", {
+    attrs: {
+      size: "small",
+      "prefix-icon": e.username.prefixIcon || "el-icon-user",
+      placeholder: e.username.placeholder || "请输入用户名",
+      autocomplete: e.username.autocomplete
+    },
+    model: {
+      value: e.form.username,
+      callback: function(o) {
+        e.$set(e.form, "username", o);
+      },
+      expression: "form.username"
+    }
+  })], 1)], 1), e.password.hide ? e._e() : t("ElFormItem", {
+    attrs: {
+      label: e.password.label || "密码",
+      rules: e.password.rules,
+      "label-width": e.setPx(e.password.labelWidth),
+      prop: "password"
+    }
+  }, [t("ElTooltip", {
+    attrs: {
+      content: e.password.tip,
+      disabled: e.password.tip === void 0,
+      placement: "top-start"
+    }
+  }, [t("ElInput", {
+    attrs: {
+      type: "password",
+      size: "small",
+      "prefix-icon": e.password.prefixIcon || "el-icon-unlock",
+      placeholder: e.password.placeholder || "请输入密码",
+      "show-password": "",
+      autocomplete: e.password.autocomplete
+    },
+    model: {
+      value: e.form.password,
+      callback: function(o) {
+        e.$set(e.form, "password", o);
+      },
+      expression: "form.password"
+    }
+  })], 1)], 1), e.code.hide ? e._e() : t("ElFormItem", {
+    attrs: {
+      label: e.code.label || "验证码",
+      rules: e.code.rules,
+      "label-width": e.setPx(e.code.labelWidth),
+      prop: "code"
+    }
+  }, [t("ElTooltip", {
+    attrs: {
+      content: e.code.tip,
+      disabled: e.code.tip === void 0,
+      placement: "top-start"
+    }
+  }, [t("ElInput", {
+    attrs: {
+      size: "small",
+      "prefix-icon": e.code.prefixIcon || "el-icon-c-scale-to-original",
+      placeholder: e.code.placeholder || "请输入验证码",
+      autocomplete: e.code.autocomplete
+    },
+    model: {
+      value: e.form.code,
+      callback: function(o) {
+        e.$set(e.form, "code", o);
+      },
+      expression: "form.code"
+    }
+  }, [t("template", {
+    slot: "append"
+  }, [e.isPhone ? t("ElButton", {
+    staticClass: "avue-login__send",
+    attrs: {
+      type: "primary",
+      disabled: e.sendDisabled
+    },
+    on: {
+      click: e.onSend
+    }
+  }, [e._v(" " + e._s(e.text) + " ")]) : e._e(), e.isImg ? t("span", [t("img", {
+    attrs: {
+      src: e.codesrc,
+      alt: "",
+      width: "80",
+      height: "25"
+    },
+    on: {
+      click: e.onRefresh
+    }
+  })]) : e._e()], 1)], 2)], 1)], 1), t("ElFormItem", [t("ElButton", {
+    staticClass: "avue-login__submit",
+    attrs: {
+      type: "primary"
+    },
+    on: {
+      click: e.onSubmit
+    }
+  }, [e._v(" 登录 ")])], 1)], 1)], 1);
+}, p = [];
+const r = "发送验证码", i = "{{time}}s后重获取", m = {
+  name: "Login",
+  props: {
+    value: {
+      type: Object,
+      default: () => ({})
+    },
+    codesrc: {
+      type: String
+    },
+    option: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      text: r,
+      nowtime: "",
+      check: {},
+      flag: !1
+    };
+  },
+  computed: {
+    form: {
+      get() {
+        return this.value;
+      },
+      set(e) {
+        this.$emit("input", e), this.$emit("change", e);
+      }
+    },
+    labelWidth() {
+      return this.option.labelWidth || 80;
+    },
+    time() {
+      return this.option.time || 60;
+    },
+    isImg() {
+      return this.codeType === "img";
+    },
+    isPhone() {
+      return this.codeType === "phone";
+    },
+    codeType() {
+      return this.option.codeType || "img";
+    },
+    width() {
+      return this.option.width || "100%";
+    },
+    username() {
+      return this.column.username || {};
+    },
+    password() {
+      return this.column.password || {};
+    },
+    code() {
+      return this.column.code || {};
+    },
+    column() {
+      return this.option.column || {};
+    },
+    sendDisabled() {
+      return !n(this.check);
+    }
+  },
+  methods: {
+    setPx: a,
+    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);
+        }, 1e3);
+      };
+      this.sendDisabled || this.$emit("send", e);
+    },
+    onRefresh() {
+      this.$emit("refresh");
+    },
+    onSubmit() {
+      const e = () => {
+        const s = {};
+        for (let t in this.form) {
+          let o = t;
+          this[t].prop && (o = this[t].prop), s[o] = this.form[t];
+        }
+        return s;
+      };
+      this.$refs.form.validate((s) => {
+        s && this.$emit("submit", e());
+      });
+    }
+  }
+}, l = {};
+var u = /* @__PURE__ */ c(
+  m,
+  d,
+  p,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(e) {
+  for (let s in l)
+    this[s] = l[s];
+}
+const b = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  b as default
+};

package/dist/components/login/style.css

@@ -0,0 +1 @@
+.avue-login .el-form-item{margin-bottom:18px}.avue-login .el-input-group__append{padding:0;overflow:hidden}.avue-login__send{min-width:150px;box-sizing:border-box}.avue-login__send:hover{color:#c0c4cc!important;border-color:#ebeef5!important;background-color:#f5f7fa!important}.avue-login__submit{width:100%}

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

@@ -0,0 +1,66 @@
+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", {
+    staticClass: "name-avatar",
+    class: t.square ? "square" : "round"
+  }, [t.faceUrl && !t.num ? a("img", {
+    staticClass: "name-avatar-image",
+    attrs: {
+      src: t.faceUrl,
+      alt: ""
+    }
+  }) : a("div", {
+    staticClass: "name-avatar-text",
+    style: t.styles
+  }, [t._v(" " + t._s(t.text) + " ")])]);
+}, o = [];
+const i = {
+  name: "NameAvatar",
+  props: {
+    num: [Number, String],
+    name: String,
+    square: Boolean,
+    fontColor: {
+      type: String,
+      default: "#fff"
+    },
+    backgroundColor: {
+      type: String,
+      default: "#3696F2"
+    },
+    faceUrl: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    text() {
+      return this.num !== void 0 ? `+${this.num}` : this.name ? this.name.slice(-2) : "";
+    },
+    styles() {
+      let t = {};
+      return this.size && (t["font-size"] = "12px"), this.fontColor && (t.color = this.fontColor), this.backgroundColor && (t.background = this.backgroundColor), t;
+    }
+  }
+}, n = {};
+var l = /* @__PURE__ */ r(
+  i,
+  s,
+  o,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let e in n)
+    this[e] = n[e];
+}
+const f = /* @__PURE__ */ function() {
+  return l.exports;
+}();
+export {
+  f as default
+};

package/dist/components/name-avatar/style.css

@@ -0,0 +1 @@
+.name-avatar{overflow:hidden;width:40px;height:40px}.name-avatar .name-avatar-image,.name-avatar .name-avatar-text{width:100%;height:100%}.name-avatar .name-avatar-text{display:flex;justify-content:center;align-items:center}.round{display:inline-block;position:relative;text-align:center;vertical-align:bottom;font-size:8px;user-select:none;z-index:10;border-radius:50%}.square{display:block;border-radius:8px;overflow:hidden}

package/dist/components/nav-bar/index.js

@@ -1,62 +1,52 @@
-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", {
+import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var r = function() {
+  var t = this, e = t.$createElement, n = t._self._c || e;
+  return n("div", {
     staticClass: "nav-bar"
-  }, [_vm.showBack ? _c("ElButton", {
+  }, [t.showBack ? n("ElButton", {
     attrs: {
-      "type": "text",
-      "icon": "el-icon-arrow-left"
+      type: "text",
+      icon: "el-icon-arrow-left"
     },
     on: {
-      "click": _vm.goBack
+      click: t.goBack
     }
-  }, [_vm._v(" 返回 ")]) : _vm._e(), _vm.$slots.right ? _c("div", {
+  }, [t._v(" 返回 ")]) : t._e(), t.$slots.right ? n("div", {
     staticClass: "flex-item flex-row-column vertical-center"
-  }, [_vm._t("right")], 2) : _vm._e()], 1);
-};
-var staticRenderFns = [];
-const NavBar_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+  }, [t._t("right")], 2) : t._e()], 1);
+}, s = [];
+const c = {
   name: "NavBar",
   props: {
     onGoBack: Function,
     showBack: {
       type: Boolean,
-      default: true
+      default: !0
     }
   },
   methods: {
     goBack() {
-      if (this.onGoBack) {
-        this.onGoBack();
-      } else {
-        this.$router.back();
-      }
+      this.onGoBack ? this.onGoBack() : this.$router.back();
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, o = {};
+var l = /* @__PURE__ */ a(
+  c,
+  r,
+  s,
+  !1,
+  i,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function i(t) {
+  for (let e in o)
+    this[e] = o[e];
 }
-const NavBar = /* @__PURE__ */ function() {
-  return __component__.exports;
+const u = /* @__PURE__ */ function() {
+  return l.exports;
 }();
 export {
-  NavBar as default
+  u as default
 };

package/dist/components/nav-bar/style.css

@@ -1,17 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.nav-bar {
-  flex-shrink: 0;
-  display: flex;
-  width: 100%;
-  height: 40px;
-  background-color: #fff;
-  border-bottom: 1px #eee solid;
-}
-.nav-bar .el-button--text {
-  margin-left: 12px;
-}
+.nav-bar{flex-shrink:0;display:flex;width:100%;height:40px;background-color:#fff;border-bottom:1px #eee solid}.nav-bar .el-button--text{margin-left:12px}