@web-utils/form-ui 1.0.0-beta72 → 1.0.0-beta74

package/x-input-tag/index.mjs

@@ -1,28 +1,25 @@
-import "../chunks/CjjJimnU.mjs";
-import { t as e } from "../chunks/C7l9aZGE.mjs";
-import { n as t, t as n } from "../chunks/BBPczt0U.mjs";
-import { _ as r } from "../chunks/D-hj62se2.mjs";
-import { t as i } from "../chunks/CbsGuLZz2.mjs";
-import { t as a } from "../chunks/lGc5ksPb.mjs";
-/* empty css                  */
-import "../chunks/CiOqOUkG.mjs";
-import "../chunks/CcnjxILx.mjs";
-import { t as o } from "../chunks/BQ0e8kIi.mjs";
-import { t as s } from "../chunks/BJNI7n9Z.mjs";
-import "../chunks/Dp195RgF.mjs";
-import { Fragment as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, nextTick as m, normalizeClass as h, openBlock as g, renderList as _, toDisplayString as v, vShow as y, withCtx as b, withDirectives as x, withKeys as S } from "vue";
-import { isArray as C, isDef as w, isPlainObject as T, scrollIntoView as E } from "@web-utils/core";
-import { debounce as D } from "lodash-es";
+import { t as e } from "../chunks/CaczibeD.mjs";
+import { t } from "../chunks/BH7VEktl.mjs";
+import { ElInput as n, ElMessage as r, ElPopover as i, ElTag as a } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, nextTick as f, normalizeClass as p, openBlock as m, renderList as h, toDisplayString as g, vShow as _, withCtx as v, withDirectives as y, withKeys as b } from "vue";
+import { isArray as x, isDef as S, isPlainObject as C, scrollIntoView as w } from "@web-utils/core";
+import "element-plus/es/components/message/style/css";
+import { debounce as T } from "lodash-es";
+import { formContextKey as E, formItemContextKey as D } from "element-plus";
+import "element-plus/es/components/popover/style/css";
+import "element-plus/es/components/tag/style/css";
 //#region src/components/form/XInputTag.vue
 var O = {
 	name: "XInputTag",
 	inject: {
 		elForm: {
-			from: n,
+			from: E,
 			default: ""
 		},
 		elFormItem: {
-			from: t,
+			from: D,
 			default: ""
 		}
 	},
@@ -77,7 +74,7 @@ var O = {
 				}) : this.modelValue : [];
 			} else {
 				var t;
-				let e = this.arrayMode ? this.modelValue || [] : C(this.modelValue) ? this.modelValue : ((t = this.modelValue) == null ? void 0 : t.split(this.separator)) || [];
+				let e = this.arrayMode ? this.modelValue || [] : x(this.modelValue) ? this.modelValue : ((t = this.modelValue) == null ? void 0 : t.split(this.separator)) || [];
 				return e.length && e[0] ? e.map((e) => this.objectMode ? {
 					name: e,
 					id: null
@@ -86,25 +83,25 @@ var O = {
 		} }
 	},
 	created() {
-		this.query && (this.debounceQuery = D(async () => {
+		this.query && (this.debounceQuery = T(async () => {
 			this.query ? (this.items = await this.query(this.inputValue), this.currentIndex = 0) : this.currentIndex = null;
 		}, 200));
 	},
 	methods: {
 		async showInput() {
 			var e;
-			this.inputVisible = !0, await m(), this.$refs.saveTagInput.$refs.input.focus(), (e = this.items) != null && e.length && (this.currentIndex = 0);
+			this.inputVisible = !0, await f(), this.$refs.saveTagInput.$refs.input.focus(), (e = this.items) != null && e.length && (this.currentIndex = 0);
 		},
 		handleClose(e) {
 			let t = this.tags.filter((t) => t !== e);
 			this.$emit("update:modelValue", this.arrayMode ? t : t.map((e) => e.name || e).join(this.separator));
 		},
 		async handleInputConfirm() {
-			await m(), w(this.currentIndex) && this.items[this.currentIndex] ? await this.addTag(this.items[this.currentIndex]) : this.inputValue ? await this.addTag(this.inputValue) : await this.reset();
+			await f(), S(this.currentIndex) && this.items[this.currentIndex] ? await this.addTag(this.items[this.currentIndex]) : this.inputValue ? await this.addTag(this.inputValue) : await this.reset();
 		},
 		async reset() {
 			var e;
-			(e = this.$refs.popover) == null || e.hide(), await m(), this.inputVisible = !1, this.inputValue = "", this.currentIndex = null;
+			(e = this.$refs.popover) == null || e.hide(), await f(), this.inputVisible = !1, this.inputValue = "", this.currentIndex = null;
 		},
 		async addTag(e) {
 			if (this.tags.length >= this.maxTag) {
@@ -116,7 +113,7 @@ var O = {
 			}
 			if (e) {
 				var t;
-				let n = T(e);
+				let n = C(e);
 				if (this.tags.some((t) => (this.objectMode && t.name || t) === (n && e.name || e))) {
 					this.inputVisible = !1, this.inputValue = "", r.warning({
 						message: `${this.type}已存在！`,
@@ -150,7 +147,7 @@ var O = {
 		},
 		select(e) {
 			var t;
-			(t = this.items) != null && t.length && (e === 1 ? this.currentIndex > 0 ? this.currentIndex-- : this.currentIndex = this.items.length - 1 : e === 2 && (this.currentIndex < this.items.length - 1 ? this.currentIndex++ : this.currentIndex = 0), E(this.$refs.list, this.$refs.items[this.currentIndex]));
+			(t = this.items) != null && t.length && (e === 1 ? this.currentIndex > 0 ? this.currentIndex-- : this.currentIndex = this.items.length - 1 : e === 2 && (this.currentIndex < this.items.length - 1 ? this.currentIndex++ : this.currentIndex = 0), w(this.$refs.list, this.$refs.items[this.currentIndex]));
 		}
 	}
 }, k = { class: "x-input-tag" }, A = {
@@ -167,31 +164,31 @@ var O = {
 	ref: "list",
 	class: "dropdown-item-list"
 }, N = ["onMouseenter", "onClick"];
-function P(t, n, r, o, m, C) {
-	let w = i, T = e, E = s, D = a;
-	return g(), d("div", k, [
-		C.tags && C.tags.length && C.tags[0] ? (g(!0), d(c, { key: 0 }, _(C.tags, (e, t) => (g(), l(w, {
+function P(e, r, f, x, S, C) {
+	let w = a, T = n, E = t, D = i;
+	return m(), l("div", k, [
+		C.tags && C.tags.length && C.tags[0] ? (m(!0), l(o, { key: 0 }, h(C.tags, (e, t) => (m(), s(w, {
 			key: e.id || e.name || e,
 			size: "small",
 			"disable-transitions": "",
 			closable: !C.inputDisabled,
 			onClose: (n) => C.handleClose(e, t)
 		}, {
-			default: b(() => [p(v(e.name || e), 1)]),
+			default: v(() => [d(g(e.name || e), 1)]),
 			_: 2
-		}, 1032, ["closable", "onClose"]))), 128)) : C.inputDisabled ? (g(), d("span", A, "无")) : u("v-if", !0),
-		C.inputDisabled ? u("v-if", !0) : x((g(), l(T, {
+		}, 1032, ["closable", "onClose"]))), 128)) : C.inputDisabled ? (m(), l("span", A, "无")) : c("v-if", !0),
+		C.inputDisabled ? c("v-if", !0) : y((m(), s(T, {
 			key: 2,
 			ref: "saveTagInput",
-			modelValue: m.inputValue,
-			"onUpdate:modelValue": [n[0] || (n[0] = (e) => m.inputValue = e), C.tryQuery],
+			modelValue: S.inputValue,
+			"onUpdate:modelValue": [r[0] || (r[0] = (e) => S.inputValue = e), C.tryQuery],
 			class: "input-new-tag",
 			size: "small",
 			onKeyup: [
-				n[1] || (n[1] = S((e) => C.select(1), ["up"])),
-				n[2] || (n[2] = S((e) => C.select(2), ["down"])),
-				S(C.onInputBlur, ["esc"]),
-				S(C.handleInputConfirm, ["enter"])
+				r[1] || (r[1] = b((e) => C.select(1), ["up"])),
+				r[2] || (r[2] = b((e) => C.select(2), ["down"])),
+				b(C.onInputBlur, ["esc"]),
+				b(C.handleInputConfirm, ["enter"])
 			],
 			onBlur: C.onInputBlur
 		}, null, 8, [
@@ -199,38 +196,38 @@ function P(t, n, r, o, m, C) {
 			"onUpdate:modelValue",
 			"onKeyup",
 			"onBlur"
-		])), [[y, m.inputVisible]]),
-		!C.inputDisabled && !m.inputVisible ? x((g(), l(E, {
+		])), [[_, S.inputVisible]]),
+		!C.inputDisabled && !S.inputVisible ? y((m(), s(E, {
 			key: 3,
 			class: "button-new-tag",
 			size: "small",
 			onClick: C.showInput
 		}, {
-			default: b(() => [...n[3] || (n[3] = [p(" + 添加 ", -1)])]),
+			default: v(() => [...r[3] || (r[3] = [d(" + 添加 ", -1)])]),
 			_: 1
-		}, 8, ["onClick"])), [[y, C.tags.length < m.maxTag]]) : u("v-if", !0),
-		r.count ? (g(), d("span", j, v(C.tags.length && C.tags[0] ? C.tags.length : ""), 1)) : u("v-if", !0),
-		r.query ? (g(), l(D, {
+		}, 8, ["onClick"])), [[_, C.tags.length < S.maxTag]]) : c("v-if", !0),
+		f.count ? (m(), l("span", j, g(C.tags.length && C.tags[0] ? C.tags.length : ""), 1)) : c("v-if", !0),
+		f.query ? (m(), s(D, {
 			key: 5,
 			ref: "popover",
-			"virtual-ref": t.$refs.saveTagInput,
+			"virtual-ref": e.$refs.saveTagInput,
 			placement: "bottom",
 			width: "240",
 			"popper-class": "dropdown-popup",
 			trigger: "manual"
 		}, {
-			default: b(() => [f("ul", M, [(g(!0), d(c, null, _(m.items, (e, t) => (g(), d("li", {
+			default: v(() => [u("ul", M, [(m(!0), l(o, null, h(S.items, (e, t) => (m(), l("li", {
 				ref_for: !0,
 				ref: "items",
 				key: e.id || e.name || e,
-				class: h(["dropdown-item", { active: m.currentIndex === t }]),
-				onMouseenter: (e) => m.currentIndex = t,
+				class: p(["dropdown-item", { active: S.currentIndex === t }]),
+				onMouseenter: (e) => S.currentIndex = t,
 				onClick: (t) => C.onDropdownItemClick(e)
-			}, v(e.name || e), 43, N))), 128))], 512)]),
+			}, g(e.name || e), 43, N))), 128))], 512)]),
 			_: 1
-		}, 8, ["virtual-ref"])) : u("v-if", !0)
+		}, 8, ["virtual-ref"])) : c("v-if", !0)
 	]);
 }
-var F = /* @__PURE__ */ o(O, [["render", P]]);
+var F = /* @__PURE__ */ e(O, [["render", P]]);
 //#endregion
 export { F as default };

package/year-calendar/index.mjs

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

package/year-calendar/style.css

@@ -1 +1 @@
-.c-wrapper[data-v-f0191d3f]{padding:10px}.calendar[data-v-f0191d3f]{text-align:center;color:#353c46cc;background-color:#fff;border-radius:2px;min-width:0;min-height:295px;text-decoration:none;transition:transform .3s;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.calendar[data-v-f0191d3f]:hover{z-index:2}@media (min-width:1024px){.calendar[data-v-f0191d3f]:hover{transform:scale(1.15);box-shadow:0 7px 21px #0000001a}}.calendar .calendar__title[data-v-f0191d3f]{cursor:pointer;border-bottom:1px solid #c4c4c44d;flex:100%;justify-content:center;align-items:center;height:50px;margin-bottom:12px;font-size:18px;font-weight:700;display:flex}.calendar .calendar__body[data-v-f0191d3f]{flex-wrap:wrap;place-content:flex-start;min-width:194px;padding:0 20px;display:flex}.calendar .calendar__day[data-v-f0191d3f]{color:#5db3d4;flex:14.28%;justify-content:center;align-items:center;height:31px;font-size:16px;display:flex}.calendar .day__weektitle[data-v-f0191d3f]{color:#353c46cc}.calendar .day[data-v-f0191d3f]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:flex;position:relative}.calendar .day[data-v-f0191d3f]:after{content:"";z-index:1;background-color:#0000;border-radius:50%;width:10px;height:10px;display:block;position:absolute;top:-5px;right:-5px}.calendar .day.calendar--active[data-v-f0191d3f]:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20fill='%23FF6060'%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm5%2011H7v-2h10v2z'/%3e%3c/svg%3e");background-size:100% 100%}.calendar .day[data-v-f0191d3f]:not(.calendar__day--otherMonth):hover{background-color:#6666661a;border-radius:5px}.calendar .day.calendar--active[data-v-f0191d3f]{color:#bcbcbc;background-color:#ffbaba80}.calendar .day.calendar--active.info[data-v-f0191d3f]{color:#fff;background-color:#17a2b8cc}.calendar .day.calendar--active.info[data-v-f0191d3f]:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%2317a2b8'%20d='M0%200h24v24H0V0z'/%3e%3cpath%20fill='white'%20d='M11%207h2v2h-2zm0%204h2v6h-2zm1-9C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8%208%203.59%208%208-3.59%208-8%208z'/%3e%3c/svg%3e");background-size:100% 100%}.calendar .day.calendar--active.warning[data-v-f0191d3f]{color:#fff;background-color:#ffc107b3}.calendar .day.calendar--active.warning[data-v-f0191d3f]:after{background-color:#eaeaea4d;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23ffc107'%20d='M4.47%2021h15.06c1.54%200%202.5-1.67%201.73-3L13.73%204.99c-.77-1.33-2.69-1.33-3.46%200L2.74%2018c-.77%201.33.19%203%201.73%203zM12%2014c-.55%200-1-.45-1-1v-2c0-.55.45-1%201-1s1%20.45%201%201v2c0%20.55-.45%201-1%201zm1%204h-2v-2h2v2z'/%3e%3c/svg%3e");background-size:100% 100%}.calendar .calendar__day--otherMonth[data-v-f0191d3f]{color:#eaeaea;cursor:auto}.container__months.hide-sunday .calendar__day:nth-of-type(7n){display:none}.container__months.hide-sunday .calendar__day{flex:16.66%}.container__months.hide-weekend .calendar__day:nth-of-type(7n),.container__months.hide-weekend .calendar__day:nth-of-type(7n-1){display:none}.container__months.hide-weekend .calendar__day{flex:19%}.vue-calendar__container[data-v-7fe7231c]{background-color:#f6f6f3;border-radius:2px;min-width:0;text-decoration:none;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.vue-calendar__container .container__year[data-v-7fe7231c]{-webkit-user-select:none;user-select:none;text-align:center;background-color:#fff;flex:100%;height:65px;font-size:24px;display:flex}.vue-calendar__container .container__year .year__chooser[data-v-7fe7231c]{cursor:pointer;color:#000000e6;flex:1;justify-content:center;align-items:center;height:100%;display:flex}.vue-calendar__container .container__year .year__chooser[data-v-7fe7231c]:hover{background-color:#6666661a}.vue-calendar__container .container__year .year__chooser[data-v-7fe7231c]:nth-child(4n-3){color:#0000004d}.vue-calendar__container .container__year .year__chooser[data-v-7fe7231c]:nth-child(2n){color:#0009}.vue-calendar__container .container__year .year__chooser[data-v-7fe7231c]:nth-child(3){box-shadow:inset 0 -3px #4792bd}.vue-calendar__container .container__months[data-v-7fe7231c]{flex-wrap:wrap;padding:15px;display:flex}.vue-calendar__container .container__month[data-v-7fe7231c]{flex:16.66%;padding:8px}@media (max-width:1300px){.vue-calendar__container .container__month[data-v-7fe7231c]{flex:25%}}@media (max-width:992px){.vue-calendar__container .container__month[data-v-7fe7231c]{flex:33.3%}}@media (max-width:768px){.vue-calendar__container .container__month[data-v-7fe7231c]{flex:50%}}@media (max-width:450px){.vue-calendar__container .container__month[data-v-7fe7231c]{flex:100%}}.vue-calendar__container .p-0[data-v-7fe7231c]{padding:0}
+.c-wrapper[data-v-c5d49ea6]{padding:10px}.calendar[data-v-c5d49ea6]{text-align:center;color:#353c46cc;background-color:#fff;border-radius:2px;min-width:0;min-height:295px;text-decoration:none;transition:transform .3s;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.calendar[data-v-c5d49ea6]:hover{z-index:2}@media (min-width:1024px){.calendar[data-v-c5d49ea6]:hover{transform:scale(1.15);box-shadow:0 7px 21px #0000001a}}.calendar .calendar__title[data-v-c5d49ea6]{cursor:pointer;border-bottom:1px solid #c4c4c44d;flex:100%;justify-content:center;align-items:center;height:50px;margin-bottom:12px;font-size:18px;font-weight:700;display:flex}.calendar .calendar__body[data-v-c5d49ea6]{flex-wrap:wrap;place-content:flex-start;min-width:194px;padding:0 20px;display:flex}.calendar .calendar__day[data-v-c5d49ea6]{color:#5db3d4;flex:14.28%;justify-content:center;align-items:center;height:31px;font-size:16px;display:flex}.calendar .day__weektitle[data-v-c5d49ea6]{color:#353c46cc}.calendar .day[data-v-c5d49ea6]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:flex;position:relative}.calendar .day[data-v-c5d49ea6]:after{content:"";z-index:1;background-color:#0000;border-radius:50%;width:10px;height:10px;display:block;position:absolute;top:-5px;right:-5px}.calendar .day.calendar--active[data-v-c5d49ea6]:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20fill='%23FF6060'%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm5%2011H7v-2h10v2z'/%3e%3c/svg%3e");background-size:100% 100%}.calendar .day[data-v-c5d49ea6]:not(.calendar__day--otherMonth):hover{background-color:#6666661a;border-radius:5px}.calendar .day.calendar--active[data-v-c5d49ea6]{color:#bcbcbc;background-color:#ffbaba80}.calendar .day.calendar--active.info[data-v-c5d49ea6]{color:#fff;background-color:#17a2b8cc}.calendar .day.calendar--active.info[data-v-c5d49ea6]:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%2317a2b8'%20d='M0%200h24v24H0V0z'/%3e%3cpath%20fill='white'%20d='M11%207h2v2h-2zm0%204h2v6h-2zm1-9C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8%208%203.59%208%208-3.59%208-8%208z'/%3e%3c/svg%3e");background-size:100% 100%}.calendar .day.calendar--active.warning[data-v-c5d49ea6]{color:#fff;background-color:#ffc107b3}.calendar .day.calendar--active.warning[data-v-c5d49ea6]:after{background-color:#eaeaea4d;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23ffc107'%20d='M4.47%2021h15.06c1.54%200%202.5-1.67%201.73-3L13.73%204.99c-.77-1.33-2.69-1.33-3.46%200L2.74%2018c-.77%201.33.19%203%201.73%203zM12%2014c-.55%200-1-.45-1-1v-2c0-.55.45-1%201-1s1%20.45%201%201v2c0%20.55-.45%201-1%201zm1%204h-2v-2h2v2z'/%3e%3c/svg%3e");background-size:100% 100%}.calendar .calendar__day--otherMonth[data-v-c5d49ea6]{color:#eaeaea;cursor:auto}.container__months.hide-sunday .calendar__day:nth-of-type(7n){display:none}.container__months.hide-sunday .calendar__day{flex:16.66%}.container__months.hide-weekend .calendar__day:nth-of-type(7n),.container__months.hide-weekend .calendar__day:nth-of-type(7n-1){display:none}.container__months.hide-weekend .calendar__day{flex:19%}.vue-calendar__container[data-v-5cc87b9a]{background-color:#f6f6f3;border-radius:2px;min-width:0;text-decoration:none;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.vue-calendar__container .container__year[data-v-5cc87b9a]{-webkit-user-select:none;user-select:none;text-align:center;background-color:#fff;flex:100%;height:65px;font-size:24px;display:flex}.vue-calendar__container .container__year .year__chooser[data-v-5cc87b9a]{cursor:pointer;color:#000000e6;flex:1;justify-content:center;align-items:center;height:100%;display:flex}.vue-calendar__container .container__year .year__chooser[data-v-5cc87b9a]:hover{background-color:#6666661a}.vue-calendar__container .container__year .year__chooser[data-v-5cc87b9a]:nth-child(4n-3){color:#0000004d}.vue-calendar__container .container__year .year__chooser[data-v-5cc87b9a]:nth-child(2n){color:#0009}.vue-calendar__container .container__year .year__chooser[data-v-5cc87b9a]:nth-child(3){box-shadow:inset 0 -3px #4792bd}.vue-calendar__container .container__months[data-v-5cc87b9a]{flex-wrap:wrap;padding:15px;display:flex}.vue-calendar__container .container__month[data-v-5cc87b9a]{flex:16.66%;padding:8px}@media (max-width:1300px){.vue-calendar__container .container__month[data-v-5cc87b9a]{flex:25%}}@media (max-width:992px){.vue-calendar__container .container__month[data-v-5cc87b9a]{flex:33.3%}}@media (max-width:768px){.vue-calendar__container .container__month[data-v-5cc87b9a]{flex:50%}}@media (max-width:450px){.vue-calendar__container .container__month[data-v-5cc87b9a]{flex:100%}}.vue-calendar__container .p-0[data-v-5cc87b9a]{padding:0}