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

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/1chbbDUh.mjs

@@ -0,0 +1,98 @@
+import { i as e, n as t } from "./Cw8pz9hK.mjs";
+import { n } from "./CnsFNU2A.mjs";
+import { ElRadio as r, ElRadioButton as i, ElRadioGroup as a } from "element-plus/es";
+import { createVNode as o, isVNode as s, mergeProps as c, useModel as l } from "vue";
+//#region src/components/form/props/radio-group.js
+var u = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean
+	],
+	size: {
+		type: String,
+		default: "default"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	textColor: {
+		type: String,
+		default: "#ffffff"
+	},
+	fill: {
+		type: String,
+		default: "#409eff"
+	},
+	ariaLabel: String,
+	name: String,
+	id: String,
+	label: String,
+	options: Array,
+	props: {
+		type: Object,
+		default: () => ({
+			value: "value",
+			label: "label",
+			disabled: "disabled"
+		})
+	},
+	type: {
+		type: String,
+		default: "radio"
+	}
+}, d = {
+	modelValue: !0,
+	disabled: !0,
+	type: !0,
+	options: !0
+}, f = ["change"], p = (e) => n[e] === void 0 && d[e] !== !0;
+//#endregion
+//#region src/components/form/FormRadioGroup.vue?vue&type=script&lang.jsx
+function m(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !s(e);
+}
+//#endregion
+//#region src/components/form/FormRadioGroup.vue
+var h = {
+	name: "FormRadioGroup",
+	inheritAttrs: !1,
+	props: { ...u },
+	emits: {
+		...t,
+		change: null
+	},
+	setup(t, { emit: n, slots: s, attrs: u }) {
+		let d = l(t, "modelValue"), { render: h, disabled: g, autoBind: _ } = e(t, {
+			emit: n,
+			slots: s,
+			attrs: u,
+			events: f,
+			predicate: p,
+			messagePrefix: "请选择"
+		});
+		return () => h({ vNodes: o(a, c(_.value, {
+			modelValue: d.value,
+			"onUpdate:modelValue": (e) => d.value = e,
+			disabled: g.value
+		}), {
+			...s,
+			default: s.default || (() => {
+				var e;
+				return (e = t.options) == null ? void 0 : e.map(({ value: e, label: n, disabled: a }) => t.type === "button" ? o(i, {
+					key: e,
+					value: e,
+					disabled: a
+				}, m(n) ? n : { default: () => [n] }) : o(r, {
+					key: e,
+					value: e,
+					disabled: a
+				}, m(n) ? n : { default: () => [n] }));
+			})
+		}) });
+	}
+};
+//#endregion
+export { h as t };

package/chunks/5HLN3g1u.mjs

@@ -0,0 +1,51 @@
+import { n as e } from "./Bh_CMUlo.mjs";
+import { o as t, r as n } from "./Cw8pz9hK.mjs";
+import { n as r } from "./CnsFNU2A.mjs";
+import { ElImage as i } from "element-plus/es";
+import { createVNode as a, isVNode as o, mergeProps as s } from "vue";
+//#region src/components/form/props/image.js
+var c = {
+	...r,
+	src: String,
+	fit: String,
+	hideOnClickModal: Boolean
+}, l = { modelValue: !0 }, u = [
+	"load",
+	"error",
+	"switch",
+	"close",
+	"show"
+], d = (e) => r[e] === void 0 && l[e] !== !0;
+//#endregion
+//#region src/components/form/FormImage.vue?vue&type=script&lang.jsx
+function f(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !o(e);
+}
+//#endregion
+//#region src/components/form/FormImage.vue
+var p = {
+	name: "FormImage",
+	inheritAttrs: !1,
+	props: { ...c },
+	emits: {
+		load: null,
+		error: null,
+		switch: null,
+		close: null,
+		show: null
+	},
+	setup(r, { slots: o, attrs: c, emit: l }) {
+		let p = t(r, { attrs: c }), m = e(r, {
+			events: u,
+			predicate: d,
+			emit: l
+		});
+		return () => n(r, {
+			vNodes: a(i, s(m.value, c, { "preview-src-list": [r.src] }), f(o) ? o : { default: () => [o] }),
+			formItemProps: p,
+			slots: o
+		});
+	}
+};
+//#endregion
+export { p 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/BI2XOQW3.mjs

@@ -0,0 +1,226 @@
+import { i as e, n as t } from "./Cw8pz9hK.mjs";
+import { n } from "./CnsFNU2A.mjs";
+import { ElOption as r, ElSelect as i } from "element-plus/es";
+import { createVNode as a, mergeProps as o, useModel as s } from "vue";
+//#region src/components/form/props/select.js
+var c = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean,
+		Object,
+		Array
+	],
+	multiple: {
+		type: Boolean,
+		default: !1
+	},
+	options: Array,
+	props: Object,
+	valueKey: {
+		type: String,
+		default: "value"
+	},
+	size: String,
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	collapseTags: {
+		type: Boolean,
+		default: !1
+	},
+	collapseTagsTooltip: {
+		type: Boolean,
+		default: !1
+	},
+	tagTooltip: {
+		type: Object,
+		default: () => ({})
+	},
+	multipleLimit: {
+		type: Number,
+		default: 0
+	},
+	id: String,
+	name: String,
+	effect: {
+		type: String,
+		default: "light"
+	},
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	placeholder: String,
+	filterable: {
+		type: Boolean,
+		default: !1
+	},
+	allowCreate: {
+		type: Boolean,
+		default: !1
+	},
+	filterMethod: Function,
+	remote: {
+		type: Boolean,
+		default: !1
+	},
+	debounce: {
+		type: Number,
+		default: 300
+	},
+	remoteMethod: Function,
+	remoteShowSuffix: {
+		type: Boolean,
+		default: !1
+	},
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	loadingText: String,
+	noMatchText: String,
+	noDataText: String,
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object],
+	reserveKeyword: {
+		type: Boolean,
+		default: !0
+	},
+	defaultFirstOption: {
+		type: Boolean,
+		default: !1
+	},
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	appendTo: [String, Object],
+	persistent: {
+		type: Boolean,
+		default: !0
+	},
+	automaticDropdown: {
+		type: Boolean,
+		default: !1
+	},
+	clearIcon: [String, Object],
+	fitInputWidth: {
+		type: Boolean,
+		default: !1
+	},
+	suffixIcon: [String, Object],
+	tagType: {
+		type: String,
+		default: "info"
+	},
+	tagEffect: {
+		type: String,
+		default: "light"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	offset: {
+		type: Number,
+		default: 12
+	},
+	showArrow: {
+		type: Boolean,
+		default: !0
+	},
+	placement: {
+		type: String,
+		default: "bottom-start"
+	},
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom-start",
+			"top-start",
+			"right",
+			"left"
+		]
+	},
+	maxCollapseTags: {
+		type: Number,
+		default: 1
+	},
+	popperOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	ariaLabel: String,
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	suffixTransition: {
+		type: Boolean,
+		default: !0
+	},
+	tabindex: [String, Number]
+}, l = {
+	modelValue: !0,
+	emptyValues: !0,
+	valueOnClear: !0
+}, u = [
+	"change",
+	"visible-change",
+	"remove-tag",
+	"clear",
+	"blur",
+	"focus",
+	"popup-scroll"
+], d = (e) => n[e] === void 0 && l[e] !== !0, f = {
+	name: "FormSelect",
+	inheritAttrs: !1,
+	props: { ...c },
+	emits: {
+		...t,
+		change: null,
+		"visible-change": null,
+		"remove-tag": null,
+		clear: null,
+		blur: null,
+		focus: null,
+		"popup-scroll": null
+	},
+	setup(t, { emit: n, slots: c, attrs: l }) {
+		let f = s(t, "modelValue"), { render: p, placeholder: m, disabled: h, autoBind: g } = e(t, {
+			emit: n,
+			slots: c,
+			attrs: l,
+			events: u,
+			predicate: d,
+			messagePrefix: "请选择"
+		});
+		return () => p({ vNodes: a(i, o(g.value, {
+			modelValue: f.value,
+			"onUpdate:modelValue": (e) => f.value = e,
+			disabled: h.value,
+			placeholder: m.value
+		}), {
+			...c,
+			default: c.default || (() => {
+				var e;
+				return (e = t.options) == null ? void 0 : e.map(({ value: e, label: t }) => a(r, {
+					key: e,
+					label: t,
+					value: e
+				}, null));
+			})
+		}) });
+	}
+};
+//#endregion
+export { f as t };