@web-utils/component 2.7.36 → 2.7.37

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

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

@@ -1,37 +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 rgba(0, 0, 0, 0.05);
-  border-color: rgba(0, 0, 0, 0.05);
-  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: rgba(0, 0, 0, 0.45);
-  font-size: 16px;
-  margin-bottom: 12px;
-}
-.avue-data-panel .item-count {
-  font-size: 20px;
-}
+.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}

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

@@ -0,0 +1,149 @@
+import { n as r } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var c = function() {
+  var t = this, o = t.$createElement, s = t._self._c || o;
+  return s("div", {
+    staticClass: "avue-data-pay"
+  }, [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("div", {
+      staticClass: "top",
+      style: {
+        backgroundColor: a.color
+      }
+    }), s("div", {
+      staticClass: "header"
+    }, [s("p", {
+      staticClass: "title"
+    }, [t._v(" " + t._s(a.title) + " ")]), s("img", {
+      staticClass: "img",
+      attrs: {
+        src: a.src,
+        alt: ""
+      }
+    }), a.subtitle ? [s("p", {
+      staticClass: "subtitle",
+      style: {
+        color: a.color
+      }
+    }, [t._v(" " + t._s(a.subtitle) + " ")])] : t._e(), a.money || a.dismoney ? [s("p", {
+      staticClass: "money",
+      style: {
+        color: a.color
+      }
+    }, [s("span", [t._v("¥")]), s("CountUp", {
+      staticClass: "b",
+      attrs: {
+        decimals: a.decimals || t.decimals,
+        animation: a.animation || t.animation,
+        end: a.dismoney
+      }
+    }), s("s", [t._v(t._s(a.money))]), s("em", [t._v(t._s(a.tip))])], 1)] : t._e(), s("div", {
+      staticClass: "line"
+    }), s("a", {
+      staticClass: "btn",
+      style: {
+        backgroundColor: a.color
+      },
+      attrs: {
+        href: a.href
+      },
+      on: {
+        click: function(n) {
+          a.click && a.click(a);
+        }
+      }
+    }, [t._v(t._s(a.subtext))])], 2), s("div", {
+      staticClass: "list"
+    }, t._l(a.list, function(n, e) {
+      return s("div", {
+        key: e,
+        staticClass: "list-item"
+      }, [n.check ? s("i", {
+        staticClass: "list-item-icon list-item--check",
+        style: {
+          color: a.color
+        }
+      }, [t._v("√")]) : s("i", {
+        staticClass: "list-item-icon list-item--no"
+      }, [t._v("x")]), s("a", {
+        attrs: {
+          href: n.href ? n.href : "javascript:void(0);"
+        }
+      }, [s("ElTooltip", {
+        attrs: {
+          effect: "dark",
+          disabled: !n.tip,
+          placement: "top"
+        }
+      }, [s("div", {
+        attrs: {
+          slot: "content"
+        },
+        domProps: {
+          innerHTML: t._s(n.tip)
+        },
+        slot: "content"
+      }), s("span", {
+        class: {
+          "list-item--link": n.href
+        }
+      }, [t._v(t._s(n.title))])])], 1)]);
+    }), 0)])]);
+  }), 1)], 1);
+}, _ = [];
+const d = {
+  name: "DataPay",
+  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 || [];
+    }
+  }
+}, l = {};
+var p = /* @__PURE__ */ r(
+  d,
+  c,
+  _,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let o in l)
+    this[o] = l[o];
+}
+const f = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  f as default
+};

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

@@ -1,102 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-data-pay .item {
-  margin: 0 auto;
-  padding-bottom: 16px;
-  width: 80%;
-  position: relative;
-  border-radius: 4px;
-  background-color: #fff;
-  min-height: 670px;
-  box-shadow: 1px 2px 10px #eee;
-}
-.avue-data-pay .item a {
-  text-decoration: none;
-}
-.avue-data-pay .item a:visited {
-  color: inherit;
-}
-.avue-data-pay .top {
-  width: 100%;
-  height: 6px;
-  position: absolute;
-  top: 0;
-  left: 0;
-  border-radius: 4px 4px 0 0;
-}
-.avue-data-pay .header {
-  margin-bottom: 40px;
-  text-align: center;
-}
-.avue-data-pay .title {
-  text-align: center;
-  padding: 20px 0 10px;
-  font-size: 20px;
-  font-weight: 200;
-}
-.avue-data-pay .money span {
-  margin-right: 5px;
-  font-size: 14px;
-}
-.avue-data-pay .money .b {
-  margin-right: 2px;
-  font-size: 20px;
-  font-weight: bold;
-}
-.avue-data-pay .money s {
-  margin-right: 3px;
-  font-size: 12px;
-}
-.avue-data-pay .money em {
-  font-size: 14px;
-  font-style: normal;
-}
-.avue-data-pay .img {
-  width: 50px;
-}
-.avue-data-pay .line {
-  width: 60%;
-  height: 1px;
-  background: hsla(0deg, 0%, 59%, 0.1);
-  margin: 20px auto;
-}
-.avue-data-pay .btn {
-  display: block;
-  width: 120px;
-  height: 32px;
-  line-height: 32px;
-  margin: 0 auto;
-  text-align: center;
-  border-radius: 32px;
-  color: #fff;
-  cursor: pointer;
-  transition: opacity 0.2s ease-in-out;
-}
-.avue-data-pay .list-item {
-  list-style: none;
-  padding-left: 20px;
-  margin-bottom: 12px;
-  color: #666;
-  font-size: 14px;
-}
-.avue-data-pay .list-item a {
-  color: #666;
-}
-.avue-data-pay .list-item-icon {
-  color: #515a6e;
-  margin-right: 8px;
-}
-.avue-data-pay .list-item--link {
-  font-size: 12px;
-  color: #2d8cf0;
-}
-.avue-data-pay .list-item--no {
-  color: #c5c8ce;
-}
-.avue-data-pay .list-item--no + span {
-  color: #c5c8ce;
-}
+.avue-data-pay .item{margin:0 auto;padding-bottom:16px;width:80%;position:relative;border-radius:4px;background-color:#fff;min-height:670px;box-shadow:1px 2px 10px #eee}.avue-data-pay .item a{text-decoration:none}.avue-data-pay .item a:visited{color:inherit}.avue-data-pay .top{width:100%;height:6px;position:absolute;top:0;left:0;border-radius:4px 4px 0 0}.avue-data-pay .header{margin-bottom:40px;text-align:center}.avue-data-pay .title{text-align:center;padding:20px 0 10px;font-size:20px;font-weight:200}.avue-data-pay .money span{margin-right:5px;font-size:14px}.avue-data-pay .money .b{margin-right:2px;font-size:20px;font-weight:700}.avue-data-pay .money s{margin-right:3px;font-size:12px}.avue-data-pay .money em{font-size:14px;font-style:normal}.avue-data-pay .img{width:50px}.avue-data-pay .line{width:60%;height:1px;background:hsla(0deg,0%,59%,.1);margin:20px auto}.avue-data-pay .btn{display:block;width:120px;height:32px;line-height:32px;margin:0 auto;text-align:center;border-radius:32px;color:#fff;cursor:pointer;transition:opacity .2s ease-in-out}.avue-data-pay .list-item{list-style:none;padding-left:20px;margin-bottom:12px;color:#666;font-size:14px}.avue-data-pay .list-item a{color:#666}.avue-data-pay .list-item-icon{color:#515a6e;margin-right:8px}.avue-data-pay .list-item--link{font-size:12px;color:#2d8cf0}.avue-data-pay .list-item--no{color:#c5c8ce}.avue-data-pay .list-item--no+span{color:#c5c8ce}

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

@@ -0,0 +1,84 @@
+import { n as l } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var o = function() {
+  var t = this, n = t.$createElement, s = t._self._c || n;
+  return s("div", {
+    staticClass: "data-price"
+  }, [s("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, [t._l(t.data, function(a, c) {
+    return [s("ElCol", {
+      key: c,
+      attrs: {
+        xs: 12,
+        sm: 6,
+        md: t.span
+      }
+    }, [s("div", {
+      staticClass: "item item--active"
+    }, [s("a", {
+      attrs: {
+        href: a.href,
+        target: a.target
+      },
+      on: {
+        click: function(e) {
+          a.click && a.click(a);
+        }
+      }
+    }, [s("div", {
+      staticClass: "title"
+    }, [t._v(" " + t._s(a.title) + " ")]), s("div", {
+      staticClass: "body"
+    }, [s("span", {
+      staticClass: "price"
+    }, [t._v(t._s(a.price))]), s("span", {
+      staticClass: "append"
+    }, [t._v(t._s(a.append))])]), s("div", {
+      staticClass: "list"
+    }, t._l(a.list, function(e, i) {
+      return s("p", {
+        key: i
+      }, [t._v(" " + t._s(e) + " ")]);
+    }), 0)])])])];
+  })], 2)], 1);
+}, _ = [];
+const p = {
+  name: "DataPrice",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    span() {
+      return this.option.span || 6;
+    },
+    data() {
+      return this.option.data;
+    }
+  }
+}, r = {};
+var u = /* @__PURE__ */ l(
+  p,
+  o,
+  _,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(t) {
+  for (let n in r)
+    this[n] = r[n];
+}
+const f = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  f as default
+};

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

@@ -1,81 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.data-price .item {
-  margin: 0 20px;
-  text-align: center;
-  box-shadow: 2px 3px 15px #eee;
-  border: 1px solid #ccc;
-}
-.data-price .item:hover {
-  border: 1px solid #00a680;
-}
-.data-price .item:hover .body {
-  color: #fff;
-  background-color: #00a680;
-}
-.data-price .item:hover .body::after {
-  border-top-color: #00a680;
-}
-.data-price .item:hover .list {
-  color: #00a680;
-}
-.data-price .item:hover .price {
-  color: #fff;
-}
-.data-price .item .title {
-  height: 80px;
-  line-height: 80px;
-  font-size: 18px;
-  color: #333;
-}
-.data-price .item .price {
-  padding: 0 8px;
-  margin: 0 0 50px;
-  line-height: 120px;
-  height: 120px;
-  font-size: 42px;
-  color: #6b6b6b;
-}
-.data-price .item .append {
-  font-size: 16px;
-}
-.data-price .item .body {
-  position: relative;
-  padding: 0;
-  margin: 0 0 50px;
-  background-color: #f4f4f4;
-  line-height: 120px;
-  height: 120px;
-  font-size: 42px;
-  color: #6b6b6b;
-}
-.data-price .item .body::before {
-  content: "¥";
-  font-size: 16px;
-  font-weight: normal;
-}
-.data-price .item .body::after {
-  content: "";
-  position: absolute;
-  display: block;
-  width: 0;
-  height: 0;
-  bottom: -15px;
-  left: 50%;
-  transform: translateX(-50%);
-  border-color: transparent;
-  border-style: solid;
-  border-width: 30px;
-  border-bottom-width: 0;
-  border-top-width: 20px;
-  border-top-color: #f4f4f4;
-}
-.data-price .item .list {
-  padding-bottom: 30px;
-  color: #666666;
-  font-size: 14px;
-}
+.data-price .item{margin:0 20px;text-align:center;box-shadow:2px 3px 15px #eee;border:1px solid #ccc}.data-price .item:hover{border:1px solid #00a680}.data-price .item:hover .body{color:#fff;background-color:#00a680}.data-price .item:hover .body:after{border-top-color:#00a680}.data-price .item:hover .list{color:#00a680}.data-price .item:hover .price{color:#fff}.data-price .item .title{height:80px;line-height:80px;font-size:18px;color:#333}.data-price .item .price{padding:0 8px;margin:0 0 50px;line-height:120px;height:120px;font-size:42px;color:#6b6b6b}.data-price .item .append{font-size:16px}.data-price .item .body{position:relative;padding:0;margin:0 0 50px;background-color:#f4f4f4;line-height:120px;height:120px;font-size:42px;color:#6b6b6b}.data-price .item .body:before{content:"\a5";font-size:16px;font-weight:400}.data-price .item .body:after{content:"";position:absolute;display:block;width:0;height:0;bottom:-15px;left:50%;transform:translate(-50%);border-color:transparent;border-style:solid;border-width:30px;border-bottom-width:0;border-top-width:20px;border-top-color:#f4f4f4}.data-price .item .list{padding-bottom:30px;color:#666;font-size:14px}

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

@@ -0,0 +1,97 @@
+import { n as r } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var i = function() {
+  var a = this, n = a.$createElement, s = a._self._c || n;
+  return s("div", {
+    staticClass: "data-progress"
+  }, [s("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, a._l(a.data, function(t, o) {
+    return s("ElCol", {
+      key: o,
+      attrs: {
+        md: a.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [s("div", {
+      staticClass: "item"
+    }, [s("a", {
+      attrs: {
+        href: t.href,
+        target: t.target
+      },
+      on: {
+        click: function(d) {
+          t.click && t.click(t);
+        }
+      }
+    }, [s("div", {
+      staticClass: "item-header"
+    }, [s("CountUp", {
+      staticClass: "item-count",
+      attrs: {
+        animation: t.animation || a.animation,
+        decimals: t.decimals || a.decimals,
+        end: t.count
+      }
+    }), s("div", {
+      staticClass: "item-title",
+      domProps: {
+        textContent: a._s(t.title)
+      }
+    })], 1), s("ElProgress", {
+      attrs: {
+        "stroke-width": 15,
+        percentage: t.count,
+        color: t.color,
+        "show-text": !1
+      }
+    })], 1)])]);
+  }), 1)], 1);
+}, c = [];
+const l = {
+  name: "DataProgress",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    animation() {
+      return this.option.animation;
+    },
+    decimals() {
+      return this.option.decimals || 0;
+    },
+    span() {
+      return this.option.span || 8;
+    },
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, e = {};
+var u = /* @__PURE__ */ r(
+  l,
+  i,
+  c,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(a) {
+  for (let n in e)
+    this[n] = e[n];
+}
+const m = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  m as default
+};

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

@@ -1,30 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.data-progress .item {
-  margin: 10px;
-}
-.data-progress .item a {
-  text-decoration: none;
-}
-.data-progress .item a:visited {
-  color: inherit;
-}
-.data-progress .item-header {
-  margin-bottom: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.data-progress .item-count {
-  line-height: 26px;
-  font-size: 26px;
-  color: #666;
-}
-.data-progress .item-title {
-  color: #999;
-  font-size: 14px;
-}
+.data-progress .item{margin:10px}.data-progress .item a{text-decoration:none}.data-progress .item a:visited{color:inherit}.data-progress .item-header{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.data-progress .item-count{line-height:26px;font-size:26px;color:#666}.data-progress .item-title{color:#999;font-size:14px}