@web-utils/component 4.0.16 → 5.0.0-beta02

package/custom-scrollbar/index.mjs

@@ -1,100 +1,93 @@
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createBlock as t, openBlock as n, renderSlot as r, resolveDynamicComponent as i, withCtx as a } from "vue";
 import "overlayscrollbars/overlayscrollbars.css";
-import { OverlayScrollbars as r } from "overlayscrollbars";
-import { defaults as n } from "lodash-es";
-import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const a = {
-  name: "CustomScrollbar",
-  props: {
-    element: {
-      type: String,
-      default: "div"
-    },
-    options: Object,
-    theme: {
-      type: String,
-      default: "os-theme-dark"
-    },
-    onLoadMore: Function,
-    onScroll: Function,
-    reverse: Boolean
-  },
-  data() {
-    return {
-      scrollTop: 0
-    };
-  },
-  computed: {
-    innerOptions() {
-      return n(
-        {
-          scrollbars: { autoHide: "leave", autoHideDelay: 100, theme: this.theme }
-        },
-        this.options
-      );
-    }
-  },
-  watch: {
-    innerOptions(t) {
-      const e = this.scroller;
-      r.valid(e) && e.options(t);
-    }
-  },
-  mounted() {
-    this.scroller = r(this.$el, this.innerOptions, {
-      scroll: this.internalScroll,
-      initialized: this.initialized
-    });
-  },
-  activated() {
-    this.viewport.scrollTop = this.scrollTop ?? 0;
-  },
-  deactivated() {
-    this.scrollTop = this.viewport.scrollTop;
-  },
-  beforeDestroy() {
-    const t = this.scroller;
-    r.valid(t) && (t.destroy(), this.scroller = null);
-  },
-  methods: {
-    initialized(t) {
-      const { viewport: e } = t.elements();
-      this.viewport = e;
-    },
-    scrollBottom() {
-      this.viewport.scrollTop = this.viewport.scrollHeight;
-    },
-    getScroller() {
-      return this.scroller;
-    },
-    getScrollHeight() {
-      return this.viewport.scrollHeight;
-    },
-    setScrollTop(t) {
-      this.viewport.scrollTop = t;
-    },
-    internalScroll(t, e) {
-      var l, i, s;
-      const o = this.viewport;
-      if ((l = this.onScroll) == null || l.call(this, e), !this.reverse && Math.ceil(o.clientHeight + o.scrollTop) >= o.scrollHeight) {
-        (i = this.onLoadMore) == null || i.call(this);
-        return;
-      }
-      this.reverse && o.scrollTop === 0 && ((s = this.onLoadMore) == null || s.call(this));
-    }
-  }
-};
-var h = function() {
-  var e = this, o = e._self._c;
-  return o(e.element, { tag: "Component" }, [e._t("default")], 2);
-}, p = [], d = /* @__PURE__ */ c(
-  a,
-  h,
-  p,
-  !1,
-  null,
-  null
-);
-const _ = d.exports;
-export {
-  _ as default
+import { OverlayScrollbars as o } from "overlayscrollbars";
+import { defaults as s } from "lodash-es";
+//#region src/components/CustomScrollbar.vue
+var c = {
+	name: "CustomScrollbar",
+	props: {
+		element: {
+			type: String,
+			default: "div"
+		},
+		options: Object,
+		theme: {
+			type: String,
+			default: "os-theme-dark"
+		},
+		onLoadMore: Function,
+		onScroll: Function,
+		reverse: Boolean
+	},
+	data() {
+		return { scrollTop: 0 };
+	},
+	computed: { innerOptions() {
+		return s({ scrollbars: {
+			autoHide: "leave",
+			autoHideDelay: 100,
+			theme: this.theme
+		} }, this.options);
+	} },
+	watch: { innerOptions(e) {
+		let t = this.scroller;
+		o.valid(t) && t.options(e);
+	} },
+	mounted() {
+		this.scroller = o(this.$el, this.innerOptions, {
+			scroll: this.internalScroll,
+			initialized: this.initialized
+		});
+	},
+	activated() {
+		this.viewport.scrollTop = this.scrollTop ?? 0;
+	},
+	deactivated() {
+		this.scrollTop = this.viewport.scrollTop;
+	},
+	beforeUnmount() {
+		let e = this.scroller;
+		o.valid(e) && (e.destroy(), this.scroller = null);
+	},
+	methods: {
+		initialized(e) {
+			let { viewport: t } = e.elements();
+			this.viewport = t;
+		},
+		scrollBottom() {
+			this.viewport.scrollTop = this.viewport.scrollHeight;
+		},
+		getScroller() {
+			return this.scroller;
+		},
+		getScrollHeight() {
+			return this.viewport.scrollHeight;
+		},
+		setScrollTop(e) {
+			this.viewport.scrollTop = e;
+		},
+		internalScroll(e, t) {
+			var n;
+			let r = this.viewport;
+			if ((n = this.onScroll) == null || n.call(this, t), !this.reverse && Math.ceil(r.clientHeight + r.scrollTop) >= r.scrollHeight) {
+				var i;
+				(i = this.onLoadMore) == null || i.call(this);
+				return;
+			}
+			if (this.reverse && r.scrollTop === 0) {
+				var a;
+				(a = this.onLoadMore) == null || a.call(this);
+			}
+		}
+	}
 };
+function l(e, o, s, c, l, u) {
+	return n(), t(i(s.element), null, {
+		default: a(() => [r(e.$slots, "default")]),
+		_: 3
+	});
+}
+var u = /* @__PURE__ */ e(c, [["render", l]]);
+//#endregion
+export { u as default };

package/data-box/index.mjs

@@ -1,44 +1,64 @@
-import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const i = {
-  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 || [];
-    }
-  }
-};
-var r = function() {
-  var n = this, a = n._self._c;
-  return a("div", { staticClass: "data-box" }, [a("ElRow", { attrs: { span: 24 } }, n._l(n.data, function(t, s) {
-    return a("ElCol", { key: s, attrs: { md: n.span, xs: 24, sm: 12 } }, [a("div", { staticClass: "item" }, [a("a", { attrs: { href: t.href, target: t.target }, on: { click: function(d) {
-      t.click && t.click(t);
-    } } }, [a("div", { staticClass: "item-icon", style: { backgroundColor: t.color } }, [a("i", { class: t.icon })]), a("div", { staticClass: "item-info" }, [a("CountUp", { staticClass: "title", style: { color: t.color }, attrs: { animation: t.animation || n.animation, decimals: t.decimals || n.decimals, end: t.count } }), a("div", { staticClass: "info" }, [n._v(n._s(t.title))])], 1)])])]);
-  }), 1)], 1);
-}, c = [], l = /* @__PURE__ */ o(
-  i,
-  r,
-  c,
-  !1,
-  null,
-  null
-);
-const u = l.exports;
-export {
-  u as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createBlock as n, createElementBlock as r, createElementVNode as i, createVNode as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderList as l, resolveComponent as u, toDisplayString as d, withCtx as f } from "vue";
+//#region src/components/data/box/DataBox.vue
+var p = {
+	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 || [];
+		}
+	}
+}, m = { class: "data-box" }, h = { class: "item" }, g = [
+	"href",
+	"target",
+	"onClick"
+], _ = { class: "item-info" }, v = { class: "info" };
+function y(e, p, y, b, x, S) {
+	let C = u("CountUp"), w = u("ElCol"), T = u("ElRow");
+	return c(), r("div", m, [a(T, { span: 24 }, {
+		default: f(() => [(c(!0), r(t, null, l(S.data, (e, t) => (c(), n(w, {
+			key: t,
+			md: S.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: f(() => [i("div", h, [i("a", {
+				href: e.href,
+				target: e.target,
+				onClick: (t) => e.click && e.click(e)
+			}, [i("div", {
+				class: "item-icon",
+				style: s({ backgroundColor: e.color })
+			}, [i("i", { class: o(e.icon) }, null, 2)], 4), i("div", _, [a(C, {
+				animation: e.animation || S.animation,
+				decimals: e.decimals || S.decimals,
+				style: s({ color: e.color }),
+				class: "title",
+				end: e.count
+			}, null, 8, [
+				"animation",
+				"decimals",
+				"style",
+				"end"
+			]), i("div", v, d(e.title), 1)])], 8, g)])]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var b = /* @__PURE__ */ e(p, [["render", y]]);
+//#endregion
+export { b as default };

package/data-box/style.css

@@ -1 +1 @@
-.data-box .item{box-sizing:border-box;border-radius:5px;width:96%;height:100px;margin:0 auto 10px;position:relative;overflow:hidden}.data-box .item:hover .item-text{top:0}.data-box .item a{text-decoration:none;display:flex}.data-box .item a:visited{color:inherit}.data-box .item-icon{color:#fff;text-align:center;justify-content:center;align-items:center;width:100px;height:100px;line-height:100px;display:flex}.data-box .item-icon i{font-size:48px!important}.data-box .item-info{background-color:#fff;border:1px solid #eee;border-left:none;border-radius:0 5px 5px 0;flex-direction:column;flex:1;justify-content:center;display:flex}.data-box .item-info .title{text-align:center;font-size:30px;line-height:40px}.data-box .item-info .info{color:#999;text-align:center;font-size:14px}
+.data-box{width:100%}.data-box .item{box-sizing:border-box;border-radius:5px;width:96%;height:100px;margin:0 auto 10px;position:relative;overflow:hidden}.data-box .item:hover .item-text{top:0}.data-box .item a{text-decoration:none;display:flex}.data-box .item a:visited{color:inherit}.data-box .item-icon{color:#fff;text-align:center;justify-content:center;align-items:center;width:100px;height:100px;line-height:100px;display:flex}.data-box .item-icon i{font-size:48px!important}.data-box .item-info{background-color:#fff;border:1px solid #eee;border-left:none;border-radius:0 5px 5px 0;flex-direction:column;flex:1;justify-content:center;display:flex}.data-box .item-info .title{text-align:center;font-size:30px;line-height:40px}.data-box .item-info .info{color:#999;text-align:center;font-size:14px}

package/data-card/index.mjs

@@ -1,47 +1,60 @@
-import { n as s } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const e = {
-  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";
-    }
-  }
-};
-var n = function() {
-  var t = this, r = t._self._c;
-  return r("div", { staticClass: "data-card" }, [r("ElRow", { attrs: { span: 24 } }, t._l(t.data, function(o, a) {
-    return r("ElCol", { key: a, attrs: { md: t.span, xs: 24, sm: 12 } }, [r("div", { staticClass: "item" }, [r("a", { attrs: { href: o.href, target: o.target }, on: { click: function(d) {
-      o.click && o.click(o);
-    } } }, [r("img", { staticClass: "item-img", attrs: { src: o.src, alt: "" } }), r("div", { staticClass: "item-text", style: { backgroundColor: t.bgText } }, [r("h3", { style: { color: t.colorText } }, [t._v(t._s(o.name))]), r("p", { style: { color: t.colorText } }, [t._v(t._s(o.text))])])])])]);
-  }), 1)], 1);
-}, c = [], l = /* @__PURE__ */ s(
-  e,
-  n,
-  c,
-  !1,
-  null,
-  null
-);
-const _ = l.exports;
-export {
-  _ as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createBlock as n, createElementBlock as r, createElementVNode as i, createVNode as a, normalizeStyle as o, openBlock as s, renderList as c, resolveComponent as l, toDisplayString as u, withCtx as d } from "vue";
+//#region src/components/data/card/DataCard.vue
+var f = {
+	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";
+		}
+	}
+}, p = { class: "data-card" }, m = { class: "item" }, h = [
+	"href",
+	"target",
+	"onClick"
+], g = ["src"];
+function _(e, f, _, v, y, b) {
+	let x = l("ElCol"), S = l("ElRow");
+	return s(), r("div", p, [a(S, { span: 24 }, {
+		default: d(() => [(s(!0), r(t, null, c(b.data, (e, t) => (s(), n(x, {
+			key: t,
+			md: b.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: d(() => [i("div", m, [i("a", {
+				href: e.href,
+				target: e.target,
+				onClick: (t) => e.click && e.click(e)
+			}, [i("img", {
+				src: e.src,
+				class: "item-img",
+				alt: ""
+			}, null, 8, g), i("div", {
+				class: "item-text",
+				style: o({ backgroundColor: b.bgText })
+			}, [i("h3", { style: o({ color: b.colorText }) }, u(e.name), 5), i("p", { style: o({ color: b.colorText }) }, u(e.text), 5)], 4)], 8, h)])]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var v = /* @__PURE__ */ e(f, [["render", _]]);
+//#endregion
+export { v as default };

package/data-card/style.css

@@ -1 +1 @@
-.data-card .item{border:1px solid #fff;border-radius:5px;width:230px;height:340px;margin:0 auto 50px;position:relative;overflow:hidden}.data-card .item:hover .item-text{top:0}.data-card .item-img{border-radius:5px 5px 0 0;width:100%}.data-card .item-text{box-sizing:border-box;opacity:.9;border-radius:0 0 5px 5px;width:100%;height:340px;padding:20px 15px;transition:top .4s;position:absolute;top:150px;overflow:auto}.data-card .item-text>p{text-indent:2em;font-size:12px;line-height:25px}
+.data-card{width:100%}.data-card .item{border:1px solid #fff;border-radius:5px;width:230px;height:340px;margin:0 auto 50px;position:relative;overflow:hidden}.data-card .item:hover .item-text{top:0}.data-card .item-img{border-radius:5px 5px 0 0;width:100%}.data-card .item-text{box-sizing:border-box;opacity:.9;border-radius:0 0 5px 5px;width:100%;height:340px;padding:20px 15px;transition:top .4s;position:absolute;top:150px;overflow:auto}.data-card .item-text>p{text-indent:2em;font-size:12px;line-height:25px}

package/data-card-text/index.mjs

@@ -1,50 +1,64 @@
-import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const e = {
-  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 || [];
-    }
-  },
-  methods: {
-    itemClick(s) {
-      var t;
-      (t = s.click) == null || t.call(s, s), this.$router.push(s.path);
-    }
-  }
-};
-var c = function() {
-  var t = this, n = t._self._c;
-  return n("div", { staticClass: "data-card-text" }, [n("ElRow", { attrs: { span: 24 } }, t._l(t.data, function(a, r) {
-    return n("ElCol", { key: r, attrs: { md: t.span, xs: 24, sm: 12 } }, [n("div", { staticClass: "item" }, [n("a", { attrs: { href: a.path ? "javascript:;" : a.href, target: a.path ? "" : a.target }, on: { click: function(p) {
-      return t.itemClick(a);
-    } } }, [n("div", { staticClass: "item-header" }, [t._v(" " + t._s(a.title) + " ")]), a.content ? n("div", { staticClass: "item-content" }, [t._v(t._s(a.content))]) : t._e(), a.name || a.date ? n("div", { staticClass: "item-footer" }, [n("span", [t._v(t._s(a.name))]), n("span", [t._v(t._s(a.date))])]) : t._e()])])]);
-  }), 1)], 1);
-}, i = [], l = /* @__PURE__ */ o(
-  e,
-  c,
-  i,
-  !1,
-  null,
-  null
-);
-const d = l.exports;
-export {
-  d as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, openBlock as s, renderList as c, resolveComponent as l, toDisplayString as u, withCtx as d } from "vue";
+//#region src/components/data/cardText/DataCardText.vue
+var f = {
+	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 || [];
+		}
+	},
+	methods: { itemClick(e) {
+		var t;
+		(t = e.click) == null || t.call(e, e), this.$router.push(e.path);
+	} }
+}, p = { class: "data-card-text" }, m = { class: "item" }, h = [
+	"href",
+	"target",
+	"onClick"
+], g = { class: "item-header" }, _ = {
+	key: 0,
+	class: "item-content"
+}, v = {
+	key: 1,
+	class: "item-footer"
 };
+function y(e, f, y, b, x, S) {
+	let C = l("ElCol"), w = l("ElRow");
+	return s(), i("div", p, [o(w, { span: 24 }, {
+		default: d(() => [(s(!0), i(t, null, c(S.data, (e, t) => (s(), n(C, {
+			key: t,
+			md: S.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: d(() => [a("div", m, [a("a", {
+				href: e.path ? "javascript:;" : e.href,
+				target: e.path ? "" : e.target,
+				onClick: (t) => S.itemClick(e)
+			}, [
+				a("div", g, u(e.title), 1),
+				e.content ? (s(), i("div", _, u(e.content), 1)) : r("v-if", !0),
+				e.name || e.date ? (s(), i("div", v, [a("span", null, u(e.name), 1), a("span", null, u(e.date), 1)])) : r("v-if", !0)
+			], 8, h)])]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var b = /* @__PURE__ */ e(f, [["render", y]]);
+//#endregion
+export { b as default };