@web-utils/component 2.7.35 → 2.7.37

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

@@ -0,0 +1,131 @@
+var o = Object.defineProperty, c = Object.defineProperties;
+var d = Object.getOwnPropertyDescriptors;
+var i = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var r = (t, e, s) => e in t ? o(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, n = (t, e) => {
+  for (var s in e || (e = {}))
+    l.call(e, s) && r(t, s, e[s]);
+  if (i)
+    for (var s of i(e))
+      p.call(e, s) && r(t, s, e[s]);
+  return t;
+}, a = (t, e) => c(t, d(e));
+import { CountUp as h } from "countup.js";
+import { n as m } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var f = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("span", [t._v(t._s(t.end))]);
+}, _ = [];
+const y = {
+  name: "CountUp",
+  props: {
+    animation: {
+      type: Boolean,
+      default: !0
+    },
+    start: {
+      type: [Number, String],
+      required: !1,
+      default: 0
+    },
+    end: {
+      type: [Number, String],
+      required: !0
+    },
+    decimals: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    duration: {
+      type: Number,
+      required: !1,
+      default: 2
+    },
+    options: {
+      type: Object,
+      required: !1,
+      default() {
+        return {};
+      }
+    },
+    callback: {
+      type: Function,
+      required: !1,
+      default: () => {
+      }
+    }
+  },
+  watch: {
+    decimals() {
+      var t;
+      (t = this.c) == null || t.update(this.end);
+    },
+    end(t) {
+      var e;
+      (e = this.c) == null || e.update(t);
+    }
+  },
+  mounted() {
+    this.animation && this.init();
+  },
+  beforeDestroy() {
+    this.destroy();
+  },
+  methods: {
+    init() {
+      this.c || (this.c = new h(
+        this.$el,
+        this.end,
+        a(n({}, this.options), {
+          decimal: this.decimals,
+          duration: this.duration,
+          startVal: this.start
+        })
+      ), this.c.start(() => {
+        this.callback(this.c);
+      }));
+    },
+    destroy() {
+      this.c = null;
+    }
+  },
+  start(t) {
+    var e;
+    (e = this.c) == null || e.start(() => {
+      t && t(this.c);
+    });
+  },
+  pauseResume() {
+    var t;
+    (t = this.c) == null || t.pauseResume();
+  },
+  reset() {
+    var t;
+    (t = this.c) == null || t.reset();
+  },
+  update(t) {
+    var e;
+    (e = this.c) == null || e.update(t);
+  }
+}, u = {};
+var v = /* @__PURE__ */ m(
+  y,
+  f,
+  _,
+  !1,
+  b,
+  null,
+  null,
+  null
+);
+function b(t) {
+  for (let e in u)
+    this[e] = u[e];
+}
+const U = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  U as default
+};

package/dist/components/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/dist/components/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/dist/components/data-box/style.css

@@ -1,58 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.data-box .item {
-  position: relative;
-  margin: 0 auto 10px auto;
-  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.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/dist/components/data-card/style.css

@@ -1,46 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.data-card .item {
-  position: relative;
-  margin: 0 auto;
-  margin-bottom: 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;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.data-card .item-text {
-  position: absolute;
-  top: 150px;
-  padding: 20px 15px;
-  width: 100%;
-  height: 340px;
-  overflow: auto;
-  box-sizing: border-box;
-  border-radius: 5px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  opacity: 0.9;
-  transition: top 0.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}

package/dist/components/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/dist/components/data-cardtext/style.css

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