@web-utils/form-ui 1.0.0-beta86 → 1.0.0-beta87

package/data-table-picker/index.mjs

@@ -1,11 +1,11 @@
-import { t as e } from "../chunks/B1MSrc6f.mjs";
-import { t } from "../chunks/V-Js6hNd.mjs";
-import { t as n } from "../chunks/HFLY8Wla.mjs";
-import { ElButton as r, ElMessage as i } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
+import "../chunks/B2vpUK0j.mjs";
+import "../chunks/cvUTkWmm.mjs";
+import { _ as e } from "../chunks/b58kljs82.mjs";
+import { t } from "../chunks/DeXyq_xW2.mjs";
+import { t as n } from "../chunks/Bs8cIxmy.mjs";
+import { t as r } from "../chunks/hFCEXdXW.mjs";
+import { t as i } from "../chunks/BVSJF8GY.mjs";
 import { createBlock as a, createTextVNode as o, createVNode as s, openBlock as c, renderSlot as l, withCtx as u } from "vue";
-import "element-plus/es/components/message/style/css";
-import "element-plus/es/components/button/style/css";
 //#region src/components/DataTablePicker.vue
 var d = {
 	name: "DataTablePicker",
@@ -53,14 +53,14 @@ var d = {
 		},
 		confirm() {
 			if (this.multiple) {
-				var e;
-				(e = this.selectedRows) != null && e.length ? (this.$emit("confirm", this.selectedRows), this.close()) : i.warning("请选择");
-			} else this.currentRow ? (this.$emit("confirm", this.currentRow), this.close()) : i.warning("请选择");
+				var t;
+				(t = this.selectedRows) != null && t.length ? (this.$emit("confirm", this.selectedRows), this.close()) : e.warning("请选择");
+			} else this.currentRow ? (this.$emit("confirm", this.currentRow), this.close()) : e.warning("请选择");
 		}
 	}
 };
-function f(e, i, d, f, p, m) {
-	let h = n, g = r, _ = t;
+function f(e, r, d, f, p, m) {
+	let h = i, g = t, _ = n;
 	return c(), a(_, {
 		ref: "dialog",
 		visible: d.visible,
@@ -100,10 +100,10 @@ function f(e, i, d, f, p, m) {
 			type: "primary",
 			onClick: m.confirm
 		}, {
-			default: u(() => [...i[0] || (i[0] = [o("确 定", -1)])]),
+			default: u(() => [...r[0] || (r[0] = [o("确 定", -1)])]),
 			_: 1
 		}, 8, ["onClick"]), s(g, { onClick: m.close }, {
-			default: u(() => [...i[1] || (i[1] = [o("关 闭", -1)])]),
+			default: u(() => [...r[1] || (r[1] = [o("关 闭", -1)])]),
 			_: 1
 		}, 8, ["onClick"])]),
 		_: 3
@@ -115,6 +115,6 @@ function f(e, i, d, f, p, m) {
 		"onClose"
 	]);
 }
-var p = /* @__PURE__ */ e(d, [["render", f]]);
+var p = /* @__PURE__ */ r(d, [["render", f]]);
 //#endregion
 export { p as default };

package/data-tabs/index.mjs

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

package/dialog-form/index.d.ts

@@ -0,0 +1,4 @@
+export default DialogForm;
+declare namespace DialogForm {
+    function showForm(opt: any): import("vue").App<Element>;
+}

package/dialog-form/index.mjs

@@ -0,0 +1,154 @@
+import "../chunks/B2vpUK0j.mjs";
+import "../chunks/cvUTkWmm.mjs";
+import { t as e } from "../chunks/DsSXjU752.mjs";
+import { t } from "../chunks/Bs8cIxmy.mjs";
+import { t as n } from "../chunks/HQd8AhfS.mjs";
+import { def as r } from "../helper/avue.mjs";
+import { t as i } from "../chunks/hFCEXdXW.mjs";
+import { avueConfigContextKey as a } from "../constants/index.mjs";
+import { t as o } from "../chunks/_wUx1zSH2.mjs";
+import { a as s } from "../chunks/DdkcOQQ02.mjs";
+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";
+//#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 ? n : t;
+		},
+		menuPosition() {
+			return this.opt.menuPosition || "center";
+		}
+	},
+	methods: {
+		isEmpty: w,
+		deepClone: s,
+		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 = s(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 = (e) => {
+	let t = c({ setup() {
+		let t = S("dialogForm");
+		return _(() => {
+			t.value.show(e);
+		}), () => m(T, { ref: "dialogForm" });
+	} });
+	y(a, r);
+	let n = document.createElement("div");
+	return document.body.appendChild(n), t.config.warnHandler = () => {}, t.onUnmount(() => {
+		document.body.removeChild(n);
+	}), t.mount(n), t;
+};
+var E = T;
+function D(t, n, r, i, a, s) {
+	let c = e, m = o;
+	return v(), l(b(t.dialogType), h({
+		"model-value": t.visible,
+		"onUpdate:modelValue": n[2] || (n[2] = (e) => t.visible = e),
+		"destroy-on-close": "",
+		class: "dialog-form",
+		"before-close": t.beforeClose
+	}, t.dialog), {
+		default: C(() => [p(c, {
+			ref: "form",
+			modelValue: t.data,
+			"onUpdate:modelValue": n[0] || (n[0] = (e) => t.data = e),
+			status: t.disabled,
+			"onUpdate:status": n[1] || (n[1] = (e) => t.disabled = e),
+			option: {
+				...t.deepClone(t.option),
+				menuBtn: !1
+			},
+			onSubmit: t.handleSubmit,
+			onResetChange: t.close
+		}, null, 8, [
+			"modelValue",
+			"status",
+			"option",
+			"onSubmit",
+			"onResetChange"
+		]), t.isEmpty(t.option.menuBtn, !0) ? (v(), d("span", {
+			key: 0,
+			class: g(["avue-dialog__footer", `avue-dialog__footer--${t.menuPosition}`])
+		}, [t.isEmpty(t.option.submitBtn, !0) ? (v(), l(m, {
+			key: 0,
+			icon: t.option.submitIcon,
+			loading: t.disabled,
+			type: "primary",
+			onClick: t.submit
+		}, {
+			default: C(() => [f(x(t.option.submitText), 1)]),
+			_: 1
+		}, 8, [
+			"icon",
+			"loading",
+			"onClick"
+		])) : u("v-if", !0), t.isEmpty(t.option.emptyBtn, !0) ? (v(), l(m, {
+			key: 1,
+			disabled: t.disabled,
+			icon: t.option.emptyIcon,
+			onClick: t.reset
+		}, {
+			default: C(() => [f(x(t.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__ */ i(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.mjs

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

package/e-charts/index.mjs

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

package/easy-popup/index.mjs

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

package/editable-progress/index.mjs

@@ -1,9 +1,9 @@
-import { t as e } from "../chunks/B1MSrc6f.mjs";
-import { ElProgress as t, ElSlider as n } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
+import "../chunks/B2vpUK0j.mjs";
+import "../chunks/cvUTkWmm.mjs";
+import { t as e } from "../chunks/BBbwcaCo.mjs";
+import { t } from "../chunks/7OAy-mrx.mjs";
+import { t as n } from "../chunks/hFCEXdXW.mjs";
 import { createBlock as r, createCommentVNode as i, createElementBlock as a, createVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l, vShow as u, withDirectives as d } from "vue";
-import "element-plus/es/components/progress/style/css";
-import "element-plus/es/components/slider/style/css";
 //#region src/components/EditableProgress.vue
 var f = {
 	name: "EditableProgress",
@@ -74,8 +74,8 @@ var f = {
 		}
 	}
 };
-function p(e, f, p, m, h, g) {
-	let _ = t, v = n;
+function p(n, f, p, m, h, g) {
+	let _ = e, v = t;
 	return l(), a("div", {
 		class: "editable-progress",
 		onMouseover: f[1] || (f[1] = (...e) => g.onMouseOver && g.onMouseOver(...e)),
@@ -116,6 +116,6 @@ function p(e, f, p, m, h, g) {
 		"onChange"
 	])), [[u, h.slider]])], 32);
 }
-var m = /* @__PURE__ */ e(f, [["render", p]]);
+var m = /* @__PURE__ */ n(f, [["render", p]]);
 //#endregion
 export { m as default };