@web-utils/form-ui 1.0.0-beta2 → 1.0.0-beta20

package/base.css

@@ -1 +1 @@
-
+:root{--el-disabled-text-color:#606266}.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{clear:both;visibility:hidden;content:" ";height:0;display:block}.flex-row{flex-direction:row;flex-shrink:0;display:flex}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{flex-direction:column;display:flex}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;bottom:0;left:0;right:0}.flex-not-shrink{flex-shrink:0}

package/chunks/8ORg8rrN.mjs

@@ -0,0 +1,108 @@
+import { i as e, n as t } from "./C1DlzLpD.mjs";
+import { n } from "./DynLjTwi.mjs";
+import { ElCheckbox as r, ElCheckboxButton as i, ElCheckboxGroup as a } from "element-plus/es";
+import { computed as o, createVNode as s, isVNode as c, mergeProps as l } from "vue";
+//#region src/components/form/props/checkbox-group.js
+var u = {
+	...n,
+	modelValue: {
+		type: Array,
+		default: () => []
+	},
+	size: String,
+	min: Number,
+	max: Number,
+	ariaLabel: String,
+	textColor: {
+		type: String,
+		default: "#ffffff"
+	},
+	fill: {
+		type: String,
+		default: "#409eff"
+	},
+	tag: {
+		type: String,
+		default: "div"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	label: String,
+	options: Array,
+	props: {
+		type: Object,
+		default: () => ({
+			value: "value",
+			label: "label",
+			disabled: "disabled"
+		})
+	},
+	type: {
+		type: String,
+		default: "checkbox"
+	},
+	stringMode: Boolean,
+	delimiter: {
+		type: String,
+		default: ","
+	}
+}, d = {
+	modelValue: !0,
+	type: !0,
+	options: !0
+}, f = ["change"], p = (e) => n[e] === void 0 && d[e] !== !0;
+//#endregion
+//#region src/components/form/FormCheckBoxGroup.vue?vue&type=script&lang.jsx
+function m(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !c(e);
+}
+//#endregion
+//#region src/components/form/FormCheckBoxGroup.vue
+var h = {
+	name: "FormCheckBoxGroup",
+	inheritAttrs: !1,
+	props: { ...u },
+	emits: {
+		...t,
+		change: null
+	},
+	setup(t, { emit: n, slots: c, attrs: u }) {
+		let { emitInput: d, render: h, disabled: g, autoBind: _ } = e(t, {
+			emit: n,
+			slots: c,
+			attrs: u,
+			events: f,
+			predicate: p,
+			messagePrefix: "请选择"
+		}), v = (e) => d(t.stringMode ? e.join(t.delimiter) : e), y = o(() => {
+			if (t.stringMode) {
+				var e;
+				return Array.isArray(t.modelValue) ? t.modelValue.filter((e) => e) : ((e = t.modelValue) == null ? void 0 : e.split(t.delimiter).filter((e) => e)) ?? [];
+			}
+			return t.modelValue || [];
+		});
+		return () => h({ vNodes: s(a, l(_.value, {
+			modelValue: y.value,
+			disabled: g.value,
+			"onUpdate:modelValue": v
+		}), {
+			...c,
+			default: c.default || (() => {
+				var e;
+				return (e = t.options) == null ? void 0 : e.map(({ value: e, label: n, disabled: a }) => t.type === "button" ? s(i, {
+					key: e,
+					value: e,
+					disabled: a
+				}, m(n) ? n : { default: () => [n] }) : s(r, {
+					key: e,
+					value: e,
+					disabled: a
+				}, m(n) ? n : { default: () => [n] }));
+			})
+		}) });
+	}
+};
+//#endregion
+export { h as t };

package/chunks/B3DY36vM.mjs

@@ -0,0 +1,106 @@
+import { n as e, t } from "./DynLjTwi.mjs";
+//#region src/components/form/props/input.js
+var n = {
+	...e,
+	...t,
+	type: {
+		type: String,
+		default: "text"
+	},
+	modelValue: [String, Number],
+	modelModifiers: Object,
+	maxlength: [String, Number],
+	minlength: [String, Number],
+	showWordLimit: {
+		type: Boolean,
+		default: !1
+	},
+	wordLimitPosition: {
+		type: String,
+		default: "inside"
+	},
+	placeholder: String,
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	clearIcon: [String, Object],
+	formatter: Function,
+	parser: Function,
+	showPassword: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	prefixIcon: [String, Object],
+	suffixIcon: [String, Object],
+	rows: {
+		type: Number,
+		default: 2
+	},
+	autosize: [Boolean, Object],
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	name: String,
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	max: [String, Number],
+	min: [String, Number],
+	step: [String, Number],
+	resize: String,
+	autofocus: {
+		type: Boolean,
+		default: !1
+	},
+	form: String,
+	ariaLabel: String,
+	tabindex: [String, Number],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	inputStyle: [String, Object],
+	label: String,
+	inputmode: String,
+	countGraphemes: Function,
+	prepend: String,
+	append: String,
+	prefix: String,
+	suffix: String,
+	picker: Boolean,
+	readonlyGrey: {
+		type: Boolean,
+		default: !0
+	}
+}, r = {
+	readonly: !0,
+	prefixIcon: !0,
+	suffixIcon: !0,
+	placeholder: !0,
+	modelValue: !0,
+	readonlyGrey: !0,
+	picker: !0,
+	append: !0,
+	prefix: !0,
+	suffix: !0,
+	prepend: !0
+}, i = [
+	"click",
+	"blur",
+	"focus",
+	"change",
+	"input",
+	"clear",
+	"keydown",
+	"mouseleave",
+	"mouseenter",
+	"compositionstart",
+	"compositionupdate",
+	"compositionend"
+], a = (t) => e[t] === void 0 && r[t] !== !0;
+//#endregion
+export { i as n, a as r, n as t };

package/chunks/B5B9au3z.mjs

@@ -0,0 +1,180 @@
+import { n as e } from "./Bh_CMUlo.mjs";
+import { ElDialog as t } from "element-plus/es";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, getCurrentInstance as c, mergeModels as l, mergeProps as u, normalizeClass as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, unref as g, useModel as _, useTemplateRef as v, withCtx as y, withModifiers as b } from "vue";
+//#region src/components/dialog/props.js
+var x = {
+	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
+}, S = {
+	embed: !0,
+	height: !0,
+	showFullscreen: !0,
+	showFullScreen: !0,
+	fullscreen: !0,
+	showClose: !0
+}, C = [
+	"open",
+	"opened",
+	"close",
+	"closed",
+	"open-auto-focus",
+	"close-auto-focus"
+], w = (e) => S[e] !== !0, T = { class: "dialog-title" }, E = { class: "dialog-header-buttons" }, D = {
+	__name: "ElementDialog",
+	props: /* @__PURE__ */ l({ ...x }, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ l({
+		open: null,
+		opened: null,
+		close: null,
+		closed: null,
+		"open-auto-focus": null,
+		"close-auto-focus": null,
+		"toggle-fullscreen": null
+	}, ["update:modelValue"]),
+	setup(l, { expose: x, emit: S }) {
+		let D = _(l, "modelValue"), O = l, k = S, A = e(O, {
+			emit: k,
+			events: C,
+			predicate: w
+		}), j = v("dialog"), M = p(O.fullscreen), N = () => {
+			M.value = !M.value, k("toggle-fullscreen", M.value);
+		}, P = n(() => M.value ? "100%" : O.height), F = c(), I = () => {
+			O.embed ? (F.parent.emit("update:visible", !1), F.parent.emit("update:modelValue", !1)) : j.value.handleClose();
+		};
+		return x({
+			close: I,
+			hide: I
+		}), (e, n) => {
+			let c = t;
+			return f(), r(c, u({
+				ref: "dialog",
+				modelValue: D.value,
+				"onUpdate:modelValue": n[0] || (n[0] = (e) => D.value = e)
+			}, g(A), {
+				"show-close": !1,
+				fullscreen: g(M),
+				style: { "--dialog-body-height": g(P) }
+			}), s({
+				header: y(() => [i(" @slot 对话框标题的内容；会替换标题部分，但会移除关闭按钮 "), m(e.$slots, "header", {}, () => [o("div", T, h(e.title), 1), o("div", E, [e.showFullscreen || e.showFullScreen ? (f(), a("i", {
+					key: 0,
+					class: d(["dialog-header-button", {
+						"el-icon-full-screen": !e.fullscreen,
+						"el-icon-copy-document": e.fullscreen
+					}]),
+					onClick: b(N, ["stop"])
+				}, null, 2)) : i("v-if", !0), e.showClose ? (f(), a("i", {
+					key: 1,
+					class: "dialog-header-button el-icon-close",
+					onClick: b(I, ["stop"])
+				})) : i("v-if", !0)])])]),
+				default: y(() => [i(" @slot 对话框的默认内容 "), m(e.$slots, "default")]),
+				_: 2
+			}, [e.$slots.footer ? {
+				name: "footer",
+				fn: y(() => [i(" @slot Dialog 按钮操作区的内容 "), m(e.$slots, "footer", { close: I })]),
+				key: "0"
+			} : void 0]), 1040, [
+				"modelValue",
+				"fullscreen",
+				"style"
+			]);
+		};
+	}
+};
+//#endregion
+export { D as t };

package/chunks/B7fKv2-x.mjs

@@ -0,0 +1,88 @@
+import { i as e, n as t } from "./C1DlzLpD.mjs";
+import { n } from "./DynLjTwi.mjs";
+import { ElRate as r } from "element-plus/es";
+import { createVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/props/rate.js
+var s = {
+	...n,
+	modelValue: Number,
+	max: {
+		type: Number,
+		default: 5
+	},
+	size: String,
+	allowHalf: {
+		type: Boolean,
+		default: !1
+	},
+	lowThreshold: {
+		type: Number,
+		default: 2
+	},
+	highThreshold: {
+		type: Number,
+		default: 4
+	},
+	colors: [Array, Object],
+	voidColor: {
+		type: String,
+		default: "#c6d1de"
+	},
+	disabledVoidColor: {
+		type: String,
+		default: "#eff2f7"
+	},
+	icons: [Array, Object],
+	voidIcon: [String, Object],
+	disabledVoidIcon: [String, Object],
+	showText: {
+		type: Boolean,
+		default: !1
+	},
+	showScore: {
+		type: Boolean,
+		default: !1
+	},
+	textColor: String,
+	texts: {
+		type: Array,
+		default: () => [
+			"Extremely bad",
+			"Disappointed",
+			"Fair",
+			"Satisfied",
+			"Surprise"
+		]
+	},
+	scoreTemplate: String,
+	clearable: {
+		type: Boolean,
+		default: !1
+	},
+	id: String,
+	ariaLabel: String
+}, c = { modelValue: !0 }, l = ["change"], u = (e) => n[e] === void 0 && c[e] !== !0, d = {
+	name: "FormRate",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: {
+		...t,
+		change: null
+	},
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let d = o(t, "modelValue"), { render: f, disabled: p, autoBind: m } = e(t, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			events: l,
+			predicate: u
+		});
+		return () => f({ vNodes: i(r, a(m.value, {
+			modelValue: d.value,
+			"onUpdate:modelValue": (e) => d.value = e,
+			disabled: p.value
+		}), null) });
+	}
+};
+//#endregion
+export { d as t };

package/chunks/B9-9iYg8.mjs

@@ -0,0 +1,42 @@
+import { n as e } from "./Bh_CMUlo.mjs";
+import { o as t, r as n } from "./C1DlzLpD.mjs";
+import { n as r } from "./DynLjTwi.mjs";
+import { ElText as i } from "element-plus/es";
+import { createVNode as a, mergeProps as o } from "vue";
+//#region src/components/form/props/text.js
+var s = {
+	...r,
+	type: String,
+	size: {
+		type: String,
+		default: "default"
+	},
+	truncated: {
+		type: Boolean,
+		default: !1
+	},
+	lineClamp: [String, Number],
+	tag: {
+		type: String,
+		default: "span"
+	},
+	text: String
+}, c = { modelValue: !0 }, l = ["change"], u = (e) => r[e] === void 0 && c[e] !== !0, d = {
+	name: "FormText",
+	inheritAttrs: !1,
+	props: { ...s },
+	setup(r, { slots: s, emit: c, attrs: d }) {
+		let f = t(r, { attrs: d }), p = e(r, {
+			events: l,
+			predicate: u,
+			emit: c
+		});
+		return () => n(r, {
+			vNodes: a(i, o(p.value, d), { default: s.default || (() => r.text) }),
+			formItemProps: f,
+			slots: s
+		});
+	}
+};
+//#endregion
+export { d as t };