@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta60

package/data-card-text/index.d.ts

@@ -0,0 +1,21 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {
+    icon(): any;
+    color(): any;
+    span(): any;
+    data(): any;
+}, {
+    itemClick(item: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    option: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/data-card-text/index.js

@@ -0,0 +1,67 @@
+import "../chunks/B1EPd8qV.js";
+import { t as e } from "../chunks/CZgfv08Q2.js";
+import { t } from "../chunks/Bmzc6Sbs2.js";
+import { t as n } from "../chunks/DqttRbt0.js";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, openBlock as l, renderList as u, toDisplayString as d, withCtx as f } from "vue";
+//#region src/components/data/cardText/DataCardText.vue
+var p = {
+	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);
+	} }
+}, m = { class: "data-card-text" }, h = { class: "item" }, g = [
+	"href",
+	"target",
+	"onClick"
+], _ = { class: "item-header" }, v = {
+	key: 0,
+	class: "item-content"
+}, y = {
+	key: 1,
+	class: "item-footer"
+};
+function b(n, p, b, x, S, C) {
+	let w = e, T = t;
+	return l(), o("div", m, [c(T, { span: 24 }, {
+		default: f(() => [(l(!0), o(r, null, u(C.data, (e, t) => (l(), i(w, {
+			key: t,
+			md: C.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: f(() => [s("div", h, [s("a", {
+				href: e.path ? "javascript:;" : e.href,
+				target: e.path ? "" : e.target,
+				onClick: (t) => C.itemClick(e)
+			}, [
+				s("div", _, d(e.title), 1),
+				e.content ? (l(), o("div", v, d(e.content), 1)) : a("v-if", !0),
+				e.name || e.date ? (l(), o("div", y, [s("span", null, d(e.name), 1), s("span", null, d(e.date), 1)])) : a("v-if", !0)
+			], 8, g)])]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var x = /* @__PURE__ */ n(p, [["render", b]]);
+//#endregion
+export { x as default };

package/data-card-text/style.css

@@ -0,0 +1 @@
+.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.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {
+    animation(): any;
+    decimals(): any;
+    span(): any;
+    data(): any;
+    color(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    option: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/data-display/index.js

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

package/data-display/style.css

@@ -0,0 +1 @@
+.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.d.ts

@@ -0,0 +1,21 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {
+    animation(): any;
+    decimals(): any;
+    span(): any;
+    data(): any;
+    color(): any;
+    discount(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    option: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/data-icons/index.js

@@ -0,0 +1,74 @@
+import "../chunks/B1EPd8qV.js";
+import { t as e } from "../chunks/CZgfv08Q2.js";
+import { t } from "../chunks/Bmzc6Sbs2.js";
+import { t as n } from "../chunks/DqttRbt0.js";
+import r from "../count-up/index.js";
+import { Fragment as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderList as f, toDisplayString as p, withCtx as m } from "vue";
+//#region src/components/data/icons/DataIcons.vue
+var h = {
+	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;
+		}
+	}
+}, g = { class: "data-icons" }, _ = [
+	"href",
+	"target",
+	"onClick"
+], v = { class: "item-info" };
+function y(n, h, y, b, x, S) {
+	let C = r, w = e, T = t;
+	return d(), o("div", g, [c(T, { span: 24 }, {
+		default: m(() => [(d(!0), o(i, null, f(S.data, (e, t) => (d(), a(w, {
+			key: t,
+			xs: 12,
+			sm: 6,
+			md: S.span
+		}, {
+			default: m(() => [s("div", { class: l(["item", [{ "item--easy": S.discount }]]) }, [s("a", {
+				href: e.href,
+				target: e.target,
+				onClick: (t) => e.click && e.click(e)
+			}, [s("div", {
+				class: "item-icon",
+				style: u({ color: S.color })
+			}, [s("i", { class: l(e.icon) }, null, 2)], 4), s("div", v, [s("span", null, p(e.title), 1), c(C, {
+				animation: e.animation || S.animation,
+				decimals: e.decimals || S.decimals,
+				style: u({ color: S.color }),
+				class: "count",
+				end: e.count
+			}, null, 8, [
+				"animation",
+				"decimals",
+				"style",
+				"end"
+			])])], 8, _)], 2)]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var b = /* @__PURE__ */ n(h, [["render", y]]);
+//#endregion
+export { b as default };

package/data-icons/style.css

@@ -0,0 +1 @@
+.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.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {
+    span(): any;
+    data(): any;
+    color(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    option: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/data-imgtext/index.js

@@ -0,0 +1,71 @@
+import "../chunks/B1EPd8qV.js";
+import { t as e } from "../chunks/gFFZEYaV.js";
+import { t } from "../chunks/CZgfv08Q2.js";
+import { t as n } from "../chunks/Bmzc6Sbs2.js";
+import { t as r } from "../chunks/DqttRbt0.js";
+import { Fragment as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, normalizeStyle as l, openBlock as u, renderList as d, toDisplayString as f, withCtx as p } from "vue";
+//#region src/components/data/imgText/DataImgtext.vue
+var m = {
+	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)";
+		}
+	}
+}, h = { class: "avue-data-imgtext" }, g = [
+	"href",
+	"target",
+	"onClick"
+], _ = { class: "item-header" }, v = ["src"], y = { class: "item-content" }, b = { class: "item-footer" }, x = { class: "time" }, S = { class: "imgs" }, C = ["src"];
+function w(r, m, w, T, E, D) {
+	let O = e, k = t, A = n;
+	return u(), o("div", h, [c(A, { span: 24 }, {
+		default: p(() => [(u(!0), o(i, null, d(D.data, (e, t) => (u(), a(k, {
+			key: t,
+			md: D.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: p(() => [s("div", {
+				class: "item",
+				style: l({ color: D.color })
+			}, [s("a", {
+				href: e.href,
+				target: e.target,
+				onClick: (t) => e.click && e.click(e)
+			}, [
+				s("div", _, [s("img", {
+					src: e.imgsrc,
+					alt: ""
+				}, null, 8, v)]),
+				s("div", y, [s("span", null, f(e.title), 1), s("p", null, f(e.content), 1)]),
+				s("div", b, [s("div", x, [s("span", null, f(e.time), 1)]), s("div", S, [s("ul", null, [(u(!0), o(i, null, d(e.headimg, (e, t) => (u(), o("li", { key: t }, [c(O, {
+					effect: "dark",
+					content: e.name,
+					placement: "top-start"
+				}, {
+					default: p(() => [s("img", {
+						src: e.src,
+						alt: ""
+					}, null, 8, C)]),
+					_: 2
+				}, 1032, ["content"])]))), 128))])])])
+			], 8, g)], 4)]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var T = /* @__PURE__ */ r(m, [["render", w]]);
+//#endregion
+export { T as default };

package/data-imgtext/style.css

@@ -0,0 +1 @@
+.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.d.ts

@@ -0,0 +1,17 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {
+    span(): any;
+    data(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    option: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/data-operatext/index.js

@@ -0,0 +1,54 @@
+import "../chunks/B1EPd8qV.js";
+import { t as e } from "../chunks/CZgfv08Q2.js";
+import { t } from "../chunks/Bmzc6Sbs2.js";
+import { t as n } from "../chunks/DqttRbt0.js";
+import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, normalizeStyle as c, openBlock as l, renderList as u, toDisplayString as d, withCtx as f } from "vue";
+//#region src/components/data/operaText/DataOperatext.vue
+var p = {
+	name: "DataOperatext",
+	props: { option: {
+		type: Object,
+		default: () => {}
+	} },
+	computed: {
+		span() {
+			return this.option.span || 6;
+		},
+		data() {
+			return this.option.data || [];
+		}
+	}
+}, m = { class: "avue-data-operatext" }, h = { class: "item" }, g = ["href", "onClick"], _ = { class: "item-title" }, v = { class: "item-subtitle" }, y = { class: "item-content" }, b = { class: "item-img" }, x = ["src"], S = { class: "item-list" }, C = { class: "item-label" }, w = { class: "item-value" };
+function T(n, p, T, E, D, O) {
+	let k = e, A = t;
+	return l(), a("div", m, [s(A, { span: 24 }, {
+		default: f(() => [(l(!0), a(r, null, u(O.data, (e, t) => (l(), i(k, {
+			key: t,
+			md: O.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: f(() => [o("div", h, [o("a", {
+				href: e.href,
+				onClick: (t) => e.click && e.click(e)
+			}, [o("div", {
+				class: "item-header",
+				style: c({
+					backgroundColor: e.color,
+					backgroundImage: `url(${e.colorImg})`
+				})
+			}, [o("span", _, d(e.title), 1), o("span", v, d(e.subtitle), 1)], 4), o("div", y, [o("div", b, [o("img", {
+				src: e.img,
+				alt: ""
+			}, null, 8, x)]), o("div", S, [(l(!0), a(r, null, u(e.list, (e, t) => (l(), a("div", {
+				key: t,
+				class: "item-row"
+			}, [o("span", C, d(e.label), 1), o("span", w, d(e.value), 1)]))), 128))])])], 8, g)])]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var E = /* @__PURE__ */ n(p, [["render", T]]);
+//#endregion
+export { E as default };

package/data-operatext/style.css

@@ -0,0 +1 @@
+.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.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {
+    decimals(): any;
+    animation(): any;
+    span(): any;
+    data(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    option: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/data-panel/index.js

@@ -0,0 +1,61 @@
+import "../chunks/B1EPd8qV.js";
+import { t as e } from "../chunks/CZgfv08Q2.js";
+import { t } from "../chunks/Bmzc6Sbs2.js";
+import { t as n } from "../chunks/DqttRbt0.js";
+import r from "../count-up/index.js";
+import { Fragment as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderList as f, toDisplayString as p, withCtx as m } from "vue";
+//#region src/components/data/panel/DataPanel.vue
+var h = {
+	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 || [];
+		}
+	}
+}, g = { class: "avue-data-panel" }, _ = ["href", "onClick"], v = { class: "item" }, y = { class: "item-icon" }, b = { class: "item-info" }, x = { class: "item-title" };
+function S(n, h, S, C, w, T) {
+	let E = r, D = e, O = t;
+	return d(), o("div", g, [c(O, { span: 24 }, {
+		default: m(() => [(d(!0), o(i, null, f(T.data, (e, t) => (d(), a(D, {
+			key: t,
+			md: T.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: m(() => [s("a", {
+				href: e.href,
+				onClick: (t) => e.click && e.click(e)
+			}, [s("div", v, [s("div", y, [s("i", {
+				class: l(e.icon),
+				style: u({ color: e.color })
+			}, null, 6)]), s("div", b, [s("div", x, p(e.title), 1), c(E, {
+				animation: e.animation || T.animation,
+				decimals: e.decimals || T.decimals,
+				class: "item-count",
+				end: e.count
+			}, null, 8, [
+				"animation",
+				"decimals",
+				"end"
+			])])])], 8, _)]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var C = /* @__PURE__ */ n(h, [["render", S]]);
+//#endregion
+export { C as default };

package/data-panel/style.css

@@ -0,0 +1 @@
+.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}

package/data-pay/index.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {
+    animation(): any;
+    decimals(): any;
+    span(): any;
+    data(): any;
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{}>, {
+    option: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;