@web-utils/component 2.7.30 → 2.7.31

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

@@ -1,29 +1,31 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "data-box"
   }, [_c("ElRow", {
     attrs: {
-      span: 24
+      "span": 24
     }
   }, _vm._l(_vm.data, function(item, index) {
     return _c("ElCol", {
       key: index,
       attrs: {
-        md: _vm.span,
-        xs: 24,
-        sm: 12
+        "md": _vm.span,
+        "xs": 24,
+        "sm": 12
       }
     }, [_c("div", {
       staticClass: "item"
     }, [_c("a", {
       attrs: {
-        href: item.href,
-        target: item.target
+        "href": item.href,
+        "target": item.target
       },
       on: {
-        click: function($event) {
+        "click": function($event) {
           item.click && item.click(item);
         }
       }
@@ -42,15 +44,17 @@ var render = function() {
         color: item.color
       },
       attrs: {
-        animation: item.animation || _vm.animation,
-        decimals: item.decimals || _vm.decimals,
-        end: item.count
+        "animation": item.animation || _vm.animation,
+        "decimals": item.decimals || _vm.decimals,
+        "end": item.count
       }
     }), _c("div", {
       staticClass: "info"
     }, [_vm._v(_vm._s(item.title))])], 1)])])]);
   }), 1)], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const DataBox_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "DataBox",
   props: {
@@ -74,20 +78,22 @@ const __vue2_script = {
       return this.option.data || [];
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const DataBox = /* @__PURE__ */ function() {
   return __component__.exports;

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

@@ -1 +1,58 @@
-.data-box .item{position:relative;margin:0 auto 10px;width:96%;height:100px;overflow:hidden;border-radius:5px;box-sizing:border-box}.data-box .item:hover .item-text{top:0}.data-box .item a{display:flex;text-decoration:none}.data-box .item a:visited{color:inherit}.data-box .item-icon{width:100px;height:100px;color:#fff;text-align:center;line-height:100px;align-items:center;justify-content:center;display:flex}.data-box .item-icon i{font-size:48px!important}.data-box .item-info{border-radius:0 5px 5px 0;border:1px solid #eee;border-left:none;background-color:#fff;flex:1;display:flex;justify-content:center;flex-direction:column}.data-box .item-info .title{font-size:30px;line-height:40px;text-align:center}.data-box .item-info .info{color:#999;font-size:14px;text-align:center}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.data-box .item {
+  position: relative;
+  margin: 0 auto 10px auto;
+  width: 96%;
+  height: 100px;
+  overflow: hidden;
+  border-radius: 5px;
+  box-sizing: border-box;
+}
+.data-box .item:hover .item-text {
+  top: 0;
+}
+.data-box .item a {
+  display: flex;
+  text-decoration: none;
+}
+.data-box .item a:visited {
+  color: inherit;
+}
+.data-box .item-icon {
+  width: 100px;
+  height: 100px;
+  color: #fff;
+  text-align: center;
+  line-height: 100px;
+  align-items: center;
+  justify-content: center;
+  display: flex;
+}
+.data-box .item-icon i {
+  font-size: 48px !important;
+}
+.data-box .item-info {
+  border-radius: 0 5px 5px 0;
+  border: 1px solid #eee;
+  border-left: none;
+  background-color: #fff;
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+}
+.data-box .item-info .title {
+  font-size: 30px;
+  line-height: 40px;
+  text-align: center;
+}
+.data-box .item-info .info {
+  color: #999;
+  font-size: 14px;
+  text-align: center;
+}

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

@@ -1,37 +1,39 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "data-card"
   }, [_c("ElRow", {
     attrs: {
-      span: 24
+      "span": 24
     }
   }, _vm._l(_vm.data, function(item, index) {
     return _c("ElCol", {
       key: index,
       attrs: {
-        md: _vm.span,
-        xs: 24,
-        sm: 12
+        "md": _vm.span,
+        "xs": 24,
+        "sm": 12
       }
     }, [_c("div", {
       staticClass: "item"
     }, [_c("a", {
       attrs: {
-        href: item.href,
-        target: item.target
+        "href": item.href,
+        "target": item.target
       },
       on: {
-        click: function($event) {
+        "click": function($event) {
           item.click && item.click(item);
         }
       }
     }, [_c("img", {
       staticClass: "item-img",
       attrs: {
-        src: item.src,
-        alt: ""
+        "src": item.src,
+        "alt": ""
       }
     }), _c("div", {
       staticClass: "item-text",
@@ -48,7 +50,9 @@ var render = function() {
       }
     }, [_vm._v(_vm._s(item.text))])])])])]);
   }), 1)], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const DataCard_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "DataCard",
   props: {
@@ -75,20 +79,22 @@ const __vue2_script = {
       return this.option.borderColor || "#2e323f";
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const DataCard = /* @__PURE__ */ function() {
   return __component__.exports;

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

@@ -1 +1,46 @@
-.data-card .item{position:relative;margin:0 auto 50px;width:230px;height:340px;overflow:hidden;border-radius:5px;border-color:#fff;border-width:1px;border-style:solid}.data-card .item:hover .item-text{top:0}.data-card .item-img{width:100%;border-radius:5px 5px 0 0}.data-card .item-text{position:absolute;top:150px;padding:20px 15px;width:100%;height:340px;overflow:auto;box-sizing:border-box;border-radius:0 0 5px 5px;opacity:.9;transition:top .4s}.data-card .item-text>p{font-size:12px;line-height:25px;text-indent:2em}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.data-card .item {
+  position: relative;
+  margin: 0 auto;
+  margin-bottom: 50px;
+  width: 230px;
+  height: 340px;
+  overflow: hidden;
+  border-radius: 5px;
+  border-color: #fff;
+  border-width: 1px;
+  border-style: solid;
+}
+.data-card .item:hover .item-text {
+  top: 0;
+}
+.data-card .item-img {
+  width: 100%;
+  border-radius: 5px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.data-card .item-text {
+  position: absolute;
+  top: 150px;
+  padding: 20px 15px;
+  width: 100%;
+  height: 340px;
+  overflow: auto;
+  box-sizing: border-box;
+  border-radius: 5px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  opacity: 0.9;
+  transition: top 0.4s;
+}
+.data-card .item-text > p {
+  font-size: 12px;
+  line-height: 25px;
+  text-indent: 2em;
+}

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

@@ -1,29 +1,31 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "avue-data-cardText"
   }, [_c("ElRow", {
     attrs: {
-      span: 24
+      "span": 24
     }
   }, _vm._l(_vm.data, function(item, index) {
     return _c("ElCol", {
       key: index,
       attrs: {
-        md: _vm.span,
-        xs: 24,
-        sm: 12
+        "md": _vm.span,
+        "xs": 24,
+        "sm": 12
       }
     }, [_c("div", {
       staticClass: "item"
     }, [_c("a", {
       attrs: {
-        href: item.href,
-        target: item.target
+        "href": item.href,
+        "target": item.target
       },
       on: {
-        click: function($event) {
+        "click": function($event) {
           item.click && item.click(item);
         }
       }
@@ -35,7 +37,9 @@ var render = function() {
       staticClass: "item-footer"
     }, [_c("span", [_vm._v(_vm._s(item.name))]), _c("span", [_vm._v(_vm._s(item.date))])])])])]);
   }), 1)], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const DataCardtext_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "DataCardtext",
   props: {
@@ -59,20 +63,22 @@ const __vue2_script = {
       return this.option.data || [];
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const DataCardtext = /* @__PURE__ */ function() {
   return __component__.exports;

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

@@ -1 +1,36 @@
-.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: bold;
+}
+.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,19 +1,21 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "avue-data-display"
   }, [_c("ElRow", {
     attrs: {
-      span: 24
+      "span": 24
     }
   }, _vm._l(_vm.data, function(item, index) {
     return _c("ElCol", {
       key: index,
       attrs: {
-        md: _vm.span,
-        xs: 12,
-        sm: 12
+        "md": _vm.span,
+        "xs": 12,
+        "sm": 12
       }
     }, [_c("div", {
       staticClass: "item",
@@ -22,20 +24,20 @@ var render = function() {
       }
     }, [_c("a", {
       attrs: {
-        href: item.href,
-        target: item.target
+        "href": item.href,
+        "target": item.target
       },
       on: {
-        click: function($event) {
+        "click": function($event) {
           item.click && item.click(item);
         }
       }
     }, [_c("CountUp", {
       staticClass: "count",
       attrs: {
-        animation: item.animation || _vm.animation,
-        decimals: item.decimals || _vm.decimals,
-        end: item.count
+        "animation": item.animation || _vm.animation,
+        "decimals": item.decimals || _vm.decimals,
+        "end": item.count
       }
     }), _c("span", {
       staticClass: "splitLine"
@@ -43,7 +45,9 @@ var render = function() {
       staticClass: "title"
     }, [_vm._v(_vm._s(item.title))])], 1)])]);
   }), 1)], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const DataDisplay_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "DataDisplay",
   props: {
@@ -70,20 +74,22 @@ const __vue2_script = {
       return this.option.color || "rgb(63, 161, 255)";
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const DataDisplay = /* @__PURE__ */ function() {
   return __component__.exports;

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

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

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

@@ -1,19 +1,21 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "data-icons"
   }, [_c("ElRow", {
     attrs: {
-      span: 24
+      "span": 24
     }
   }, [_vm._l(_vm.data, function(item, index) {
     return [_c("ElCol", {
       key: index,
       attrs: {
-        xs: 12,
-        sm: 6,
-        md: _vm.span
+        "xs": 12,
+        "sm": 6,
+        "md": _vm.span
       }
     }, [_c("div", {
       staticClass: "item",
@@ -22,11 +24,11 @@ var render = function() {
       }]
     }, [_c("a", {
       attrs: {
-        href: item.href,
-        target: item.target
+        "href": item.href,
+        "target": item.target
       },
       on: {
-        click: function($event) {
+        "click": function($event) {
           item.click && item.click(item);
         }
       }
@@ -45,13 +47,15 @@ var render = function() {
         color: _vm.color
       },
       attrs: {
-        animation: item.animation || _vm.animation,
-        decimals: item.decimals || _vm.decimals,
-        end: item.count
+        "animation": item.animation || _vm.animation,
+        "decimals": item.decimals || _vm.decimals,
+        "end": item.count
       }
     })], 1)])])])];
   })], 2)], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const DataIcons_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "DataIcons",
   props: {
@@ -78,23 +82,25 @@ const __vue2_script = {
       return this.option.color || "rgb(63, 161, 255)";
     },
     discount() {
-      return this.option.discount || !1;
+      return this.option.discount || false;
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const DataIcons = /* @__PURE__ */ function() {
   return __component__.exports;

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

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