@web-utils/component 2.0.13 → 2.7.0

package/dist/components/custom-scrollbar/index.js

@@ -1,50 +1,43 @@
-import OverlayScrollbars from "overlayscrollbars";
+import r from "overlayscrollbars";
 import "overlayscrollbars/css/OverlayScrollbars.css";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var i = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
     staticClass: "os-host"
-  }, [_c("div", {
+  }, [s("div", {
     staticClass: "os-resize-observer-host"
-  }), _c("div", {
+  }), s("div", {
     staticClass: "os-padding"
-  }, [_c("div", {
+  }, [s("div", {
     ref: "viewport",
     staticClass: "os-viewport"
-  }, [_c("div", {
+  }, [s("div", {
     ref: "content",
     staticClass: "os-content"
-  }, [_vm._t("default")], 2)])]), _vm._m(0), _vm._m(1), _c("div", {
+  }, [t._t("default")], 2)])]), t._m(0), t._m(1), s("div", {
     staticClass: "os-scrollbar-corner"
   })]);
-};
-var staticRenderFns = [function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "os-scrollbar os-scrollbar-horizontal"
-  }, [_c("div", {
+}, a = [function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
+    staticClass: "os-scrollbar os-scrollbar-horizontal "
+  }, [s("div", {
     staticClass: "os-scrollbar-track"
-  }, [_c("div", {
+  }, [s("div", {
     staticClass: "os-scrollbar-handle"
   })])]);
 }, function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
     staticClass: "os-scrollbar os-scrollbar-vertical"
-  }, [_c("div", {
+  }, [s("div", {
     staticClass: "os-scrollbar-track"
-  }, [_c("div", {
+  }, [s("div", {
     staticClass: "os-scrollbar-handle"
   })])]);
 }];
-const __vue2_script = {
+const n = {
   name: "CustomScrollbar",
   props: {
     options: {
@@ -68,30 +61,26 @@ const __vue2_script = {
     },
     reverse: {
       type: Boolean,
-      default: false
+      default: !1
     },
     textarea: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   computed: {
     innerOptions() {
-      const options = this.options || {};
-      return { ...options, className: this.theme || "os-theme-dark", scrollbars: { autoHide: "l", autoHideDelay: 100 }, callbacks: { onScroll: this.internalScroll } };
+      return { ...this.options || {}, className: this.theme || "os-theme-dark", scrollbars: { autoHide: "l", autoHideDelay: 100 }, callbacks: { onScroll: this.internalScroll } };
     }
   },
   watch: {
-    innerOptions(options) {
-      const scroller = this.scroller;
-      if (OverlayScrollbars.valid(scroller)) {
-        scroller.options(options);
-      }
+    innerOptions(t) {
+      const e = this.scroller;
+      r.valid(e) && e.options(t);
     }
   },
   mounted() {
-    this.viewport = this.$refs.viewport;
-    this.scroller = OverlayScrollbars(
+    this.viewport = this.$refs.viewport, this.scroller = r(
       this.getContentWrapper(),
       this.options || {
         className: this.theme || "os-theme-dark",
@@ -108,11 +97,8 @@ const __vue2_script = {
     this.scrollOffset = this.$refs.viewport.scrollTop;
   },
   beforeDestroy() {
-    const scroller = this.scroller;
-    if (OverlayScrollbars.valid(scroller)) {
-      scroller.destroy();
-      this.scroller = null;
-    }
+    const t = this.scroller;
+    r.valid(t) && (t.destroy(), this.scroller = null);
   },
   methods: {
     scrollBottom() {
@@ -124,44 +110,40 @@ const __vue2_script = {
     getScrollHeight() {
       return this.$refs.viewport.scrollHeight;
     },
-    setScrollTop(scrollTop) {
-      this.$refs.viewport.scrollTop = scrollTop;
+    setScrollTop(t) {
+      this.$refs.viewport.scrollTop = t;
     },
     getContentWrapper() {
       return this.textarea ? this.$refs.content.querySelector("textarea") : this.$el;
     },
-    internalScroll(event) {
-      this.onScroll && this.onScroll(event);
-      const target = event.target;
-      if (!this.reverse && Math.ceil(target.clientHeight + target.scrollTop) >= target.scrollHeight) {
+    internalScroll(t) {
+      this.onScroll && this.onScroll(t);
+      const e = t.target;
+      if (!this.reverse && Math.ceil(e.clientHeight + e.scrollTop) >= e.scrollHeight) {
         this.onLoadMore && this.onLoadMore();
         return;
       }
-      if (this.reverse && target.scrollTop === 0) {
-        this.onLoadMore && this.onLoadMore();
-      }
+      this.reverse && e.scrollTop === 0 && this.onLoadMore && this.onLoadMore();
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, o = {};
+var c = /* @__PURE__ */ l(
+  n,
+  i,
+  a,
+  !1,
+  h,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function h(t) {
+  for (let e in o)
+    this[e] = o[e];
 }
-const CustomScrollbar = /* @__PURE__ */ function() {
-  return __component__.exports;
+const f = /* @__PURE__ */ function() {
+  return c.exports;
 }();
 export {
-  CustomScrollbar as default
+  f as default
 };

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

@@ -0,0 +1,97 @@
+import { n as e } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var c = function() {
+  var a = this, s = a.$createElement, n = a._self._c || s;
+  return n("div", {
+    staticClass: "data-box"
+  }, [n("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, a._l(a.data, function(t, i) {
+    return n("ElCol", {
+      key: i,
+      attrs: {
+        md: a.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [n("div", {
+      staticClass: "item"
+    }, [n("a", {
+      attrs: {
+        href: t.href,
+        target: t.target
+      },
+      on: {
+        click: function(d) {
+          t.click && t.click(t);
+        }
+      }
+    }, [n("div", {
+      staticClass: "item-icon",
+      style: {
+        backgroundColor: t.color
+      }
+    }, [n("i", {
+      class: t.icon
+    })]), n("div", {
+      staticClass: "item-info"
+    }, [n("CountUp", {
+      staticClass: "title",
+      style: {
+        color: t.color
+      },
+      attrs: {
+        animation: t.animation || a.animation,
+        decimals: t.decimals || a.decimals,
+        end: t.count
+      }
+    }), n("div", {
+      staticClass: "info"
+    }, [a._v(a._s(t.title))])], 1)])])]);
+  }), 1)], 1);
+}, r = [];
+const l = {
+  name: "DataBox",
+  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__ */ e(
+  l,
+  c,
+  r,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(a) {
+  for (let s in o)
+    this[s] = o[s];
+}
+const v = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  v as default
+};

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

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

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

@@ -0,0 +1,98 @@
+import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var l = function() {
+  var t = this, o = t.$createElement, r = t._self._c || o;
+  return r("div", {
+    staticClass: "data-card"
+  }, [r("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(e, n) {
+    return r("ElCol", {
+      key: n,
+      attrs: {
+        md: t.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [r("div", {
+      staticClass: "item"
+    }, [r("a", {
+      attrs: {
+        href: e.href,
+        target: e.target
+      },
+      on: {
+        click: function(d) {
+          e.click && e.click(e);
+        }
+      }
+    }, [r("img", {
+      staticClass: "item-img",
+      attrs: {
+        src: e.src,
+        alt: ""
+      }
+    }), r("div", {
+      staticClass: "item-text",
+      style: {
+        backgroundColor: t.bgText
+      }
+    }, [r("h3", {
+      style: {
+        color: t.colorText
+      }
+    }, [t._v(t._s(e.name))]), r("p", {
+      style: {
+        color: t.colorText
+      }
+    }, [t._v(t._s(e.text))])])])])]);
+  }), 1)], 1);
+}, c = [];
+const i = {
+  name: "DataCard",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    span() {
+      return this.option.span || 6;
+    },
+    data() {
+      return this.option.data || [];
+    },
+    colorText() {
+      return this.option.colorText || "#fff";
+    },
+    bgText() {
+      return this.option.bgText || "#2e323f";
+    },
+    borderColor() {
+      return this.option.borderColor || "#2e323f";
+    }
+  }
+}, a = {};
+var _ = /* @__PURE__ */ s(
+  i,
+  l,
+  c,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let o in a)
+    this[o] = a[o];
+}
+const f = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  f as default
+};

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

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

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

@@ -0,0 +1,82 @@
+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", {
+    staticClass: "avue-data-cardText"
+  }, [a("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, t._l(t.data, function(n, o) {
+    return a("ElCol", {
+      key: o,
+      attrs: {
+        md: t.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [a("div", {
+      staticClass: "item"
+    }, [a("a", {
+      attrs: {
+        href: n.href,
+        target: n.target
+      },
+      on: {
+        click: function(d) {
+          n.click && n.click(n);
+        }
+      }
+    }, [a("div", {
+      staticClass: "item-header"
+    }, [t._v(" " + t._s(n.title) + " ")]), a("div", {
+      staticClass: "item-content"
+    }, [t._v(t._s(n.content))]), a("div", {
+      staticClass: "item-footer"
+    }, [a("span", [t._v(t._s(n.name))]), a("span", [t._v(t._s(n.date))])])])])]);
+  }), 1)], 1);
+}, i = [];
+const _ = {
+  name: "DataCardtext",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    icon() {
+      return this.option.icon;
+    },
+    color() {
+      return this.option.color || "#333";
+    },
+    span() {
+      return this.option.span || 8;
+    },
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, s = {};
+var l = /* @__PURE__ */ r(
+  _,
+  c,
+  i,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let e in s)
+    this[e] = s[e];
+}
+const v = /* @__PURE__ */ function() {
+  return l.exports;
+}();
+export {
+  v as default
+};

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

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

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

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

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

@@ -0,0 +1,104 @@
+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", {
+    staticClass: "data-icons"
+  }, [n("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, [t._l(t.data, function(s, i) {
+    return [n("ElCol", {
+      key: i,
+      attrs: {
+        xs: 12,
+        sm: 6,
+        md: t.span
+      }
+    }, [n("div", {
+      staticClass: "item",
+      class: [{
+        "item--easy": t.discount
+      }]
+    }, [n("a", {
+      attrs: {
+        href: s.href,
+        target: s.target
+      },
+      on: {
+        click: function(d) {
+          s.click && s.click(s);
+        }
+      }
+    }, [n("div", {
+      staticClass: "item-icon",
+      style: {
+        color: t.color
+      }
+    }, [n("i", {
+      class: s.icon
+    })]), n("div", {
+      staticClass: "item-info"
+    }, [n("span", [t._v(t._s(s.title))]), n("CountUp", {
+      staticClass: "count",
+      style: {
+        color: t.color
+      },
+      attrs: {
+        animation: s.animation || t.animation,
+        decimals: s.decimals || t.decimals,
+        end: s.count
+      }
+    })], 1)])])])];
+  })], 2)], 1);
+}, r = [];
+const l = {
+  name: "DataIcons",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    animation() {
+      return this.option.animation;
+    },
+    decimals() {
+      return this.option.decimals || 0;
+    },
+    span() {
+      return this.option.span || 4;
+    },
+    data() {
+      return this.option.data;
+    },
+    color() {
+      return this.option.color || "rgb(63, 161, 255)";
+    },
+    discount() {
+      return this.option.discount || !1;
+    }
+  }
+}, o = {};
+var u = /* @__PURE__ */ c(
+  l,
+  e,
+  r,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(t) {
+  for (let a in o)
+    this[a] = o[a];
+}
+const v = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  v as default
+};

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

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