@web-utils/component 2.7.19 → 2.7.21

package/dist/components/count-up/index.js

@@ -1,10 +1,10 @@
-import { CountUp as r } from "countup.js";
-import { n } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var a = function() {
-  var t = this, e = t.$createElement, i = t._self._c || e;
-  return i("span", [t._v(t._s(t.end))]);
-}, u = [];
-const o = {
+import { CountUp as CountUp$1 } from "countup.js";
+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("span", [_vm._v(_vm._s(_vm.end))]);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "CountUp",
   props: {
     animation: {
@@ -46,12 +46,12 @@ const o = {
   },
   watch: {
     decimals() {
-      var t;
-      (t = this.c) == null || t.update(this.end);
+      var _a;
+      (_a = this.c) == null || _a.update(this.end);
     },
-    end(t) {
-      var e;
-      (e = this.c) == null || e.update(t);
+    end(value) {
+      var _a;
+      (_a = this.c) == null || _a.update(value);
     }
   },
   mounted() {
@@ -62,7 +62,7 @@ const o = {
   },
   methods: {
     init() {
-      this.c || (this.c = new r(
+      this.c || (this.c = new CountUp$1(
         this.$el,
         this.end,
         {
@@ -79,42 +79,42 @@ const o = {
       this.c = null;
     }
   },
-  start(t) {
-    var e;
-    (e = this.c) == null || e.start(() => {
-      t && t(this.c);
+  start(callback) {
+    var _a;
+    (_a = this.c) == null || _a.start(() => {
+      callback && callback(this.c);
     });
   },
   pauseResume() {
-    var t;
-    (t = this.c) == null || t.pauseResume();
+    var _a;
+    (_a = this.c) == null || _a.pauseResume();
   },
   reset() {
-    var t;
-    (t = this.c) == null || t.reset();
+    var _a;
+    (_a = this.c) == null || _a.reset();
   },
-  update(t) {
-    var e;
-    (e = this.c) == null || e.update(t);
+  update(newEndVal) {
+    var _a;
+    (_a = this.c) == null || _a.update(newEndVal);
   }
-}, s = {};
-var c = /* @__PURE__ */ n(
-  o,
-  a,
-  u,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  d,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function d(t) {
-  for (let e in s)
-    this[e] = s[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const h = /* @__PURE__ */ function() {
-  return c.exports;
+const CountUp = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  h as default
+  CountUp as default
 };

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

@@ -1,43 +1,43 @@
-import r from "overlayscrollbars";
+import OverlayScrollbars from "overlayscrollbars";
 import "overlayscrollbars/css/OverlayScrollbars.css";
-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", {
+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: "os-host"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-resize-observer-host"
-  }), s("div", {
+  }), _c("div", {
     staticClass: "os-padding"
-  }, [s("div", {
+  }, [_c("div", {
     ref: "viewport",
     staticClass: "os-viewport"
-  }, [s("div", {
+  }, [_c("div", {
     ref: "content",
     staticClass: "os-content"
-  }, [t._t("default")], 2)])]), t._m(0), t._m(1), s("div", {
+  }, [_vm._t("default")], 2)])]), _vm._m(0), _vm._m(1), _c("div", {
     staticClass: "os-scrollbar-corner"
   })]);
-}, a = [function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+}, staticRenderFns = [function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "os-scrollbar os-scrollbar-horizontal "
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-scrollbar-track"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-scrollbar-handle"
   })])]);
 }, function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "os-scrollbar os-scrollbar-vertical"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-scrollbar-track"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "os-scrollbar-handle"
   })])]);
 }];
-const n = {
+const __vue2_script = {
   name: "CustomScrollbar",
   props: {
     options: {
@@ -79,13 +79,13 @@ const n = {
     }
   },
   watch: {
-    innerOptions(t) {
-      const e = this.scroller;
-      r.valid(e) && e.options(t);
+    innerOptions(options) {
+      const scroller = this.scroller;
+      OverlayScrollbars.valid(scroller) && scroller.options(options);
     }
   },
   mounted() {
-    this.viewport = this.$refs.viewport, this.scroller = r(
+    this.viewport = this.$refs.viewport, this.scroller = OverlayScrollbars(
       this.getContentWrapper(),
       this.options || {
         className: this.theme || "os-theme-dark",
@@ -102,8 +102,8 @@ const n = {
     this.scrollOffset = this.$refs.viewport.scrollTop;
   },
   beforeDestroy() {
-    const t = this.scroller;
-    r.valid(t) && (t.destroy(), this.scroller = null);
+    const scroller = this.scroller;
+    OverlayScrollbars.valid(scroller) && (scroller.destroy(), this.scroller = null);
   },
   methods: {
     scrollBottom() {
@@ -115,40 +115,40 @@ const n = {
     getScrollHeight() {
       return this.$refs.viewport.scrollHeight;
     },
-    setScrollTop(t) {
-      this.$refs.viewport.scrollTop = t;
+    setScrollTop(scrollTop) {
+      this.$refs.viewport.scrollTop = scrollTop;
     },
     getContentWrapper() {
       return this.textarea ? this.$refs.content.querySelector("textarea") : this.$el;
     },
-    internalScroll(t) {
-      this.onScroll && this.onScroll(t);
-      const e = t.target;
-      if (!this.reverse && Math.ceil(e.clientHeight + e.scrollTop) >= e.scrollHeight) {
+    internalScroll(event) {
+      this.onScroll && this.onScroll(event);
+      const target = event.target;
+      if (!this.reverse && Math.ceil(target.clientHeight + target.scrollTop) >= target.scrollHeight) {
         this.onLoadMore && this.onLoadMore();
         return;
       }
-      this.reverse && e.scrollTop === 0 && this.onLoadMore && this.onLoadMore();
+      this.reverse && target.scrollTop === 0 && this.onLoadMore && this.onLoadMore();
     }
   }
-}, o = {};
-var c = /* @__PURE__ */ l(
-  n,
-  i,
-  a,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  h,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function h(t) {
-  for (let e in o)
-    this[e] = o[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const f = /* @__PURE__ */ function() {
-  return c.exports;
+const CustomScrollbar = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  CustomScrollbar as default
 };

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

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

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

@@ -1 +1,52 @@
-.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;
+  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,55 +1,55 @@
-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", {
+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-card"
-  }, [r("ElRow", {
+  }, [_c("ElRow", {
     attrs: {
       span: 24
     }
-  }, t._l(t.data, function(e, n) {
-    return r("ElCol", {
-      key: n,
+  }, _vm._l(_vm.data, function(item, index) {
+    return _c("ElCol", {
+      key: index,
       attrs: {
-        md: t.span,
+        md: _vm.span,
         xs: 24,
         sm: 12
       }
-    }, [r("div", {
+    }, [_c("div", {
       staticClass: "item"
-    }, [r("a", {
+    }, [_c("a", {
       attrs: {
-        href: e.href,
-        target: e.target
+        href: item.href,
+        target: item.target
       },
       on: {
-        click: function(d) {
-          e.click && e.click(e);
+        click: function($event) {
+          item.click && item.click(item);
         }
       }
-    }, [r("img", {
+    }, [_c("img", {
       staticClass: "item-img",
       attrs: {
-        src: e.src,
+        src: item.src,
         alt: ""
       }
-    }), r("div", {
+    }), _c("div", {
       staticClass: "item-text",
       style: {
-        backgroundColor: t.bgText
+        backgroundColor: _vm.bgText
       }
-    }, [r("h3", {
+    }, [_c("h3", {
       style: {
-        color: t.colorText
+        color: _vm.colorText
       }
-    }, [t._v(t._s(e.name))]), r("p", {
+    }, [_vm._v(_vm._s(item.name))]), _c("p", {
       style: {
-        color: t.colorText
+        color: _vm.colorText
       }
-    }, [t._v(t._s(e.text))])])])])]);
+    }, [_vm._v(_vm._s(item.text))])])])])]);
   }), 1)], 1);
-}, c = [];
-const i = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "DataCard",
   props: {
     option: {
@@ -75,24 +75,24 @@ const i = {
       return this.option.borderColor || "#2e323f";
     }
   }
-}, a = {};
-var _ = /* @__PURE__ */ s(
-  i,
-  l,
-  c,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  u,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(t) {
-  for (let o in a)
-    this[o] = a[o];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const f = /* @__PURE__ */ function() {
-  return _.exports;
+const DataCard = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  DataCard as default
 };

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

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