@web-utils/component 2.7.20 → 2.7.21

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

@@ -1,50 +1,50 @@
-import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var o = function() {
-  var t = this, n = t.$createElement, s = t._self._c || n;
-  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: "data-price"
-  }, [s("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, [t._l(t.data, function(a, c) {
-    return [s("ElCol", {
-      key: c,
+  }, [_vm._l(_vm.data, function(item, index) {
+    return [_c("ElCol", {
+      key: index,
       attrs: {
         xs: 12,
         sm: 6,
-        md: t.span
+        md: _vm.span
       }
-    }, [s("div", {
+    }, [_c("div", {
       staticClass: "item item--active"
-    }, [s("a", {
+    }, [_c("a", {
       attrs: {
-        href: a.href,
-        target: a.target
+        href: item.href,
+        target: item.target
       },
       on: {
-        click: function(e) {
-          a.click && a.click(a);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [s("div", {
+    }, [_c("div", {
       staticClass: "title"
-    }, [t._v(" " + t._s(a.title) + " ")]), s("div", {
+    }, [_vm._v(" " + _vm._s(item.title) + " ")]), _c("div", {
       staticClass: "body"
-    }, [s("span", {
+    }, [_c("span", {
       staticClass: "price"
-    }, [t._v(t._s(a.price))]), s("span", {
+    }, [_vm._v(_vm._s(item.price))]), _c("span", {
       staticClass: "append"
-    }, [t._v(t._s(a.append))])]), s("div", {
+    }, [_vm._v(_vm._s(item.append))])]), _c("div", {
       staticClass: "list"
-    }, t._l(a.list, function(e, i) {
-      return s("p", {
-        key: i
-      }, [t._v(" " + t._s(e) + " ")]);
+    }, _vm._l(item.list, function(citem, cindex) {
+      return _c("p", {
+        key: cindex
+      }, [_vm._v(" " + _vm._s(citem) + " ")]);
     }), 0)])])])];
   })], 2)], 1);
-}, _ = [];
-const p = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataPrice",
   props: {
     option: {
@@ -61,24 +61,24 @@ const p = {
       return this.option.data;
     }
   }
-}, r = {};
-var u = /* @__PURE__ */ l(
-  p,
-  o,
-  _,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  v,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function v(t) {
-  for (let n in r)
-    this[n] = r[n];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const f = /* @__PURE__ */ function() {
-  return u.exports;
+const DataPrice = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  DataPrice as default
 };

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

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

@@ -1,57 +1,57 @@
-import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var i = function() {
-  var a = this, n = a.$createElement, s = a._self._c || n;
-  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: "data-progress"
-  }, [s("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, a._l(a.data, function(t, o) {
-    return s("ElCol", {
-      key: o,
+  }, _vm._l(_vm.data, function(item, index) {
+    return _c("ElCol", {
+      key: index,
       attrs: {
-        md: a.span,
+        md: _vm.span,
         xs: 24,
         sm: 12
       }
-    }, [s("div", {
+    }, [_c("div", {
       staticClass: "item"
-    }, [s("a", {
+    }, [_c("a", {
       attrs: {
-        href: t.href,
-        target: t.target
+        href: item.href,
+        target: item.target
       },
       on: {
-        click: function(d) {
-          t.click && t.click(t);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [s("div", {
+    }, [_c("div", {
       staticClass: "item-header"
-    }, [s("CountUp", {
+    }, [_c("CountUp", {
       staticClass: "item-count",
       attrs: {
-        animation: t.animation || a.animation,
-        decimals: t.decimals || a.decimals,
-        end: t.count
+        animation: item.animation || _vm.animation,
+        decimals: item.decimals || _vm.decimals,
+        end: item.count
       }
-    }), s("div", {
+    }), _c("div", {
       staticClass: "item-title",
       domProps: {
-        textContent: a._s(t.title)
+        textContent: _vm._s(item.title)
       }
-    })], 1), s("ElProgress", {
+    })], 1), _c("ElProgress", {
       attrs: {
         "stroke-width": 15,
-        percentage: t.count,
-        color: t.color,
+        percentage: item.count,
+        color: item.color,
         "show-text": !1
       }
     })], 1)])]);
   }), 1)], 1);
-}, c = [];
-const l = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataProgress",
   props: {
     option: {
@@ -74,24 +74,24 @@ const l = {
       return this.option.data || [];
     }
   }
-}, e = {};
-var u = /* @__PURE__ */ r(
-  l,
-  i,
-  c,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(a) {
-  for (let n in e)
-    this[n] = e[n];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const m = /* @__PURE__ */ function() {
-  return u.exports;
+const DataProgress = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  DataProgress as default
 };

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

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

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

@@ -1,56 +1,56 @@
-import { n as i } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var c = 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-rotate"
-  }, [a("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, t._l(t.data, function(n, e) {
-    return a("ElCol", {
-      key: e,
+  }, _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",
       style: {
-        backgroundColor: n.color
+        backgroundColor: item.color
       }
-    }, [a("div", {
+    }, [_c("div", {
       staticClass: "item-box"
-    }, [a("CountUp", {
+    }, [_c("CountUp", {
       staticClass: "item-count",
       attrs: {
-        decimals: n.decimals || t.decimals,
-        animation: n.animation || t.animation,
-        end: n.count
+        decimals: item.decimals || _vm.decimals,
+        animation: item.animation || _vm.animation,
+        end: item.count
       }
-    }), a("span", {
+    }), _c("span", {
       staticClass: "item-title"
-    }, [t._v(t._s(n.title))]), a("i", {
+    }, [_vm._v(_vm._s(item.title))]), _c("i", {
       staticClass: "item-icon",
-      class: n.icon
-    })], 1), a("a", {
+      class: item.icon
+    })], 1), _c("a", {
       attrs: {
-        href: n.href
+        href: item.href
       },
       on: {
-        click: function(p) {
-          n.click && n.click(n);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [a("p", {
+    }, [_c("p", {
       staticClass: "item-more"
-    }, [t._v("更多"), a("i", {
+    }, [_vm._v("更多"), _c("i", {
       staticClass: "el-icon-arrow-right"
     })])])])]);
   }), 1)], 1);
-}, r = [];
-const l = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataRotate",
   props: {
     option: {
@@ -73,24 +73,24 @@ const l = {
       return this.option.data || [];
     }
   }
-}, o = {};
-var u = /* @__PURE__ */ i(
-  l,
-  c,
-  r,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(t) {
-  for (let s in o)
-    this[s] = o[s];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const m = /* @__PURE__ */ function() {
-  return u.exports;
+const DataRotate = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  DataRotate as default
 };

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

@@ -1 +1,44 @@
-.avue-data-rotate .item{margin:5px 10px;box-sizing:border-box;position:relative;color:#fff;border-radius:3px}.avue-data-rotate .item-box{padding:10px 20px}.avue-data-rotate .item-count{margin-bottom:5px;font-size:38px;white-space:nowrap;font-weight:300;display:block}.avue-data-rotate .item-title{font-size:15px}.avue-data-rotate .item-icon{transition:all .3s linear;position:absolute;top:20px;right:20px;font-size:65px;color:#00000026}.avue-data-rotate .item-icon:hover{font-size:70px}.avue-data-rotate .item-more{position:relative;text-align:center;padding:3px 0;color:#fff;color:#fffc;display:block;z-index:10;font-size:14px;letter-spacing:2px;background:rgba(0,0,0,.1);text-decoration:none}
+.avue-data-rotate .item {
+  margin: 5px 10px;
+  box-sizing: border-box;
+  position: relative;
+  color: #fff;
+  border-radius: 3px;
+}
+.avue-data-rotate .item-box {
+  padding: 10px 20px;
+}
+.avue-data-rotate .item-count {
+  margin-bottom: 5px;
+  font-size: 38px;
+  white-space: nowrap;
+  font-weight: 300;
+  display: block;
+}
+.avue-data-rotate .item-title {
+  font-size: 15px;
+}
+.avue-data-rotate .item-icon {
+  transition: all .3s linear;
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  font-size: 65px;
+  color: #00000026;
+}
+.avue-data-rotate .item-icon:hover {
+  font-size: 70px;
+}
+.avue-data-rotate .item-more {
+  position: relative;
+  text-align: center;
+  padding: 3px 0;
+  color: #fff;
+  color: #fffc;
+  display: block;
+  z-index: 10;
+  font-size: 14px;
+  letter-spacing: 2px;
+  background: rgba(0, 0, 0, .1);
+  text-decoration: none;
+}