@web-utils/form-ui 1.0.0-beta81 → 1.0.0-beta83

package/chunks/Bsu6--Di.mjs

@@ -0,0 +1,63 @@
+import { allProps as e, predicate as t } from "../props/date.mjs";
+import { n, o as r } from "./DzCIClcZ.mjs";
+import { ElDatePicker as i, useLocale as a } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as o, createVNode as s, mergeProps as c } from "vue";
+import "element-plus/es/components/date-picker/style/css";
+import { toDate as l } from "@web-utils/integrations/dayjs";
+//#endregion
+//#region src/components/form/FormDatePicker.vue
+var u = {
+	name: "FormDatePicker",
+	inheritAttrs: !1,
+	props: { ...e },
+	emits: {
+		...n,
+		"update:startDate": null,
+		"update:endDate": null
+	},
+	setup(e, { emit: n, slots: u, attrs: d }) {
+		let { emitInput: f, render: p, placeholder: m, disabled: h, listeners: g, inputProps: _ } = r(e, {
+			emit: n,
+			slots: u,
+			attrs: d,
+			predicate: t,
+			messagePrefix: "请选择"
+		}), v = a();
+		console.log(v.locale.value.el);
+		let y = o(() => e.dateTimeRange || e.dateRange || e.monthRange), b = o(() => e.year ? "YYYY" : e.month || e.monthRange ? "YYYY-MM" : e.week ? "YYYY 第 WW 周" : e.dateTime || e.dateTimeRange ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD"), x = o(() => e.year ? "year" : e.month ? "month" : e.dates ? "dates" : e.week ? "week" : e.dateTime ? "datetime" : e.dateTimeRange ? "datetimerange" : e.dateRange ? "daterange" : e.monthRange ? "monthrange" : "date"), S = o(() => {
+			if (e.miniDate) {
+				let t = l(e.miniDate);
+				return t.setDate(t.getDate() - 1), t;
+			} else return null;
+		}), C = o(() => e.maxDate ? l(e.maxDate) : null), w = (e) => {
+			if (!S.value && !C.value) return !1;
+			let t = e.getTime();
+			return S.value && !C.value ? t <= S.value.getTime() : !S.value && C.value ? t >= C.value.getTime() : S.value && C.value ? !(t > S.value.getTime() && t <= C.value.getTime()) : !1;
+		}, T = (e, t) => {
+			n("update:startDate", e), n("update:endDate", t);
+		}, E = (t) => {
+			y.value && e.split ? t ? T(t[0], t[1]) : T(null, null) : f(t);
+		}, D = o(() => y.value && e.split ? [e.startDate, e.endDate] : e.modelValue), O = o(() => e.week ? "YYYY-MM-DD" : e.valueFormat || b.value), k = o(() => e.format || b.value);
+		return () => p({ vNodes: s(i, c(g.value, _.value, {
+			style: "width: 100%",
+			type: x.value,
+			modelValue: D.value,
+			disabled: h.value,
+			placeholder: m.value,
+			format: k.value,
+			disabledDate: w,
+			"value-format": O.value,
+			"onUpdate:modelValue": E
+		}), {
+			default: u.default,
+			"range-separator": u["range-separator"],
+			"pre-month": u["pre-month"],
+			"next-month": u["next-month"],
+			"pre-year": u["pre-year"],
+			"next-year": u["next-year"]
+		}) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/{CvlbrpKg2.mjs → BtNMd8g52.mjs}

@@ -2,7 +2,7 @@ import { i as e } from "./ClVh1Lek.mjs";
 import { commonAutoBindProps as t, commonManualBindProps as n } from "../props/common.mjs";
 import { n as r, o as i } from "./DzCIClcZ.mjs";
 import { n as a } from "./CrFP0Lhs.mjs";
-import { n as o, t as s } from "./BZNDljpR2.mjs";
+import { n as o, t as s } from "./BOHHK03q2.mjs";
 import { computed as c, createVNode as l, getCurrentInstance as u, mergeProps as d, useModel as f, useTemplateRef as p } from "vue";
 import { isArray as m, isString as h, trace as g, warning as _ } from "@web-utils/core";
 import { useEventBus as v } from "@web-utils/vue/hooks/useEventBus";

package/chunks/CumZF9e-.mjs

@@ -0,0 +1,111 @@
+import { m as e } from "./ClVh1Lek.mjs";
+import { formHolderContextKey as t, formViewContextKey as n } from "../constants/index.mjs";
+import { allProps as r, predicate as i } from "../props/form.mjs";
+import a from "../form-advice/index.mjs";
+import o from "../form-red-table/index.mjs";
+import { ElForm as s, ElRow as c, useLocale as l } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as u, createVNode as d, inject as f, mergeProps as p, nextTick as m, provide as h, reactive as g, toRef as _, useTemplateRef as v } from "vue";
+import { animate as y } from "@web-utils/core";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/form/style/css";
+//#endregion
+//#region src/components/form/FormHolder.vue
+var b = {
+	name: "FormHolder",
+	inheritAttrs: !1,
+	props: { ...r },
+	emits: {},
+	setup(r, { slots: b, expose: x, attrs: S }) {
+		let { autoBindProps: C, listeners: w } = e(r, { predicate: i }), T = l();
+		console.log(T.locale.value.el);
+		let E = f(n, null), D = v("form"), O = u(() => r.notTableForm === void 0 ? (E == null ? void 0 : E.tableForm) === void 0 ? !1 : E == null ? void 0 : E.tableForm : !r.notTableForm), k = u(() => O.value ? !1 : r.showMessage), A = u(() => {
+			let e = {};
+			return r.disabledFields && r.disabledFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), j = u(() => {
+			let e = {};
+			return r.enabledFields && r.enabledFields.length && r.enabledFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), M = u(() => {
+			let e = {};
+			return r.requiredFields && r.requiredFields.length && r.requiredFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), N = u(() => r.disabled === !0 ? !0 : r.disabled), P = _(() => r.enabledFields), F = _(() => r.requiredFields), I = _(() => r.disabledFields), L = async () => {
+			await m();
+			let e = D.value.$el.querySelector(".el-form-item.is-error");
+			e && e.scrollIntoView({
+				block: "center",
+				inline: "center",
+				behavior: "smooth"
+			});
+		}, R = g({
+			tableForm: O,
+			disabled: N,
+			enabledFields: P,
+			requiredFields: F,
+			enabledFieldsMap: j,
+			disabledFieldsMap: A,
+			requiredFieldsMap: M,
+			disabledFields: I,
+			scrollIntoRequiredField: L,
+			formRef: D,
+			validate: async () => {
+				try {
+					return await D.value.validate();
+				} catch {
+					throw await L(), D.value.$el.querySelectorAll(".el-form-item.is-error .el-form-item__content > :first-child").forEach((e) => {
+						y(e, "breathe-animation");
+					}), Error("表单验证不通过!");
+				}
+			},
+			validateField: (e) => D.value.validateField(e),
+			resetFields: (e) => D.value.resetFields(e),
+			scrollToField: (e) => D.value.scrollToField(e),
+			clearValidate: (e) => D.value.clearValidate(e),
+			getField: () => D.value.getField(),
+			setInitialValues: (e) => D.value.setInitialValues(e),
+			getFields: () => D.value.fields
+		});
+		return h(t, R), x(R), () => d(s, p(w.value, C.value, S, {
+			ref: "form",
+			class: [
+				"form-holder",
+				"clear-fix",
+				{ "red-form": O }
+			],
+			"show-message": k.value
+		}), { default: () => {
+			if (O.value) {
+				var e, t, n;
+				return [
+					(e = b.top) == null ? void 0 : e.call(b),
+					d(o, {
+						class: { "hide-error-message": O.value },
+						columns: r.columns,
+						"col-count": r.colCount
+					}, { default: () => {
+						var e;
+						return [(e = b.default) == null ? void 0 : e.call(b), r.showAdvice ? d(a, {
+							"label-colspan": r.commentLabelColspan,
+							"value-colspan": r.commentValueColspan
+						}, null) : null];
+					} }),
+					(t = b.bottom) == null ? void 0 : t.call(b),
+					d("div", { class: "red-form-footer" }, [(n = b.footer) == null ? void 0 : n.call(b)])
+				];
+			} else {
+				var i;
+				return r.wrapRow ? d(c, null, { default: () => {
+					var e;
+					return [(e = b.default) == null ? void 0 : e.call(b)];
+				} }) : (i = b.default) == null ? void 0 : i.call(b);
+			}
+		} });
+	}
+};
+//#endregion
+export { b as t };

package/chunks/{Dw36QZhr2.mjs → DpspbJVm2.mjs}

@@ -1,12 +1,12 @@
 import { t as e } from "./B1MSrc6f.mjs";
-import { t } from "./Cb7kjZa-.mjs";
+import { t } from "./SLYmepqR.mjs";
 import { t as n } from "./mnqSaATq.mjs";
 import { t as r } from "./tzjUpVIj.mjs";
 import { n as i } from "./DzCIClcZ.mjs";
 import { t as a } from "./CI0pkCeM.mjs";
 import { t as o } from "./CrFP0Lhs.mjs";
 import { t as s } from "./CDZvVLNL.mjs";
-import { t as c } from "./CgAtZ1l2.mjs";
+import { t as c } from "./Bsu6--Di.mjs";
 import { t as l } from "./BQ7zKN-6.mjs";
 import { t as u } from "./fh36J3y1.mjs";
 import { t as d } from "./BiY3yiiP2.mjs";

package/chunks/{Cb7kjZa-.mjs → SLYmepqR.mjs}

@@ -31,26 +31,26 @@ var P = /* @__PURE__ */ Object.assign({ name: "TableColumnSettingPanel" }, {
 		},
 		modelModifiers: {}
 	}),
-	emits: ["update:modelValue"],
-	setup(e, { expose: t }) {
-		let n = A(e, "modelValue"), r = D({}), i = D({}), a = D({}), o = D({}), s = (e, t, n) => {
-			n === "hide" ? r[t.prop] = e : n === "fixed" ? i[t.prop] = e : n === "filterable" ? a[t.prop] = e : n === "sortable" && (o[t.prop] = e);
+	emits: /* @__PURE__ */ C(["update:settings"], ["update:modelValue"]),
+	setup(e, { expose: t, emit: n }) {
+		let r = A(e, "modelValue"), i = n, a = D({
+			hideProps: {},
+			fixedProps: {},
+			filterableProps: {},
+			sortableProps: {}
+		}), o = (e, t, n) => {
+			n === "hide" ? a.hideProps[t.prop] = e : n === "fixed" ? a.fixedProps[t.prop] = e : n === "filterable" ? a.filterableProps[t.prop] = e : n === "sortable" && (a.sortableProps[t.prop] = e), i("update:settings", a);
 		};
-		return t({
-			hideProps: r,
-			fixedProps: i,
-			filterableProps: a,
-			sortableProps: o
-		}), (t, r) => {
-			let i = h, a = d, o = m, c = f;
+		return t({ settings: a }), (t, n) => {
+			let i = h, a = d, s = m, c = f;
 			return T(), v(c, {
-				modelValue: n.value,
-				"onUpdate:modelValue": r[0] || (r[0] = (e) => n.value = e),
+				modelValue: r.value,
+				"onUpdate:modelValue": n[0] || (n[0] = (e) => r.value = e),
 				class: "table-column-filter",
 				title: "表格设置",
 				"append-to-body": ""
 			}, {
-				default: N(() => [b(o, {
+				default: N(() => [b(s, {
 					data: e.columns,
 					border: ""
 				}, {
@@ -63,21 +63,21 @@ var P = /* @__PURE__ */ Object.assign({ name: "TableColumnSettingPanel" }, {
 							label: "隐藏",
 							align: "center"
 						}, {
-							default: N(({ row: e }) => [b(a, { onChange: (t) => s(t, e, "hide") }, null, 8, ["onChange"])]),
+							default: N(({ row: e }) => [b(a, { onChange: (t) => o(t, e, "hide") }, null, 8, ["onChange"])]),
 							_: 1
 						}),
 						b(i, {
 							label: "冻结",
 							align: "center"
 						}, {
-							default: N(({ row: e }) => [b(a, { onChange: (t) => s(t, e, "fixed") }, null, 8, ["onChange"])]),
+							default: N(({ row: e }) => [b(a, { onChange: (t) => o(t, e, "fixed") }, null, 8, ["onChange"])]),
 							_: 1
 						}),
 						b(i, {
 							label: "过滤",
 							align: "center"
 						}, {
-							default: N(({ row: e }) => [b(a, { onChange: (t) => s(t, e, "filterable") }, null, 8, ["onChange"])]),
+							default: N(({ row: e }) => [b(a, { onChange: (t) => o(t, e, "filterable") }, null, 8, ["onChange"])]),
 							_: 1
 						}),
 						b(i, {
@@ -87,7 +87,7 @@ var P = /* @__PURE__ */ Object.assign({ name: "TableColumnSettingPanel" }, {
 							default: N(({ row: e }) => [b(a, {
 								title: e.allowSort ? null : "该列不支持排序!",
 								disabled: !e.allowSort,
-								onChange: (t) => s(t, e, "sortable")
+								onChange: (t) => o(t, e, "sortable")
 							}, null, 8, [
 								"title",
 								"disabled",
@@ -350,7 +350,12 @@ var R = {
 	props: { ...I },
 	setup(e, { emit: l, attrs: u, slots: d, expose: f }) {
 		E(a, e.rowDbClick);
-		let v = j("table"), x = j("settingPanel"), S = O(R.empty), C = O([]), T = O(null), D = O(!1), k = O([]), A = O({
+		let v = j("table"), x = O({
+			hideProps: {},
+			fixedProps: {},
+			filterableProps: {},
+			sortableProps: {}
+		}), S = O(R.empty), C = O([]), T = O(null), D = O(!1), k = O([]), A = O({
 			total: 0,
 			page: 1,
 			limit: e.pageSize,
@@ -502,7 +507,7 @@ var R = {
 						prop: o,
 						allowSort: a !== !1
 					};
-					i && (l.headerSlot = i.header, l.defaultSlot = i.default, l.expandSlot = i.expand, l.iconSlot = i["filter-icon"]), t.push(l);
+					i && (l.headerSlot = i.header, l.defaultSlot = i.default, l.expandSlot = i.expand, l.iconSlot = i["filter-icon"]), l.hide = x.value.hideProps[o], l.filterable = x.value.filterableProps[o], l.sortable = x.value.sortableProps[o] === !0, l.fixed = s || x.value.fixedProps[o], t.push(l);
 				}
 			} else if (e.columns) for (let n = 0; n < e.columns.length; n++) {
 				let { prop: r, sortable: i, fixed: a, ...o } = e.columns[n], s = {
@@ -510,7 +515,7 @@ var R = {
 					prop: r,
 					allowSort: i !== !1
 				};
-				x.value && (s.hide = x.value.hideProps[r], s.filterable = x.value.filterableProps[r], s.sortable = x.value.sortableProps[r] === !0, s.fixed = a || x.value.fixedProps[r]), t.push(s);
+				s.hide = x.value.hideProps[r], s.filterable = x.value.filterableProps[r], s.sortable = x.value.sortableProps[r] === !0, s.fixed = a || x.value.fixedProps[r], t.push(s);
 			}
 			return t;
 		});
@@ -648,7 +653,8 @@ var R = {
 					layout: "total, sizes, prev, pager, next, jumper"
 				}, null),
 				b(P, {
-					ref: "settingPanel",
+					settings: x.value,
+					"onUpdate:settings": (e) => x.value = e,
 					modelValue: D.value,
 					"onUpdate:modelValue": (e) => D.value = e,
 					columns: $.value

package/chunks/{BNe8qLhE2.mjs → ZCIAKVNm2.mjs}

@@ -1,6 +1,6 @@
 import { commonAutoBindProps as e, commonManualBindProps as t } from "../props/common.mjs";
 import { n, o as r } from "./DzCIClcZ.mjs";
-import { n as i, t as a } from "./Dw36QZhr2.mjs";
+import { n as i, t as a } from "./DpspbJVm2.mjs";
 import { createVNode as o, mergeProps as s, ref as c, useModel as l } from "vue";
 //#region src/components/table/form-table.ts
 var u = {

package/data-table-picker/index.mjs

@@ -1,6 +1,6 @@
 import { t as e } from "../chunks/B1MSrc6f.mjs";
 import { t } from "../chunks/V-Js6hNd.mjs";
-import { t as n } from "../chunks/Cb7kjZa-.mjs";
+import { t as n } from "../chunks/SLYmepqR.mjs";
 import { ElButton as r, ElMessage as i } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import { createBlock as a, createTextVNode as o, createVNode as s, openBlock as c, renderSlot as l, withCtx as u } from "vue";

package/flow-designer/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/CUaecRXx.mjs";
+import { t as e } from "../chunks/BrSqLOi5.mjs";
 export { e as default };

package/form-date-picker/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/CgAtZ1l2.mjs";
+import { t as e } from "../chunks/Bsu6--Di.mjs";
 export { e as default };

package/form-holder/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/BhHMGhJ8.mjs";
+import { t as e } from "../chunks/CumZF9e-.mjs";
 export { e as default };

package/form-table/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/BNe8qLhE2.mjs";
+import { t as e } from "../chunks/ZCIAKVNm2.mjs";
 export { e as default };

package/form-table-plus/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/CvlbrpKg2.mjs";
+import { t as e } from "../chunks/BtNMd8g52.mjs";
 export { e as default };

package/index.mjs

@@ -24,7 +24,7 @@ import y from "./data-progress/index.mjs";
 import { t as b } from "./chunks/Ctx93AFS.mjs";
 import { t as x } from "./chunks/V-Js6hNd.mjs";
 import S from "./element-resize-observer/index.mjs";
-import { t as C } from "./chunks/Cb7kjZa-.mjs";
+import { t as C } from "./chunks/SLYmepqR.mjs";
 import { t as w } from "./chunks/mnqSaATq.mjs";
 import { t as T } from "./chunks/tzjUpVIj.mjs";
 import { t as E } from "./chunks/6eDDQWcr.mjs";
@@ -42,7 +42,7 @@ import { t as L } from "./chunks/CHmZyvFr.mjs";
 import { t as R } from "./chunks/SInS7QSL.mjs";
 import z from "./flex-scroll-area/index.mjs";
 import B from "./flex-scroller/index.mjs";
-import { t as V } from "./chunks/CUaecRXx.mjs";
+import { t as V } from "./chunks/BrSqLOi5.mjs";
 import H from "./highlight-j-s/index.mjs";
 import U from "./flow-viewer/index.mjs";
 import W from "./form-advice/index.mjs";
@@ -54,9 +54,9 @@ import Y from "./form-cell/index.mjs";
 import { t as X } from "./chunks/BXnK2ccC.mjs";
 import { t as Z } from "./chunks/CrFP0Lhs.mjs";
 import { t as re } from "./chunks/CDZvVLNL.mjs";
-import { t as ie } from "./chunks/CgAtZ1l2.mjs";
+import { t as ie } from "./chunks/Bsu6--Di.mjs";
 import ae from "./form-red-table/index.mjs";
-import { t as oe } from "./chunks/BhHMGhJ8.mjs";
+import { t as oe } from "./chunks/CumZF9e-.mjs";
 import { t as se } from "./chunks/CaY7oZQ3.mjs";
 import { t as ce } from "./chunks/tVHVSu5h.mjs";
 import { t as le } from "./chunks/LivIWUWt.mjs";
@@ -77,10 +77,10 @@ import { t as Se } from "./chunks/DK4GzYEk2.mjs";
 import { t as Ce } from "./chunks/mm9J6HEd2.mjs";
 import we from "./table-column-def/index.mjs";
 import { t as Te } from "./chunks/DNaB9zOb2.mjs";
-import { t as Ee } from "./chunks/Dw36QZhr2.mjs";
-import { t as De } from "./chunks/BNe8qLhE2.mjs";
-import { t as Oe } from "./chunks/BZNDljpR2.mjs";
-import { t as ke } from "./chunks/CvlbrpKg2.mjs";
+import { t as Ee } from "./chunks/DpspbJVm2.mjs";
+import { t as De } from "./chunks/ZCIAKVNm2.mjs";
+import { t as Oe } from "./chunks/BOHHK03q2.mjs";
+import { t as ke } from "./chunks/BtNMd8g52.mjs";
 import { t as Ae } from "./chunks/DIMxdcyy2.mjs";
 import { t as je } from "./chunks/B7vR8-_Y2.mjs";
 import { t as Me } from "./chunks/FZqu01np2.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/form-ui",
   "description": "form-ui",
-  "version": "1.0.0-beta81",
+  "version": "1.0.0-beta83",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/pageable-table/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/Cb7kjZa-.mjs";
+import { t as e } from "../chunks/SLYmepqR.mjs";
 export { e as default };

package/sub-table/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/Dw36QZhr2.mjs";
+import { t as e } from "../chunks/DpspbJVm2.mjs";
 export { e as default };

package/sub-table-plus/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/BZNDljpR2.mjs";
+import { t as e } from "../chunks/BOHHK03q2.mjs";
 export { e as default };

package/table-view/index.mjs

@@ -1,6 +1,6 @@
 import { f as e, i as t } from "../chunks/ClVh1Lek.mjs";
 import { t as n } from "../chunks/B1MSrc6f.mjs";
-import { t as r } from "../chunks/Cb7kjZa-.mjs";
+import { t as r } from "../chunks/SLYmepqR.mjs";
 import { processButtons as i, reloadTable as a } from "../api/index.mjs";
 import { cellClickHandlerContextKey as o, tableViewContextKey as s } from "../constants/index.mjs";
 import { t as c } from "../chunks/mnqSaATq.mjs";