@web-utils/form-ui 1.0.0-beta5 → 1.0.0-beta51

package/chunks/gLPy4Sus.mjs

@@ -0,0 +1,164 @@
+import { d as e } from "./DcTVYqeJ.mjs";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, getCurrentInstance as s, mergeModels as c, mergeProps as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, toHandlers as h, unref as g, useModel as _, useTemplateRef as v, withCtx as y, withModifiers as b } from "vue";
+import { ElDialog as x } from "element-plus/es";
+//#region src/components/dialog/props.ts
+var S = {
+	modelValue: {
+		type: Boolean,
+		default: !1
+	},
+	title: {
+		type: String,
+		default: ""
+	},
+	width: [String, Number],
+	fullscreen: {
+		type: Boolean,
+		default: !1
+	},
+	top: {
+		type: String,
+		default: ""
+	},
+	modal: {
+		type: Boolean,
+		default: !0
+	},
+	modalPenetrable: {
+		type: Boolean,
+		default: !1
+	},
+	modalClass: String,
+	headerClass: String,
+	bodyClass: String,
+	footerClass: String,
+	appendToBody: {
+		type: Boolean,
+		default: !0
+	},
+	appendTo: [String, Object],
+	lockScroll: {
+		type: Boolean,
+		default: !0
+	},
+	openDelay: {
+		type: Number,
+		default: 0
+	},
+	closeDelay: {
+		type: Number,
+		default: 0
+	},
+	closeOnClickModal: { type: Boolean },
+	closeOnPressEscape: {
+		type: Boolean,
+		default: !0
+	},
+	showClose: {
+		type: Boolean,
+		default: !0
+	},
+	beforeClose: Function,
+	draggable: {
+		type: Boolean,
+		default: !0
+	},
+	overflow: {
+		type: Boolean,
+		default: !1
+	},
+	center: {
+		type: Boolean,
+		default: !1
+	},
+	alignCenter: {
+		type: Boolean,
+		default: !1
+	},
+	destroyOnClose: {
+		type: Boolean,
+		default: !1
+	},
+	closeIcon: [String, Object],
+	zIndex: Number,
+	headerAriaLevel: {
+		type: String,
+		default: "2"
+	},
+	transition: [String, Object],
+	customClass: {
+		type: String,
+		default: ""
+	},
+	height: String,
+	embed: Boolean,
+	showFullscreen: Boolean,
+	showFullScreen: Boolean
+}, C = {
+	embed: !0,
+	height: !0,
+	showFullscreen: !0,
+	showFullScreen: !0,
+	fullscreen: !0,
+	showClose: !0
+}, w = (e) => C[e] !== !0, T = { class: "dialog-title" }, E = { class: "dialog-header-buttons" }, D = /* @__PURE__ */ Object.assign({ name: "ElementDialog" }, {
+	__name: "ElementDialog",
+	props: /* @__PURE__ */ c({ ...S }, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ c({ "toggle-fullscreen": null }, ["update:modelValue"]),
+	setup(c, { expose: S, emit: C }) {
+		let D = _(c, "modelValue"), O = c, k = C, { autoBindProps: A, listeners: j } = e(O, {
+			predicate: w,
+			removeOn: !0
+		}), M = v("dialog"), N = f(O.fullscreen), P = () => {
+			N.value = !N.value, k("toggle-fullscreen", N.value);
+		}, F = t(() => N.value ? "100%" : O.height), I = s(), L = () => {
+			O.embed ? (I.parent.emit("update:visible", !1), I.parent.emit("update:modelValue", !1)) : M.value.handleClose();
+		};
+		return S({
+			close: L,
+			hide: L
+		}), (e, t) => {
+			let s = x;
+			return d(), n(s, l({
+				ref: "dialog",
+				modelValue: D.value,
+				"onUpdate:modelValue": t[0] || (t[0] = (e) => D.value = e)
+			}, g(A), {
+				"show-close": !1,
+				fullscreen: g(N),
+				style: { "--dialog-body-height": g(F) }
+			}, h(g(j))), o({
+				header: y(() => [r(" @slot 对话框标题的内容；会替换标题部分，但会移除关闭按钮 "), p(e.$slots, "header", {}, () => [a("div", T, m(e.title), 1), a("div", E, [e.showFullscreen || e.showFullScreen ? (d(), i("i", {
+					key: 0,
+					class: u(["dialog-header-button", {
+						"el-icon-full-screen": !e.fullscreen,
+						"el-icon-copy-document": e.fullscreen
+					}]),
+					onClick: b(P, ["stop"])
+				}, null, 2)) : r("v-if", !0), e.showClose ? (d(), i("i", {
+					key: 1,
+					class: "dialog-header-button el-icon-close",
+					onClick: b(L, ["stop"])
+				})) : r("v-if", !0)])])]),
+				default: y(() => [r(" @slot 对话框的默认内容 "), p(e.$slots, "default")]),
+				_: 2
+			}, [e.$slots.footer ? {
+				name: "footer",
+				fn: y(() => [r(" @slot Dialog 按钮操作区的内容 "), p(e.$slots, "footer", { close: L })]),
+				key: "0"
+			} : void 0]), 1040, [
+				"modelValue",
+				"fullscreen",
+				"style"
+			]);
+		};
+	}
+});
+//#endregion
+export { D as t };

package/chunks/hlha6Bhc.mjs

@@ -0,0 +1,107 @@
+import { formItemGroupContextKey as e, formViewContextKey as t } from "../constants/index.mjs";
+import n from "../empty-view/index.mjs";
+import { Fragment as r, computed as i, createTextVNode as a, createVNode as o, h as s, inject as c, isVNode as l, onBeforeUnmount as u, onMounted as d, provide as f, reactive as p, ref as m, toRef as h, toRefs as g, useTemplateRef as _, vShow as v, watchEffect as y, withDirectives as b } from "vue";
+import { ElCol as x, ElCollapseTransition as S } from "element-plus";
+import { ElRow as C } from "element-plus/es";
+//#region src/components/form/FormItemGroup.vue?vue&type=script&lang.jsx
+function w(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
+}
+//#endregion
+//#region src/components/form/FormItemGroup.vue
+var T = {
+	name: "FormItemGroup",
+	props: {
+		blockTitle: String,
+		tips: String,
+		active: Boolean,
+		enabled: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		tag: {
+			type: String,
+			default: "ElCol"
+		},
+		span: {
+			type: Number,
+			default: 24
+		},
+		block: {
+			type: Boolean,
+			default: !0
+		},
+		wrapRow: {
+			type: Boolean,
+			default: !0
+		},
+		gutter: {
+			type: Number,
+			default: 20
+		},
+		collapse: Boolean,
+		showTitle: {
+			type: Boolean,
+			default: !0
+		},
+		notDispatch: Boolean
+	},
+	setup(l, { expose: T, slots: E }) {
+		let D = c(t, null), O = _("root"), k = m(!0), A = h(() => l.enabled), j = h(() => l.disabled), M = i(() => l.enabled === !0 ? !1 : l.disabled === !0), N = i(() => l.tag === "ElCol"), P = () => k.value = !k.value, F = p({
+			el: h(() => N.value ? O.value.$el : O.value),
+			disabled: j,
+			enabled: A,
+			isDisabled: M,
+			open: () => {
+				k.value = !0;
+			},
+			expand: k,
+			...g(l)
+		});
+		return y(() => {
+			k.value = !l.collapse;
+		}), f(e, F), d(() => {
+			l.notDispatch || D == null || D.addGroup(F);
+		}), u(() => {
+			l.notDispatch || D == null || D.removeGroup(F);
+		}), T(F), () => {
+			let e = () => {
+				var e;
+				return o(r, null, [b(o("div", {
+					class: "form-item-group-title",
+					onClick: P
+				}, [o("span", {
+					class: "flex-item",
+					style: "flex: 1"
+				}, [
+					E.title ? E.title() : l.blockTitle,
+					E.tips || l.tips ? o("span", { style: "color: #ff0000; font-size: 14px" }, [
+						a("("),
+						E.tips ? E.tips() : l.tips,
+						a(")")
+					]) : null,
+					(e = E["title-right"]) == null ? void 0 : e.call(E)
+				]), o("i", { class: k.value ? "el-icon-arrow-down" : "el-icon-arrow-right" }, null)]), [[v, l.showTitle]]), o(S, null, { default: () => {
+					let e;
+					return E.default ? l.wrapRow ? b(o(C, { gutter: l.gutter }, w(e = E.default()) ? e : { default: () => [e] }), [[v, k.value]]) : b(o("div", null, [E.default()]), [[v, k.value]]) : b(o(n, {
+						"font-size": "14px",
+						"empty-tips": "暂无信息"
+					}, null), [[v, k.value]]);
+				} })]);
+			}, t = {
+				ref: "root",
+				class: ["form-item-group", {
+					"default-active": l.active,
+					"is-disabled": M.value
+				}]
+			};
+			return N.value && (t.span = l.block ? 24 : l.span), s(N.value ? x : "div", t, N.value ? e : e());
+		};
+	}
+};
+//#endregion
+export { T as t };

package/chunks/pIzhYsBe.mjs

@@ -0,0 +1,93 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n } from "./CJdkjadi.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElSlider as o } from "element-plus/es";
+//#region src/components/form/props/slide.ts
+var s = {
+	...n,
+	modelValue: [Number, Array],
+	min: {
+		type: Number,
+		default: 0
+	},
+	max: {
+		type: Number,
+		default: 100
+	},
+	step: [Number, String],
+	showInput: {
+		type: Boolean,
+		default: !1
+	},
+	showInputControls: {
+		type: Boolean,
+		default: !0
+	},
+	size: {
+		type: String,
+		default: "default"
+	},
+	inputSize: {
+		type: String,
+		default: "default"
+	},
+	showStops: {
+		type: Boolean,
+		default: !1
+	},
+	showTooltip: {
+		type: Boolean,
+		default: !0
+	},
+	formatTooltip: Function,
+	range: {
+		type: Boolean,
+		default: !1
+	},
+	vertical: {
+		type: Boolean,
+		default: !1
+	},
+	height: String,
+	ariaLabel: String,
+	rangeStartLabel: String,
+	rangeEndLabel: String,
+	formatValueText: Function,
+	tooltipClass: String,
+	placement: {
+		type: String,
+		default: "top"
+	},
+	marks: Object,
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	persistent: {
+		type: Boolean,
+		default: !0
+	}
+}, c = {
+	modelValue: !0,
+	disabled: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormSlider",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let u = a(t, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: s,
+			predicate: l,
+			attrs: c
+		});
+		return () => d({ vNodes: r(o, i(p.value, m.value, {
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			disabled: f.value
+		}), null) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/wDS9KBFw.mjs

@@ -0,0 +1,67 @@
+import { a as e } from "./DcTVYqeJ.mjs";
+import { t } from "./DOZRzqlo.mjs";
+import { cellClickHandlerContextKey as n } from "../constants/index.mjs";
+import { t as r } from "./BBERmTup.mjs";
+import { createVNode as i, inject as a, mergeProps as o } from "vue";
+import { ElTableColumn as s } from "element-plus/es";
+//#region src/components/table/TableColumn.vue?vue&type=script&lang.jsx
+var c = {
+	selection: !0,
+	"single-selection": !0,
+	index: !0,
+	expand: !0
+}, l = (e, t, n, r, i) => {
+	e == null || e(t, n, r, i);
+}, u = (e) => {
+	let t = e.target;
+	for (; t && t.tagName.toUpperCase() !== "HTML";) {
+		if (t.tagName.toUpperCase() === "TD") return t;
+		t = t.parentNode;
+	}
+	return null;
+}, d = () => {}, f = (t) => !e(t).length, p = {
+	name: "TableColumn",
+	props: { ...r },
+	setup(e, { slots: r, attrs: p }) {
+		let m = a(n, null);
+		return () => {
+			let { clickable: n, cellClick: a, ...h } = e, g, _ = c[e.type];
+			if (!_) {
+				let o = n || p.onClick || a;
+				(o || e.dictType || e.options) && (g = (n) => {
+					var s;
+					let { row: c, column: h } = n, g = o ? (e) => {
+						let t = u(e);
+						if (p.onClick || a) {
+							var n;
+							(n = p.onClick) == null || n.call(p, c, h, c, h, t, e), a == null || a(c, h, c, h, t, e);
+						} else l(m, c, h, t, e);
+					} : d, _ = r == null || (s = r.default) == null ? void 0 : s.call(r, n);
+					return f(_) && (_ = null), (e.dictType || e.options) && !_ ? i(t, {
+						class: { "is-clickable": o },
+						onClick: g,
+						row: c,
+						column: h,
+						dictType: e.dictType,
+						treeDict: e.treeDict,
+						idAsValue: e.idAsValue,
+						labelAsValue: e.labelAsValue,
+						options: e.options
+					}, null) : o ? i("span", {
+						class: "is-clickable",
+						onClick: g
+					}, [_ || (c == null ? void 0 : c[h == null ? void 0 : h.property])]) : _;
+				});
+			}
+			return i(s, o(h, {
+				key: p.filterable,
+				showOverflowTooltip: _ ? !1 : h.showOverflowTooltip
+			}), {
+				...r,
+				default: g || r.default
+			});
+		};
+	}
+};
+//#endregion
+export { p as t };

package/chunks/wXeqV-_7.mjs

@@ -0,0 +1,89 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n } from "./CJdkjadi.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElCheckbox as o } from "element-plus/es";
+//#region src/components/form/props/checkbox.ts
+var s = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean
+	],
+	value: [
+		String,
+		Number,
+		Boolean,
+		Object
+	],
+	labelValue: [
+		String,
+		Number,
+		Boolean,
+		Object
+	],
+	trueValue: {
+		type: [String, Number],
+		default: "1"
+	},
+	falseValue: {
+		type: [String, Number],
+		default: "0"
+	},
+	border: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	name: String,
+	checked: {
+		type: Boolean,
+		default: !1
+	},
+	indeterminate: {
+		type: Boolean,
+		default: !1
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	tabindex: [String, Number],
+	id: String,
+	ariaControls: String,
+	ariaLabel: String,
+	trueLabel: {
+		type: [String, Number],
+		default: "1"
+	},
+	falseLabel: {
+		type: [String, Number],
+		default: "0"
+	},
+	controls: String
+}, c = {
+	modelValue: !0,
+	disabled: !0,
+	labelValue: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormCheckbox",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let u = a(t, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			predicate: l
+		});
+		return () => d({ vNodes: r(o, i(m.value, p.value, {
+			label: t.labelValue,
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			disabled: f.value
+		}), { default: s.default }) });
+	}
+};
+//#endregion
+export { u as t };

package/confirm-button/index.d.ts

@@ -0,0 +1,122 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    stop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prevent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: StringConstructor;
+    confirmable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmType: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadable: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: StringConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    stop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prevent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    message: StringConstructor;
+    confirmable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmText: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmType: {
+        type: StringConstructor;
+        default: string;
+    };
+    confirmTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadable: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: StringConstructor;
+}>> & Readonly<{}>, {
+    text: string;
+    stop: boolean;
+    prevent: boolean;
+    loadable: boolean;
+    loadingText: string;
+    confirmable: boolean;
+    confirmType: string;
+    confirmText: string;
+    confirmTitle: string;
+    tag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | {
+    props: {
+        type: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: StringConstructor;
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+        nativeType: {
+            type: StringConstructor;
+            default: string;
+        };
+        loading: BooleanConstructor;
+        disabled: BooleanConstructor;
+        plain: BooleanConstructor;
+        autofocus: BooleanConstructor;
+        round: BooleanConstructor;
+        text: {
+            type: StringConstructor;
+            default: string;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+    };
+}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/confirm-button/index.mjs

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