@web-utils/component 4.0.16 → 5.0.0-beta02

package/data-display/index.mjs

@@ -1,51 +1,71 @@
-import o from "../count-up/index.mjs";
-import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = {
-  name: "DataDisplay",
-  components: {
-    CountUp: o
-  },
-  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)";
-    }
-  }
-};
-var e = function() {
-  var t = this, n = t._self._c;
-  return n("div", { staticClass: "avue-data-display" }, [n("ElRow", { attrs: { span: 24 } }, t._l(t.data, function(a, s) {
-    return n("ElCol", { key: s, 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(d) {
-      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);
-}, c = [], l = /* @__PURE__ */ i(
-  r,
-  e,
-  c,
-  !1,
-  null,
-  null
-);
-const _ = l.exports;
-export {
-  _ as default
-};
+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 +1 @@
-.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}
+.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,50 +1,70 @@
-import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const i = {
-  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;
-    }
-  }
-};
-var c = function() {
-  var t = this, n = t._self._c;
-  return n("div", { staticClass: "data-icons" }, [n("ElRow", { attrs: { span: 24 } }, [t._l(t.data, function(a, s) {
-    return [n("ElCol", { key: s, attrs: { xs: 12, sm: 6, md: t.span } }, [n("div", { staticClass: "item", class: [{ "item--easy": t.discount }] }, [n("a", { attrs: { href: a.href, target: a.target }, on: { click: function(d) {
-      a.click && a.click(a);
-    } } }, [n("div", { staticClass: "item-icon", style: { color: t.color } }, [n("i", { class: a.icon })]), n("div", { staticClass: "item-info" }, [n("span", [t._v(t._s(a.title))]), n("CountUp", { staticClass: "count", style: { color: t.color }, attrs: { animation: a.animation || t.animation, decimals: a.decimals || t.decimals, end: a.count } })], 1)])])])];
-  })], 2)], 1);
-}, r = [], e = /* @__PURE__ */ o(
-  i,
-  c,
-  r,
-  !1,
-  null,
-  null
-);
-const u = e.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/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 +1 @@
-.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}
+.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,43 +1,67 @@
-import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const c = {
-  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)";
-    }
-  }
-};
-var i = function() {
-  var a = this, t = a._self._c;
-  return t("div", { staticClass: "avue-data-imgtext" }, [t("ElRow", { attrs: { span: 24 } }, a._l(a.data, function(s, r) {
-    return t("ElCol", { key: r, attrs: { md: a.span, xs: 24, sm: 12 } }, [t("div", { staticClass: "item", style: { color: a.color } }, [t("a", { attrs: { href: s.href, target: s.target }, on: { click: function(n) {
-      s.click && s.click(s);
-    } } }, [t("div", { staticClass: "item-header" }, [t("img", { attrs: { src: s.imgsrc, alt: "" } })]), t("div", { staticClass: "item-content" }, [t("span", [a._v(a._s(s.title))]), t("p", [a._v(a._s(s.content))])]), t("div", { staticClass: "item-footer" }, [t("div", { staticClass: "time" }, [t("span", [a._v(a._s(s.time))])]), t("div", { staticClass: "imgs" }, [t("ul", a._l(s.headimg, function(n, e) {
-      return t("li", { key: e }, [t("ElTooltip", { attrs: { effect: "dark", content: n.name, placement: "top-start" } }, [t("img", { attrs: { src: n.src, alt: "" } })])], 1);
-    }), 0)])])])])]);
-  }), 1)], 1);
-}, l = [], p = /* @__PURE__ */ o(
-  c,
-  i,
-  l,
-  !1,
-  null,
-  null
-);
-const f = p.exports;
-export {
-  f 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/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 +1 @@
-.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}
+.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,40 +1,51 @@
-import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = {
-  name: "DataOperatext",
-  props: {
-    option: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  computed: {
-    span() {
-      return this.option.span || 6;
-    },
-    data() {
-      return this.option.data || [];
-    }
-  }
-};
-var c = function() {
-  var a = this, t = a._self._c;
-  return t("div", { staticClass: "avue-data-operatext" }, [t("ElRow", { attrs: { span: 24 } }, a._l(a.data, function(s, l) {
-    return t("ElCol", { key: l, attrs: { md: a.span, xs: 24, sm: 12 } }, [t("div", { staticClass: "item" }, [t("a", { attrs: { href: s.href }, on: { click: function(e) {
-      s.click && s.click(s);
-    } } }, [t("div", { staticClass: "item-header", style: { backgroundColor: s.color, backgroundImage: `url(${s.colorImg})` } }, [t("span", { staticClass: "item-title" }, [a._v(a._s(s.title))]), t("span", { staticClass: "item-subtitle" }, [a._v(a._s(s.subtitle))])]), t("div", { staticClass: "item-content" }, [t("div", { staticClass: "item-img" }, [t("img", { attrs: { src: s.img, alt: "" } })]), t("div", { staticClass: "item-list" }, a._l(s.list, function(e, n) {
-      return t("div", { key: n, staticClass: "item-row" }, [t("span", { staticClass: "item-label" }, [a._v(a._s(e.label))]), t("span", { staticClass: "item-value" }, [a._v(a._s(e.value))])]);
-    }), 0)])])])]);
-  }), 1)], 1);
-}, o = [], _ = /* @__PURE__ */ i(
-  r,
-  c,
-  o,
-  !1,
-  null,
-  null
-);
-const d = _.exports;
-export {
-  d 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/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 +1 @@
-.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}
+.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,44 +1,57 @@
-import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const o = {
-  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 || [];
-    }
-  }
-};
-var e = function() {
-  var n = this, t = n._self._c;
-  return t("div", { staticClass: "avue-data-panel" }, [t("ElRow", { attrs: { span: 24 } }, n._l(n.data, function(a, s) {
-    return t("ElCol", { key: s, attrs: { md: n.span, xs: 24, sm: 12 } }, [t("a", { attrs: { href: a.href }, on: { click: function(d) {
-      a.click && a.click(a);
-    } } }, [t("div", { staticClass: "item" }, [t("div", { staticClass: "item-icon" }, [t("i", { class: a.icon, style: { color: a.color } })]), t("div", { staticClass: "item-info" }, [t("div", { staticClass: "item-title" }, [n._v(n._s(a.title))]), t("CountUp", { staticClass: "item-count", attrs: { animation: a.animation || n.animation, decimals: a.decimals || n.decimals, end: a.count } })], 1)])])]);
-  }), 1)], 1);
-}, c = [], l = /* @__PURE__ */ i(
-  o,
-  e,
-  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/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 +1 @@
-.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}
+.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}