@web-utils/component 2.0.13 → 2.2.0

package/data-pay/index.mjs

@@ -0,0 +1,152 @@
+import { n as e } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var c = function() {
+  var t = this, o = t.$createElement, s = t._self._c || o;
+  return s("div", {
+    staticClass: "avue-data-pay"
+  }, [s("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(a, i) {
+    return s("ElCol", {
+      key: i,
+      attrs: {
+        md: t.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [s("div", {
+      staticClass: "item"
+    }, [s("div", {
+      staticClass: "top",
+      style: {
+        backgroundColor: a.color
+      }
+    }), s("div", {
+      staticClass: "header"
+    }, [s("p", {
+      staticClass: "title"
+    }, [t._v(" " + t._s(a.title) + " ")]), s("img", {
+      staticClass: "img",
+      attrs: {
+        src: a.src,
+        alt: ""
+      }
+    }), a.subtitle ? [s("p", {
+      staticClass: "subtitle",
+      style: {
+        color: a.color
+      }
+    }, [t._v(" " + t._s(a.subtitle) + " ")])] : t._e(), a.money || a.dismoney ? [s("p", {
+      staticClass: "money",
+      style: {
+        color: a.color
+      }
+    }, [s("span", [t._v("¥")]), s("CountUp", {
+      staticClass: "b",
+      attrs: {
+        decimals: a.decimals || t.decimals,
+        animation: a.animation || t.animation,
+        end: a.dismoney
+      }
+    }), s("s", [t._v(t._s(a.money))]), s("em", [t._v(t._s(a.tip))])], 1)] : t._e(), s("div", {
+      staticClass: "line"
+    }), s("a", {
+      staticClass: "btn",
+      style: {
+        backgroundColor: a.color
+      },
+      attrs: {
+        href: a.href
+      },
+      on: {
+        click: function(n) {
+          a.click && a.click(a);
+        }
+      }
+    }, [t._v(t._s(a.subtext))])], 2), s("div", {
+      staticClass: "list"
+    }, t._l(a.list, function(n, r) {
+      return s("div", {
+        key: r,
+        staticClass: "list-item"
+      }, [n.check ? s("i", {
+        staticClass: "list-item-icon list-item--check",
+        style: {
+          color: a.color
+        }
+      }, [t._v("√")]) : s("i", {
+        staticClass: "list-item-icon list-item--no"
+      }, [t._v("x")]), s("a", {
+        attrs: {
+          href: n.href ? n.href : "javascript:void(0);"
+        }
+      }, [s("ElTooltip", {
+        attrs: {
+          effect: "dark",
+          disabled: !n.tip,
+          placement: "top"
+        },
+        scopedSlots: t._u([{
+          key: "content",
+          fn: function() {
+            return [s("div", {
+              domProps: {
+                innerHTML: t._s(n.tip)
+              }
+            })];
+          },
+          proxy: !0
+        }], null, !0)
+      }, [s("span", {
+        class: {
+          "list-item--link": n.href
+        }
+      }, [t._v(t._s(n.title))])])], 1)]);
+    }), 0)])]);
+  }), 1)], 1);
+}, _ = [];
+const p = {
+  name: "DataPay",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    animation() {
+      return this.option.animation;
+    },
+    decimals() {
+      return this.option.decimals || 0;
+    },
+    span() {
+      return this.option.span || 6;
+    },
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, l = {};
+var u = /* @__PURE__ */ e(
+  p,
+  c,
+  _,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(t) {
+  for (let o in l)
+    this[o] = l[o];
+}
+const f = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  f as default
+};

package/data-pay/style.css

@@ -0,0 +1 @@
+.avue-data-pay .item{background-color:#fff;border-radius:4px;width:80%;min-height:670px;margin:0 auto;padding-bottom:16px;position:relative;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{border-radius:4px 4px 0 0;width:100%;height:6px;position:absolute;top:0;left:0}.avue-data-pay .header{text-align:center;margin-bottom:40px}.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{background:rgba(150,150,150,.1);width:60%;height:1px;margin:20px auto}.avue-data-pay .btn{color:#fff;text-align:center;cursor:pointer;border-radius:32px;width:120px;height:32px;margin:0 auto;line-height:32px;transition:opacity .2s ease-in-out;display:block}.avue-data-pay .list-item{color:#666;margin-bottom:12px;padding-left:20px;font-size:14px;list-style:none}.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{color:#2d8cf0;font-size:12px}.avue-data-pay .list-item--no,.avue-data-pay .list-item--no+span{color:#c5c8ce}

package/data-price/index.mjs

@@ -0,0 +1,84 @@
+import { n as l } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var o = function() {
+  var t = this, n = t.$createElement, s = t._self._c || n;
+  return s("div", {
+    staticClass: "data-price"
+  }, [s("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, [t._l(t.data, function(a, c) {
+    return [s("ElCol", {
+      key: c,
+      attrs: {
+        xs: 12,
+        sm: 6,
+        md: t.span
+      }
+    }, [s("div", {
+      staticClass: "item item--active"
+    }, [s("a", {
+      attrs: {
+        href: a.href,
+        target: a.target
+      },
+      on: {
+        click: function(e) {
+          a.click && a.click(a);
+        }
+      }
+    }, [s("div", {
+      staticClass: "title"
+    }, [t._v(" " + t._s(a.title) + " ")]), s("div", {
+      staticClass: "body"
+    }, [s("span", {
+      staticClass: "price"
+    }, [t._v(t._s(a.price))]), s("span", {
+      staticClass: "append"
+    }, [t._v(t._s(a.append))])]), s("div", {
+      staticClass: "list"
+    }, t._l(a.list, function(e, i) {
+      return s("p", {
+        key: i
+      }, [t._v(" " + t._s(e) + " ")]);
+    }), 0)])])])];
+  })], 2)], 1);
+}, p = [];
+const _ = {
+  name: "DataPrice",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    span() {
+      return this.option.span || 6;
+    },
+    data() {
+      return this.option.data;
+    }
+  }
+}, r = {};
+var u = /* @__PURE__ */ l(
+  _,
+  o,
+  p,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(t) {
+  for (let n in r)
+    this[n] = r[n];
+}
+const f = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  f as default
+};

package/data-price/style.css

@@ -0,0 +1 @@
+.data-price .item{text-align:center;border:1px solid #ccc;margin:0 20px;box-shadow:2px 3px 15px #eee}.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{color:#333;height:80px;font-size:18px;line-height:80px}.data-price .item .price{color:#6b6b6b;height:120px;margin:0 0 50px;padding:0 8px;font-size:42px;line-height:120px}.data-price .item .append{font-size:16px}.data-price .item .body{color:#6b6b6b;background-color:#f4f4f4;height:120px;margin:0 0 50px;padding:0;font-size:42px;line-height:120px;position:relative}.data-price .item .body:before{content:"¥";font-size:16px;font-weight:400}.data-price .item .body:after{content:"";border:30px solid transparent;border-top:20px solid #f4f4f4;border-bottom-width:0;width:0;height:0;display:block;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.data-price .item .list{color:#666;padding-bottom:30px;font-size:14px}

package/data-progress/index.mjs

@@ -0,0 +1,97 @@
+import { n as r } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var i = function() {
+  var a = this, s = a.$createElement, n = a._self._c || s;
+  return n("div", {
+    staticClass: "data-progress"
+  }, [n("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, a._l(a.data, function(t, o) {
+    return n("ElCol", {
+      key: o,
+      attrs: {
+        md: a.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [n("div", {
+      staticClass: "item"
+    }, [n("a", {
+      attrs: {
+        href: t.href,
+        target: t.target
+      },
+      on: {
+        click: function(p) {
+          t.click && t.click(t);
+        }
+      }
+    }, [n("div", {
+      staticClass: "item-header"
+    }, [n("CountUp", {
+      staticClass: "item-count",
+      attrs: {
+        animation: t.animation || a.animation,
+        decimals: t.decimals || a.decimals,
+        end: t.count
+      }
+    }), n("div", {
+      staticClass: "item-title",
+      domProps: {
+        textContent: a._s(t.title)
+      }
+    })], 1), n("ElProgress", {
+      attrs: {
+        "stroke-width": 15,
+        percentage: t.count,
+        color: t.color,
+        "show-text": !1
+      }
+    })], 1)])]);
+  }), 1)], 1);
+}, c = [];
+const l = {
+  name: "DataProgress",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    animation() {
+      return this.option.animation;
+    },
+    decimals() {
+      return this.option.decimals || 0;
+    },
+    span() {
+      return this.option.span || 8;
+    },
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, e = {};
+var u = /* @__PURE__ */ r(
+  l,
+  i,
+  c,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(a) {
+  for (let s in e)
+    this[s] = e[s];
+}
+const m = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  m as default
+};

package/data-progress/style.css

@@ -0,0 +1 @@
+.data-progress .item{margin:10px}.data-progress .item a{text-decoration:none}.data-progress .item a:visited{color:inherit}.data-progress .item-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.data-progress .item-count{color:#666;font-size:26px;line-height:26px}.data-progress .item-title{color:#999;font-size:14px}

package/data-rotate/index.mjs

@@ -0,0 +1,96 @@
+import { n as e } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var c = function() {
+  var t = this, s = t.$createElement, a = t._self._c || s;
+  return a("div", {
+    staticClass: "avue-data-rotate"
+  }, [a("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(n, i) {
+    return a("ElCol", {
+      key: i,
+      attrs: {
+        md: t.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [a("div", {
+      staticClass: "item",
+      style: {
+        backgroundColor: n.color
+      }
+    }, [a("div", {
+      staticClass: "item-box"
+    }, [a("CountUp", {
+      staticClass: "item-count",
+      attrs: {
+        decimals: n.decimals || t.decimals,
+        animation: n.animation || t.animation,
+        end: n.count
+      }
+    }), a("span", {
+      staticClass: "item-title"
+    }, [t._v(t._s(n.title))]), a("i", {
+      staticClass: "item-icon",
+      class: n.icon
+    })], 1), a("a", {
+      attrs: {
+        href: n.href
+      },
+      on: {
+        click: function(d) {
+          n.click && n.click(n);
+        }
+      }
+    }, [a("p", {
+      staticClass: "item-more"
+    }, [t._v("更多"), a("i", {
+      staticClass: "el-icon-arrow-right"
+    })])])])]);
+  }), 1)], 1);
+}, r = [];
+const l = {
+  name: "DataRotate",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    animation() {
+      return this.option.animation;
+    },
+    decimals() {
+      return this.option.decimals || 0;
+    },
+    span() {
+      return this.option.span || 8;
+    },
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, o = {};
+var u = /* @__PURE__ */ e(
+  l,
+  c,
+  r,
+  !1,
+  p,
+  null,
+  null,
+  null
+);
+function p(t) {
+  for (let s in o)
+    this[s] = o[s];
+}
+const m = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  m as default
+};

package/data-rotate/style.css

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

package/data-table-picker/index.mjs

@@ -0,0 +1,137 @@
+import { f as n } from "../chunks/index.LGsb2aDq.mjs";
+import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var r = function() {
+  var e = this, t = e.$createElement, l = e._self._c || t;
+  return l("ElementDialog", {
+    ref: "dialog",
+    attrs: {
+      visible: e.visible,
+      title: e.title,
+      width: e.width,
+      height: e.height,
+      embed: "",
+      "flex-column": ""
+    },
+    on: {
+      close: e.close
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [e._t("search-form"), l("PageableTable", {
+          ref: "pageableTable",
+          staticStyle: {
+            height: "60vh"
+          },
+          attrs: {
+            "highlight-current-row": "",
+            "hide-on-single-page": "",
+            model: e.model,
+            columns: e.columns,
+            api: e.api,
+            "row-class-name": "pointer",
+            multiple: e.multiple
+          },
+          on: {
+            "selection-change": e.selectionChange,
+            "row-click": e.toggleRowSelection,
+            "current-change": e.currentChange
+          }
+        }, [e._t("default")], 2)];
+      },
+      proxy: !0
+    }, {
+      key: "footer",
+      fn: function() {
+        return [l("ElButton", {
+          attrs: {
+            size: "mini",
+            type: "primary"
+          },
+          on: {
+            click: e.confirm
+          }
+        }, [e._v(" 确 定 ")]), l("ElButton", {
+          attrs: {
+            size: "mini"
+          },
+          on: {
+            click: e.close
+          }
+        }, [e._v(" 关 闭 ")])];
+      },
+      proxy: !0
+    }], null, !0)
+  });
+}, s = [];
+const a = {
+  name: "DataTablePicker",
+  props: {
+    visible: Boolean,
+    api: Function,
+    columns: Array,
+    title: String,
+    width: {
+      type: String,
+      default: "60vw"
+    },
+    height: {
+      type: String,
+      default: null
+    },
+    model: {
+      type: Object,
+      default: () => {
+      }
+    },
+    multiple: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      selectedRows: [],
+      currentRow: null
+    };
+  },
+  methods: {
+    filterTableColumnProperties: n,
+    selectionChange(e) {
+      this.selectedRows = e;
+    },
+    currentChange(e) {
+      this.currentRow = e;
+    },
+    toggleRowSelection(e) {
+      this.$refs.pageableTable.$refs.table.toggleRowSelection(e);
+    },
+    close() {
+      this.$refs.dialog.hide();
+    },
+    confirm() {
+      var e;
+      this.multiple ? (e = this.selectedRows) != null && e.length ? (this.$emit("confirm", this.selectedRows), this.close()) : this.$message.warning("请选择") : this.currentRow ? (this.$emit("confirm", this.currentRow), this.close()) : this.$message.warning("请选择");
+    }
+  }
+}, i = {};
+var c = /* @__PURE__ */ o(
+  a,
+  r,
+  s,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let t in i)
+    this[t] = i[t];
+}
+const f = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  f as default
+};

package/data-tabs/index.mjs

@@ -0,0 +1,94 @@
+import { n as i } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var r = function() {
+  var t = this, n = t.$createElement, a = t._self._c || n;
+  return a("div", {
+    staticClass: "avue-data-tabs"
+  }, [a("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(s, e) {
+    return a("ElCol", {
+      key: e,
+      attrs: {
+        md: t.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [a("div", {
+      staticClass: "item",
+      style: {
+        background: s.color
+      }
+    }, [a("a", {
+      attrs: {
+        href: s.href,
+        target: s.target
+      },
+      on: {
+        click: function(p) {
+          s.click && s.click(s);
+        }
+      }
+    }, [a("div", {
+      staticClass: "item-header"
+    }, [a("p", [t._v(t._s(s.title))]), a("span", [t._v(t._s(s.subtitle))])]), a("div", {
+      staticClass: "item-body"
+    }, [a("CountUp", {
+      staticClass: "h2",
+      attrs: {
+        decimals: s.decimals || t.decimals,
+        animation: s.animation || t.animation,
+        end: s.count
+      }
+    })], 1), a("div", {
+      staticClass: "item-footer"
+    }, [a("span", [t._v(t._s(s.allcount))]), a("p", [t._v(t._s(s.text))])]), a("p", {
+      staticClass: "item-tip"
+    }, [t._v(t._s(s.key))])])])]);
+  }), 1)], 1);
+}, c = [];
+const l = {
+  name: "DataTabs",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    animation() {
+      return this.option.animation;
+    },
+    decimals() {
+      return this.option.decimals || 0;
+    },
+    span() {
+      return this.option.span || 8;
+    },
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, o = {};
+var _ = /* @__PURE__ */ i(
+  l,
+  r,
+  c,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let n in o)
+    this[n] = o[n];
+}
+const v = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  v as default
+};

package/data-tabs/style.css

@@ -0,0 +1 @@
+.avue-data-tabs .item{box-sizing:border-box;color:#fff;border-radius:4px;height:160px;margin:15px;padding:12px;position:relative;overflow:hidden}.avue-data-tabs .item a{color:#fff}.avue-data-tabs .item-header{position:relative}.avue-data-tabs .item-header>p{color:#fff;margin:0;font-size:14px}.avue-data-tabs .item-header>span{background:rgba(255,255,255,.3);border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;top:0;right:0}.avue-data-tabs .item-body .h2{color:#fff;margin:0;font-size:32px;font-weight:700;line-height:60px}.avue-data-tabs .item-footer{padding-top:8px;line-height:20px}.avue-data-tabs .item-footer>span{font-size:10px}.avue-data-tabs .item-footer>p{color:#fff;margin:0;font-size:12px}.avue-data-tabs .item-tip{opacity:.1;border:2px solid #fff;border-radius:100%;justify-content:center;align-items:center;width:80px;height:80px;font-size:48px;display:flex;position:absolute;bottom:10px;right:10px;transform:rotate(-40deg)}