@web-utils/component 2.7.36 → 2.7.37

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

@@ -0,0 +1,93 @@
+import { n as i } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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

@@ -1,37 +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 0;
-  font-weight: bold;
-  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;
-}
+.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.mjs

@@ -0,0 +1,104 @@
+import { n as c } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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

@@ -1,53 +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;
-}
+.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.mjs

@@ -0,0 +1,106 @@
+import { n as l } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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

@@ -1,70 +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;
-}
+.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.mjs

@@ -0,0 +1,99 @@
+import { n as o } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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

@@ -1,81 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-data-operatext .item {
-  margin: 5px 10px;
-  box-sizing: border-box;
-  position: relative;
-  border-radius: 3px;
-  background: #ffffff;
-  box-shadow: 0 1px 1px rgba(0, 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 {
-  padding: 20px 20px 60px 20px;
-  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, 0.2);
-  display: block;
-}
-.avue-data-operatext .item-subtitle {
-  font-size: 14px;
-  font-weight: 400;
-}
-.avue-data-operatext .item-content {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 3px;
-  border-bottom-left-radius: 3px;
-  border-top: 1px solid #f4f4f4;
-  padding: 10px 10px 20px 10px;
-  background-color: #fff;
-}
-.avue-data-operatext .item-img {
-  margin: -60px auto 5px auto;
-  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;
-}
+.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}