@web-utils/component 2.7.30 → 2.7.32

package/dist/components/license/index.mjs

@@ -0,0 +1,180 @@
+import { B as downFile } from "../../chunks/util.b0d0b0ad.mjs";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "avue-license",
+    staticStyle: {
+      "position": "relative"
+    }
+  }, [_c("canvas", {
+    ref: "canvas",
+    attrs: {
+      "id": `canvas${_vm.id}`
+    }
+  }), _vm._t("default")], 2);
+};
+var staticRenderFns = [];
+const __vue2_script = {
+  name: "License",
+  props: {
+    id: {
+      type: String,
+      default: ""
+    },
+    option: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      base64: "",
+      draw: false,
+      canvas: "",
+      context: ""
+    };
+  },
+  computed: {
+    img() {
+      return this.option.img;
+    },
+    list() {
+      return this.option.list || [];
+    }
+  },
+  watch: {
+    option: {
+      handler() {
+        this.init();
+      },
+      deep: true
+    }
+  },
+  mounted() {
+    this.canvas = document.getElementById(`canvas${this.id}`);
+    this.context = this.canvas.getContext("2d");
+    this.init();
+  },
+  methods: {
+    init() {
+      this.draw = false;
+      const beauty = new Image();
+      beauty.src = this.img;
+      beauty.onload = () => {
+        const width = this.option.width || beauty.width;
+        const 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 = () => {
+            if (index === this.list.length - 1) {
+              setTimeout(() => {
+                this.draw = true;
+              }, 0);
+            }
+          };
+          if (ele.img) {
+            const img = new Image();
+            img.src = ele.img;
+            img.onload = () => {
+              const widths = ele.width || img.width;
+              const heights = ele.width ? img.height / img.width * ele.width : img.height;
+              this.context.drawImage(img, ele.left, ele.top, widths, heights);
+              callback();
+            };
+          } else {
+            if (ele.bold) {
+              this.context.font = `bold ${ele.size}px ${ele.style}`;
+            } else {
+              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(name = new Date().getTime()) {
+      return new Promise((resolve) => {
+        const time = setInterval(() => {
+          if (this.draw) {
+            const data = this.canvas.toDataURL("image/jpeg", 1);
+            const file = this.dataURLtoFile(data, name);
+            clearInterval(time);
+            resolve(file);
+          }
+        }, 1e3);
+      });
+    },
+    downFile(filename = new Date().getTime()) {
+      downFile(this.base64, filename);
+    },
+    getBase64() {
+      return new Promise((resolve) => {
+        const time = setInterval(() => {
+          if (this.draw) {
+            const data = this.canvas.toDataURL("image/jpeg", 1);
+            this.base64 = data;
+            clearInterval(time);
+            resolve(data);
+          }
+        }, 100);
+      });
+    },
+    getPdf(name = new Date().getTime()) {
+      const contentWidth = this.canvas.width;
+      const contentHeight = this.canvas.height;
+      const pageHeight = contentWidth / 592.28 * 841.89;
+      let leftHeight = contentHeight;
+      let position = 0;
+      const imgWidth = 595.28;
+      const imgHeight = 592.28 / contentWidth * contentHeight;
+      const pageData = this.canvas.toDataURL("image/jpeg", 1);
+      const PDF = new window.jsPDF("", "pt", "a4");
+      if (leftHeight < pageHeight) {
+        PDF.addImage(pageData, "JPEG", 0, 0, imgWidth, imgHeight);
+      } else {
+        while (leftHeight > 0) {
+          PDF.addImage(pageData, "JPEG", 0, position, imgWidth, imgHeight);
+          leftHeight -= pageHeight;
+          position -= 841.89;
+          if (leftHeight > 0) {
+            PDF.addPage();
+          }
+        }
+      }
+      PDF.save(`${name}.pdf`);
+    }
+  }
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
+}
+const License = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export {
+  License as default
+};

package/dist/components/loading-view/{index.js → index.mjs}

@@ -1,6 +1,8 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "loading-view",
     style: {
@@ -17,7 +19,9 @@ var render = function() {
       }
     }), _c("p", [_vm._v(_vm._s(_vm.loadingTips))])])];
   })], 2);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const LoadingView_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "LoadingView",
   props: {
@@ -38,20 +42,22 @@ const __vue2_script = {
       default: "100%"
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const LoadingView = /* @__PURE__ */ function() {
   return __component__.exports;

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

@@ -1 +1,17 @@
-.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 → index.mjs}

@@ -1,8 +1,10 @@
-import { s as setPx } from "../../chunks/util.89913643.js";
+import { s as setPx } from "../../chunks/util.b0d0b0ad.mjs";
 import { isBlank } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "avue-login",
     style: {
@@ -11,29 +13,29 @@ var render = function() {
   }, [_c("ElForm", {
     ref: "form",
     attrs: {
-      model: _vm.form,
+      "model": _vm.form,
       "label-suffix": ":",
       "label-width": _vm.setPx(_vm.labelWidth)
     }
-  }, [_vm.username.hide ? _vm._e() : _c("ElFormItem", {
+  }, [!_vm.username.hide ? _c("ElFormItem", {
     attrs: {
-      label: _vm.username.label || "用户名",
-      rules: _vm.username.rules,
+      "label": _vm.username.label || "用户名",
+      "rules": _vm.username.rules,
       "label-width": _vm.setPx(_vm.username.labelWidth),
-      prop: "username"
+      "prop": "username"
     }
   }, [_c("ElTooltip", {
     attrs: {
-      content: _vm.username.tip,
-      disabled: _vm.username.tip === void 0,
-      placement: "top-start"
+      "content": _vm.username.tip,
+      "disabled": _vm.username.tip === void 0,
+      "placement": "top-start"
     }
   }, [_c("ElInput", {
     attrs: {
-      size: "small",
+      "size": "small",
       "prefix-icon": _vm.username.prefixIcon || "el-icon-user",
-      placeholder: _vm.username.placeholder || "请输入用户名",
-      autocomplete: _vm.username.autocomplete
+      "placeholder": _vm.username.placeholder || "请输入用户名",
+      "autocomplete": _vm.username.autocomplete
     },
     model: {
       value: _vm.form.username,
@@ -42,27 +44,27 @@ var render = function() {
       },
       expression: "form.username"
     }
-  })], 1)], 1), _vm.password.hide ? _vm._e() : _c("ElFormItem", {
+  })], 1)], 1) : _vm._e(), !_vm.password.hide ? _c("ElFormItem", {
     attrs: {
-      label: _vm.password.label || "密码",
-      rules: _vm.password.rules,
+      "label": _vm.password.label || "密码",
+      "rules": _vm.password.rules,
       "label-width": _vm.setPx(_vm.password.labelWidth),
-      prop: "password"
+      "prop": "password"
     }
   }, [_c("ElTooltip", {
     attrs: {
-      content: _vm.password.tip,
-      disabled: _vm.password.tip === void 0,
-      placement: "top-start"
+      "content": _vm.password.tip,
+      "disabled": _vm.password.tip === void 0,
+      "placement": "top-start"
     }
   }, [_c("ElInput", {
     attrs: {
-      type: "password",
-      size: "small",
+      "type": "password",
+      "size": "small",
       "prefix-icon": _vm.password.prefixIcon || "el-icon-unlock",
-      placeholder: _vm.password.placeholder || "请输入密码",
+      "placeholder": _vm.password.placeholder || "请输入密码",
       "show-password": "",
-      autocomplete: _vm.password.autocomplete
+      "autocomplete": _vm.password.autocomplete
     },
     model: {
       value: _vm.form.password,
@@ -71,25 +73,25 @@ var render = function() {
       },
       expression: "form.password"
     }
-  })], 1)], 1), _vm.code.hide ? _vm._e() : _c("ElFormItem", {
+  })], 1)], 1) : _vm._e(), !_vm.code.hide ? _c("ElFormItem", {
     attrs: {
-      label: _vm.code.label || "验证码",
-      rules: _vm.code.rules,
+      "label": _vm.code.label || "验证码",
+      "rules": _vm.code.rules,
       "label-width": _vm.setPx(_vm.code.labelWidth),
-      prop: "code"
+      "prop": "code"
     }
   }, [_c("ElTooltip", {
     attrs: {
-      content: _vm.code.tip,
-      disabled: _vm.code.tip === void 0,
-      placement: "top-start"
+      "content": _vm.code.tip,
+      "disabled": _vm.code.tip === void 0,
+      "placement": "top-start"
     }
   }, [_c("ElInput", {
     attrs: {
-      size: "small",
+      "size": "small",
       "prefix-icon": _vm.code.prefixIcon || "el-icon-c-scale-to-original",
-      placeholder: _vm.code.placeholder || "请输入验证码",
-      autocomplete: _vm.code.autocomplete
+      "placeholder": _vm.code.placeholder || "请输入验证码",
+      "autocomplete": _vm.code.autocomplete
     },
     scopedSlots: _vm._u([{
       key: "append",
@@ -97,26 +99,26 @@ var render = function() {
         return [_vm.isPhone ? _c("ElButton", {
           staticClass: "avue-login__send",
           attrs: {
-            type: "primary",
-            disabled: _vm.sendDisabled
+            "type": "primary",
+            "disabled": _vm.sendDisabled
           },
           on: {
-            click: _vm.onSend
+            "click": _vm.onSend
           }
         }, [_vm._v(" " + _vm._s(_vm.text) + " ")]) : _vm._e(), _vm.isImg ? _c("span", [_c("img", {
           attrs: {
-            src: _vm.codesrc,
-            alt: "",
-            width: "80",
-            height: "25"
+            "src": _vm.codesrc,
+            "alt": "",
+            "width": "80",
+            "height": "25"
           },
           on: {
-            click: _vm.onRefresh
+            "click": _vm.onRefresh
           }
         })]) : _vm._e()];
       },
-      proxy: !0
-    }], null, !1, 2861735427),
+      proxy: true
+    }], null, false, 2861735427),
     model: {
       value: _vm.form.code,
       callback: function($$v) {
@@ -124,29 +126,37 @@ var render = function() {
       },
       expression: "form.code"
     }
-  })], 1)], 1), _c("ElFormItem", [_c("ElButton", {
+  })], 1)], 1) : _vm._e(), _c("ElFormItem", [_c("ElButton", {
     staticClass: "avue-login__submit",
     attrs: {
-      type: "primary"
+      "type": "primary"
     },
     on: {
-      click: _vm.onSubmit
+      "click": _vm.onSubmit
     }
   }, [_vm._v(" 登录 ")])], 1)], 1)], 1);
-}, staticRenderFns = [];
-const INIT_TEXT = "发送验证码", TIP_TEXT = "{{time}}s后重获取", __vue2_script = {
+};
+var staticRenderFns = [];
+const Login_vue_vue_type_style_index_0_lang = "";
+const INIT_TEXT = "发送验证码";
+const TIP_TEXT = "{{time}}s后重获取";
+const __vue2_script = {
   name: "Login",
   props: {
     value: {
       type: Object,
-      default: () => ({})
+      default: () => {
+        return {};
+      }
     },
     codesrc: {
       type: String
     },
     option: {
       type: Object,
-      default: () => ({})
+      default: () => {
+        return {};
+      }
     }
   },
   data() {
@@ -154,7 +164,7 @@ const INIT_TEXT = "发送验证码", TIP_TEXT = "{{time}}s后重获取", __vue2_
       text: INIT_TEXT,
       nowtime: "",
       check: {},
-      flag: !1
+      flag: false
     };
   },
   computed: {
@@ -163,7 +173,8 @@ const INIT_TEXT = "发送验证码", TIP_TEXT = "{{time}}s后重获取", __vue2_
         return this.value;
       },
       set(val) {
-        this.$emit("input", val), this.$emit("change", val);
+        this.$emit("input", val);
+        this.$emit("change", val);
       }
     },
     labelWidth() {
@@ -204,11 +215,22 @@ const INIT_TEXT = "发送验证码", TIP_TEXT = "{{time}}s后重获取", __vue2_
     setPx,
     onSend() {
       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);
+        this.nowtime = this.time;
+        this.text = TIP_TEXT.replace("{{time}}", this.nowtime);
+        this.check = setInterval(() => {
+          this.nowtime--;
+          if (this.nowtime === 0) {
+            this.text = INIT_TEXT;
+            clearInterval(this.check);
+            this.check = null;
+          } else {
+            this.text = TIP_TEXT.replace("{{time}}", this.nowtime);
+          }
         }, 1e3);
       };
-      this.sendDisabled || this.$emit("send", callback);
+      if (this.sendDisabled)
+        return;
+      this.$emit("send", callback);
     },
     onRefresh() {
       this.$emit("refresh");
@@ -218,29 +240,36 @@ const INIT_TEXT = "发送验证码", TIP_TEXT = "{{time}}s后重获取", __vue2_
         const form = {};
         for (const o in this.form) {
           let key = o;
-          this[o].prop && (key = this[o].prop), form[key] = this.form[o];
+          if (this[o].prop) {
+            key = this[o].prop;
+          }
+          form[key] = this.form[o];
         }
         return form;
       };
       this.$refs.form.validate((valid) => {
-        valid && this.$emit("submit", onCover());
+        if (valid) {
+          this.$emit("submit", onCover());
+        }
       });
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const Login = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/login/style.css

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

@@ -1,20 +1,24 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "name-avatar",
     class: _vm.square ? "square" : "round"
   }, [_vm.faceUrl && !_vm.num ? _c("img", {
     staticClass: "name-avatar-image",
     attrs: {
-      src: _vm.faceUrl,
-      alt: ""
+      "src": _vm.faceUrl,
+      "alt": ""
     }
   }) : _c("div", {
     staticClass: "name-avatar-text",
     style: _vm.styles
   }, [_vm._v(" " + _vm._s(_vm.text) + " ")])]);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const NameAvatar_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "NameAvatar",
   props: {
@@ -36,27 +40,45 @@ const __vue2_script = {
   },
   computed: {
     text() {
-      return this.num !== void 0 ? `+${this.num}` : this.name ? this.name.slice(-2) : "";
+      if (this.num !== void 0) {
+        return `+${this.num}`;
+      } else {
+        if (this.name) {
+          return this.name.slice(-2);
+        }
+      }
+      return "";
     },
     styles() {
       const style = {};
-      return this.size && (style["font-size"] = "12px"), this.fontColor && (style.color = this.fontColor), this.backgroundColor && (style.background = this.backgroundColor), style;
+      if (this.size) {
+        style["font-size"] = "12px";
+      }
+      if (this.fontColor) {
+        style.color = this.fontColor;
+      }
+      if (this.backgroundColor) {
+        style.background = this.backgroundColor;
+      }
+      return style;
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const NameAvatar = /* @__PURE__ */ function() {
   return __component__.exports;

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

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