@web-utils/form-ui 1.0.0-beta4 → 1.0.0-beta41

package/chunks/Ds_Tpa_M.mjs

@@ -0,0 +1,83 @@
+//#region src/components/table/table-column.ts
+var e = {
+	type: {
+		type: String,
+		default: "default"
+	},
+	index: [Number, Function],
+	label: String,
+	columnKey: String,
+	prop: String,
+	width: [String, Number],
+	minWidth: [String, Number],
+	fixed: [Boolean, String],
+	renderHeader: Function,
+	sortable: [Boolean, String],
+	sortMethod: Function,
+	sortBy: [
+		Function,
+		String,
+		Array
+	],
+	sortOrders: {
+		type: Array,
+		default: () => [
+			"ascending",
+			"descending",
+			null
+		]
+	},
+	resizable: {
+		type: Boolean,
+		default: !0
+	},
+	formatter: Function,
+	showOverflowTooltip: {
+		type: [Boolean, Object],
+		default: !0
+	},
+	align: {
+		type: String,
+		default: "left"
+	},
+	headerAlign: {
+		type: String,
+		default: "left"
+	},
+	className: String,
+	labelClassName: String,
+	selectable: Function,
+	reserveSelection: {
+		type: Boolean,
+		default: !1
+	},
+	filters: Array,
+	filterPlacement: String,
+	filterClassName: String,
+	filterMultiple: {
+		type: Boolean,
+		default: !0
+	},
+	filterMethod: Function,
+	filteredValue: {
+		type: Array,
+		default: () => []
+	},
+	tooltipFormatter: Function,
+	property: String,
+	showTooltipWhenOverflow: Boolean,
+	clickable: Boolean,
+	cellClick: Function,
+	dictType: String,
+	options: Array,
+	autoUpdate: Boolean,
+	treeDict: Boolean,
+	idAsValue: {
+		type: Boolean,
+		default: !0
+	},
+	labelAsValue: Boolean,
+	maxWidth: String
+};
+//#endregion
+export { e as t };

package/chunks/MeM8FGzA.mjs

@@ -0,0 +1,200 @@
+import { i as e, n as t } from "./CXSIP67a.mjs";
+import { n } from "./BROfNO6c.mjs";
+import { computed as r, createVNode as i, mergeProps as a } from "vue";
+import { ElDatePicker as o } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/date-picker/style/css";
+import { toDate as s } from "@web-utils/integrations/dayjs";
+//#region src/components/form/props/date.ts
+var c = {
+	...n,
+	modelValue: [
+		Number,
+		String,
+		Date,
+		Array
+	],
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	editable: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	placeholder: {
+		type: String,
+		default: ""
+	},
+	startPlaceholder: {
+		type: String,
+		default: "开始日期"
+	},
+	endPlaceholder: {
+		type: String,
+		default: "结束日期"
+	},
+	type: {
+		type: String,
+		default: "date"
+	},
+	format: {
+		type: String,
+		default: "YYYY-MM-DD"
+	},
+	popperClass: String,
+	popperStyle: [String, Object],
+	popperOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	rangeSeparator: {
+		type: String,
+		default: "至"
+	},
+	defaultValue: Object,
+	defaultTime: Object,
+	valueFormat: String,
+	id: [String, Array],
+	name: {
+		type: [String, Array],
+		default: ""
+	},
+	unlinkPanels: {
+		type: Boolean,
+		default: !1
+	},
+	prefixIcon: [String, Object],
+	clearIcon: [String, Object],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	disabledDate: Function,
+	shortcuts: {
+		type: Array,
+		default: () => []
+	},
+	cellClassName: Function,
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom",
+			"top",
+			"right",
+			"left"
+		]
+	},
+	placement: {
+		type: String,
+		default: "bottom"
+	},
+	showFooter: {
+		type: Boolean,
+		default: !0
+	},
+	showConfirm: {
+		type: Boolean,
+		default: !0
+	},
+	showWeekNumber: {
+		type: Boolean,
+		default: !1
+	},
+	automaticDropdown: {
+		type: Boolean,
+		default: !0
+	},
+	split: {
+		type: Boolean,
+		default: !0
+	},
+	startDate: String,
+	endDate: String,
+	start: String,
+	end: String,
+	year: Boolean,
+	month: Boolean,
+	dates: Boolean,
+	week: Boolean,
+	dateTime: Boolean,
+	dateTimeRange: Boolean,
+	dateRange: Boolean,
+	monthRange: Boolean,
+	miniDate: String,
+	maxDate: String
+}, l = {
+	modelValue: !0,
+	name: !0,
+	disabled: !0,
+	emptyValues: !0,
+	type: !0,
+	valueOnClear: !0
+}, u = (e) => n[e] === void 0 && l[e] !== !0, d = {
+	name: "FormDatePicker",
+	inheritAttrs: !1,
+	props: { ...c },
+	emits: {
+		...t,
+		"update:startDate": null,
+		"update:endDate": null
+	},
+	setup(t, { emit: n, slots: c, attrs: l }) {
+		let { emitInput: d, render: f, placeholder: p, disabled: m, listeners: h, inputProps: g } = e(t, {
+			emit: n,
+			slots: c,
+			attrs: l,
+			predicate: u,
+			messagePrefix: "请选择"
+		}), _ = r(() => t.dateTimeRange || t.dateRange || t.monthRange), v = r(() => t.year ? "YYYY" : t.month || t.monthRange ? "YYYY-MM" : t.week ? "YYYY 第 WW 周" : t.dateTime || t.dateTimeRange ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD"), y = r(() => t.year ? "year" : t.month ? "month" : t.dates ? "dates" : t.week ? "week" : t.dateTime ? "datetime" : t.dateTimeRange ? "datetimerange" : t.dateRange ? "daterange" : t.monthRange ? "monthrange" : "date"), b = r(() => {
+			if (t.miniDate) {
+				let e = s(t.miniDate);
+				return e.setDate(e.getDate() - 1), e;
+			} else return null;
+		}), x = r(() => t.maxDate ? s(t.maxDate) : null), S = (e) => {
+			if (!b.value && !x.value) return !1;
+			let t = e.getTime();
+			return b.value && !x.value ? t <= b.value.getTime() : !b.value && x.value ? t >= x.value.getTime() : b.value && x.value ? !(t > b.value.getTime() && t <= x.value.getTime()) : !1;
+		}, C = (e, t) => {
+			n("update:startDate", e), n("update:endDate", t);
+		}, w = (e) => {
+			_.value && t.split ? e ? C(e[0], e[1]) : C(null, null) : d(e);
+		}, T = r(() => _.value && t.split ? [t.startDate, t.endDate] : t.modelValue), E = r(() => t.week ? "YYYY-MM-DD" : t.valueFormat || v.value), D = r(() => t.format || v.value);
+		return () => f({ vNodes: i(o, a(h.value, g.value, {
+			style: "width: 100%",
+			type: y.value,
+			modelValue: T.value,
+			disabled: m.value,
+			placeholder: p.value,
+			format: D.value,
+			disabledDate: S,
+			"value-format": E.value,
+			"onUpdate:modelValue": w
+		}), {
+			default: c.default,
+			"range-separator": c["range-separator"],
+			"pre-month": c["pre-month"],
+			"next-month": c["next-month"],
+			"pre-year": c["pre-year"],
+			"next-year": c["next-year"]
+		}) });
+	}
+};
+//#endregion
+export { d as t };

package/chunks/_90XRi0U.mjs

@@ -0,0 +1,105 @@
+import { n as e } from "./CXSIP67a.mjs";
+import { n as t, t as n } from "./BROfNO6c.mjs";
+import { t as r } from "./Csa9EgOO.mjs";
+import { createVNode as i, isVNode as a, mergeProps as o, useModel as s } from "vue";
+//#region src/components/form/props/textarea.ts
+var c = {
+	...t,
+	...n,
+	modelValue: [String, Number],
+	modelModifiers: Object,
+	maxlength: {
+		type: [String, Number],
+		default: 800
+	},
+	minlength: [String, Number],
+	showWordLimit: {
+		type: Boolean,
+		default: !0
+	},
+	wordLimitPosition: {
+		type: String,
+		default: "inside"
+	},
+	placeholder: String,
+	clearIcon: [String, Object],
+	formatter: Function,
+	parser: Function,
+	showPassword: {
+		type: Boolean,
+		default: !1
+	},
+	prefixIcon: [String, Object],
+	suffixIcon: [String, Object],
+	rows: {
+		type: Number,
+		default: 4
+	},
+	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],
+	inputmode: String,
+	countGraphemes: Function,
+	readonlyGrey: {
+		type: Boolean,
+		default: !0
+	}
+};
+//#endregion
+//#region src/components/form/FormTextarea.vue?vue&type=script&lang.jsx
+function l(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !a(e);
+}
+//#endregion
+//#region src/components/form/FormTextarea.vue
+var u = {
+	name: "FormTextarea",
+	inheritAttrs: !1,
+	props: {
+		...c,
+		maxlength: {
+			type: [String, Number],
+			default: 800
+		},
+		block: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: { ...e },
+	setup(e, { slots: t, attrs: n }) {
+		let a = s(e, "modelValue");
+		return () => i(r, o(e, n, {
+			maxlength: e.maxlength,
+			block: e.block,
+			modelValue: a.value,
+			"onUpdate:modelValue": (e) => a.value = e,
+			type: "textarea"
+		}), l(t) ? t : { default: () => [t] });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/_Uzl3uMy.mjs

@@ -0,0 +1,109 @@
+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";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/row/style/css";
+//#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 };