@web-utils/component 2.7.19 → 2.7.21

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

@@ -1,42 +1,42 @@
-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", {
+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-cardText"
-  }, [a("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, t._l(t.data, function(n, o) {
-    return a("ElCol", {
-      key: o,
+  }, _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: n.href,
-        target: n.target
+        href: item.href,
+        target: item.target
       },
       on: {
-        click: function(d) {
-          n.click && n.click(n);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [a("div", {
+    }, [_c("div", {
       staticClass: "item-header"
-    }, [t._v(" " + t._s(n.title) + " ")]), a("div", {
+    }, [_vm._v(" " + _vm._s(item.title) + " ")]), _c("div", {
       staticClass: "item-content"
-    }, [t._v(t._s(n.content))]), a("div", {
+    }, [_vm._v(_vm._s(item.content))]), _c("div", {
       staticClass: "item-footer"
-    }, [a("span", [t._v(t._s(n.name))]), a("span", [t._v(t._s(n.date))])])])])]);
+    }, [_c("span", [_vm._v(_vm._s(item.name))]), _c("span", [_vm._v(_vm._s(item.date))])])])])]);
   }), 1)], 1);
-}, i = [];
-const _ = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataCardtext",
   props: {
     option: {
@@ -59,24 +59,24 @@ const _ = {
       return this.option.data || [];
     }
   }
-}, s = {};
-var l = /* @__PURE__ */ r(
-  _,
-  c,
-  i,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  u,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(t) {
-  for (let e in s)
-    this[e] = s[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const v = /* @__PURE__ */ function() {
-  return l.exports;
+const DataCardtext = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  v as default
+  DataCardtext as default
 };

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

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

@@ -1,50 +1,50 @@
-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", {
+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-display"
-  }, [n("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, t._l(t.data, function(a, e) {
-    return n("ElCol", {
-      key: e,
+  }, _vm._l(_vm.data, function(item, index) {
+    return _c("ElCol", {
+      key: index,
       attrs: {
-        md: t.span,
+        md: _vm.span,
         xs: 12,
         sm: 12
       }
-    }, [n("div", {
+    }, [_c("div", {
       staticClass: "item",
       style: {
-        color: t.color
+        color: _vm.color
       }
-    }, [n("a", {
+    }, [_c("a", {
       attrs: {
-        href: a.href,
-        target: a.target
+        href: item.href,
+        target: item.target
       },
       on: {
-        click: function(_) {
-          a.click && a.click(a);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [n("CountUp", {
+    }, [_c("CountUp", {
       staticClass: "count",
       attrs: {
-        animation: a.animation || t.animation,
-        decimals: a.decimals || t.decimals,
-        end: a.count
+        animation: item.animation || _vm.animation,
+        decimals: item.decimals || _vm.decimals,
+        end: item.count
       }
-    }), n("span", {
+    }), _c("span", {
       staticClass: "splitLine"
-    }), n("div", {
+    }), _c("div", {
       staticClass: "title"
-    }, [t._v(t._s(a.title))])], 1)])]);
+    }, [_vm._v(_vm._s(item.title))])], 1)])]);
   }), 1)], 1);
-}, l = [];
-const c = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataDisplay",
   props: {
     option: {
@@ -70,24 +70,24 @@ const c = {
       return this.option.color || "rgb(63, 161, 255)";
     }
   }
-}, o = {};
-var p = /* @__PURE__ */ i(
-  c,
-  r,
-  l,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  u,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(t) {
-  for (let s in o)
-    this[s] = o[s];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const v = /* @__PURE__ */ function() {
-  return p.exports;
+const DataDisplay = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  v as default
+  DataDisplay as default
 };

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

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

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

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

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

@@ -1,69 +1,69 @@
-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", {
+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-imgtext"
-  }, [t("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, a._l(a.data, function(s, o) {
-    return t("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
       }
-    }, [t("div", {
+    }, [_c("div", {
       staticClass: "item",
       style: {
-        color: a.color
+        color: _vm.color
       }
-    }, [t("a", {
+    }, [_c("a", {
       attrs: {
-        href: s.href,
-        target: s.target
+        href: item.href,
+        target: item.target
       },
       on: {
-        click: function(n) {
-          s.click && s.click(s);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [t("div", {
+    }, [_c("div", {
       staticClass: "item-header"
-    }, [t("img", {
+    }, [_c("img", {
       attrs: {
-        src: s.imgsrc,
+        src: item.imgsrc,
         alt: ""
       }
-    })]), t("div", {
+    })]), _c("div", {
       staticClass: "item-content"
-    }, [t("span", [a._v(a._s(s.title))]), t("p", [a._v(a._s(s.content))])]), t("div", {
+    }, [_c("span", [_vm._v(_vm._s(item.title))]), _c("p", [_vm._v(_vm._s(item.content))])]), _c("div", {
       staticClass: "item-footer"
-    }, [t("div", {
+    }, [_c("div", {
       staticClass: "time"
-    }, [t("span", [a._v(a._s(s.time))])]), t("div", {
+    }, [_c("span", [_vm._v(_vm._s(item.time))])]), _c("div", {
       staticClass: "imgs"
-    }, [t("ul", a._l(s.headimg, function(n, c) {
-      return t("li", {
-        key: c
-      }, [t("ElTooltip", {
+    }, [_c("ul", _vm._l(item.headimg, function(imgs, s) {
+      return _c("li", {
+        key: s
+      }, [_c("ElTooltip", {
         attrs: {
           effect: "dark",
-          content: n.name,
+          content: imgs.name,
           placement: "top-start"
         }
-      }, [t("img", {
+      }, [_c("img", {
         attrs: {
-          src: n.src,
+          src: imgs.src,
           alt: ""
         }
       })])], 1);
     }), 0)])])])])]);
   }), 1)], 1);
-}, _ = [];
-const u = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataImgtext",
   props: {
     option: {
@@ -83,24 +83,24 @@ const u = {
       return this.option.color || "rgb(63, 161, 255)";
     }
   }
-}, r = {};
-var p = /* @__PURE__ */ l(
-  u,
-  i,
-  _,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  v,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function v(a) {
-  for (let e in r)
-    this[e] = r[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const m = /* @__PURE__ */ function() {
-  return p.exports;
+const DataImgtext = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  DataImgtext as default
 };

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

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