@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta70

package/code-mirror-editor/index.mjs

@@ -0,0 +1,99 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+import i from "codemirror";
+import "codemirror/lib/codemirror.css";
+import "codemirror/theme/idea.css";
+import "codemirror/mode/javascript/javascript";
+import "codemirror/addon/edit/matchbrackets";
+import "codemirror/addon/fold/foldgutter.css";
+import "codemirror/addon/fold/foldcode";
+import "codemirror/addon/fold/brace-fold";
+import "codemirror/addon/fold/comment-fold";
+import "codemirror/addon/fold/foldgutter";
+//#region src/components/code-mirror/CodeMirrorEditor.vue
+var a = {
+	name: "CodeMirrorEditor",
+	inject: {
+		elForm: { default: "" },
+		elFormItem: { default: "" }
+	},
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		mode: {
+			type: String,
+			default: "javascript"
+		},
+		theme: {
+			type: String,
+			default: "idea"
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		formator: Function,
+		outputTranformer: Function
+	},
+	emits: ["update:modelValue"],
+	watch: { modelValue(e) {
+		if (this.formator) {
+			var t, n;
+			(t = this.editor) == null || t.setValue((n = this) == null ? void 0 : n.formator(e));
+		} else {
+			var r;
+			(r = this.editor) == null || r.setValue(e);
+		}
+	} },
+	mounted() {
+		if (this.editor = i.fromTextArea(this.$refs.editor, {
+			mode: this.mode,
+			theme: this.theme,
+			tabSize: 2,
+			indentUnit: 2,
+			lint: !0,
+			foldGutter: !0,
+			lineNumbers: !0,
+			smartIndent: !0,
+			readOnly: this.disabled,
+			lineWrapping: !0,
+			matchBrackets: !0
+		}), this.formator) {
+			var e;
+			this.editor.setValue((e = this) == null ? void 0 : e.formator(this.modelValue));
+		} else this.editor.setValue(this.modelValue);
+		this.editor.on("blur", this.change), this.editor.on("focus", this.focus), this.editor.setOption("extraKeys", { "Ctrl-Alt-L"(e) {
+			if (this.formator) {
+				var t;
+				e.setValue((t = this) == null ? void 0 : t.formator(e.getValue()), null, 1);
+			}
+		} });
+	},
+	beforeUnmount() {
+		var e, t;
+		(e = this.editor) == null || e.off("blur", this.change), (t = this.editor) == null || t.toTextArea();
+	},
+	methods: {
+		focus() {
+			var e, t;
+			(e = (t = this.elFormItem).clearValidate) == null || e.call(t);
+		},
+		change() {
+			if (this.outputTranformer) {
+				var e;
+				this.$emit("update:modelValue", this.outputTranformer((e = this.editor) == null ? void 0 : e.getValue()));
+			} else {
+				var t;
+				this.$emit("update:modelValue", (t = this.editor) == null ? void 0 : t.getValue());
+			}
+		}
+	}
+}, o = { class: "code-mirror-editor" }, s = { ref: "editor" };
+function c(e, i, a, c, l, u) {
+	return r(), t("div", o, [n("textarea", s, null, 512)]);
+}
+var l = /* @__PURE__ */ e(a, [["render", c]]);
+//#endregion
+export { l as default };

package/code-mirror-editor/style.css

@@ -0,0 +1 @@
+.code-mirror-editor{line-height:normal}.code-mirror-editor .CodeMirror{border:1px solid #dcdfe6;border-radius:4px;overflow:hidden}.code-mirror-editor .CodeMirror.CodeMirror-focused{border-color:#e34e55}

package/confirm-button/index.mjs

@@ -0,0 +1,35 @@
+import { t as e } from "../chunks/DStwh2ne.mjs";
+//#region src/components/button/ConfirmButton.vue
+var t = {
+	name: "ConfirmButton",
+	mixins: [e, { props: {
+		type: {
+			type: String,
+			default: "danger"
+		},
+		size: String,
+		icon: {
+			type: String,
+			default: ""
+		},
+		nativeType: {
+			type: String,
+			default: "button"
+		},
+		loading: Boolean,
+		disabled: Boolean,
+		plain: Boolean,
+		autofocus: Boolean,
+		round: Boolean,
+		text: {
+			type: String,
+			default: "删除"
+		},
+		tag: {
+			type: String,
+			default: "ElButton"
+		}
+	} }]
+};
+//#endregion
+export { t as default };

package/confirmable/index.mjs

@@ -0,0 +1,8 @@
+import { t as e } from "../chunks/DStwh2ne.mjs";
+//#region src/components/button/Confirmable.vue
+var t = {
+	name: "Confirmable",
+	mixins: [e]
+};
+//#endregion
+export { t as default };

package/constants/index.d.ts

@@ -0,0 +1,73 @@
+import { InjectionKey, ComputedRef } from 'vue';
+export declare const formHolderContextKey: InjectionKey<{
+    /** 表单实例的响应式引用 */
+    tableForm: boolean;
+    /** 是否禁用整个表单的响应式引用 */
+    disabled: boolean;
+    /** 启用的字段列表的响应式引用 */
+    enabledFields: string[];
+    /** 必填字段列表的响应式引用 */
+    requiredFields: string[];
+    /** 启用字段的映射表的响应式引用，用于快速查找字段状态 */
+    enabledFieldsMap: Record<string, boolean | undefined>;
+    /** 禁用字段的映射表的响应式引用，用于快速查找字段状态 */
+    disabledFieldsMap: Record<string, boolean | undefined>;
+    /** 必填字段的映射表的响应式引用，用于快速查找字段状态 */
+    requiredFieldsMap: Record<string, boolean | undefined>;
+    /** 禁用字段列表的响应式引用 */
+    disabledFields: string[];
+    /** 滚动到第一个必填字段的方法 */
+    scrollIntoRequiredField: () => Promise<void> | any;
+    /** 表单的模板引用，用于直接访问DOM元素或组件实例 */
+    formRef: unknown;
+    /** 验证整个表单的方法，返回Promise以便支持异步验证 */
+    validate: () => Promise<void> | any;
+    /** 验证指定字段的方法 */
+    validateField: () => any;
+    /** 重置所有表单字段到初始值的方法 */
+    resetFields: () => any;
+    /** 滚动到指定字段的方法 */
+    scrollToField: () => any;
+    /** 清除所有验证错误信息的方法 */
+    clearValidate: () => any;
+    /** 获取指定字段实例的方法 */
+    getField: () => any;
+    /** 设置表单初始值的方法 */
+    setInitialValues: () => any;
+    /** 获取所有字段实例的方法 */
+    getFields: () => any;
+}>;
+export declare const formItemGroupContextKey: InjectionKey<{
+    disabled: boolean;
+    enabled: boolean;
+    isDisabled: boolean;
+    size: string;
+}>;
+export declare const formItemConfigProviderContextKey: InjectionKey<{
+    reactive: boolean;
+    block: boolean;
+    wrapCol: boolean;
+}>;
+export declare const formViewContextKey: InjectionKey<{
+    formCardStyle: object;
+    addGroup: (group: any) => void;
+    removeGroup: (group: any) => void;
+    tableForm: boolean;
+    printing: boolean;
+}>;
+export declare const formEntityContextKey: unique symbol;
+export declare const formItemConfigContextKey: unique symbol;
+export declare const flowContextKey: InjectionKey<{
+    formComments: object[];
+}>;
+export declare const toolbarContextKey: InjectionKey<{
+    footer: boolean;
+}>;
+export declare const tableViewContextKey: unique symbol;
+export declare const pageableTableContextKey: InjectionKey<{
+    records: ComputedRef<object[]>;
+}>;
+export declare const columnSizeContextKey: unique symbol;
+export declare const columnsContextKey: unique symbol;
+export declare const setColumnSizeContextKey: unique symbol;
+export declare const cellClickHandlerContextKey: unique symbol;

package/constants/index.mjs

@@ -0,0 +1,4 @@
+//#region src/constants/index.ts
+var e = Symbol("formHolder"), t = Symbol("formItemGroup"), n = Symbol("formItemConfigProvider"), r = Symbol("formView"), i = Symbol("formEntity"), a = Symbol("formItemConfig"), o = Symbol("flowContext"), s = Symbol("toolbar"), c = Symbol("tableView"), l = Symbol("pageableTable"), u = Symbol("columnSize"), d = Symbol("columns"), f = Symbol("setColumnSize"), p = Symbol("cellClickHandler");
+//#endregion
+export { p as cellClickHandlerContextKey, u as columnSizeContextKey, d as columnsContextKey, o as flowContextKey, i as formEntityContextKey, e as formHolderContextKey, a as formItemConfigContextKey, n as formItemConfigProviderContextKey, t as formItemGroupContextKey, r as formViewContextKey, l as pageableTableContextKey, f as setColumnSizeContextKey, c as tableViewContextKey, s as toolbarContextKey };

package/context-menu/index.mjs

@@ -0,0 +1,196 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderList as c, toDisplayString as l } from "vue";
+//#region src/components/ContextMenu.vue
+var u = {
+	name: "ContextMenu",
+	props: {
+		list: {
+			type: Array,
+			required: !0
+		},
+		underline: Boolean,
+		appendToBody: Boolean,
+		arrow: {
+			type: Boolean,
+			default: !0
+		},
+		border: {
+			type: Boolean,
+			default: !0
+		},
+		itemWidth: {
+			type: Number,
+			default: 140
+		},
+		itemHeight: {
+			type: Number,
+			default: 36
+		},
+		itemFontSize: {
+			type: [Number, String],
+			default: 12
+		},
+		offset: {
+			type: Object,
+			default: () => ({
+				x: 6,
+				y: 2
+			})
+		},
+		borderWidth: {
+			type: Number,
+			default: 6
+		}
+	},
+	emits: ["on-item-click"],
+	data() {
+		return {
+			visible: !1,
+			rendered: !1,
+			axis: {
+				x: 0,
+				y: 0
+			}
+		};
+	},
+	computed: {
+		axisComputed() {
+			return {
+				top: `${this.axis.y + this.offset.y}px`,
+				left: `${this.axis.x + this.offset.x}px`,
+				display: this.visible ? "block" : "none"
+			};
+		},
+		liStyle() {
+			return {
+				width: `${this.itemWidth}px`,
+				height: `${this.itemHeight}px`,
+				lineHeight: `${this.itemHeight}px`,
+				fontSize: `${this.itemFontSize}px`
+			};
+		},
+		firstLeft() {
+			let e = document.body.offsetWidth;
+			return this.axis.x + this.itemWidth * 2 >= e;
+		},
+		secondLeft() {
+			let e = document.body.offsetWidth;
+			return this.axis.x + this.itemWidth * 3 >= e;
+		}
+	},
+	watch: { axis() {
+		if (this.border) {
+			let e = document.body.offsetWidth, t = document.body.offsetHeight;
+			this.axis.x + this.offset.x + this.itemWidth >= e && (this.axis.x = e - this.itemWidth - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + this.itemHeight * this.list.length >= t && (this.axis.y = t - this.itemHeight * this.list.length - this.borderWidth - this.offset.y);
+		}
+	} },
+	unmounted() {
+		var e;
+		this.appendToBody && (e = this.$el) != null && e.parentNode && this.$el.parentNode.removeChild(this.$el);
+	},
+	methods: {
+		secondBorderCheck(e) {
+			let t = document.body.offsetWidth, n = document.body.offsetHeight, r = this.axis.y + (e + this.list[e].children.length) * this.itemHeight;
+			return {
+				left: this.axis.x + this.itemWidth * 2 >= t ? "-100%" : "100%",
+				top: n >= r ? 0 : `${-(this.list[e].children.length - 1) * this.itemHeight}px`
+			};
+		},
+		thirdBorderCheck(e, t) {
+			let n = document.body.offsetWidth, r = document.body.offsetHeight, i = this.axis.y + this.list[e].children[t].children.length * this.itemHeight + (e + t) * this.itemHeight + parseInt(this.secondBorderCheck(e).top);
+			return {
+				left: this.axis.x + this.itemWidth * 3 >= n ? "-100%" : "100%",
+				top: i > r ? `${-(this.list[e].children[t].children.length - 1) * this.itemHeight}px` : 0
+			};
+		},
+		show(e) {
+			document.addEventListener("click", this.hide, !0), this.axis = {
+				x: e.clientX,
+				y: e.clientY
+			}, this.rendered = !0, this.visible = !0, this.appendToBody && document.body.appendChild(this.$el);
+		},
+		hide() {
+			this.visible = !1, document.removeEventListener("click", this.hide);
+		},
+		onItemClick(e, t) {
+			this.$emit("on-item-click", e, t);
+		}
+	}
+}, d = {
+	"aria-hidden": "true",
+	style: {
+		position: "absolute",
+		width: "0",
+		height: "0",
+		overflow: "hidden"
+	}
+}, f = ["onClick"], p = { class: "cm-item-label" }, m = {
+	key: 0,
+	class: "icon",
+	"aria-hidden": "true"
+}, h = ["onClick"], g = { class: "cm-item-label" }, _ = {
+	key: 0,
+	class: "icon",
+	"aria-hidden": "true"
+}, v = ["onClick"], y = { class: "cm-item-label" };
+function b(e, u, b, x, S, C) {
+	return S.rendered ? (s(), r("div", {
+		key: 0,
+		class: "cm-container",
+		style: o(C.axisComputed)
+	}, [
+		n("图标"),
+		(s(), r("svg", d, [...u[0] || (u[0] = [i("symbol", {
+			id: "icon-arrow",
+			viewBox: "0 0 1024 1024"
+		}, [i("path", { d: "M288.791335 65.582671l446.41733 446.417329-446.41733 446.417329z" })], -1)])])),
+		n("一级菜单"),
+		i("ul", { class: a(["cm-ul cm-ul-1 easy-cm-ul", b.underline ? "cm-underline" : ""]) }, [(s(!0), r(t, null, c(b.list, (e, d) => (s(), r("li", {
+			key: d,
+			style: o(C.liStyle)
+		}, [
+			i("div", {
+				class: a(C.firstLeft ? "cm-left" : ""),
+				onClick: (t) => C.onItemClick(e, [d])
+			}, [
+				i("i", { class: a(["cm-item-icon", e.icon]) }, null, 2),
+				i("span", p, l(e.text), 1),
+				b.arrow && e.children && e.children.length > 0 ? (s(), r("svg", m, [...u[1] || (u[1] = [i("use", { "xlink:href": "#icon-arrow" }, null, -1)])])) : n("v-if", !0)
+			], 10, f),
+			n("二级菜单"),
+			e.children && e.children.length > 0 ? (s(), r("ul", {
+				key: 0,
+				class: a(["cm-ul cm-ul-2 easy-cm-ul", b.underline ? "cm-underline" : ""]),
+				style: o(C.secondBorderCheck(d))
+			}, [(s(!0), r(t, null, c(e.children, (e, f) => (s(), r("li", {
+				key: f,
+				style: o(C.liStyle)
+			}, [
+				i("div", {
+					class: a(C.secondLeft ? "cm-left" : ""),
+					onClick: (t) => C.onItemClick(e, [d, f])
+				}, [
+					i("i", { class: a(["cm-item-icon", e.icon]) }, null, 2),
+					i("span", g, l(e.text), 1),
+					b.arrow && e.children && e.children.length > 0 ? (s(), r("svg", _, [...u[2] || (u[2] = [i("use", { "xlink:href": "#icon-arrow" }, null, -1)])])) : n("v-if", !0)
+				], 10, h),
+				n("三级菜单"),
+				e.children && e.children.length > 0 ? (s(), r("ul", {
+					key: 0,
+					class: a(["cm-ul cm-ul-3 easy-cm-ul", b.underline ? "cm-underline" : ""]),
+					style: o(C.thirdBorderCheck(d, f))
+				}, [(s(!0), r(t, null, c(e.children, (e, t) => (s(), r("li", {
+					key: t,
+					style: o(C.liStyle)
+				}, [i("div", { onClick: (n) => C.onItemClick(e, [
+					d,
+					f,
+					t
+				]) }, [i("i", { class: a(["cm-item-icon", e.icon]) }, null, 2), i("span", y, l(e.text), 1)], 8, v)], 4))), 128))], 6)) : n("v-if", !0)
+			], 4))), 128))], 6)) : n("v-if", !0)
+		], 4))), 128))], 2)
+	], 4)) : n("v-if", !0);
+}
+var x = /* @__PURE__ */ e(u, [["render", b]]);
+//#endregion
+export { x as default };

package/context-menu/style.css

@@ -0,0 +1 @@
+.cm-container{z-index:9999;-webkit-user-select:none;user-select:none;position:fixed}.cm-container .icon{vertical-align:-.15em;fill:currentColor;width:.9em;height:.9em;position:absolute;top:50%;right:0;overflow:hidden;transform:translateY(-50%)}.cm-container .cm-item-icon{margin-right:4px}.cm-container .cm-ul{color:#2e2e2e;background-color:#fff;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 0 1px #666}.cm-container .cm-ul li{box-sizing:border-box;text-align:left;cursor:pointer;width:100%;position:relative}.cm-container .cm-ul li:hover>ul{display:block}.cm-container .cm-ul li div{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;width:100%;height:100%;padding:0 .8em;display:inline-block;position:relative;overflow:hidden}.cm-container .cm-ul li i{text-align:center;width:1em;font-size:1.3em;display:inline-block}.cm-container .cm-ul li div:hover{color:#fff;background-color:#666}.cm-container .cm-ul-2,.cm-container .cm-ul-3{z-index:10000;display:none;position:absolute;top:0}.cm-container .cm-left svg{left:0;transform:translateY(-50%)rotate(180deg)}.cm-container .cm-underline li div:after{z-index:10001;content:"";background-color:#ccc;width:90%;height:1px;position:absolute;top:0;left:5%}.cm-container .cm-underline li div:hover:after,.cm-container .cm-underline>li:first-child>div:after{display:none}

package/count-up/index.mjs

@@ -0,0 +1,94 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { createElementBlock as t, openBlock as n, toDisplayString as r } from "vue";
+import { CountUp as i } from "countup.js";
+//#region src/components/count-up/CountUp.vue
+var a = {
+	name: "CountUp",
+	props: {
+		animation: {
+			type: Boolean,
+			default: !0
+		},
+		start: {
+			type: [Number, String],
+			default: 0
+		},
+		end: {
+			type: [Number, String],
+			required: !0
+		},
+		decimals: {
+			type: Number,
+			default: 0
+		},
+		duration: {
+			type: Number,
+			default: 2
+		},
+		options: {
+			type: Object,
+			default() {
+				return {};
+			}
+		},
+		callback: {
+			type: Function,
+			default: () => {}
+		}
+	},
+	watch: {
+		decimals() {
+			var e;
+			(e = this.countUp) == null || e.update(this.end);
+		},
+		end(e) {
+			var t;
+			(t = this.countUp) == null || t.update(e);
+		}
+	},
+	mounted() {
+		this.animation && this.init();
+	},
+	beforeUnmount() {
+		this.destroy();
+	},
+	methods: {
+		init() {
+			this.countUp || (this.countUp = new i(this.$el, this.end, {
+				...this.options,
+				decimal: this.decimals,
+				duration: this.duration,
+				startVal: this.start
+			}), this.countUp.start(() => {
+				this.callback(this.countUp);
+			}));
+		},
+		destroy() {
+			this.countUp = null;
+		}
+	},
+	start(e) {
+		var t;
+		(t = this.countUp) == null || t.start(() => {
+			e == null || e(this.countUp);
+		});
+	},
+	pauseResume() {
+		var e;
+		(e = this.countUp) == null || e.pauseResume();
+	},
+	reset() {
+		var e;
+		(e = this.countUp) == null || e.reset();
+	},
+	update(e) {
+		var t;
+		(t = this.countUp) == null || t.update(e);
+	}
+};
+function o(e, i, a, o, s, c) {
+	return n(), t("span", null, r(a.end), 1);
+}
+var s = /* @__PURE__ */ e(a, [["render", o]]);
+//#endregion
+export { s as default };

package/custom-scrollbar/index.mjs

@@ -0,0 +1,93 @@
+import { t as e } from "../chunks/BwYEpK-u.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

@@ -0,0 +1,68 @@
+import "../chunks/CjjJimnU.mjs";
+import { t as e } from "../chunks/FeuisuNY2.mjs";
+import { t } from "../chunks/DLgn1tQG2.mjs";
+import { t as n } from "../chunks/BwYEpK-u.mjs";
+import r from "../count-up/index.mjs";
+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/box/DataBox.vue
+var h = {
+	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 || [];
+		}
+	}
+}, g = { class: "data-box" }, _ = { class: "item" }, v = [
+	"href",
+	"target",
+	"onClick"
+], y = { class: "item-info" }, b = { class: "info" };
+function x(n, h, x, S, C, w) {
+	let T = r, E = e, D = t;
+	return d(), o("div", g, [c(D, { span: 24 }, {
+		default: m(() => [(d(!0), o(i, null, f(w.data, (e, t) => (d(), a(E, {
+			key: t,
+			md: w.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: m(() => [s("div", _, [s("a", {
+				href: e.href,
+				target: e.target,
+				onClick: (t) => e.click && e.click(e)
+			}, [s("div", {
+				class: "item-icon",
+				style: u({ backgroundColor: e.color })
+			}, [s("i", { class: l(e.icon) }, null, 2)], 4), s("div", y, [c(T, {
+				animation: e.animation || w.animation,
+				decimals: e.decimals || w.decimals,
+				style: u({ color: e.color }),
+				class: "title",
+				end: e.count
+			}, null, 8, [
+				"animation",
+				"decimals",
+				"style",
+				"end"
+			]), s("div", b, p(e.title), 1)])], 8, v)])]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var S = /* @__PURE__ */ n(h, [["render", x]]);
+//#endregion
+export { S as default };

package/data-box/style.css

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