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

package/chunks/{BizQp-6k2.mjs → BOHHK03q2.mjs}

@@ -9,7 +9,7 @@ import { t as s } from "./CI0pkCeM.mjs";
 import { t as c } from "./BXnK2ccC.mjs";
 import { t as l } from "./CrFP0Lhs.mjs";
 import { t as u } from "./CDZvVLNL.mjs";
-import { t as d } from "./CgAtZ1l2.mjs";
+import { t as d } from "./Bsu6--Di.mjs";
 import { t as f } from "./BQ7zKN-6.mjs";
 import { t as p } from "./fh36J3y1.mjs";
 import { t as m } from "./BiY3yiiP2.mjs";

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/{P7ZAhYlk2.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 "./BizQp-6k2.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/{Brbt5iil2.mjs → DpspbJVm2.mjs}

@@ -6,7 +6,7 @@ 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/{DQFvmw1w2.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 "./Brbt5iil2.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/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/DQFvmw1w2.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/P7ZAhYlk2.mjs";
+import { t as e } from "../chunks/BtNMd8g52.mjs";
 export { e as default };

package/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/Brbt5iil2.mjs";
-import { t as De } from "./chunks/DQFvmw1w2.mjs";
-import { t as Oe } from "./chunks/BizQp-6k2.mjs";
-import { t as ke } from "./chunks/P7ZAhYlk2.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-beta82",
+  "version": "1.0.0-beta83",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/sub-table/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/Brbt5iil2.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/BizQp-6k2.mjs";
+import { t as e } from "../chunks/BOHHK03q2.mjs";
 export { e as default };