@web-utils/component 2.7.29 → 2.7.31

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

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

package/dist/components/data-price/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-price"
   }, [_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 item--active"
     }, [_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);
         }
       }
@@ -43,7 +45,9 @@ var render = function() {
       }, [_vm._v(" " + _vm._s(citem) + " ")]);
     }), 0)])])])];
   })], 2)], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const DataPrice_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "DataPrice",
   props: {
@@ -61,20 +65,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 DataPrice = /* @__PURE__ */ function() {
   return __component__.exports;

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

@@ -1 +1,81 @@
-.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: "¥";
+  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;
+}

package/dist/components/data-progress/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-progress"
   }, [_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);
         }
       }
@@ -32,25 +34,27 @@ var render = function() {
     }, [_c("CountUp", {
       staticClass: "item-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("div", {
       staticClass: "item-title",
       domProps: {
-        textContent: _vm._s(item.title)
+        "textContent": _vm._s(item.title)
       }
     })], 1), _c("ElProgress", {
       attrs: {
         "stroke-width": 15,
-        percentage: item.count,
-        color: item.color,
-        "show-text": !1
+        "percentage": item.count,
+        "color": item.color,
+        "show-text": false
       }
     })], 1)])]);
   }), 1)], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const DataProgress_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "DataProgress",
   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 DataProgress = /* @__PURE__ */ function() {
   return __component__.exports;

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

@@ -1 +1,30 @@
-.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,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-rotate"
   }, [_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",
@@ -25,9 +27,9 @@ var render = function() {
     }, [_c("CountUp", {
       staticClass: "item-count",
       attrs: {
-        decimals: item.decimals || _vm.decimals,
-        animation: item.animation || _vm.animation,
-        end: item.count
+        "decimals": item.decimals || _vm.decimals,
+        "animation": item.animation || _vm.animation,
+        "end": item.count
       }
     }), _c("span", {
       staticClass: "item-title"
@@ -36,10 +38,10 @@ var render = function() {
       class: item.icon
     })], 1), _c("a", {
       attrs: {
-        href: item.href
+        "href": item.href
       },
       on: {
-        click: function($event) {
+        "click": function($event) {
           item.click && item.click(item);
         }
       }
@@ -49,7 +51,9 @@ var render = function() {
       staticClass: "el-icon-arrow-right"
     })])])])]);
   }), 1)], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const DataRotate_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "DataRotate",
   props: {
@@ -73,20 +77,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 DataRotate = /* @__PURE__ */ function() {
   return __component__.exports;

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

@@ -1 +1,50 @@
-.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 0.3s linear;
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  font-size: 65px;
+  color: rgba(0, 0, 0, 0.15);
+}
+.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: rgba(255, 255, 255, 0.8);
+  display: block;
+  z-index: 10;
+  font-size: 14px;
+  letter-spacing: 2px;
+  background: rgba(0, 0, 0, 0.1);
+  text-decoration: none;
+}

package/dist/components/data-table-picker/index.js

@@ -1,22 +1,24 @@
 import { dialog } from "@web-utils/vue/mixin/dialog";
-import { f as filterTableColumnProperties } from "../../chunks/utils.d7f73f8d.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { f as filterTableColumnProperties } from "../../chunks/utils.2a3ffac9.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("ElementDialog", {
     attrs: {
-      visible: _vm.show,
-      title: _vm.title,
-      width: _vm.width,
-      height: _vm.height,
+      "visible": _vm.show,
+      "title": _vm.title,
+      "width": _vm.width,
+      "height": _vm.height,
       "flex-column": ""
     },
     on: {
       "update:visible": function($event) {
         _vm.show = $event;
       },
-      close: _vm.close,
-      closed: _vm.closed
+      "close": _vm.close,
+      "closed": _vm.closed
     },
     scopedSlots: _vm._u([{
       key: "default",
@@ -24,16 +26,16 @@ var render = function() {
         return [_vm._t("search-form"), _c("PageableTable", {
           ref: "pageableTable",
           staticStyle: {
-            height: "60vh"
+            "height": "60vh"
           },
           attrs: {
             "highlight-current-row": "",
             "hide-on-single-page": "",
-            model: _vm.model,
-            columns: _vm.columns,
-            api: _vm.api,
+            "model": _vm.model,
+            "columns": _vm.columns,
+            "api": _vm.api,
             "row-class-name": "pointer",
-            multiple: _vm.multiple
+            "multiple": _vm.multiple
           },
           on: {
             "selection-change": _vm.selectionChange,
@@ -42,31 +44,32 @@ var render = function() {
           }
         }, [_vm._t("default")], 2)];
       },
-      proxy: !0
+      proxy: true
     }, {
       key: "footer",
       fn: function() {
         return [_c("ElButton", {
           attrs: {
-            size: "mini",
-            type: "primary"
+            "size": "mini",
+            "type": "primary"
           },
           on: {
-            click: _vm.confirm
+            "click": _vm.confirm
           }
         }, [_vm._v(" 确 定 ")]), _c("ElButton", {
           attrs: {
-            size: "mini"
+            "size": "mini"
           },
           on: {
-            click: _vm.close
+            "click": _vm.close
           }
         }, [_vm._v(" 关 闭 ")])];
       },
-      proxy: !0
-    }], null, !0)
+      proxy: true
+    }], null, true)
   });
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
 const __vue2_script = {
   name: "DataTablePicker",
   mixins: [dialog],
@@ -89,7 +92,7 @@ const __vue2_script = {
     },
     multiple: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
   data() {
@@ -111,23 +114,39 @@ const __vue2_script = {
     },
     confirm() {
       var _a;
-      this.multiple ? (_a = this.selectedRows) != null && _a.length ? (this.$emit("confirm", this.selectedRows), this.close()) : this.$message.warning("请选择") : this.currentRow ? (this.$emit("confirm", this.currentRow), this.close()) : this.$message.warning("请选择");
+      if (this.multiple) {
+        if ((_a = this.selectedRows) == null ? void 0 : _a.length) {
+          this.$emit("confirm", this.selectedRows);
+          this.close();
+        } else {
+          this.$message.warning("请选择");
+        }
+      } else {
+        if (this.currentRow) {
+          this.$emit("confirm", this.currentRow);
+          this.close();
+        } else {
+          this.$message.warning("请选择");
+        }
+      }
     }
   }
-}, __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 DataTablePicker = /* @__PURE__ */ function() {
   return __component__.exports;