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

package/data-progress/index.mjs

@@ -0,0 +1,72 @@
+import "../chunks/CjjJimnU.mjs";
+import { t as e } from "../chunks/FeuisuNY2.mjs";
+import { t } from "../chunks/DLgn1tQG2.mjs";
+import { t as n } from "../chunks/cMuWbLPt.mjs";
+import { t as r } from "../chunks/BwYEpK-u.mjs";
+import i from "../count-up/index.mjs";
+import { Fragment as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, openBlock as u, renderList as d, toDisplayString as f, withCtx as p } from "vue";
+//#region src/components/data/progress/DataProgress.vue
+var m = {
+	name: "DataProgress",
+	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 || [];
+		}
+	}
+}, h = { class: "data-progress" }, g = { class: "item" }, _ = [
+	"href",
+	"target",
+	"onClick"
+], v = { class: "item-header" }, y = ["textContent"];
+function b(r, m, b, x, S, C) {
+	let w = i, T = n, E = e, D = t;
+	return u(), s("div", h, [l(D, { span: 24 }, {
+		default: p(() => [(u(!0), s(a, null, d(C.data, (e, t) => (u(), o(E, {
+			key: t,
+			md: C.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: p(() => [c("div", g, [c("a", {
+				href: e.href,
+				target: e.target,
+				onClick: (t) => e.click && e.click(e)
+			}, [c("div", v, [l(w, {
+				class: "item-count",
+				animation: e.animation || C.animation,
+				decimals: e.decimals || C.decimals,
+				end: e.count
+			}, null, 8, [
+				"animation",
+				"decimals",
+				"end"
+			]), c("div", {
+				class: "item-title",
+				textContent: f(e.title)
+			}, null, 8, y)]), l(T, {
+				"stroke-width": 15,
+				percentage: e.count,
+				color: e.color,
+				"show-text": !1
+			}, null, 8, ["percentage", "color"])], 8, _)])]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var x = /* @__PURE__ */ r(m, [["render", b]]);
+//#endregion
+export { x as default };

package/data-progress/style.css

@@ -0,0 +1 @@
+.data-progress{width:100%}.data-progress .item{margin:10px}.data-progress .item a{text-decoration:none}.data-progress .item a:visited{color:inherit}.data-progress .item-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.data-progress .item-count{color:#666;font-size:26px;line-height:26px}.data-progress .item-title{color:#999;font-size:14px}

package/data-rotate/index.mjs

@@ -0,0 +1,65 @@
+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, createTextVNode as c, createVNode as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, toDisplayString as m, withCtx as h } from "vue";
+//#region src/components/data/rotate/DataRotate.vue
+var g = {
+	name: "DataRotate",
+	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 || [];
+		}
+	}
+}, _ = { class: "avue-data-rotate" }, v = { class: "item-box" }, y = { class: "item-title" }, b = ["href", "onClick"];
+function x(n, g, x, S, C, w) {
+	let T = r, E = e, D = t;
+	return f(), o("div", _, [l(D, { span: 24 }, {
+		default: h(() => [(f(!0), o(i, null, p(w.data, (e, t) => (f(), a(E, {
+			key: t,
+			md: w.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: h(() => [s("div", {
+				class: "item",
+				style: d({ backgroundColor: e.color })
+			}, [s("div", v, [
+				l(T, {
+					class: "item-count",
+					decimals: e.decimals || w.decimals,
+					animation: e.animation || w.animation,
+					end: e.count
+				}, null, 8, [
+					"decimals",
+					"animation",
+					"end"
+				]),
+				s("span", y, m(e.title), 1),
+				s("i", { class: u(["item-icon", e.icon]) }, null, 2)
+			]), s("a", {
+				href: e.href,
+				onClick: (t) => e.click && e.click(e)
+			}, [...g[0] || (g[0] = [s("p", { class: "item-more" }, [c(" 更多 "), s("i", { class: "el-icon-arrow-right" })], -1)])], 8, b)], 4)]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var S = /* @__PURE__ */ n(g, [["render", x]]);
+//#endregion
+export { S as default };

package/data-rotate/style.css

@@ -0,0 +1 @@
+.avue-data-rotate{width:100%}.avue-data-rotate .item{box-sizing:border-box;color:#fff;border-radius:3px;margin:5px 10px;position:relative}.avue-data-rotate .item-box{padding:10px 20px}.avue-data-rotate .item-count{white-space:nowrap;margin-bottom:5px;font-size:38px;font-weight:300;display:block}.avue-data-rotate .item-title{font-size:15px}.avue-data-rotate .item-icon{color:#00000026;font-size:65px;transition:all .3s linear;position:absolute;top:20px;right:20px}.avue-data-rotate .item-icon:hover{font-size:70px}.avue-data-rotate .item-more{z-index:10;color:#fffc;letter-spacing:2px;text-align:center;background:#0000001a;padding:3px 0;font-size:14px;text-decoration:none;display:block;position:relative}

package/data-table-picker/index.mjs

@@ -0,0 +1,118 @@
+import "../chunks/CjjJimnU.mjs";
+import { t as e } from "../chunks/49634Q2N2.mjs";
+import { t } from "../chunks/CPejK_GQ2.mjs";
+import { t as n } from "../chunks/BCVhSMZN.mjs";
+import { t as r } from "../chunks/BwYEpK-u.mjs";
+import { createBlock as i, createTextVNode as a, createVNode as o, openBlock as s, renderSlot as c, withCtx as l } from "vue";
+//#region src/components/DataTablePicker.vue
+var u = {
+	name: "DataTablePicker",
+	props: {
+		visible: Boolean,
+		api: Function,
+		columns: Array,
+		title: String,
+		width: {
+			type: String,
+			default: "60vw"
+		},
+		height: {
+			type: String,
+			default: null
+		},
+		model: {
+			type: Object,
+			default: () => {}
+		},
+		multiple: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["confirm"],
+	data() {
+		return {
+			selectedRows: [],
+			currentRow: null
+		};
+	},
+	methods: {
+		selectionChange(e) {
+			this.selectedRows = e;
+		},
+		currentChange(e) {
+			this.currentRow = e;
+		},
+		toggleRowSelection(e) {
+			this.$refs.pageableTable.$refs.table.toggleRowSelection(e);
+		},
+		close() {
+			this.$refs.dialog.hide();
+		},
+		confirm() {
+			if (this.multiple) {
+				var e;
+				(e = this.selectedRows) != null && e.length ? (this.$emit("confirm", this.selectedRows), this.close()) : this.$message.warning("请选择");
+			} else this.currentRow ? (this.$emit("confirm", this.currentRow), this.close()) : this.$message.warning("请选择");
+		}
+	}
+};
+function d(r, u, d, f, p, m) {
+	let h = n, g = e, _ = t;
+	return s(), i(_, {
+		ref: "dialog",
+		visible: d.visible,
+		title: d.title,
+		width: d.width,
+		height: d.height,
+		embed: "",
+		"flex-column": "",
+		onClose: m.close
+	}, {
+		default: l(() => [c(r.$slots, "search-form"), o(h, {
+			ref: "pageableTable",
+			"highlight-current-row": "",
+			"hide-on-single-page": "",
+			style: { height: "60vh" },
+			model: d.model,
+			columns: d.columns,
+			api: d.api,
+			"row-class-name": "pointer",
+			multiple: d.multiple,
+			onSelectionChange: m.selectionChange,
+			onRowClick: m.toggleRowSelection,
+			onCurrentChange: m.currentChange
+		}, {
+			default: l(() => [c(r.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"model",
+			"columns",
+			"api",
+			"multiple",
+			"onSelectionChange",
+			"onRowClick",
+			"onCurrentChange"
+		])]),
+		footer: l(() => [o(g, {
+			type: "primary",
+			onClick: m.confirm
+		}, {
+			default: l(() => [...u[0] || (u[0] = [a("确 定", -1)])]),
+			_: 1
+		}, 8, ["onClick"]), o(g, { onClick: m.close }, {
+			default: l(() => [...u[1] || (u[1] = [a("关 闭", -1)])]),
+			_: 1
+		}, 8, ["onClick"])]),
+		_: 3
+	}, 8, [
+		"visible",
+		"title",
+		"width",
+		"height",
+		"onClose"
+	]);
+}
+var f = /* @__PURE__ */ r(u, [["render", d]]);
+//#endregion
+export { f as default };

package/data-tabs/index.mjs

@@ -0,0 +1,71 @@
+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/tabs/DataTabs.vue
+var m = {
+	name: "DataTabs",
+	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 || [];
+		}
+	}
+}, h = { class: "avue-data-tabs" }, g = [
+	"href",
+	"target",
+	"onClick"
+], _ = { class: "item-header" }, v = { class: "item-body" }, y = { class: "item-footer" }, b = { class: "item-tip" };
+function x(n, m, x, S, C, w) {
+	let T = r, E = e, D = t;
+	return u(), o("div", h, [c(D, { span: 24 }, {
+		default: p(() => [(u(!0), o(i, null, d(w.data, (e, t) => (u(), a(E, {
+			key: t,
+			md: w.span,
+			xs: 24,
+			sm: 12
+		}, {
+			default: p(() => [s("div", {
+				class: "item",
+				style: l({ background: e.color })
+			}, [s("a", {
+				href: e.href,
+				target: e.target,
+				onClick: (t) => e.click && e.click(e)
+			}, [
+				s("div", _, [s("p", null, f(e.title), 1), s("span", null, f(e.subtitle), 1)]),
+				s("div", v, [c(T, {
+					class: "h2",
+					decimals: e.decimals || w.decimals,
+					animation: e.animation || w.animation,
+					end: e.count
+				}, null, 8, [
+					"decimals",
+					"animation",
+					"end"
+				])]),
+				s("div", y, [s("span", null, f(e.allcount), 1), s("p", null, f(e.text), 1)]),
+				s("p", b, f(e.key), 1)
+			], 8, g)], 4)]),
+			_: 2
+		}, 1032, ["md"]))), 128))]),
+		_: 1
+	})]);
+}
+var S = /* @__PURE__ */ n(m, [["render", x]]);
+//#endregion
+export { S as default };

package/data-tabs/style.css

@@ -0,0 +1 @@
+.avue-data-tabs{width:100%}.avue-data-tabs .item{box-sizing:border-box;color:#fff;border-radius:4px;height:160px;margin:15px;padding:12px;position:relative;overflow:hidden}.avue-data-tabs .item a{color:#fff}.avue-data-tabs .item-header{position:relative}.avue-data-tabs .item-header>p{color:#fff;margin:0;font-size:14px}.avue-data-tabs .item-header>span{background:#ffffff4d;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;top:0;right:0}.avue-data-tabs .item-body .h2{color:#fff;margin:0;font-size:32px;font-weight:700;line-height:60px}.avue-data-tabs .item-footer{padding-top:8px;line-height:20px}.avue-data-tabs .item-footer>span{font-size:10px}.avue-data-tabs .item-footer>p{color:#fff;margin:0;font-size:12px}.avue-data-tabs .item-tip{opacity:.1;border:2px solid #fff;border-radius:100%;justify-content:center;align-items:center;width:80px;height:80px;font-size:48px;display:flex;position:absolute;bottom:10px;right:10px;transform:rotate(-40deg)}

package/dict-render/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/BVuwiZGi.mjs";
+export { e as default };

package/e-charts/index.mjs

@@ -0,0 +1,179 @@
+import { s as e } from "../chunks/D-hj62se2.mjs";
+import { t } from "../chunks/BwYEpK-u.mjs";
+import { createElementBlock as n, normalizeStyle as r, openBlock as i } from "vue";
+import { isString as a } from "@web-utils/core";
+import { debounce as o } from "@web-utils/integrations/lodash";
+import * as s from "echarts/core";
+import { addListener as c, removeListener as l } from "resize-detector";
+//#region src/components/ECharts.vue
+var u = [
+	"theme",
+	"initOptions",
+	"autoResize"
+], d = ["manualUpdate", "watchShallow"], f = {
+	name: "ECharts",
+	props: {
+		options: { type: Object },
+		theme: { type: [String, Object] },
+		initOptions: { type: Object },
+		group: { type: String },
+		width: {
+			type: String,
+			default: "100%"
+		},
+		height: {
+			type: String,
+			default: "100%"
+		},
+		autoResize: Boolean,
+		watchShallow: Boolean,
+		manualUpdate: Boolean
+	},
+	data() {
+		return { lastArea: 0 };
+	},
+	watch: { group(e) {
+		this.chart.group = e;
+	} },
+	created() {
+		this.initOptionsWatcher(), u.forEach((e) => {
+			this.$watch(e, () => {
+				this.refresh();
+			}, { deep: !0 });
+		}), d.forEach((e) => {
+			this.$watch(e, () => {
+				this.initOptionsWatcher(), this.refresh();
+			});
+		});
+	},
+	mounted() {
+		this.options && this.init();
+	},
+	activated() {
+		if (this.autoResize) {
+			var e;
+			(e = this.chart) == null || e.resize();
+		}
+	},
+	unmounted() {
+		this.chart && this.destroy();
+	},
+	methods: {
+		mergeOptions(e, t, n) {
+			this.manualUpdate && (this.manualOptions = e), this.chart ? this.delegateMethod("setOption", e, t, n) : this.init(e);
+		},
+		appendData(e) {
+			this.delegateMethod("appendData", e);
+		},
+		resize(e) {
+			this.delegateMethod("resize", e);
+		},
+		dispatchAction(e) {
+			this.delegateMethod("dispatchAction", e);
+		},
+		convertToPixel(e, t) {
+			return this.delegateMethod("convertToPixel", e, t);
+		},
+		convertFromPixel(e, t) {
+			return this.delegateMethod("convertFromPixel", e, t);
+		},
+		containPixel(e, t) {
+			return this.delegateMethod("containPixel", e, t);
+		},
+		showLoading(e, t) {
+			this.delegateMethod("showLoading", e, t);
+		},
+		hideLoading() {
+			this.delegateMethod("hideLoading");
+		},
+		getDataURL(e) {
+			return this.delegateMethod("getDataURL", e);
+		},
+		getConnectedDataURL(e) {
+			return this.delegateMethod("getConnectedDataURL", e);
+		},
+		clear() {
+			this.delegateMethod("clear");
+		},
+		dispose() {
+			this.delegateMethod("dispose");
+		},
+		delegateMethod(e, ...t) {
+			return this.chart || this.init(), this.chart[e](...t);
+		},
+		delegateGet(e) {
+			return this.chart || this.init(), this.chart[e]();
+		},
+		getArea() {
+			return this.$el.offsetWidth * this.$el.offsetHeight;
+		},
+		init(t) {
+			if (this.chart) return;
+			let n = s.init(this.$el, this.theme, this.initOptions);
+			this.group && (n.group = this.group), n.setOption(t || this.manualOptions || this.options || {}, !0);
+			let r = e(this.$attrs);
+			Object.keys(r).forEach((e) => {
+				let t = r[e];
+				e.indexOf("zr:") === 0 ? n.getZr().on(e.slice(3), t) : n.on(e, t);
+			}), this.autoResize && (this.lastArea = this.getArea(), this.__resizeHandler = o(() => {
+				this.lastArea === 0 ? (this.mergeOptions({}, !0), this.resize(), this.mergeOptions(this.options || this.manualOptions || {}, !0)) : this.resize(), this.lastArea = this.getArea();
+			}, 100, { leading: !0 }), c(this.$el, this.__resizeHandler)), Object.defineProperties(this, {
+				width: {
+					configurable: !0,
+					get: () => this.delegateGet("getWidth")
+				},
+				height: {
+					configurable: !0,
+					get: () => this.delegateGet("getHeight")
+				},
+				isDisposed: {
+					configurable: !0,
+					get: () => !!this.delegateGet("isDisposed")
+				},
+				computedOptions: {
+					configurable: !0,
+					get: () => this.delegateGet("getOption")
+				}
+			}), this.chart = n;
+		},
+		initOptionsWatcher() {
+			this.__unwatchOptions && (this.__unwatchOptions(), this.__unwatchOptions = null), this.manualUpdate || (this.__unwatchOptions = this.$watch("options", (e, t) => {
+				!this.chart && e ? this.init() : this.chart.setOption(e, e !== t);
+			}, { deep: !this.watchShallow }));
+		},
+		destroy() {
+			this.autoResize && l(this.$el, this.__resizeHandler), this.dispose(), this.chart = null;
+		},
+		refresh() {
+			this.chart && (this.destroy(), this.init());
+		}
+	},
+	connect(e) {
+		a(e) || (e = e.map((e) => e.chart)), s.connect(e);
+	},
+	disconnect(e) {
+		s.disConnect(e);
+	},
+	getMap(e) {
+		return s.getMap(e);
+	},
+	registerMap(e, t, n) {
+		s.registerMap(e, t, n);
+	},
+	registerTheme(e, t) {
+		s.registerTheme(e, t);
+	},
+	graphic: s.graphic
+};
+function p(e, t, a, o, s, c) {
+	return i(), n("div", {
+		class: "echarts",
+		style: r({
+			width: a.width,
+			height: a.height
+		})
+	}, null, 4);
+}
+var m = /* @__PURE__ */ t(f, [["render", p]]);
+//#endregion
+export { m as default };

package/e-charts/style.css

@@ -0,0 +1 @@
+.echarts{width:100%;height:100%}

package/easy-popup/index.mjs

@@ -0,0 +1,92 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import { Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c, vShow as l, withCtx as u, withDirectives as d } from "vue";
+import { getComputedHeight as f, getComputedWidth as p } from "@web-utils/core";
+//#region src/components/EasyPopup.vue
+var m = {
+	name: "EasyPopup",
+	props: {
+		border: {
+			type: Boolean,
+			default: !0
+		},
+		offset: {
+			type: Object,
+			default: () => ({
+				x: 6,
+				y: 2
+			})
+		},
+		borderWidth: {
+			type: Number,
+			default: 6
+		},
+		appendToBody: Boolean,
+		flexRow: Boolean,
+		flexColumn: Boolean,
+		hideOnMouseLeave: {
+			type: Boolean,
+			default: !0
+		},
+		interactive: Boolean
+	},
+	data() {
+		return {
+			visible: !1,
+			rendered: !1,
+			axis: {
+				x: 0,
+				y: 0
+			}
+		};
+	},
+	computed: { position() {
+		return {
+			top: `${this.axis.y + this.offset.y}px`,
+			left: `${this.axis.x + this.offset.x}px`
+		};
+	} },
+	watch: { async axis() {
+		if (this.border) {
+			await this.$nextTick();
+			let e = p(this.$refs.container), t = f(this.$refs.container), n = document.body.offsetWidth, r = document.body.offsetHeight;
+			this.axis.x + this.offset.x + e >= n && (this.axis.x = n - e - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + t >= r && (this.axis.y = r - t - this.borderWidth - this.offset.y);
+		}
+	} },
+	unmounted() {
+		this.$el.remove();
+	},
+	methods: {
+		show({ clientX: e, clientY: t }) {
+			this.axis = {
+				x: e,
+				y: t
+			}, this.visible || (document.addEventListener("click", this.doHide, !0), this.rendered = !0, this.visible = !0), this.appendToBody && document.body.appendChild(this.$el);
+		},
+		hide() {
+			this.visible = !1, document.removeEventListener("click", this.doHide);
+		},
+		doHide(e) {
+			this.interactive && this.$el.contains(e.target) || this.hide();
+		}
+	}
+};
+function h(e, f, p, m, h, g) {
+	return s(), n(t, { name: "easy-popup" }, {
+		default: u(() => [h.rendered ? d((s(), i("div", {
+			key: 0,
+			ref: "container",
+			class: a(["easy-popup", {
+				"easy-popup__visible": h.visible,
+				"easy-popup__hide": !h.visible,
+				"flex-row": p.flexRow,
+				"flex-column": p.flexColumn
+			}]),
+			style: o(g.position),
+			onMouseleave: f[0] || (f[0] = (e) => p.hideOnMouseLeave ? g.hide() : null)
+		}, [c(e.$slots, "default")], 38)), [[l, h.visible]]) : r("v-if", !0)]),
+		_: 3
+	});
+}
+var g = /* @__PURE__ */ e(m, [["render", h]]);
+//#endregion
+export { g as default };

package/easy-popup/style.css

@@ -0,0 +1 @@
+.easy-popup{z-index:9999;background:#fff;border:1px solid #ebeef5;border-radius:4px;width:300px;min-height:200px;padding:12px;position:fixed;box-shadow:0 2px 12px #0000001a}@keyframes easy-popup-zoom-in{0%{opacity:0;transform:scale3d(0,0,0)}to{opacity:1}}.easy-popup-enter-active,.easy-popup-enter{animation:.2s easy-popup-zoom-in}@keyframes easy-popup-zoom-out{0%{opacity:1}to{opacity:0;transform:scale3d(0,0,0)}}.easy-popup-leave-active,.easy-popup-leave{animation:.2s easy-popup-zoom-out}