@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta91

package/dialog-form/index.mjs

@@ -0,0 +1,154 @@
+import { def as e } from "../helper/avue.mjs";
+import { t } from "../chunks/B1MSrc6f.mjs";
+import { t as n } from "../chunks/V-Js6hNd.mjs";
+import { avueConfigContextKey as r } from "../constants/index.mjs";
+import { t as i } from "../chunks/Gh6td4HK.mjs";
+import { t as a } from "../chunks/CJ91sgqD.mjs";
+import { a as o } from "../chunks/CXHJqvbJ.mjs";
+import { ElDrawer as s } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createApp as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createTextVNode as f, createVNode as p, h as m, mergeProps as h, normalizeClass as g, onMounted as _, openBlock as v, provide as y, resolveDynamicComponent as b, toDisplayString as x, useTemplateRef as S, withCtx as C } from "vue";
+import { isEmpty as w } from "@web-utils/core";
+import "element-plus/es/components/drawer/style/css";
+//#region src/components/avue/dialog-form/DialogForm.vue
+var T = {
+	name: "DialogForm",
+	data() {
+		return {
+			opt: {},
+			disabled: !1,
+			callback: null,
+			visible: !1,
+			dialog: { closeOnClickModal: !1 },
+			isDrawer: !1,
+			option: {
+				submitText: "提交",
+				emptyText: "关闭",
+				submitIcon: "el-icon-check",
+				emptyIcon: "el-icon-close",
+				column: []
+			},
+			data: {}
+		};
+	},
+	computed: {
+		dialogType() {
+			return this.isDrawer ? s : n;
+		},
+		menuPosition() {
+			return this.opt.menuPosition || "center";
+		}
+	},
+	methods: {
+		isEmpty: w,
+		deepClone: o,
+		submit() {
+			this.$refs.form.submit();
+		},
+		reset() {
+			this.$refs.form.resetForm();
+		},
+		beforeClose(e) {
+			e(), this.close();
+		},
+		show(e) {
+			this.opt = e, this.callback = e.callback;
+			let t = o(e);
+			[
+				"callback",
+				"option",
+				"data"
+			].forEach((e) => delete t[e]), this.dialog = Object.assign(this.dialog, t), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, e.option), this.data = e.data, this.visible = !0;
+		},
+		close() {
+			let e = () => {
+				this.visible = !1, this.$el.remove();
+			};
+			typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(e) : e();
+		},
+		handleSubmit(e, t) {
+			var n;
+			(n = this.callback) == null || n.call(this, {
+				data: e,
+				close: this.close,
+				done: t
+			});
+		}
+	}
+};
+T.showForm = (t) => {
+	let n = c({ setup() {
+		let e = S("dialogForm");
+		return _(() => {
+			e.value.show(t);
+		}), () => m(T, { ref: "dialogForm" });
+	} });
+	y(r, e);
+	let i = document.createElement("div");
+	return document.body.appendChild(i), n.config.warnHandler = () => {}, n.onUnmount(() => {
+		document.body.removeChild(i);
+	}), n.mount(i), n;
+};
+var E = T;
+function D(e, t, n, r, o, s) {
+	let c = a, m = i;
+	return v(), l(b(e.dialogType), h({
+		"model-value": e.visible,
+		"onUpdate:modelValue": t[2] || (t[2] = (t) => e.visible = t),
+		"destroy-on-close": "",
+		class: "dialog-form",
+		"before-close": e.beforeClose
+	}, e.dialog), {
+		default: C(() => [p(c, {
+			ref: "form",
+			modelValue: e.data,
+			"onUpdate:modelValue": t[0] || (t[0] = (t) => e.data = t),
+			status: e.disabled,
+			"onUpdate:status": t[1] || (t[1] = (t) => e.disabled = t),
+			option: {
+				...e.deepClone(e.option),
+				menuBtn: !1
+			},
+			onSubmit: e.handleSubmit,
+			onResetChange: e.close
+		}, null, 8, [
+			"modelValue",
+			"status",
+			"option",
+			"onSubmit",
+			"onResetChange"
+		]), e.isEmpty(e.option.menuBtn, !0) ? (v(), d("span", {
+			key: 0,
+			class: g(["avue-dialog__footer", `avue-dialog__footer--${e.menuPosition}`])
+		}, [e.isEmpty(e.option.submitBtn, !0) ? (v(), l(m, {
+			key: 0,
+			icon: e.option.submitIcon,
+			loading: e.disabled,
+			type: "primary",
+			onClick: e.submit
+		}, {
+			default: C(() => [f(x(e.option.submitText), 1)]),
+			_: 1
+		}, 8, [
+			"icon",
+			"loading",
+			"onClick"
+		])) : u("v-if", !0), e.isEmpty(e.option.emptyBtn, !0) ? (v(), l(m, {
+			key: 1,
+			disabled: e.disabled,
+			icon: e.option.emptyIcon,
+			onClick: e.reset
+		}, {
+			default: C(() => [f(x(e.option.emptyText), 1)]),
+			_: 1
+		}, 8, [
+			"disabled",
+			"icon",
+			"onClick"
+		])) : u("v-if", !0)], 2)) : u("v-if", !0)]),
+		_: 1
+	}, 16, ["model-value", "before-close"]);
+}
+var O = /* @__PURE__ */ t(E, [["render", D]]);
+//#endregion
+export { O as default };

package/dialog-form/style.css

@@ -0,0 +1 @@
+.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body,.dialog-form .el-drawer__body{flex-direction:column;flex:auto;padding:0;display:flex}.dialog-form .element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body .avue-form,.dialog-form .el-drawer__body .avue-form{flex:auto}

package/dict-render/index.d.ts

@@ -0,0 +1,28 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    row: ObjectConstructor;
+    column: ObjectConstructor;
+    dictType: StringConstructor;
+    options: ArrayConstructor;
+    treeDict: BooleanConstructor;
+    idAsValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelAsValue: BooleanConstructor;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    row: ObjectConstructor;
+    column: ObjectConstructor;
+    dictType: StringConstructor;
+    options: ArrayConstructor;
+    treeDict: BooleanConstructor;
+    idAsValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelAsValue: BooleanConstructor;
+}>> & Readonly<{}>, {
+    labelAsValue: boolean;
+    treeDict: boolean;
+    idAsValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dict-render/index.mjs

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

package/e-charts/index.d.ts

@@ -0,0 +1,79 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    options: {
+        type: ObjectConstructor;
+    };
+    theme: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    initOptions: {
+        type: ObjectConstructor;
+    };
+    group: {
+        type: StringConstructor;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoResize: BooleanConstructor;
+    watchShallow: BooleanConstructor;
+    manualUpdate: BooleanConstructor;
+}>, {}, {
+    lastArea: number;
+}, {}, {
+    mergeOptions(options: any, notMerge: any, lazyUpdate: any): void;
+    appendData(params: any): void;
+    resize(options: any): void;
+    dispatchAction(payload: any): void;
+    convertToPixel(finder: any, value: any): any;
+    convertFromPixel(finder: any, value: any): any;
+    containPixel(finder: any, value: any): any;
+    showLoading(type: any, options: any): void;
+    hideLoading(): void;
+    getDataURL(options: any): any;
+    getConnectedDataURL(options: any): any;
+    clear(): void;
+    dispose(): void;
+    delegateMethod(name: any, ...args: any[]): any;
+    delegateGet(methodName: any): any;
+    getArea(): number;
+    init(options: any): void;
+    initOptionsWatcher(): void;
+    destroy(): void;
+    refresh(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    options: {
+        type: ObjectConstructor;
+    };
+    theme: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    initOptions: {
+        type: ObjectConstructor;
+    };
+    group: {
+        type: StringConstructor;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoResize: BooleanConstructor;
+    watchShallow: BooleanConstructor;
+    manualUpdate: BooleanConstructor;
+}>> & Readonly<{}>, {
+    width: string;
+    height: string;
+    autoResize: boolean;
+    watchShallow: boolean;
+    manualUpdate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/e-charts/index.mjs

@@ -0,0 +1,179 @@
+import { s as e } from "../chunks/ClVh1Lek.mjs";
+import { t } from "../chunks/B1MSrc6f.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.d.ts

@@ -0,0 +1,114 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /**
+     * 是否开启边界检测
+     */
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 显示点偏移量
+     */
+    offset: {
+        type: ObjectConstructor;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    /**
+     * 边界距离
+     */
+    borderWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 是否添加到 body
+     */
+    appendToBody: BooleanConstructor;
+    flexRow: BooleanConstructor;
+    flexColumn: BooleanConstructor;
+    /**
+     * 鼠标离开后隐藏
+     */
+    hideOnMouseLeave: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interactive: BooleanConstructor;
+}>, {}, {
+    /**
+     * 是否显示
+     */
+    visible: boolean;
+    rendered: boolean;
+    /**
+     * 触发点坐标
+     */
+    axis: {
+        x: number;
+        y: number;
+    };
+}, {
+    position(): {
+        top: string;
+        left: string;
+    };
+}, {
+    show({ clientX: x, clientY: y }: {
+        clientX: any;
+        clientY: any;
+    }): void;
+    hide(): void;
+    doHide(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * 是否开启边界检测
+     */
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 显示点偏移量
+     */
+    offset: {
+        type: ObjectConstructor;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    /**
+     * 边界距离
+     */
+    borderWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 是否添加到 body
+     */
+    appendToBody: BooleanConstructor;
+    flexRow: BooleanConstructor;
+    flexColumn: BooleanConstructor;
+    /**
+     * 鼠标离开后隐藏
+     */
+    hideOnMouseLeave: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interactive: BooleanConstructor;
+}>> & Readonly<{}>, {
+    offset: Record<string, any>;
+    appendToBody: boolean;
+    border: boolean;
+    borderWidth: number;
+    flexRow: boolean;
+    flexColumn: boolean;
+    interactive: boolean;
+    hideOnMouseLeave: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/easy-popup/index.mjs

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