@web-utils/form-ui 1.0.0-beta57 → 1.0.0-beta59

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.d.ts

@@ -0,0 +1,49 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    element: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: ObjectConstructor;
+    theme: {
+        type: StringConstructor;
+        default: string;
+    };
+    onLoadMore: FunctionConstructor;
+    onScroll: FunctionConstructor;
+    reverse: BooleanConstructor;
+}>, {}, {
+    scrollTop: number;
+}, {
+    innerOptions(): Record<string, any> & {
+        scrollbars: {
+            autoHide: string;
+            autoHideDelay: number;
+            theme: string;
+        };
+    };
+}, {
+    initialized(instance: any): void;
+    scrollBottom(): void;
+    getScroller(): any;
+    getScrollHeight(): any;
+    setScrollTop(scrollTop: any): void;
+    internalScroll(instance: any, event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    element: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: ObjectConstructor;
+    theme: {
+        type: StringConstructor;
+        default: string;
+    };
+    onLoadMore: FunctionConstructor;
+    onScroll: FunctionConstructor;
+    reverse: BooleanConstructor;
+}>> & Readonly<{}>, {
+    reverse: boolean;
+    theme: string;
+    element: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _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.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;

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}

package/data-card/index.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    option: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+}>, {}, {}, {
+    span(): any;
+    data(): any;
+    colorText(): any;
+    bgText(): any;
+    borderColor(): 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-card/index.mjs

@@ -0,0 +1,63 @@
+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 { 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/card/DataCard.vue
+var p = {
+	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";
+		}
+	}
+}, m = { class: "data-card" }, h = { class: "item" }, g = [
+	"href",
+	"target",
+	"onClick"
+], _ = ["src"];
+function v(n, p, v, y, b, x) {
+	let S = e, C = t;
+	return l(), a("div", m, [s(C, { span: 24 }, {
+		default: f(() => [(l(!0), a(r, null, u(x.data, (e, t) => (l(), i(S, {
+			key: t,
+			md: x.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: f(() => [o("div", h, [o("a", {
+				href: e.href,
+				target: e.target,
+				onClick: (t) => e.click && e.click(e)
+			}, [o("img", {
+				src: e.src,
+				class: "item-img",
+				alt: ""
+			}, null, 8, _), o("div", {
+				class: "item-text",
+				style: c({ backgroundColor: x.bgText })
+			}, [o("h3", { style: c({ color: x.colorText }) }, d(e.name), 5), o("p", { style: c({ color: x.colorText }) }, d(e.text), 5)], 4)], 8, g)])]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var y = /* @__PURE__ */ n(p, [["render", v]]);
+//#endregion
+export { y as default };

package/data-card/style.css

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

@@ -0,0 +1,67 @@
+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 { 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.mjs

@@ -0,0 +1,73 @@
+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, 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;