@web-utils/component 5.0.0-beta02 → 5.0.0-beta04

package/custom-scrollbar/index.mjs

@@ -1,93 +0,0 @@
-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 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,64 +0,0 @@
-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 +0,0 @@
-.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,60 +0,0 @@
-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 +0,0 @@
-.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,64 +0,0 @@
-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 };

package/data-card-text/style.css

@@ -1 +0,0 @@
-.data-card-text .item{background:#f8f8f8;border-radius:6px;margin:10px 20px;padding:20px 25px;box-shadow:2px 2px 20px #ccc}.data-card-text .item-header{color:#000;font-weight:700}.data-card-text .item-content{color:#333;margin-top:8px;font-size:14px;line-height:22px}.data-card-text .item-footer{color:#999;justify-content:space-between;margin-top:20px;font-size:12px;display:flex}.data-card-text .item a{text-decoration:none}.data-card-text .item a:visited{color:inherit}

package/data-display/index.mjs

@@ -1,71 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import t from "../count-up/index.mjs";
-import { Fragment as n, createBlock as r, createElementBlock as i, createElementVNode as a, createVNode 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/display/DataDisplay.vue
-var p = {
-	name: "DataDisplay",
-	components: { CountUp: t },
-	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)";
-		}
-	}
-}, m = { class: "avue-data-display" }, h = [
-	"href",
-	"target",
-	"onClick"
-], g = { class: "title" };
-function _(e, t, p, _, v, y) {
-	let b = u("CountUp"), x = u("ElCol"), S = u("ElRow");
-	return c(), i("div", m, [o(S, { span: 24 }, {
-		default: f(() => [(c(!0), i(n, null, l(y.data, (e, n) => (c(), r(x, {
-			key: n,
-			md: y.span,
-			xs: 12,
-			sm: 12
-		}, {
-			default: f(() => [a("div", {
-				class: "item",
-				style: s({ color: y.color })
-			}, [a("a", {
-				href: e.href,
-				target: e.target,
-				onClick: (t) => e.click && e.click(e)
-			}, [
-				o(b, {
-					animation: e.animation || y.animation,
-					decimals: e.decimals || y.decimals,
-					class: "count",
-					end: e.count
-				}, null, 8, [
-					"animation",
-					"decimals",
-					"end"
-				]),
-				t[0] || (t[0] = a("span", { class: "splitLine" }, null, -1)),
-				a("div", g, d(e.title), 1)
-			], 8, h)], 4)]),
-			_: 2
-		}, 1032, ["md"]))), 128))]),
-		_: 1
-	})]);
-}
-var v = /* @__PURE__ */ e(p, [["render", _]]);
-//#endregion
-export { v as default };

package/data-display/style.css

@@ -1 +0,0 @@
-.avue-data-display{width:100%}.avue-data-display .item{text-align:center;flex-direction:column;align-items:center;margin:5px 0;display:flex}.avue-data-display .item a{text-decoration:none}.avue-data-display .item a:visited{color:inherit}.avue-data-display .count{color:#15a0ff;margin:8px 0 15px;font-size:32px;font-weight:700;display:block}.avue-data-display .title{color:#999;line-height:32px}.avue-data-display .splitLine{background:#9b9b9b;width:24px;height:1px;margin:0 auto;display:block}

package/data-icons/index.mjs

@@ -1,70 +0,0 @@
-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/icons/DataIcons.vue
-var p = {
-	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;
-		}
-	}
-}, m = { class: "data-icons" }, h = [
-	"href",
-	"target",
-	"onClick"
-], g = { class: "item-info" };
-function _(e, p, _, v, y, b) {
-	let x = u("CountUp"), S = u("ElCol"), C = u("ElRow");
-	return c(), r("div", m, [a(C, { span: 24 }, {
-		default: f(() => [(c(!0), r(t, null, l(b.data, (e, t) => (c(), n(S, {
-			key: t,
-			xs: 12,
-			sm: 6,
-			md: b.span
-		}, {
-			default: f(() => [i("div", { class: o(["item", [{ "item--easy": b.discount }]]) }, [i("a", {
-				href: e.href,
-				target: e.target,
-				onClick: (t) => e.click && e.click(e)
-			}, [i("div", {
-				class: "item-icon",
-				style: s({ color: b.color })
-			}, [i("i", { class: o(e.icon) }, null, 2)], 4), i("div", g, [i("span", null, d(e.title), 1), a(x, {
-				animation: e.animation || b.animation,
-				decimals: e.decimals || b.decimals,
-				style: s({ color: b.color }),
-				class: "count",
-				end: e.count
-			}, null, 8, [
-				"animation",
-				"decimals",
-				"style",
-				"end"
-			])])], 8, h)], 2)]),
-			_: 2
-		}, 1032, ["md"]))), 128))]),
-		_: 1
-	})]);
-}
-var v = /* @__PURE__ */ e(p, [["render", _]]);
-//#endregion
-export { v as default };

package/data-icons/style.css

@@ -1 +0,0 @@
-.data-icons{width:100%}.data-icons .item{justify-content:center;align-items:center;width:90%;margin:10px 15px;display:flex}.data-icons .item a{text-decoration:none}.data-icons .item a:visited{color:inherit}.data-icons .item-icon{text-align:center;margin-top:3px;margin-right:0!important}.data-icons .item-icon>i{font-size:46px!important}.data-icons .item-info{text-align:center;padding:10px 0}.data-icons .item-info>span{color:#999;padding:5px 0;font-size:12px;display:block}.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}

package/data-imgtext/index.mjs

@@ -1,67 +0,0 @@
-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/imgText/DataImgtext.vue
-var f = {
-	name: "DataImgtext",
-	props: { option: {
-		type: Object,
-		default: () => {}
-	} },
-	computed: {
-		span() {
-			return this.option.span || 6;
-		},
-		data() {
-			return this.option.data || [];
-		},
-		color() {
-			return this.option.color || "rgb(63, 161, 255)";
-		}
-	}
-}, p = { class: "avue-data-imgtext" }, m = [
-	"href",
-	"target",
-	"onClick"
-], h = { class: "item-header" }, g = ["src"], _ = { class: "item-content" }, v = { class: "item-footer" }, y = { class: "time" }, b = { class: "imgs" }, x = ["src"];
-function S(e, f, S, C, w, T) {
-	let E = l("ElTooltip"), D = l("ElCol"), O = l("ElRow");
-	return s(), r("div", p, [a(O, { span: 24 }, {
-		default: d(() => [(s(!0), r(t, null, c(T.data, (e, l) => (s(), n(D, {
-			key: l,
-			md: T.span,
-			xs: 24,
-			sm: 12
-		}, {
-			default: d(() => [i("div", {
-				class: "item",
-				style: o({ color: T.color })
-			}, [i("a", {
-				href: e.href,
-				target: e.target,
-				onClick: (t) => e.click && e.click(e)
-			}, [
-				i("div", h, [i("img", {
-					src: e.imgsrc,
-					alt: ""
-				}, null, 8, g)]),
-				i("div", _, [i("span", null, u(e.title), 1), i("p", null, u(e.content), 1)]),
-				i("div", v, [i("div", y, [i("span", null, u(e.time), 1)]), i("div", b, [i("ul", null, [(s(!0), r(t, null, c(e.headimg, (e, t) => (s(), r("li", { key: t }, [a(E, {
-					effect: "dark",
-					content: e.name,
-					placement: "top-start"
-				}, {
-					default: d(() => [i("img", {
-						src: e.src,
-						alt: ""
-					}, null, 8, x)]),
-					_: 2
-				}, 1032, ["content"])]))), 128))])])])
-			], 8, m)], 4)]),
-			_: 2
-		}, 1032, ["md"]))), 128))]),
-		_: 1
-	})]);
-}
-var C = /* @__PURE__ */ e(f, [["render", S]]);
-//#endregion
-export { C as default };

package/data-imgtext/style.css

@@ -1 +0,0 @@
-.avue-data-imgtext{width:100%}.avue-data-imgtext .item{border-radius:5px;width:240px;height:340px;margin:10px auto 50px;position:relative;box-shadow:2px 2px 20px #ccc}.avue-data-imgtext .item a{text-decoration:none}.avue-data-imgtext .item a:visited{color:inherit}.avue-data-imgtext .item-header img{background:red;border-radius:5px 5px 0 0;width:100%;height:170px}.avue-data-imgtext .item-content{padding:10px 15px;color:#333!important}.avue-data-imgtext .item-content span{font-size:20px}.avue-data-imgtext .item-content:hover span{color:#1890ff}.avue-data-imgtext .item-content p{height:60px;margin:6px 0;font-size:14px;overflow:hidden}.avue-data-imgtext .item-footer{padding:10px 15px;position:relative}.avue-data-imgtext .item-footer img{border-radius:50%;width:20px;height:20px}.avue-data-imgtext .item-footer div{display:inline-block}.avue-data-imgtext .item-footer div ul,.avue-data-imgtext .item-footer div li{border:2px solid #fff;border-radius:50%;margin:0 0 0 -8px;padding:0;list-style:none;display:inline-block}.avue-data-imgtext .item-footer div:first-child{font-size:14px;color:#ccc!important}.avue-data-imgtext .item-footer div:nth-child(2){position:absolute;right:15px}

package/data-operatext/index.mjs

@@ -1,51 +0,0 @@
-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/operaText/DataOperatext.vue
-var f = {
-	name: "DataOperatext",
-	props: { option: {
-		type: Object,
-		default: () => {}
-	} },
-	computed: {
-		span() {
-			return this.option.span || 6;
-		},
-		data() {
-			return this.option.data || [];
-		}
-	}
-}, p = { class: "avue-data-operatext" }, m = { class: "item" }, h = ["href", "onClick"], g = { class: "item-title" }, _ = { class: "item-subtitle" }, v = { class: "item-content" }, y = { class: "item-img" }, b = ["src"], x = { class: "item-list" }, S = { class: "item-label" }, C = { class: "item-value" };
-function w(e, f, w, T, E, D) {
-	let O = l("ElCol"), k = l("ElRow");
-	return s(), r("div", p, [a(k, { span: 24 }, {
-		default: d(() => [(s(!0), r(t, null, c(D.data, (e, a) => (s(), n(O, {
-			key: a,
-			md: D.span,
-			xs: 24,
-			sm: 12
-		}, {
-			default: d(() => [i("div", m, [i("a", {
-				href: e.href,
-				onClick: (t) => e.click && e.click(e)
-			}, [i("div", {
-				class: "item-header",
-				style: o({
-					backgroundColor: e.color,
-					backgroundImage: `url(${e.colorImg})`
-				})
-			}, [i("span", g, u(e.title), 1), i("span", _, u(e.subtitle), 1)], 4), i("div", v, [i("div", y, [i("img", {
-				src: e.img,
-				alt: ""
-			}, null, 8, b)]), i("div", x, [(s(!0), r(t, null, c(e.list, (e, t) => (s(), r("div", {
-				key: t,
-				class: "item-row"
-			}, [i("span", S, u(e.label), 1), i("span", C, u(e.value), 1)]))), 128))])])], 8, h)])]),
-			_: 2
-		}, 1032, ["md"]))), 128))]),
-		_: 1
-	})]);
-}
-var T = /* @__PURE__ */ e(f, [["render", w]]);
-//#endregion
-export { T as default };

package/data-operatext/style.css

@@ -1 +0,0 @@
-.avue-data-operatext{width:100%}.avue-data-operatext .item{box-sizing:border-box;background:#fff;border-radius:3px;margin:5px 10px;position:relative;box-shadow:0 1px 1px #0000001a}.avue-data-operatext .item a{color:#333;text-decoration:none}.avue-data-operatext .item a:visited{color:inherit}.avue-data-operatext .item-header{color:#fff;background-position:50%;border-top-left-radius:3px;border-top-right-radius:3px;padding:20px 20px 60px}.avue-data-operatext .item-title{text-shadow:0 1px 1px #0003;margin-top:0;margin-bottom:5px;font-size:25px;font-weight:300;display:block}.avue-data-operatext .item-subtitle{font-size:14px;font-weight:400}.avue-data-operatext .item-content{background-color:#fff;border-top:1px solid #f4f4f4;border-radius:0 0 3px 3px;padding:10px 10px 20px}.avue-data-operatext .item-img{border:4px solid #fff;border-radius:100%;width:90px;height:90px;margin:-60px auto 5px;overflow:hidden}.avue-data-operatext .item-img img{width:100%;height:100%}.avue-data-operatext .item-list{flex-wrap:wrap;display:flex}.avue-data-operatext .item-row{box-sizing:border-box;text-align:center;width:33.33%}.avue-data-operatext .item-label{margin-bottom:5px;font-size:16px;font-weight:600;display:block}.avue-data-operatext .item-value{text-transform:uppercase;font-weight:300;display:block}

package/data-panel/index.mjs

@@ -1,57 +0,0 @@
-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/panel/DataPanel.vue
-var p = {
-	name: "DataPanel",
-	props: { option: {
-		type: Object,
-		default: () => {}
-	} },
-	computed: {
-		decimals() {
-			return this.option.decimals || 0;
-		},
-		animation() {
-			return this.option.animation;
-		},
-		span() {
-			return this.option.span || 6;
-		},
-		data() {
-			return this.option.data || [];
-		}
-	}
-}, m = { class: "avue-data-panel" }, h = ["href", "onClick"], g = { class: "item" }, _ = { class: "item-icon" }, v = { class: "item-info" }, y = { class: "item-title" };
-function b(e, p, b, x, S, C) {
-	let w = u("CountUp"), T = u("ElCol"), E = u("ElRow");
-	return c(), r("div", m, [a(E, { span: 24 }, {
-		default: f(() => [(c(!0), r(t, null, l(C.data, (e, t) => (c(), n(T, {
-			key: t,
-			md: C.span,
-			xs: 24,
-			sm: 12
-		}, {
-			default: f(() => [i("a", {
-				href: e.href,
-				onClick: (t) => e.click && e.click(e)
-			}, [i("div", g, [i("div", _, [i("i", {
-				class: o(e.icon),
-				style: s({ color: e.color })
-			}, null, 6)]), i("div", v, [i("div", y, d(e.title), 1), a(w, {
-				animation: e.animation || C.animation,
-				decimals: e.decimals || C.decimals,
-				class: "item-count",
-				end: e.count
-			}, null, 8, [
-				"animation",
-				"decimals",
-				"end"
-			])])])], 8, h)]),
-			_: 2
-		}, 1032, ["md"]))), 128))]),
-		_: 1
-	})]);
-}
-var x = /* @__PURE__ */ e(p, [["render", b]]);
-//#endregion
-export { x as default };

package/data-panel/style.css

@@ -1 +0,0 @@
-.avue-data-panel{width:100%}.avue-data-panel .item{color:#666;cursor:pointer;background:#fff;border-color:#0000000d;justify-content:space-between;align-items:center;height:108px;margin:0 20px;padding:0 30px;font-size:12px;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px 40px #0000000d}.avue-data-panel .item-icon{font-size:52px}.avue-data-panel .item-info{text-align:center}.avue-data-panel .item-title{color:#00000073;margin-bottom:12px;font-size:16px;line-height:18px}.avue-data-panel .item-count{font-size:20px}