@web-utils/component 2.7.19 → 2.7.21

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

@@ -1,65 +1,65 @@
-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", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-data-operatext"
-  }, [a("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, t._l(t.data, function(s, i) {
-    return a("ElCol", {
-      key: i,
+  }, _vm._l(_vm.data, function(item, index) {
+    return _c("ElCol", {
+      key: index,
       attrs: {
-        md: t.span,
+        md: _vm.span,
         xs: 24,
         sm: 12
       }
-    }, [a("div", {
+    }, [_c("div", {
       staticClass: "item"
-    }, [a("a", {
+    }, [_c("a", {
       attrs: {
-        href: s.href
+        href: item.href
       },
       on: {
-        click: function(n) {
-          s.click && s.click(s);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [a("div", {
+    }, [_c("div", {
       staticClass: "item-header",
       style: {
-        backgroundColor: s.color,
-        backgroundImage: `url(${s.colorImg})`
+        backgroundColor: item.color,
+        backgroundImage: `url(${item.colorImg})`
       }
-    }, [a("span", {
+    }, [_c("span", {
       staticClass: "item-title"
-    }, [t._v(t._s(s.title))]), a("span", {
+    }, [_vm._v(_vm._s(item.title))]), _c("span", {
       staticClass: "item-subtitle"
-    }, [t._v(t._s(s.subtitle))])]), a("div", {
+    }, [_vm._v(_vm._s(item.subtitle))])]), _c("div", {
       staticClass: "item-content"
-    }, [a("div", {
+    }, [_c("div", {
       staticClass: "item-img"
-    }, [a("img", {
+    }, [_c("img", {
       attrs: {
-        src: s.img,
+        src: item.img,
         alt: ""
       }
-    })]), a("div", {
+    })]), _c("div", {
       staticClass: "item-list"
-    }, t._l(s.list, function(n, r) {
-      return a("div", {
-        key: r,
+    }, _vm._l(item.list, function(citem, cindex) {
+      return _c("div", {
+        key: cindex,
         staticClass: "item-row"
-      }, [a("span", {
+      }, [_c("span", {
         staticClass: "item-label"
-      }, [t._v(t._s(n.label))]), a("span", {
+      }, [_vm._v(_vm._s(citem.label))]), _c("span", {
         staticClass: "item-value"
-      }, [t._v(t._s(n.value))])]);
+      }, [_vm._v(_vm._s(citem.value))])]);
     }), 0)])])])]);
   }), 1)], 1);
-}, _ = [];
-const u = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataOperatext",
   props: {
     option: {
@@ -76,24 +76,24 @@ const u = {
       return this.option.data || [];
     }
   }
-}, l = {};
-var p = /* @__PURE__ */ o(
-  u,
-  c,
-  _,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  v,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function v(t) {
-  for (let e in l)
-    this[e] = l[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const m = /* @__PURE__ */ function() {
-  return p.exports;
+const DataOperatext = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  DataOperatext as default
 };

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

@@ -1 +1,72 @@
-.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}
+.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

@@ -1,53 +1,53 @@
-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", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-data-panel"
-  }, [a("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, t._l(t.data, function(n, i) {
-    return a("ElCol", {
-      key: i,
+  }, _vm._l(_vm.data, function(item, index) {
+    return _c("ElCol", {
+      key: index,
       attrs: {
-        md: t.span,
+        md: _vm.span,
         xs: 24,
         sm: 12
       }
-    }, [a("a", {
+    }, [_c("a", {
       attrs: {
-        href: n.href
+        href: item.href
       },
       on: {
-        click: function(d) {
-          n.click && n.click(n);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [a("div", {
+    }, [_c("div", {
       staticClass: "item"
-    }, [a("div", {
+    }, [_c("div", {
       staticClass: "item-icon"
-    }, [a("i", {
-      class: n.icon,
+    }, [_c("i", {
+      class: item.icon,
       style: {
-        color: n.color
+        color: item.color
       }
-    })]), a("div", {
+    })]), _c("div", {
       staticClass: "item-info"
-    }, [a("div", {
+    }, [_c("div", {
       staticClass: "item-title"
-    }, [t._v(t._s(n.title))]), a("CountUp", {
+    }, [_vm._v(_vm._s(item.title))]), _c("CountUp", {
       staticClass: "item-count",
       attrs: {
-        animation: n.animation || t.animation,
-        decimals: n.decimals || t.decimals,
-        end: n.count
+        animation: item.animation || _vm.animation,
+        decimals: item.decimals || _vm.decimals,
+        end: item.count
       }
     })], 1)])])]);
   }), 1)], 1);
-}, c = [];
-const r = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataPanel",
   props: {
     option: {
@@ -70,24 +70,24 @@ const r = {
       return this.option.data || [];
     }
   }
-}, e = {};
-var u = /* @__PURE__ */ o(
-  r,
-  l,
-  c,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(t) {
-  for (let s in e)
-    this[s] = e[s];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const v = /* @__PURE__ */ function() {
-  return u.exports;
+const DataPanel = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  v as default
+  DataPanel as default
 };

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

@@ -1 +1,31 @@
-.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}
+.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.js

@@ -1,109 +1,109 @@
-import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var c = function() {
-  var t = this, o = t.$createElement, s = t._self._c || o;
-  return s("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-data-pay"
-  }, [s("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, t._l(t.data, function(a, i) {
-    return s("ElCol", {
-      key: i,
+  }, _vm._l(_vm.data, function(item, index) {
+    return _c("ElCol", {
+      key: index,
       attrs: {
-        md: t.span,
+        md: _vm.span,
         xs: 24,
         sm: 12
       }
-    }, [s("div", {
+    }, [_c("div", {
       staticClass: "item"
-    }, [s("div", {
+    }, [_c("div", {
       staticClass: "top",
       style: {
-        backgroundColor: a.color
+        backgroundColor: item.color
       }
-    }), s("div", {
+    }), _c("div", {
       staticClass: "header"
-    }, [s("p", {
+    }, [_c("p", {
       staticClass: "title"
-    }, [t._v(" " + t._s(a.title) + " ")]), s("img", {
+    }, [_vm._v(" " + _vm._s(item.title) + " ")]), _c("img", {
       staticClass: "img",
       attrs: {
-        src: a.src,
+        src: item.src,
         alt: ""
       }
-    }), a.subtitle ? [s("p", {
+    }), item.subtitle ? [_c("p", {
       staticClass: "subtitle",
       style: {
-        color: a.color
+        color: item.color
       }
-    }, [t._v(" " + t._s(a.subtitle) + " ")])] : t._e(), a.money || a.dismoney ? [s("p", {
+    }, [_vm._v(" " + _vm._s(item.subtitle) + " ")])] : _vm._e(), item.money || item.dismoney ? [_c("p", {
       staticClass: "money",
       style: {
-        color: a.color
+        color: item.color
       }
-    }, [s("span", [t._v("¥")]), s("CountUp", {
+    }, [_c("span", [_vm._v("¥")]), _c("CountUp", {
       staticClass: "b",
       attrs: {
-        decimals: a.decimals || t.decimals,
-        animation: a.animation || t.animation,
-        end: a.dismoney
+        decimals: item.decimals || _vm.decimals,
+        animation: item.animation || _vm.animation,
+        end: item.dismoney
       }
-    }), s("s", [t._v(t._s(a.money))]), s("em", [t._v(t._s(a.tip))])], 1)] : t._e(), s("div", {
+    }), _c("s", [_vm._v(_vm._s(item.money))]), _c("em", [_vm._v(_vm._s(item.tip))])], 1)] : _vm._e(), _c("div", {
       staticClass: "line"
-    }), s("a", {
+    }), _c("a", {
       staticClass: "btn",
       style: {
-        backgroundColor: a.color
+        backgroundColor: item.color
       },
       attrs: {
-        href: a.href
+        href: item.href
       },
       on: {
-        click: function(n) {
-          a.click && a.click(a);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [t._v(t._s(a.subtext))])], 2), s("div", {
+    }, [_vm._v(_vm._s(item.subtext))])], 2), _c("div", {
       staticClass: "list"
-    }, t._l(a.list, function(n, e) {
-      return s("div", {
-        key: e,
+    }, _vm._l(item.list, function(citem, cindex) {
+      return _c("div", {
+        key: cindex,
         staticClass: "list-item"
-      }, [n.check ? s("i", {
+      }, [citem.check ? _c("i", {
         staticClass: "list-item-icon list-item--check",
         style: {
-          color: a.color
+          color: item.color
         }
-      }, [t._v("√")]) : s("i", {
+      }, [_vm._v("√")]) : _c("i", {
         staticClass: "list-item-icon list-item--no"
-      }, [t._v("x")]), s("a", {
+      }, [_vm._v("x")]), _c("a", {
         attrs: {
-          href: n.href ? n.href : "javascript:void(0);"
+          href: citem.href ? citem.href : "javascript:void(0);"
         }
-      }, [s("ElTooltip", {
+      }, [_c("ElTooltip", {
         attrs: {
           effect: "dark",
-          disabled: !n.tip,
+          disabled: !citem.tip,
           placement: "top"
         }
-      }, [s("div", {
+      }, [_c("div", {
         attrs: {
           slot: "content"
         },
         domProps: {
-          innerHTML: t._s(n.tip)
+          innerHTML: _vm._s(citem.tip)
         },
         slot: "content"
-      }), s("span", {
+      }), _c("span", {
         class: {
-          "list-item--link": n.href
+          "list-item--link": citem.href
         }
-      }, [t._v(t._s(n.title))])])], 1)]);
+      }, [_vm._v(_vm._s(citem.title))])])], 1)]);
     }), 0)])]);
   }), 1)], 1);
-}, _ = [];
-const d = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataPay",
   props: {
     option: {
@@ -126,24 +126,24 @@ const d = {
       return this.option.data || [];
     }
   }
-}, l = {};
-var p = /* @__PURE__ */ r(
-  d,
-  c,
-  _,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  u,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(t) {
-  for (let o in l)
-    this[o] = l[o];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const f = /* @__PURE__ */ function() {
-  return p.exports;
+const DataPay = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  DataPay as default
 };

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

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