@web-utils/component 2.0.14 → 2.7.0

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,4 +1,4 @@
-import { n as a } from "../../chunks/5d4282fb.js";
+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", {

package/dist/components/not-implement/index.js

@@ -1,4 +1,4 @@
-import { n as r } from "../../chunks/5d4282fb.js";
+import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var s = function() {
   var e = this, t = e.$createElement;
   return e._self._c, e._m(0);

package/dist/components/notice/index.js

@@ -0,0 +1,143 @@
+import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+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/dist/components/notice/style.css

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

package/dist/components/page/index.js

@@ -1,4 +1,4 @@
-import { n as o } from "../../chunks/5d4282fb.js";
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var l = function() {
   var e = this, t = e.$createElement, a = e._self._c || t;
   return a("div", {

package/dist/components/page-header/index.js

@@ -1,4 +1,4 @@
-import { n as a } from "../../chunks/5d4282fb.js";
+import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var r = function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("div", {

package/dist/components/page-index/index.js

@@ -1,5 +1,5 @@
 import { treeToArray as d, findFirstMatchNode as n } from "@web-utils/core";
-import { n as o } from "../../chunks/5d4282fb.js";
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var l = function() {
   var t = this, a = t.$createElement, e = t._self._c || a;
   return e("div", {

package/dist/components/page-index-top/index.js

@@ -1,5 +1,5 @@
 import { treeToArray as u, findFirstMatchNode as s } from "@web-utils/core";
-import { n as o } from "../../chunks/5d4282fb.js";
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var c = function() {
   var t = this, e = t.$createElement, a = t._self._c || e;
   return t.menus && t.menus.length ? a("PageSkeleton", {

package/dist/components/page-skeleton/index.js

@@ -1,4 +1,4 @@
-import { n as o } from "../../chunks/5d4282fb.js";
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var a = function() {
   var e = this, t = e.$createElement, n = e._self._c || t;
   return n("Page", {

package/dist/components/page-skeleton-new/index.js

@@ -1,4 +1,4 @@
-import { n as a } from "../../chunks/5d4282fb.js";
+import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var s = function() {
   var e = this, l = e.$createElement, t = e._self._c || l;
   return t("Page", {

package/dist/components/pageable-table/index.js

@@ -1,6 +1,6 @@
 import { cloneDeep as n, merge as c, hasOwn as g } from "@web-utils/core";
-import { f as d, d as f, e as b } from "../../chunks/f71045fc.js";
-import { n as m } from "../../chunks/5d4282fb.js";
+import { f as d, d as f, e as b } from "../../chunks/utils.fa73de78.js";
+import { n as m } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var y = function() {
   var e = this, t = e.$createElement, a = e._self._c || t;
   return a("div", {
@@ -324,6 +324,10 @@ const r = {
     onCurrentChange(e) {
       this.currentRow = e;
     },
+    /**
+     *
+     * @param {FilterRule} rule
+     */
     addRule(e) {
       this.removeRule(e.field), this.page.filters.rules.push(e);
     },

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

@@ -1,6 +1,6 @@
 import { cloneDeep as n, merge as p, hasOwn as u } from "@web-utils/core";
-import { f as h, d as f, e as m } from "../../chunks/f71045fc.js";
-import { n as b } from "../../chunks/5d4282fb.js";
+import { f as h, d as f, e as m } from "../../chunks/utils.fa73de78.js";
+import { n as b } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var y = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {
@@ -132,6 +132,7 @@ const a = {
     this.model && (t = n(this.model));
     const s = this.pageSize;
     return {
+      // TABLE_STATUS: Object.freeze(TABLE_STATUS),
       tableStatus: a.empty,
       records: [],
       loading: !1,
@@ -223,6 +224,10 @@ const a = {
     onCurrentChange(e) {
       this.currentRow = e;
     },
+    /**
+     *
+     * @param {FilterRule} rule
+     */
     addRule(e) {
       this.removeRule(e.field), this.page.filters.rules.push(e);
     },

package/dist/components/photo-swipe/index.js

@@ -2,9 +2,14 @@ import "photoswipe/dist/photoswipe.css";
 import "photoswipe/dist/default-skin/default-skin.css";
 import f from "photoswipe";
 import p from "photoswipe/dist/photoswipe-ui-default";
-import { n as u } from "../../chunks/5d4282fb.js";
+import { n as u } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 function d(t, r, A, a) {
   const e = new f(t, r, A, {
+    /**
+     * 获取缩略图元素在屏幕上的矩形区,用来实现放大动画
+     * @param index
+     * @returns {{w: number, x: number, y: number}}
+     */
     getThumbBoundsFn: function(s) {
       const i = A[s].el.getElementsByTagName("img")[0] || A[s].el, l = window.pageYOffset || document.documentElement.scrollTop, o = i.getBoundingClientRect();
       return { x: o.left, y: o.top + l, w: o.width };
@@ -31,6 +36,7 @@ async function m(t) {
     const e = t[A], n = e.getAttribute("data-src") || e.getAttribute("src"), s = await b(e, n), i = {
       src: n,
       el: e,
+      // getThumbBoundsFn 会用到
       msrc: n,
       w: s.width,
       h: s.height,

package/dist/components/progress/index.js

@@ -0,0 +1,60 @@
+import { n } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var s = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("div", {
+    staticClass: "avue-progress"
+  }, [r("ElProgress", {
+    attrs: {
+      type: e.type,
+      color: e.color,
+      width: e.width,
+      "text-inside": "",
+      "show-text": e.showText,
+      "stroke-width": e.strokeWidth,
+      percentage: e.percentage
+    }
+  })], 1);
+}, i = [];
+const a = {
+  name: "Progress",
+  props: {
+    showText: {
+      type: Boolean
+    },
+    width: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: [Number, String]
+    },
+    type: {
+      type: String
+    },
+    color: {
+      type: String
+    },
+    percentage: {
+      type: [Number]
+    }
+  }
+}, o = {};
+var c = /* @__PURE__ */ n(
+  a,
+  s,
+  i,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(e) {
+  for (let t in o)
+    this[t] = o[t];
+}
+const _ = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  _ as default
+};