@web-utils/component 2.0.13 → 2.2.0

package/data-cardtext/index.mjs

@@ -0,0 +1,82 @@
+import { n as r } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var c = function() {
+  var t = this, s = t.$createElement, n = t._self._c || s;
+  return n("div", {
+    staticClass: "avue-data-cardText"
+  }, [n("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(a, o) {
+    return n("ElCol", {
+      key: o,
+      attrs: {
+        md: t.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [n("div", {
+      staticClass: "item"
+    }, [n("a", {
+      attrs: {
+        href: a.href,
+        target: a.target
+      },
+      on: {
+        click: function(d) {
+          a.click && a.click(a);
+        }
+      }
+    }, [n("div", {
+      staticClass: "item-header"
+    }, [t._v(" " + t._s(a.title) + " ")]), n("div", {
+      staticClass: "item-content"
+    }, [t._v(t._s(a.content))]), n("div", {
+      staticClass: "item-footer"
+    }, [n("span", [t._v(t._s(a.name))]), n("span", [t._v(t._s(a.date))])])])])]);
+  }), 1)], 1);
+}, i = [];
+const l = {
+  name: "DataCardtext",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    icon() {
+      return this.option.icon;
+    },
+    color() {
+      return this.option.color || "#333";
+    },
+    span() {
+      return this.option.span || 8;
+    },
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, e = {};
+var _ = /* @__PURE__ */ r(
+  l,
+  c,
+  i,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let s in e)
+    this[s] = e[s];
+}
+const v = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  v as default
+};

package/data-cardtext/style.css

@@ -0,0 +1 @@
+.avue-data-cardText .item{background:#f8f8f8;border-radius:6px;margin:10px 20px;padding:20px 25px;box-shadow:2px 2px 20px #ccc}.avue-data-cardText .item-header{color:#000;font-weight:700}.avue-data-cardText .item-content{color:#333;margin-top:8px;font-size:14px;line-height:22px}.avue-data-cardText .item-footer{color:#999;justify-content:space-between;margin-top:20px;font-size:12px;display:flex}.avue-data-cardText .item a{text-decoration:none}.avue-data-cardText .item a:visited{color:inherit}

package/data-display/index.mjs

@@ -0,0 +1,97 @@
+import r from "@web-utils/component/count-up";
+import { n as e } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var l = function() {
+  var t = this, s = t.$createElement, a = t._self._c || s;
+  return a("div", {
+    staticClass: "avue-data-display"
+  }, [a("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(n, i) {
+    return a("ElCol", {
+      key: i,
+      attrs: {
+        md: t.span,
+        xs: 12,
+        sm: 12
+      }
+    }, [a("div", {
+      staticClass: "item",
+      style: {
+        color: t.color
+      }
+    }, [a("a", {
+      attrs: {
+        href: n.href,
+        target: n.target
+      },
+      on: {
+        click: function(_) {
+          n.click && n.click(n);
+        }
+      }
+    }, [a("CountUp", {
+      staticClass: "count",
+      attrs: {
+        animation: n.animation || t.animation,
+        decimals: n.decimals || t.decimals,
+        end: n.count
+      }
+    }), a("span", {
+      staticClass: "splitLine"
+    }), a("div", {
+      staticClass: "title"
+    }, [t._v(t._s(n.title))])], 1)])]);
+  }), 1)], 1);
+}, c = [];
+const p = {
+  name: "DataDisplay",
+  components: {
+    CountUp: r
+  },
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    animation() {
+      return this.option.animation;
+    },
+    decimals() {
+      return this.option.decimals || 0;
+    },
+    span() {
+      return this.option.span || 6;
+    },
+    data() {
+      return this.option.data || [];
+    },
+    color() {
+      return this.option.color || "rgb(63, 161, 255)";
+    }
+  }
+}, o = {};
+var u = /* @__PURE__ */ e(
+  p,
+  l,
+  c,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(t) {
+  for (let s in o)
+    this[s] = o[s];
+}
+const h = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  h as default
+};

package/data-display/style.css

@@ -0,0 +1 @@
+.avue-data-display .item{text-align:center;flex-direction:column;align-items:center;margin:5px 0;display:flex}.avue-data-display .item a{text-decoration:none}.avue-data-display .item a:visited{color:inherit}.avue-data-display .count{color:#15a0ff;margin:8px 0 15px;font-size:32px;font-weight:700;display:block}.avue-data-display .title{color:#999;line-height:32px}.avue-data-display .splitLine{background:#9b9b9b;width:24px;height:1px;margin:0 auto;display:block}

package/data-icons/index.mjs

@@ -0,0 +1,104 @@
+import { n as c } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var r = function() {
+  var t = this, o = t.$createElement, n = t._self._c || o;
+  return n("div", {
+    staticClass: "data-icons"
+  }, [n("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, [t._l(t.data, function(s, i) {
+    return [n("ElCol", {
+      key: i,
+      attrs: {
+        xs: 12,
+        sm: 6,
+        md: t.span
+      }
+    }, [n("div", {
+      staticClass: "item",
+      class: [{
+        "item--easy": t.discount
+      }]
+    }, [n("a", {
+      attrs: {
+        href: s.href,
+        target: s.target
+      },
+      on: {
+        click: function(p) {
+          s.click && s.click(s);
+        }
+      }
+    }, [n("div", {
+      staticClass: "item-icon",
+      style: {
+        color: t.color
+      }
+    }, [n("i", {
+      class: s.icon
+    })]), n("div", {
+      staticClass: "item-info"
+    }, [n("span", [t._v(t._s(s.title))]), n("CountUp", {
+      staticClass: "count",
+      style: {
+        color: t.color
+      },
+      attrs: {
+        animation: s.animation || t.animation,
+        decimals: s.decimals || t.decimals,
+        end: s.count
+      }
+    })], 1)])])])];
+  })], 2)], 1);
+}, e = [];
+const l = {
+  name: "DataIcons",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    animation() {
+      return this.option.animation;
+    },
+    decimals() {
+      return this.option.decimals || 0;
+    },
+    span() {
+      return this.option.span || 4;
+    },
+    data() {
+      return this.option.data;
+    },
+    color() {
+      return this.option.color || "rgb(63, 161, 255)";
+    },
+    discount() {
+      return this.option.discount || !1;
+    }
+  }
+}, a = {};
+var u = /* @__PURE__ */ c(
+  l,
+  r,
+  e,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(t) {
+  for (let o in a)
+    this[o] = a[o];
+}
+const m = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  m as default
+};

package/data-icons/style.css

@@ -0,0 +1 @@
+.data-icons .item{justify-content:center;align-items:center;width:90%;margin:10px 15px;display:flex}.data-icons .item a{text-decoration:none}.data-icons .item a:visited{color:inherit}.data-icons .item-icon{text-align:center;margin-top:3px;margin-right:0!important}.data-icons .item-icon>i{font-size:46px!important}.data-icons .item-info{text-align:center;padding:10px 0}.data-icons .item-info>span{color:#999;padding:5px 0;font-size:12px;display:block}.data-icons .item-info .count{font-size:20px;line-height:25px}.data-icons .item--easy{flex-direction:column}.data-icons .item--easy>.item-icon{margin:0}.data-icons .item--easy>.item-info{margin-top:-15px}.data-icons .item--easy>.item-info>span{font-size:14px}

package/data-imgtext/index.mjs

@@ -0,0 +1,106 @@
+import { n as i } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var l = function() {
+  var a = this, n = a.$createElement, t = a._self._c || n;
+  return t("div", {
+    staticClass: "avue-data-imgtext"
+  }, [t("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, a._l(a.data, function(s, o) {
+    return t("ElCol", {
+      key: o,
+      attrs: {
+        md: a.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [t("div", {
+      staticClass: "item",
+      style: {
+        color: a.color
+      }
+    }, [t("a", {
+      attrs: {
+        href: s.href,
+        target: s.target
+      },
+      on: {
+        click: function(e) {
+          s.click && s.click(s);
+        }
+      }
+    }, [t("div", {
+      staticClass: "item-header"
+    }, [t("img", {
+      attrs: {
+        src: s.imgsrc,
+        alt: ""
+      }
+    })]), t("div", {
+      staticClass: "item-content"
+    }, [t("span", [a._v(a._s(s.title))]), t("p", [a._v(a._s(s.content))])]), t("div", {
+      staticClass: "item-footer"
+    }, [t("div", {
+      staticClass: "time"
+    }, [t("span", [a._v(a._s(s.time))])]), t("div", {
+      staticClass: "imgs"
+    }, [t("ul", a._l(s.headimg, function(e, c) {
+      return t("li", {
+        key: c
+      }, [t("ElTooltip", {
+        attrs: {
+          effect: "dark",
+          content: e.name,
+          placement: "top-start"
+        }
+      }, [t("img", {
+        attrs: {
+          src: e.src,
+          alt: ""
+        }
+      })])], 1);
+    }), 0)])])])])]);
+  }), 1)], 1);
+}, _ = [];
+const p = {
+  name: "DataImgtext",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    span() {
+      return this.option.span || 6;
+    },
+    data() {
+      return this.option.data || [];
+    },
+    color() {
+      return this.option.color || "rgb(63, 161, 255)";
+    }
+  }
+}, r = {};
+var u = /* @__PURE__ */ i(
+  p,
+  l,
+  _,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(a) {
+  for (let n in r)
+    this[n] = r[n];
+}
+const f = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  f as default
+};

package/data-imgtext/style.css

@@ -0,0 +1 @@
+.avue-data-imgtext .item{border-radius:5px;width:240px;height:340px;margin:10px auto 50px;position:relative;box-shadow:2px 2px 20px #ccc}.avue-data-imgtext .item a{text-decoration:none}.avue-data-imgtext .item a:visited{color:inherit}.avue-data-imgtext .item-header img{background:red;border-radius:5px 5px 0 0;width:100%;height:170px}.avue-data-imgtext .item-content{padding:10px 15px;color:#333!important}.avue-data-imgtext .item-content span{font-size:20px}.avue-data-imgtext .item-content:hover span{color:#1890ff}.avue-data-imgtext .item-content p{height:60px;margin:6px 0;font-size:14px;overflow:hidden}.avue-data-imgtext .item-footer{padding:10px 15px;position:relative}.avue-data-imgtext .item-footer img{border-radius:50%;width:20px;height:20px}.avue-data-imgtext .item-footer div{display:inline-block}.avue-data-imgtext .item-footer div ul,.avue-data-imgtext .item-footer div li{border:2px solid #fff;border-radius:50%;margin:0 0 0 -8px;padding:0;list-style:none;display:inline-block}.avue-data-imgtext .item-footer div:first-child{font-size:14px;color:#ccc!important}.avue-data-imgtext .item-footer div:nth-child(2){position:absolute;right:15px}

package/data-operatext/index.mjs

@@ -0,0 +1,99 @@
+import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var c = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
+    staticClass: "avue-data-operatext"
+  }, [s("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(a, i) {
+    return s("ElCol", {
+      key: i,
+      attrs: {
+        md: t.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [s("div", {
+      staticClass: "item"
+    }, [s("a", {
+      attrs: {
+        href: a.href
+      },
+      on: {
+        click: function(n) {
+          a.click && a.click(a);
+        }
+      }
+    }, [s("div", {
+      staticClass: "item-header",
+      style: {
+        backgroundColor: a.color,
+        backgroundImage: `url(${a.colorImg})`
+      }
+    }, [s("span", {
+      staticClass: "item-title"
+    }, [t._v(t._s(a.title))]), s("span", {
+      staticClass: "item-subtitle"
+    }, [t._v(t._s(a.subtitle))])]), s("div", {
+      staticClass: "item-content"
+    }, [s("div", {
+      staticClass: "item-img"
+    }, [s("img", {
+      attrs: {
+        src: a.img,
+        alt: ""
+      }
+    })]), s("div", {
+      staticClass: "item-list"
+    }, t._l(a.list, function(n, r) {
+      return s("div", {
+        key: r,
+        staticClass: "item-row"
+      }, [s("span", {
+        staticClass: "item-label"
+      }, [t._v(t._s(n.label))]), s("span", {
+        staticClass: "item-value"
+      }, [t._v(t._s(n.value))])]);
+    }), 0)])])])]);
+  }), 1)], 1);
+}, u = [];
+const _ = {
+  name: "DataOperatext",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    span() {
+      return this.option.span || 6;
+    },
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, l = {};
+var p = /* @__PURE__ */ o(
+  _,
+  c,
+  u,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(t) {
+  for (let e in l)
+    this[e] = l[e];
+}
+const m = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  m as default
+};

package/data-operatext/style.css

@@ -0,0 +1 @@
+.avue-data-operatext .item{box-sizing:border-box;background:#fff;border-radius:3px;margin:5px 10px;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.1)}.avue-data-operatext .item a{color:#333;text-decoration:none}.avue-data-operatext .item a:visited{color:inherit}.avue-data-operatext .item-header{color:#fff;background-position:50%;border-top-left-radius:3px;border-top-right-radius:3px;padding:20px 20px 60px}.avue-data-operatext .item-title{text-shadow:0 1px 1px rgba(0,0,0,.2);margin-top:0;margin-bottom:5px;font-size:25px;font-weight:300;display:block}.avue-data-operatext .item-subtitle{font-size:14px;font-weight:400}.avue-data-operatext .item-content{background-color:#fff;border-top:1px solid #f4f4f4;border-radius:0 0 3px 3px;padding:10px 10px 20px}.avue-data-operatext .item-img{border:4px solid #fff;border-radius:100%;width:90px;height:90px;margin:-60px auto 5px;overflow:hidden}.avue-data-operatext .item-img img{width:100%;height:100%}.avue-data-operatext .item-list{flex-wrap:wrap;display:flex}.avue-data-operatext .item-row{box-sizing:border-box;text-align:center;width:33.33%}.avue-data-operatext .item-label{margin-bottom:5px;font-size:16px;font-weight:600;display:block}.avue-data-operatext .item-value{text-transform:uppercase;font-weight:300;display:block}

package/data-panel/index.mjs

@@ -0,0 +1,93 @@
+import { n as e } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var c = function() {
+  var t = this, s = t.$createElement, a = t._self._c || s;
+  return a("div", {
+    staticClass: "avue-data-panel"
+  }, [a("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(n, o) {
+    return a("ElCol", {
+      key: o,
+      attrs: {
+        md: t.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [a("a", {
+      attrs: {
+        href: n.href
+      },
+      on: {
+        click: function(p) {
+          n.click && n.click(n);
+        }
+      }
+    }, [a("div", {
+      staticClass: "item"
+    }, [a("div", {
+      staticClass: "item-icon"
+    }, [a("i", {
+      class: n.icon,
+      style: {
+        color: n.color
+      }
+    })]), a("div", {
+      staticClass: "item-info"
+    }, [a("div", {
+      staticClass: "item-title"
+    }, [t._v(t._s(n.title))]), a("CountUp", {
+      staticClass: "item-count",
+      attrs: {
+        animation: n.animation || t.animation,
+        decimals: n.decimals || t.decimals,
+        end: n.count
+      }
+    })], 1)])])]);
+  }), 1)], 1);
+}, l = [];
+const r = {
+  name: "DataPanel",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    decimals() {
+      return this.option.decimals || 0;
+    },
+    animation() {
+      return this.option.animation;
+    },
+    span() {
+      return this.option.span || 6;
+    },
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, i = {};
+var u = /* @__PURE__ */ e(
+  r,
+  c,
+  l,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(t) {
+  for (let s in i)
+    this[s] = i[s];
+}
+const m = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  m as default
+};

package/data-panel/style.css

@@ -0,0 +1 @@
+.avue-data-panel .item{color:#666;cursor:pointer;background:#fff;border-color:rgba(0,0,0,.05);justify-content:space-between;align-items:center;height:108px;margin:0 20px;padding:0 30px;font-size:12px;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px 40px rgba(0,0,0,.05)}.avue-data-panel .item-icon{font-size:52px}.avue-data-panel .item-info{text-align:center}.avue-data-panel .item-title{color:rgba(0,0,0,.45);margin-bottom:12px;font-size:16px;line-height:18px}.avue-data-panel .item-count{font-size:20px}