@web-utils/component 2.0.14 → 2.7.0

package/dist/components/data-card/index.js

@@ -0,0 +1,98 @@
+import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var l = function() {
+  var t = this, o = t.$createElement, r = t._self._c || o;
+  return r("div", {
+    staticClass: "data-card"
+  }, [r("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(e, n) {
+    return r("ElCol", {
+      key: n,
+      attrs: {
+        md: t.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [r("div", {
+      staticClass: "item"
+    }, [r("a", {
+      attrs: {
+        href: e.href,
+        target: e.target
+      },
+      on: {
+        click: function(d) {
+          e.click && e.click(e);
+        }
+      }
+    }, [r("img", {
+      staticClass: "item-img",
+      attrs: {
+        src: e.src,
+        alt: ""
+      }
+    }), r("div", {
+      staticClass: "item-text",
+      style: {
+        backgroundColor: t.bgText
+      }
+    }, [r("h3", {
+      style: {
+        color: t.colorText
+      }
+    }, [t._v(t._s(e.name))]), r("p", {
+      style: {
+        color: t.colorText
+      }
+    }, [t._v(t._s(e.text))])])])])]);
+  }), 1)], 1);
+}, c = [];
+const i = {
+  name: "DataCard",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    span() {
+      return this.option.span || 6;
+    },
+    data() {
+      return this.option.data || [];
+    },
+    colorText() {
+      return this.option.colorText || "#fff";
+    },
+    bgText() {
+      return this.option.bgText || "#2e323f";
+    },
+    borderColor() {
+      return this.option.borderColor || "#2e323f";
+    }
+  }
+}, a = {};
+var _ = /* @__PURE__ */ s(
+  i,
+  l,
+  c,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let o in a)
+    this[o] = a[o];
+}
+const f = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  f as default
+};

package/dist/components/data-card/style.css

@@ -0,0 +1 @@
+.data-card .item{position:relative;margin:0 auto 50px;width:230px;height:340px;overflow:hidden;border-radius:5px;border-color:#fff;border-width:1px;border-style:solid}.data-card .item:hover .item-text{top:0}.data-card .item-img{width:100%;border-radius:5px 5px 0 0}.data-card .item-text{position:absolute;top:150px;padding:20px 15px;width:100%;height:340px;overflow:auto;box-sizing:border-box;border-radius:0 0 5px 5px;opacity:.9;transition:top .4s}.data-card .item-text>p{font-size:12px;line-height:25px;text-indent:2em}

package/dist/components/data-cardtext/index.js

@@ -0,0 +1,82 @@
+import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var c = function() {
+  var t = this, e = t.$createElement, a = t._self._c || e;
+  return a("div", {
+    staticClass: "avue-data-cardText"
+  }, [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("div", {
+      staticClass: "item"
+    }, [a("a", {
+      attrs: {
+        href: n.href,
+        target: n.target
+      },
+      on: {
+        click: function(d) {
+          n.click && n.click(n);
+        }
+      }
+    }, [a("div", {
+      staticClass: "item-header"
+    }, [t._v(" " + t._s(n.title) + " ")]), a("div", {
+      staticClass: "item-content"
+    }, [t._v(t._s(n.content))]), a("div", {
+      staticClass: "item-footer"
+    }, [a("span", [t._v(t._s(n.name))]), a("span", [t._v(t._s(n.date))])])])])]);
+  }), 1)], 1);
+}, i = [];
+const _ = {
+  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 || [];
+    }
+  }
+}, s = {};
+var l = /* @__PURE__ */ r(
+  _,
+  c,
+  i,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let e in s)
+    this[e] = s[e];
+}
+const v = /* @__PURE__ */ function() {
+  return l.exports;
+}();
+export {
+  v as default
+};

package/dist/components/data-cardtext/style.css

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

package/dist/components/data-display/index.js

@@ -0,0 +1,93 @@
+import { n as i } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var r = function() {
+  var t = this, s = t.$createElement, n = t._self._c || s;
+  return n("div", {
+    staticClass: "avue-data-display"
+  }, [n("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(a, e) {
+    return n("ElCol", {
+      key: e,
+      attrs: {
+        md: t.span,
+        xs: 12,
+        sm: 12
+      }
+    }, [n("div", {
+      staticClass: "item",
+      style: {
+        color: t.color
+      }
+    }, [n("a", {
+      attrs: {
+        href: a.href,
+        target: a.target
+      },
+      on: {
+        click: function(_) {
+          a.click && a.click(a);
+        }
+      }
+    }, [n("CountUp", {
+      staticClass: "count",
+      attrs: {
+        animation: a.animation || t.animation,
+        decimals: a.decimals || t.decimals,
+        end: a.count
+      }
+    }), n("span", {
+      staticClass: "splitLine"
+    }), n("div", {
+      staticClass: "title"
+    }, [t._v(t._s(a.title))])], 1)])]);
+  }), 1)], 1);
+}, l = [];
+const c = {
+  name: "DataDisplay",
+  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 p = /* @__PURE__ */ i(
+  c,
+  r,
+  l,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let s in o)
+    this[s] = o[s];
+}
+const v = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  v as default
+};

package/dist/components/data-display/style.css

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

package/dist/components/data-icons/index.js

@@ -0,0 +1,104 @@
+import { n as c } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var e = function() {
+  var t = this, a = t.$createElement, n = t._self._c || a;
+  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(d) {
+          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);
+}, r = [];
+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;
+    }
+  }
+}, o = {};
+var u = /* @__PURE__ */ c(
+  l,
+  e,
+  r,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(t) {
+  for (let a in o)
+    this[a] = o[a];
+}
+const v = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  v as default
+};

package/dist/components/data-icons/style.css

@@ -0,0 +1 @@
+.data-icons .item{display:flex;align-items:center;justify-content:center;width:90%;margin:10px 15px}.data-icons .item a{text-decoration:none}.data-icons .item a:visited{color:inherit}.data-icons .item-icon{margin-top:3px;margin-right:0!important;text-align:center}.data-icons .item-icon>i{font-size:46px!important}.data-icons .item-info{text-align:center;padding:10px 0}.data-icons .item-info>span{display:block;padding:5px 0;color:#999;font-size:12px}.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/dist/components/data-imgtext/index.js

@@ -0,0 +1,106 @@
+import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var i = function() {
+  var a = this, e = a.$createElement, t = a._self._c || e;
+  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(n) {
+          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(n, c) {
+      return t("li", {
+        key: c
+      }, [t("ElTooltip", {
+        attrs: {
+          effect: "dark",
+          content: n.name,
+          placement: "top-start"
+        }
+      }, [t("img", {
+        attrs: {
+          src: n.src,
+          alt: ""
+        }
+      })])], 1);
+    }), 0)])])])])]);
+  }), 1)], 1);
+}, _ = [];
+const u = {
+  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 p = /* @__PURE__ */ l(
+  u,
+  i,
+  _,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(a) {
+  for (let e in r)
+    this[e] = r[e];
+}
+const m = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  m as default
+};

package/dist/components/data-imgtext/style.css

@@ -0,0 +1 @@
+.avue-data-imgtext .item{position:relative;height:340px;width:240px;margin:10px auto 50px;border-radius:5px;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{width:100%;height:170px;background:red;border-radius:5px 5px 0 0}.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{font-size:14px;height:60px;margin:6px 0;overflow:hidden}.avue-data-imgtext .item-footer{padding:10px 15px;position:relative}.avue-data-imgtext .item-footer img{height:20px;width:20px;border-radius:50%}.avue-data-imgtext .item-footer div{display:inline-block}.avue-data-imgtext .item-footer div ul,.avue-data-imgtext .item-footer div li{padding:0;list-style:none;display:inline-block;border:2px solid white;border-radius:50%;margin:0 0 0 -8px}.avue-data-imgtext .item-footer div:nth-child(1){font-size:14px;color:#ccc!important}.avue-data-imgtext .item-footer div:nth-child(2){position:absolute;right:15px}

package/dist/components/data-operatext/index.js

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

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

package/dist/components/data-panel/index.js

@@ -0,0 +1,93 @@
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var l = 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, i) {
+    return a("ElCol", {
+      key: i,
+      attrs: {
+        md: t.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [a("a", {
+      attrs: {
+        href: n.href
+      },
+      on: {
+        click: function(d) {
+          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);
+}, c = [];
+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 || [];
+    }
+  }
+}, e = {};
+var u = /* @__PURE__ */ o(
+  r,
+  l,
+  c,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(t) {
+  for (let s in e)
+    this[s] = e[s];
+}
+const v = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  v as default
+};

package/dist/components/data-panel/style.css

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