@web-utils/component 2.7.36 → 2.8.0

package/custom-scrollbar/index.mjs

@@ -0,0 +1,167 @@
+var c = Object.defineProperty, h = Object.defineProperties;
+var d = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var l = (t, e, s) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, i = (t, e) => {
+  for (var s in e || (e = {}))
+    v.call(e, s) && l(t, s, e[s]);
+  if (o)
+    for (var s of o(e))
+      p.call(e, s) && l(t, s, e[s]);
+  return t;
+}, a = (t, e) => h(t, d(e));
+import r from "overlayscrollbars";
+import "overlayscrollbars/css/OverlayScrollbars.css";
+import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var u = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
+    staticClass: "os-host"
+  }, [s("div", {
+    staticClass: "os-resize-observer-host"
+  }), s("div", {
+    staticClass: "os-padding"
+  }, [s("div", {
+    ref: "viewport",
+    staticClass: "os-viewport"
+  }, [s("div", {
+    ref: "content",
+    staticClass: "os-content"
+  }, [t._t("default")], 2)])]), t._m(0), t._m(1), s("div", {
+    staticClass: "os-scrollbar-corner"
+  })]);
+}, m = [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"
+  }, [s("div", {
+    staticClass: "os-scrollbar-handle"
+  })])]);
+}, function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
+    staticClass: "os-scrollbar os-scrollbar-vertical"
+  }, [s("div", {
+    staticClass: "os-scrollbar-track"
+  }, [s("div", {
+    staticClass: "os-scrollbar-handle"
+  })])]);
+}];
+const _ = {
+  name: "CustomScrollbar",
+  props: {
+    options: {
+      type: Object,
+      default: void 0
+    },
+    extensions: {
+      type: [String, Array, Object],
+      default: void 0
+    },
+    theme: {
+      type: String,
+      default: void 0
+    },
+    onLoadMore: {
+      type: Function,
+      default: null
+    },
+    onScroll: {
+      type: Function
+    },
+    reverse: {
+      type: Boolean,
+      default: !1
+    },
+    textarea: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    innerOptions() {
+      const t = this.options || {};
+      return a(i({}, t), {
+        className: this.theme || "os-theme-dark",
+        scrollbars: { autoHide: "l", autoHideDelay: 100 },
+        callbacks: { onScroll: this.internalScroll }
+      });
+    }
+  },
+  watch: {
+    innerOptions(t) {
+      const e = this.scroller;
+      r.valid(e) && e.options(t);
+    }
+  },
+  mounted() {
+    this.viewport = this.$refs.viewport, this.scroller = r(
+      this.getContentWrapper(),
+      this.options || {
+        className: this.theme || "os-theme-dark",
+        scrollbars: { autoHide: "l", autoHideDelay: 100 },
+        callbacks: { onScroll: this.internalScroll }
+      },
+      this.extensions
+    );
+  },
+  activated() {
+    var t;
+    this.$refs.viewport.scrollTop = (t = this.scrollOffset) != null ? t : 0;
+  },
+  deactivated() {
+    this.scrollOffset = this.$refs.viewport.scrollTop;
+  },
+  beforeDestroy() {
+    const t = this.scroller;
+    r.valid(t) && (t.destroy(), this.scroller = null);
+  },
+  methods: {
+    scrollBottom() {
+      this.$refs.viewport.scrollTop = this.$refs.viewport.scrollHeight;
+    },
+    getScroller() {
+      return this.scroller;
+    },
+    getScrollHeight() {
+      return this.$refs.viewport.scrollHeight;
+    },
+    setScrollTop(t) {
+      this.$refs.viewport.scrollTop = t;
+    },
+    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) {
+        this.onLoadMore && this.onLoadMore();
+        return;
+      }
+      this.reverse && e.scrollTop === 0 && this.onLoadMore && this.onLoadMore();
+    }
+  }
+}, n = {};
+var b = /* @__PURE__ */ f(
+  _,
+  u,
+  m,
+  !1,
+  S,
+  null,
+  null,
+  null
+);
+function S(t) {
+  for (let e in n)
+    this[e] = n[e];
+}
+const w = /* @__PURE__ */ function() {
+  return b.exports;
+}();
+export {
+  w as default
+};

package/data-box/index.mjs

@@ -0,0 +1,97 @@
+import { n as e } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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/data-box/style.css

@@ -0,0 +1 @@
+.data-box .item{position:relative;box-sizing:border-box;width:96%;height:100px;margin:0 auto 10px;overflow:hidden;border-radius:5px}.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{display:flex;align-items:center;justify-content:center;width:100px;height:100px;color:#fff;line-height:100px;text-align:center}.data-box .item-icon i{font-size:48px!important}.data-box .item-info{display:flex;flex:1;flex-direction:column;justify-content:center;background-color:#fff;border:1px solid #eee;border-left:none;border-radius:0 5px 5px 0}.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/data-card/index.mjs

@@ -0,0 +1,98 @@
+import { n as s } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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/data-card/style.css

@@ -0,0 +1 @@
+.data-card .item{position:relative;width:230px;height:340px;margin:0 auto 50px;overflow:hidden;border-color:#fff;border-style:solid;border-width:1px;border-radius:5px}.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;box-sizing:border-box;width:100%;height:340px;padding:20px 15px;overflow:auto;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/data-cardtext/index.mjs

@@ -0,0 +1,82 @@
+import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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/data-cardtext/style.css

@@ -0,0 +1 @@
+.avue-data-cardText .item{margin:10px 20px;padding:20px 25px;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;color:#333;font-size:14px;line-height:22px}.avue-data-cardText .item-footer{display:flex;justify-content:space-between;margin-top:20px;color:#999;font-size:12px}.avue-data-cardText .item a{text-decoration:none}.avue-data-cardText .item a:visited{color:inherit}

package/data-display/index.mjs

@@ -0,0 +1,93 @@
+import { n as i } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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/data-display/style.css

@@ -0,0 +1 @@
+.avue-data-display .item{display:flex;flex-direction:column;align-items:center;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;color:#15a0ff;font-weight:700;font-size:32px}.avue-data-display .title{color:#999;line-height:32px}.avue-data-display .splitLine{display:block;width:24px;height:1px;margin:0 auto;background:#9B9B9B}

package/data-icons/index.mjs

@@ -0,0 +1,104 @@
+import { n as c } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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/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{padding:10px 0;text-align:center}.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}