@web-utils/form-ui 1.0.0-beta13 → 1.0.0-beta15

package/chunks/{DeOt3q3a.mjs → BDhGvPmU.mjs}

@@ -1,4 +1,4 @@
-import { n as e, o as t, r as n } from "./Cqm2ahW2.mjs";
+import { n as e, o as t, r as n } from "./DK2YoEOD.mjs";
 import { ElRate as r } from "element-plus/es";
 import { createVNode as i, isVNode as a } from "vue";
 //#region src/components/form/FormRate.vue?vue&type=script&lang.jsx

package/chunks/{CaHyPp0T.mjs → BXOvvlL2.mjs}

@@ -1,4 +1,4 @@
-import { c as e, i as t, r as n } from "./Cqm2ahW2.mjs";
+import { c as e, i as t, r as n } from "./DK2YoEOD.mjs";
 import { ElImage as r } from "element-plus/es";
 import { createVNode as i, isVNode as a } from "vue";
 //#region src/components/form/FormImage.vue?vue&type=script&lang.jsx

package/chunks/{ALt4yf68.mjs → C6tYoDfK.mjs}

@@ -1,4 +1,4 @@
-import { n as e, o as t, r as n } from "./Cqm2ahW2.mjs";
+import { n as e, o as t, r as n } from "./DK2YoEOD.mjs";
 import { ElInputNumber as r } from "element-plus/es";
 import { createVNode as i } from "vue";
 //#endregion

package/chunks/{BG_Z3LzE.mjs → CAYDWMXC.mjs}

@@ -1,4 +1,4 @@
-import { n as e, o as t, r as n } from "./Cqm2ahW2.mjs";
+import { n as e, o as t, r as n } from "./DK2YoEOD.mjs";
 import { ElRadio as r, ElRadioGroup as i } from "element-plus/es";
 import { createVNode as a, isVNode as o } from "vue";
 //#region src/components/form/FormRadioGroup.vue?vue&type=script&lang.jsx

package/chunks/{oRDjUjCZ.mjs → CXHvVx2H.mjs}

@@ -1,4 +1,4 @@
-import { n as e, o as t, r as n } from "./Cqm2ahW2.mjs";
+import { n as e, o as t, r as n } from "./DK2YoEOD.mjs";
 import { ElCheckbox as r, ElCheckboxGroup as i } from "element-plus/es";
 import { computed as a, createVNode as o, isVNode as s } from "vue";
 //#region src/components/form/FormCheckBoxGroup.vue?vue&type=script&lang.jsx

package/chunks/{BJCpNo2b.mjs → CykRgGj0.mjs}

@@ -1,6 +1,6 @@
-import { n as e, o as t, r as n, t as r } from "./Cqm2ahW2.mjs";
-import { computed as i, createVNode as a } from "vue";
-import { ElInput as o } from "element-plus";
+import { n as e, o as t, r as n, t as r } from "./DK2YoEOD.mjs";
+import { ElInput as i } from "element-plus/es";
+import { computed as a, createVNode as o } from "vue";
 import { validatePhoneNum as s } from "@web-utils/core";
 //#region src/util/form-validate.js
 var c = (e, t, n) => t && !/^[A-Za-z0-9\u4e00-\u9fa5_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
@@ -8,10 +8,6 @@ function l(e, t, n) {
 	t && !/^[1-9][0-9]{5}(18|19|(2[0-9]))[0-9]{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)[0-9]{3}[0-9Xx]$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
 }
 //#endregion
-//#region src/components/form/FormInput.vue?vue&type=script&lang.jsx
-console.log(o.props.inputStyle.type);
-for (let e = 0; e < o.props.inputStyle.type.length; e++) console.log(o.props.inputStyle.type[e].name);
-//#endregion
 //#region src/components/form/FormInput.vue
 var u = {
 	name: "FormInput",
@@ -46,7 +42,7 @@ var u = {
 		let d = `请输入正确的${e.label}！`, { emitInput: f, render: p, placeholder: m, disabled: h } = t(e, {
 			emit: n,
 			slots: u,
-			rules: i(() => {
+			rules: a(() => {
 				if (!e.type || e.type === "textarea") return null;
 				let t = {
 					message: d,
@@ -63,7 +59,7 @@ var u = {
 		}, _ = () => {
 			n("clear");
 		};
-		return () => p({ vNodes: a(o, {
+		return () => p({ vNodes: o(i, {
 			class: ["form-input", {
 				"is-readonly": e.readonlyGrey && e.readonly && !e.picker,
 				"el-input-cursor-pointer": e.picker && !h.value

package/chunks/{BGad3Wff.mjs → D4SiGR5u.mjs}

@@ -1,5 +1,5 @@
-import { a as e, n as t, r as n } from "./Cqm2ahW2.mjs";
-import { t as r } from "./BJCpNo2b.mjs";
+import { a as e, n as t, r as n } from "./DK2YoEOD.mjs";
+import { t as r } from "./CykRgGj0.mjs";
 import { createVNode as i, isVNode as a, mergeProps as o } from "vue";
 //#region src/components/form/FormInputIdCard.vue?vue&type=script&lang.jsx
 function s(e) {

package/chunks/{DZdQxw_s.mjs → DAEpRn3D.mjs}

@@ -1,5 +1,5 @@
-import { a as e, n as t, r as n } from "./Cqm2ahW2.mjs";
-import { t as r } from "./BJCpNo2b.mjs";
+import { a as e, n as t, r as n } from "./DK2YoEOD.mjs";
+import { t as r } from "./CykRgGj0.mjs";
 import { createVNode as i, isVNode as a, mergeProps as o } from "vue";
 //#region src/components/form/FormInputEmail.vue?vue&type=script&lang.jsx
 function s(e) {

package/chunks/{Bc4d8vFN.mjs → DL4ovOwO.mjs}

@@ -1,4 +1,4 @@
-import { n as e, o as t, r as n } from "./Cqm2ahW2.mjs";
+import { n as e, o as t, r as n } from "./DK2YoEOD.mjs";
 import { ElSwitch as r } from "element-plus/es";
 import { createVNode as i, isVNode as a } from "vue";
 //#region src/components/form/FormSwitch.vue?vue&type=script&lang.jsx

package/chunks/{BouiHKbN.mjs → DXrQ5tWJ.mjs}

@@ -1,4 +1,4 @@
-import { n as e, o as t, r as n } from "./Cqm2ahW2.mjs";
+import { n as e, o as t, r as n } from "./DK2YoEOD.mjs";
 import { ElCheckbox as r } from "element-plus/es";
 import { createVNode as i } from "vue";
 //#endregion

package/chunks/{CmtaSp-T.mjs → Xww4oyW1.mjs}

@@ -1,4 +1,4 @@
-import { n as e, o as t, r as n } from "./Cqm2ahW2.mjs";
+import { n as e, o as t, r as n } from "./DK2YoEOD.mjs";
 import { ElOption as r, ElSelect as i } from "element-plus/es";
 import { createVNode as a } from "vue";
 //#endregion

package/chunks/{BYqiGFdT.mjs → ciEWoJ1U.mjs}

@@ -1,4 +1,4 @@
-import { c as e, i as t, r as n } from "./Cqm2ahW2.mjs";
+import { c as e, i as t, r as n } from "./DK2YoEOD.mjs";
 import { ElText as r } from "element-plus/es";
 import { createVNode as i } from "vue";
 //#endregion

package/chunks/dwnrVqcq.mjs

@@ -0,0 +1,315 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, normalizeClass as r, normalizeStyle as i, openBlock as a, renderList as o, toDisplayString as s, withModifiers as c } from "vue";
+import l from "dayjs";
+//#region \0plugin-vue:export-helper
+var u = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, d = {
+	name: "MonthCalendar",
+	props: {
+		activeDates: {
+			type: Array,
+			default: () => []
+		},
+		month: {
+			type: [String, Number],
+			default: () => l().month() + 1
+		},
+		year: {
+			type: [String, Number],
+			default: () => l().year()
+		},
+		lang: {
+			type: String,
+			default: "en"
+		},
+		activeClass: {
+			type: String,
+			default: () => ""
+		},
+		prefixClass: {
+			type: String,
+			default: () => "calendar--active"
+		}
+	},
+	emits: ["toggleDate", "monthClickEvent"],
+	data() {
+		return {
+			showDays: [],
+			isMouseDown: !1
+		};
+	},
+	computed: {
+		weekTitleFontSizeAdjustLang() {
+			return {
+				tw: "16px",
+				en: "14px",
+				pt: "14px",
+				de: "14px",
+				es: "14px",
+				pl: "12px",
+				ru: "14px"
+			}[this.lang];
+		},
+		monthTitle() {
+			return {
+				tw: [
+					"一月",
+					"二月",
+					"三月",
+					"四月",
+					"五月",
+					"六月",
+					"七月",
+					"八月",
+					"九月",
+					"十月",
+					"十一月",
+					"十二月"
+				],
+				en: [
+					"January",
+					"February",
+					"March",
+					"April",
+					"May",
+					"June",
+					"July",
+					"August",
+					"September",
+					"October",
+					"November",
+					"December"
+				],
+				pt: [
+					"Janeiro",
+					"Fevereiro",
+					"Março",
+					"Abril",
+					"Maio",
+					"Junho",
+					"Julho",
+					"Agosto",
+					"Setembro",
+					"Outubro",
+					"Novembro",
+					"Dezembro"
+				],
+				de: [
+					"Januar",
+					"Februar",
+					"März",
+					"April",
+					"Mai",
+					"Juni",
+					"Juli",
+					"August",
+					"September",
+					"Oktober",
+					"November",
+					"Dezember"
+				],
+				es: [
+					"Enero",
+					"Febrero",
+					"Marzo",
+					"Abril",
+					"Mayo",
+					"Junio",
+					"Julio",
+					"Agosto",
+					"Septiembre",
+					"Octubre",
+					"Noviembre",
+					"Diciembre"
+				],
+				pl: [
+					"Styczeń",
+					"Luty",
+					"Marzec",
+					"Kwiecień",
+					"Maj",
+					"Czerwiec",
+					"Lipiec",
+					"Sierpień",
+					"Wrzesień",
+					"Październik",
+					"Listopad",
+					"Grudzień"
+				],
+				ru: [
+					"Январь",
+					"Февраль",
+					"Март",
+					"Апрель",
+					"Май",
+					"Июнь",
+					"Июль",
+					"Август",
+					"Сентябрь",
+					"Октябрь",
+					"Ноябрь",
+					"Декабрь"
+				]
+			}[this.lang][this.month - 1];
+		}
+	},
+	watch: {
+		year(e) {
+			this.initCalendar();
+		},
+		activeDates(e, t) {
+			this.initCalendar();
+		}
+	},
+	created() {
+		this.initCalendar();
+	},
+	methods: {
+		initCalendar() {
+			if (!this.year || !this.month) return [];
+			let e = l().set("date", 1).set("year", this.year).set("month", this.month - 1), t = e.startOf("month").day() - 1;
+			t < 0 && (t += 7);
+			let n = e.endOf("month").date(), r = t >= 5 ? 6 : 5, i = 0;
+			this.showDays = Array.from(Array(r * 7).keys()).map((e) => ({
+				value: t <= e ? i++ % n + 1 : "",
+				active: !1,
+				isOtherMonth: t > e || i > n
+			})), this.activeDates.forEach((e) => {
+				let n;
+				typeof e == "string" ? n = {
+					date: e,
+					className: this.activeClass
+				} : typeof e == "object" && (n = e);
+				let r = l(n.date);
+				if (r.year() !== this.year) return;
+				let i = r.date(), a = Math.floor(i / 7), o = i % 7 - 1 + t + 7 * a;
+				this.showDays[o].active = !0, this.showDays[o].className = n.className;
+			});
+		},
+		showDayTitle(e) {
+			return {
+				tw: [
+					"一",
+					"二",
+					"三",
+					"四",
+					"五",
+					"六",
+					"日"
+				],
+				en: [
+					"Mo",
+					"Tu",
+					"We",
+					"Th",
+					"Fr",
+					"Sa",
+					"Su"
+				],
+				pt: [
+					"2ª",
+					"3ª",
+					"4ª",
+					"5ª",
+					"6ª",
+					"Sa",
+					"Do"
+				],
+				de: [
+					"Mo",
+					"Di",
+					"Mi",
+					"Do",
+					"Fr",
+					"Sa",
+					"So"
+				],
+				es: [
+					"Lu",
+					"Ma",
+					"Mi",
+					"Ju",
+					"Vi",
+					"Sá",
+					"Do"
+				],
+				pl: [
+					"Pon",
+					"Wt",
+					"Śr",
+					"Czw",
+					"Pt",
+					"Sob",
+					"Nie"
+				],
+				ru: [
+					"Пн",
+					"Вт",
+					"Ср",
+					"Чт",
+					"Пт",
+					"Сб",
+					"Вс"
+				]
+			}[this.lang][e];
+		},
+		toggleDay(e) {
+			e.isOtherMonth || this.$emit("toggleDate", {
+				month: this.month,
+				date: e.value,
+				selected: !e.active,
+				className: this.activeClass
+			});
+		},
+		dragDay(e) {
+			this.isMouseDown && this.toggleDay(e);
+		},
+		mouseDown(e) {
+			this.toggleDay(e), this.isMouseDown = !0;
+		},
+		mouseUp() {
+			this.isMouseDown = !1;
+		},
+		classList(e) {
+			let t = {
+				"calendar__day--otherMonth": e.isOtherMonth,
+				[this.prefixClass]: e.active
+			};
+			return e.active && (t[e.className] = !0), t;
+		},
+		monthClickEvent(e) {
+			let t = {
+				monthTitle: this.monthTitle,
+				month: this.month,
+				year: e
+			};
+			this.$emit("monthClickEvent", t);
+		}
+	}
+}, f = { class: "c-wrapper" }, p = { class: "calendar__body" }, m = ["onMouseover", "onMousedown"];
+function h(l, u, d, h, g, _) {
+	return a(), t("div", f, [n("div", {
+		class: "calendar",
+		onMouseup: u[1] || (u[1] = (...e) => _.mouseUp && _.mouseUp(...e)),
+		onMouseleave: u[2] || (u[2] = c((...e) => _.mouseUp && _.mouseUp(...e), ["stop"]))
+	}, [n("div", {
+		class: "calendar__title",
+		onClick: u[0] || (u[0] = (e) => _.monthClickEvent(d.year))
+	}, s(_.monthTitle), 1), n("div", p, [(a(), t(e, null, o(7, (e, t) => n("div", {
+		key: `title${e}`,
+		class: "calendar__day day__weektitle",
+		style: i({ fontSize: _.weekTitleFontSizeAdjustLang })
+	}, s(_.showDayTitle(t)), 5)), 64)), (a(!0), t(e, null, o(g.showDays, (e, i) => (a(), t("div", {
+		key: `day${i}`,
+		class: "calendar__day"
+	}, [n("div", {
+		class: r(["day", _.classList(e)]),
+		onMouseover: (t) => _.dragDay(e),
+		onMousedown: (t) => _.mouseDown(e)
+	}, s(e.value), 43, m)]))), 128))])], 32)]);
+}
+var g = /* @__PURE__ */ u(d, [["render", h], ["__scopeId", "data-v-458fd3a6"]]);
+//#endregion
+export { u as n, g as t };

package/chunks/{CQowXkhx.mjs → jpMiw_3M.mjs}

@@ -1,4 +1,4 @@
-import { n as e, o as t, r as n } from "./Cqm2ahW2.mjs";
+import { n as e, o as t, r as n } from "./DK2YoEOD.mjs";
 import { ElDatePicker as r } from "element-plus/es";
 import { computed as i, createVNode as a } from "vue";
 //#endregion

package/chunks/{Dr0gqiWt.mjs → vlkluoXb.mjs}

@@ -1,4 +1,4 @@
-import { n as e, o as t, r as n } from "./Cqm2ahW2.mjs";
+import { n as e, o as t, r as n } from "./DK2YoEOD.mjs";
 import { ElSlider as r } from "element-plus/es";
 import { createVNode as i, isVNode as a } from "vue";
 //#region src/components/form/FormSlider.vue?vue&type=script&lang.jsx

package/chunks/{B9ZV4Ei4.mjs → wo0ekOcp.mjs}

@@ -1,5 +1,5 @@
-import { a as e, n as t, r as n } from "./Cqm2ahW2.mjs";
-import { t as r } from "./BJCpNo2b.mjs";
+import { a as e, n as t, r as n } from "./DK2YoEOD.mjs";
+import { t as r } from "./CykRgGj0.mjs";
 import { createVNode as i, isVNode as a, mergeProps as o } from "vue";
 //#region src/components/form/FormInputPhoneNumber.vue?vue&type=script&lang.jsx
 function s(e) {

package/form-check-box-group/index.mjs

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

package/form-checkbox/index.mjs

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

package/form-date-picker/index.mjs

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

package/form-holder/index.mjs

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

package/form-image/index.mjs

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

package/form-input/index.mjs

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

package/form-input-email/index.mjs

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

package/form-input-id-card/index.mjs

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

package/form-input-number/index.mjs

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

package/form-input-phone-number/index.mjs

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

package/form-item-x/index.mjs

@@ -1,2 +1,2 @@
-import { s as e } from "../chunks/Cqm2ahW2.mjs";
+import { s as e } from "../chunks/DK2YoEOD.mjs";
 export { e as default };

package/form-radio-group/index.mjs

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

package/form-rate/index.mjs

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

package/form-row/index.mjs

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

package/form-select/index.mjs

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

package/form-slider/index.mjs

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

package/form-switch/index.mjs

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

package/form-text/index.mjs

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

package/index.d.ts

@@ -28,11 +28,12 @@ import { default as FormSlider } from './form-slider/index.js';
 import { default as FormSwitch } from './form-switch/index.js';
 import { default as FormText } from './form-text/index.js';
 import { default as FormView } from './form-view/index.js';
-import { default as JsonEditor } from './json-editor/index.js';
+import { default as MonthCalendar } from './month-calendar/index.js';
 import { default as TableView } from './table-view/index.js';
 import { default as Toolbar } from './toolbar/index.js';
 import { default as ToolbarButton } from './toolbar-button/index.js';
-export { ElementDialog, EmptyView, FlexScrollArea, FormAdvice, FormCell, FormCheckbox, FormCheckBoxGroup, FormDatePicker, FormHolder, FormImage, FormInput, FormInputEmail, FormInputIdCard, FormInputNumber, FormInputPhoneNumber, FormInputTag, FormInputTime, FormItemConfigProvider, FormItemGroup, FormItemX, FormRadioGroup, FormRate, FormRedTable, FormRow, FormSelect, FormSlider, FormSwitch, FormText, FormView, JsonEditor, TableView, Toolbar, ToolbarButton };
+import { default as YearCalendar } from './year-calendar/index.js';
+export { ElementDialog, EmptyView, FlexScrollArea, FormAdvice, FormCell, FormCheckbox, FormCheckBoxGroup, FormDatePicker, FormHolder, FormImage, FormInput, FormInputEmail, FormInputIdCard, FormInputNumber, FormInputPhoneNumber, FormInputTag, FormInputTime, FormItemConfigProvider, FormItemGroup, FormItemX, FormRadioGroup, FormRate, FormRedTable, FormRow, FormSelect, FormSlider, FormSwitch, FormText, FormView, MonthCalendar, TableView, Toolbar, ToolbarButton, YearCalendar };
 export declare const componentNames: string[];
 export declare const noStylesComponents: string[];
 export declare const install: (app: App) => void;