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

package/chunks/CXvGoZKJ.mjs

@@ -0,0 +1,198 @@
+import { i as e, n as t } from "./Cj59E77g.mjs";
+import { n } from "./CSyJ-vEx.mjs";
+import { computed as r, createVNode as i, mergeProps as a } from "vue";
+import { ElDatePicker as o } from "element-plus/es";
+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/Cab-ZjRx.mjs

@@ -0,0 +1,164 @@
+import { u as e } from "./cmuHpsX6.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 = {
+	__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 };