@web-utils/component 2.7.36 → 2.8.0

package/login/index.mjs

@@ -0,0 +1,250 @@
+import { s as l } from "../chunks/util.17330567.mjs";
+import { isBlank as a } from "@web-utils/core";
+import { n as c } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var p = 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
+    },
+    scopedSlots: e._u([{
+      key: "append",
+      fn: function() {
+        return [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()];
+      },
+      proxy: !0
+    }], null, !1, 2861735427),
+    model: {
+      value: e.form.code,
+      callback: function(o) {
+        e.$set(e.form, "code", o);
+      },
+      expression: "form.code"
+    }
+  })], 1)], 1), t("ElFormItem", [t("ElButton", {
+    staticClass: "avue-login__submit",
+    attrs: {
+      type: "primary"
+    },
+    on: {
+      click: e.onSubmit
+    }
+  }, [e._v(" 登录 ")])], 1)], 1)], 1);
+}, d = [];
+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 !a(this.check);
+    }
+  },
+  methods: {
+    setPx: l,
+    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 (const 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());
+      });
+    }
+  }
+}, n = {};
+var u = /* @__PURE__ */ c(
+  m,
+  p,
+  d,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(e) {
+  for (let s in n)
+    this[s] = n[s];
+}
+const w = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  w as default
+};

package/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{box-sizing:border-box;min-width:150px}.avue-login__send:hover{color:#c0c4cc!important;background-color:#f5f7fa!important;border-color:#ebeef5!important}.avue-login__submit{width:100%}

package/name-avatar/index.mjs

@@ -0,0 +1,66 @@
+import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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() {
+      const 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/name-avatar/style.css

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

package/nav-bar/index.mjs

@@ -0,0 +1,52 @@
+import { n as a } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var r = function() {
+  var t = this, e = t.$createElement, n = t._self._c || e;
+  return n("div", {
+    staticClass: "nav-bar"
+  }, [t.showBack ? n("ElButton", {
+    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);
+}, s = [];
+const c = {
+  name: "NavBar",
+  props: {
+    onGoBack: Function,
+    showBack: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  methods: {
+    goBack() {
+      this.onGoBack ? this.onGoBack() : this.$router.back();
+    }
+  }
+}, o = {};
+var l = /* @__PURE__ */ a(
+  c,
+  r,
+  s,
+  !1,
+  i,
+  null,
+  null,
+  null
+);
+function i(t) {
+  for (let e in o)
+    this[e] = o[e];
+}
+const u = /* @__PURE__ */ function() {
+  return l.exports;
+}();
+export {
+  u as default
+};

package/nav-bar/style.css

@@ -0,0 +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}

package/not-implement/index.mjs

@@ -0,0 +1,35 @@
+import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var s = function() {
+  var e = this, t = e.$createElement;
+  return e._self._c, e._m(0);
+}, o = [function() {
+  var e = this, t = e.$createElement, n = e._self._c || t;
+  return n("div", {
+    staticClass: "not-implement"
+  }, [n("div", [n("i", {
+    staticClass: "fa fa-wrench"
+  }), e._v(" 建设中... ")])]);
+}];
+const a = {
+  name: "NotImplement"
+}, _ = {};
+var l = /* @__PURE__ */ r(
+  a,
+  s,
+  o,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(e) {
+  for (let t in _)
+    this[t] = _[t];
+}
+const m = /* @__PURE__ */ function() {
+  return l.exports;
+}();
+export {
+  m as default
+};

package/not-implement/style.css

@@ -0,0 +1 @@
+.not-implement{display:flex;align-items:center;justify-content:center;height:100%;color:gray;font-size:3em;text-align:center}

package/notice/index.mjs

@@ -0,0 +1,143 @@
+import { n as l } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var o = function() {
+  var t = this, a = t.$createElement, e = t._self._c || a;
+  return e("div", {
+    staticClass: "avue-notice"
+  }, [t._l(t.data, function(s, r) {
+    return e("div", {
+      key: r,
+      staticClass: "avue-notice__item",
+      on: {
+        click: function(g) {
+          return t.click(s);
+        }
+      }
+    }, [s[t.imgKey] ? e("div", {
+      staticClass: "avue-notice__img"
+    }, [e("img", {
+      attrs: {
+        src: s[t.imgKey],
+        alt: ""
+      }
+    })]) : t._e(), e("div", {
+      staticClass: "avue-notice__content"
+    }, [e("div", {
+      staticClass: "avue-notice__title"
+    }, [e("span", {
+      staticClass: "avue-notice__name"
+    }, [t._v(t._s(s[t.titleKey]))]), s[t.tagKey] ? e("span", {
+      staticClass: "avue-notice__tag"
+    }, [e("ElTag", {
+      attrs: {
+        size: "small",
+        type: t.getType(s[t.statusKey])
+      }
+    }, [t._v(t._s(s[t.tagKey]))])], 1) : t._e()]), e("div", {
+      staticClass: "avue-notice__subtitle"
+    }, [t._v(" " + t._s(s[t.subtitleKey]) + " ")])])]);
+  }), t.finish ? t._e() : e("div", {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: t.loading,
+      expression: "loading"
+    }],
+    staticClass: "avue-notice__more",
+    on: {
+      click: t.handleClick
+    }
+  }, [t._v(" 加载更多 ")])], 2);
+}, c = [];
+const i = {
+  img: "img",
+  title: "title",
+  subtile: "title",
+  tag: "tag",
+  status: "status"
+}, u = {
+  name: "Notice",
+  props: {
+    finish: {
+      type: Boolean,
+      default: !1
+    },
+    option: {
+      type: Object,
+      default: () => ({})
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      page: 1,
+      loading: !1
+    };
+  },
+  computed: {
+    props() {
+      return this.option.props || i;
+    },
+    imgKey() {
+      return this.props.img || i.img;
+    },
+    titleKey() {
+      return this.props.title || i.title;
+    },
+    subtitleKey() {
+      return this.props.subtitle || i.subtitle;
+    },
+    tagKey() {
+      return this.props.tag || i.tag;
+    },
+    statusKey() {
+      return this.props.status || i.status;
+    }
+  },
+  methods: {
+    click(t) {
+      this.$emit("click", t);
+    },
+    handleClick() {
+      this.loading = !0;
+      const t = () => {
+        this.loading = !1;
+      };
+      this.page++, this.$emit("page-change", this.page, t);
+    },
+    getType(t = 0) {
+      if (t === 0)
+        return "info";
+      if (t === 1)
+        return "";
+      if (t === 2)
+        return "warning";
+      if (t === 3)
+        return "danger";
+      if (t === 4)
+        return "success";
+    }
+  }
+}, n = {};
+var _ = /* @__PURE__ */ l(
+  u,
+  o,
+  c,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(t) {
+  for (let a in n)
+    this[a] = n[a];
+}
+const d = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  d as default
+};

package/notice/style.css

@@ -0,0 +1 @@
+.avue-notice__item{display:flex;align-items:flex-start;padding:12px 24px;text-align:left;border-bottom:1px solid #e8eaec;cursor:pointer;transition:background-color .2s ease-in-out}.avue-notice__content{flex:1}.avue-notice__img{width:38px;height:38px;margin-top:5px;margin-right:10px;overflow:hidden;border-radius:100%}.avue-notice__img img{width:100%;height:100%}.avue-notice__name{line-height:25px}.avue-notice__title{margin-bottom:4px;color:#515a6e;font-weight:400;font-size:14px;line-height:22px}.avue-notice__tag{float:right;margin-top:2px}.avue-notice__subtitle{color:#808695;font-size:12px}.avue-notice__more{padding:10px 0;color:#2d8cf0;text-align:center;cursor:pointer}