savor-ui 0.0.1

package/dist/es/components/src/date-picker/panel-month-range.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,117 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { handleRangeSelect as t, isInHoverRange as n, isInRange as r } from "./_utils.mjs";
+import i from "./month-view.vue.mjs";
+import a from "./year-view.vue.mjs";
+import { computed as o, createBlock as s, createElementBlock as c, defineComponent as l, mergeModels as u, normalizeClass as d, openBlock as f, ref as p, unref as m, useModel as h, watch as g } from "vue";
+import _ from "dayjs";
+//#region ../components/src/date-picker/panel-month-range.vue?vue&type=script&setup=true&lang.ts
+var v = !0, y = !0, b = /* @__PURE__ */ l({
+	__name: "panel-month-range",
+	props: /* @__PURE__ */ u({
+		format: {},
+		valueFormat: { default: "YYYY-MM" }
+	}, {
+		modelValue: { default: () => ["", ""] },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ u(["selected"], ["update:modelValue"]),
+	setup(l, { emit: u }) {
+		let b = e("date-picker"), x = u, S = h(l, "modelValue"), C = p(["", ""]), w = p(""), T = p(_()), E = p(_().add(1, "year")), D = o(() => T.value.add(1, "year").isBefore(E.value, "year")), O = o(() => T.value.add(1, "year").isBefore(E.value, "year")), k = p("month"), A = p("month"), j = (e) => [b.is("start", e === C.value[0]), b.is("end", e === C.value[1])], M = (e) => [
+			b.is("in-range", r(e, C.value)),
+			b.is("hover-in-range", n(e, C.value, w.value)),
+			b.is("start", e === C.value[0]),
+			b.is("end", e === C.value[1])
+		], N = () => [], P = (e) => !0, F = (e) => e.isBefore(E.value, "year"), I = (e) => e.isAfter(T.value, "year"), L = (e) => !0, R = (e) => {
+			let { newRange: n, shouldEmit: r } = t(e, C.value);
+			C.value = n, r && (S.value = n, x("selected", n));
+		}, z = (e) => {
+			w.value = e || "";
+		}, B = () => {
+			k.value = "year";
+		}, V = (e) => {
+			T.value = _(`${e}-01-01`), E.value = T.value.add(1, "year"), k.value = "month";
+		}, H = () => {
+			A.value = "year";
+		}, U = (e) => {
+			E.value = _(`${e}-01-01`), A.value = "month";
+		}, W = !0;
+		return g(S, (e) => {
+			if (e && (e[0] !== C.value[0] || e[1] !== C.value[1]) && (C.value = [...e], W)) {
+				if (e[0]) {
+					let t = e[0].match(/^(\d{4})/);
+					t && (T.value = _(`${t[1]}-01-01`));
+				}
+				if (e[1]) {
+					let t = e[1].match(/^(\d{4})/);
+					if (t) {
+						let e = _(`${t[1]}-01-01`);
+						e.isSame(T.value, "year") ? E.value = e.add(1, "year") : E.value = e;
+					}
+				}
+				W = !1;
+			}
+		}, {
+			immediate: !0,
+			deep: !0
+		}), (e, t) => (f(), c("div", { class: d([m(b).e("panel-range")]) }, [k.value === "month" ? (f(), s(i, {
+			key: 0,
+			modelValue: T.value,
+			"onUpdate:modelValue": t[0] ||= (e) => T.value = e,
+			"value-format": l.valueFormat,
+			"range-value": C.value,
+			"hover-value": w.value,
+			"get-value-classes": j,
+			"get-item-classes": M,
+			"on-prev": P,
+			"on-next": F,
+			"show-prev-arrow": v,
+			"show-next-arrow": D.value,
+			onSelect: R,
+			onToYearView: B,
+			onHover: z
+		}, null, 8, [
+			"modelValue",
+			"value-format",
+			"range-value",
+			"hover-value",
+			"show-next-arrow"
+		])) : (f(), s(a, {
+			key: 1,
+			modelValue: T.value,
+			"onUpdate:modelValue": t[1] ||= (e) => T.value = e,
+			"get-item-classes": N,
+			onSelect: V
+		}, null, 8, ["modelValue"])), A.value === "month" ? (f(), s(i, {
+			key: 2,
+			modelValue: E.value,
+			"onUpdate:modelValue": t[2] ||= (e) => E.value = e,
+			"value-format": l.valueFormat,
+			"range-value": C.value,
+			"hover-value": w.value,
+			"get-value-classes": j,
+			"get-item-classes": M,
+			"on-prev": I,
+			"on-next": L,
+			"show-prev-arrow": O.value,
+			"show-next-arrow": y,
+			onSelect: R,
+			onToYearView: H,
+			onHover: z
+		}, null, 8, [
+			"modelValue",
+			"value-format",
+			"range-value",
+			"hover-value",
+			"show-prev-arrow"
+		])) : (f(), s(a, {
+			key: 3,
+			modelValue: E.value,
+			"onUpdate:modelValue": t[3] ||= (e) => E.value = e,
+			"get-item-classes": N,
+			onSelect: U
+		}, null, 8, ["modelValue"]))], 2));
+	}
+});
+//#endregion
+export { b as default };

package/dist/es/components/src/date-picker/panel-month.d.ts

@@ -0,0 +1,13 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+declare const __VLS_export: DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    selected: (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSelected?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/date-picker/panel-month.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./panel-month.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/date-picker/panel-month.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/date-picker/panel-month.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,43 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "./month-view.vue.mjs";
+import n from "./year-view.vue.mjs";
+import { createBlock as r, createCommentVNode as i, defineComponent as a, mergeModels as o, openBlock as s, ref as c, useModel as l, watch as u } from "vue";
+import d from "dayjs";
+//#region ../components/src/date-picker/panel-month.vue?vue&type=script&setup=true&lang.ts
+var f = /* @__PURE__ */ a({
+	__name: "panel-month",
+	props: {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	},
+	emits: /* @__PURE__ */ o(["selected"], ["update:modelValue"]),
+	setup(a, { emit: o }) {
+		let f = e("date-picker"), p = d(), m = o, h = l(a, "modelValue"), g = c("month"), _ = c(p), v = () => {
+			g.value = "year";
+		}, y = (e) => {
+			let t = _.value.format("MM");
+			_.value = d(e + "-" + t), g.value = "month";
+		}, b = (e) => [f.is("active", e === h.value)], x = (e) => {
+			h.value = e, m("selected", e);
+		};
+		return u(h, (e) => {
+			e && (_.value = d(e));
+		}, { immediate: !0 }), (e, a) => g.value === "month" ? (s(), r(t, {
+			key: 0,
+			modelValue: _.value,
+			"onUpdate:modelValue": a[0] ||= (e) => _.value = e,
+			"value-format": "YYYY-MM",
+			"get-value-classes": b,
+			onSelect: x,
+			onToYearView: v
+		}, null, 8, ["modelValue"])) : g.value === "year" ? (s(), r(n, {
+			key: 1,
+			modelValue: _.value,
+			"onUpdate:modelValue": a[1] ||= (e) => _.value = e,
+			onSelect: y
+		}, null, 8, ["modelValue"])) : i("", !0);
+	}
+});
+//#endregion
+export { f as default };

package/dist/es/components/src/date-picker/panel-week-range.d.ts

@@ -0,0 +1,18 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    format?: string;
+    valueFormat?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: [string, string];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: [string, string]) => any;
+    selected: (value: [string, string]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: [string, string]) => any) | undefined;
+    onSelected?: ((value: [string, string]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/date-picker/panel-week-range.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./panel-week-range.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/date-picker/panel-week-range.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/date-picker/panel-week-range.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,139 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { weekKeyToDate as t } from "./_utils.mjs";
+import n from "./month-view.vue.mjs";
+import r from "./year-view.vue.mjs";
+import i from "./week-view.vue.mjs";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, openBlock as p, ref as m, unref as h, useModel as g, watch as _ } from "vue";
+import v from "dayjs";
+//#region ../components/src/date-picker/panel-week-range.vue?vue&type=script&setup=true&lang.ts
+var y = !0, b = !0, x = !0, S = !0, C = /* @__PURE__ */ u({
+	__name: "panel-week-range",
+	props: /* @__PURE__ */ d({
+		format: {},
+		valueFormat: {}
+	}, {
+		modelValue: { default: () => ["", ""] },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ d(["selected"], ["update:modelValue"]),
+	setup(u, { emit: d }) {
+		let C = u, w = e("date-picker"), T = d, E = g(u, "modelValue"), D = m(["", ""]), O = m(""), k = m(v()), A = m(v().add(1, "month")), ee = a(() => k.value.add(1, "year").isBefore(A.value, "year")), j = a(() => k.value.add(1, "month").isBefore(A.value, "month")), M = a(() => k.value.add(1, "year").isBefore(A.value, "year")), N = a(() => k.value.add(1, "month").isBefore(A.value, "month")), P = m("week"), F = m("week"), I = m(v()), L = m(v());
+		function R(e) {
+			let n = [...D.value];
+			if (n[0] ? n[1] ? (n[0] = e.weekKey, n[1] = "") : n[1] = e.weekKey : (n[0] = e.weekKey, n[1] = ""), n[0] && n[1]) {
+				let e = t(n[0]), r = t(n[1]);
+				e.isAfter(r) && ([n[0], n[1]] = [n[1], n[0]]);
+			}
+			D.value = n, n[0] && n[1] && (E.value = n, T("selected", n));
+		}
+		let z = (e) => {
+			O.value = e || "";
+		}, B = (e) => (k.value = e, !1), V = (e) => (k.value = e, !1), H = (e) => (e.isBefore(A.value, "month") && (k.value = e), !1), U = (e) => (e.isBefore(A.value, "year") && (k.value = e), !1), W = (e) => (e.isAfter(k.value, "year") && (A.value = e), !1), G = (e) => (e.isAfter(k.value, "month") && (A.value = e), !1), K = (e) => (A.value = e, !1), q = (e) => (A.value = e, !1), J = () => {
+			I.value = v(k.value), P.value = "month";
+		}, Y = () => {
+			P.value = "year";
+		}, X = (e) => {
+			I.value = v(`${e}-01-01`), P.value = "month";
+		}, Z = (e) => {
+			k.value = v(e), A.value = v(e).add(1, "month"), P.value = "week";
+		}, Q = () => {
+			L.value = v(A.value), F.value = "month";
+		}, te = () => {
+			F.value = "year";
+		}, ne = (e) => {
+			L.value = v(`${e}-01-01`), F.value = "month";
+		}, re = (e) => {
+			A.value = v(e), k.value = v(e).subtract(1, "month"), F.value = "week";
+		}, $ = !0;
+		return _(E, (e) => {
+			if (e && (e[0] !== D.value[0] || e[1] !== D.value[1]) && (D.value = [...e], $)) {
+				let n = null, r = null;
+				if (e[0] && (n = t(e[0]), n.isValid() && (k.value = n)), e[1] && (r = t(e[1]), r.isValid())) {
+					let e = (n && n.isValid() ? n : v()).add(1, "month");
+					r.isBefore(e, "month") ? A.value = e : A.value = r;
+				}
+				$ = !1;
+			}
+		}, {
+			immediate: !0,
+			deep: !0
+		}), (e, t) => (p(), c("div", { class: f([h(w).e("panel-range")]) }, [l("div", { class: f([h(w).e("week-wrapper")]) }, [P.value === "week" ? (p(), o(i, {
+			key: 0,
+			modelValue: k.value,
+			"onUpdate:modelValue": t[0] ||= (e) => k.value = e,
+			"value-format": u.valueFormat,
+			"range-value": D.value,
+			"hover-value": O.value,
+			"on-prev-year": B,
+			"on-prev-month": V,
+			"on-next-month": H,
+			"on-next-year": U,
+			"show-prev-year-arrow": y,
+			"show-next-year-arrow": ee.value,
+			"show-prev-month-arrow": b,
+			"show-next-month-arrow": j.value,
+			onSelect: R,
+			onHover: z,
+			onToMonthView: J
+		}, null, 8, [
+			"modelValue",
+			"value-format",
+			"range-value",
+			"hover-value",
+			"show-next-year-arrow",
+			"show-next-month-arrow"
+		])) : P.value === "month" ? (p(), o(n, {
+			key: 1,
+			modelValue: I.value,
+			"onUpdate:modelValue": t[1] ||= (e) => I.value = e,
+			"value-format": "YYYY-MM",
+			onSelect: Z,
+			onToYearView: Y
+		}, null, 8, ["modelValue"])) : P.value === "year" ? (p(), o(r, {
+			key: 2,
+			modelValue: I.value,
+			"onUpdate:modelValue": t[2] ||= (e) => I.value = e,
+			onSelect: X
+		}, null, 8, ["modelValue"])) : s("", !0)], 2), l("div", { class: f([h(w).e("week-wrapper")]) }, [F.value === "week" ? (p(), o(i, {
+			key: 0,
+			modelValue: A.value,
+			"onUpdate:modelValue": t[3] ||= (e) => A.value = e,
+			"value-format": C.valueFormat,
+			"range-value": D.value,
+			"hover-value": O.value,
+			"on-prev-year": W,
+			"on-prev-month": G,
+			"on-next-month": K,
+			"on-next-year": q,
+			"show-prev-year-arrow": M.value,
+			"show-next-year-arrow": x,
+			"show-prev-month-arrow": N.value,
+			"show-next-month-arrow": S,
+			onSelect: R,
+			onHover: z,
+			onToMonthView: Q
+		}, null, 8, [
+			"modelValue",
+			"value-format",
+			"range-value",
+			"hover-value",
+			"show-prev-year-arrow",
+			"show-prev-month-arrow"
+		])) : F.value === "month" ? (p(), o(n, {
+			key: 1,
+			modelValue: L.value,
+			"onUpdate:modelValue": t[4] ||= (e) => L.value = e,
+			"value-format": "YYYY-MM",
+			onSelect: re,
+			onToYearView: te
+		}, null, 8, ["modelValue"])) : F.value === "year" ? (p(), o(r, {
+			key: 2,
+			modelValue: L.value,
+			"onUpdate:modelValue": t[5] ||= (e) => L.value = e,
+			onSelect: ne
+		}, null, 8, ["modelValue"])) : s("", !0)], 2)], 2));
+	}
+});
+//#endregion
+export { C as default };

package/dist/es/components/src/date-picker/panel-week.d.ts

@@ -0,0 +1,17 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    valueFormat?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+    selected: (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onSelected?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/date-picker/panel-week.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./panel-week.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/date-picker/panel-week.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/date-picker/panel-week.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,62 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { weekKeyToDate as t } from "./_utils.mjs";
+import n from "./month-view.vue.mjs";
+import r from "./year-view.vue.mjs";
+import i from "./week-view.vue.mjs";
+import { createBlock as a, createCommentVNode as o, createElementBlock as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, ref as f, unref as p, useModel as m, watch as h } from "vue";
+import g from "dayjs";
+//#region ../components/src/date-picker/panel-week.vue?vue&type=script&setup=true&lang.ts
+var _ = /* @__PURE__ */ c({
+	__name: "panel-week",
+	props: /* @__PURE__ */ l({ valueFormat: {} }, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ l(["selected"], ["update:modelValue"]),
+	setup(c, { emit: l }) {
+		let _ = l, v = e("date-picker"), y = m(c, "modelValue"), b = f(null), x = f(g()), S = f(g()), C = f(null), w = f("week");
+		function T(e) {
+			C.value = e.weekKey, b.value = e.weekKey, y.value = e.weekKey, _("selected", e.weekKey);
+		}
+		h(() => y.value, (e) => {
+			b.value = e ?? null, C.value = e ?? null, e && (x.value = t(e));
+		}, { immediate: !0 });
+		let E = () => {
+			S.value = g(x.value), w.value = "month";
+		}, D = () => {
+			w.value = "year";
+		}, O = (e) => {
+			S.value = g(`${e}-01-01`), w.value = "month";
+		}, k = (e) => {
+			x.value = g(e), w.value = "week";
+		};
+		return (e, t) => (d(), s("div", { class: u([p(v).e("week-wrapper")]) }, [w.value === "week" ? (d(), a(i, {
+			key: 0,
+			modelValue: x.value,
+			"onUpdate:modelValue": t[0] ||= (e) => x.value = e,
+			"value-format": c.valueFormat,
+			"selected-week-key": C.value,
+			onSelect: T,
+			onToMonthView: E
+		}, null, 8, [
+			"modelValue",
+			"value-format",
+			"selected-week-key"
+		])) : w.value === "month" ? (d(), a(n, {
+			key: 1,
+			modelValue: S.value,
+			"onUpdate:modelValue": t[1] ||= (e) => S.value = e,
+			"value-format": "YYYY-MM",
+			onSelect: k,
+			onToYearView: D
+		}, null, 8, ["modelValue"])) : w.value === "year" ? (d(), a(r, {
+			key: 2,
+			modelValue: S.value,
+			"onUpdate:modelValue": t[2] ||= (e) => S.value = e,
+			onSelect: O
+		}, null, 8, ["modelValue"])) : o("", !0)], 2));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/es/components/src/date-picker/panel-year-range.d.ts

@@ -0,0 +1,18 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    format?: string;
+    valueFormat?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: [string, string];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: [string, string]) => any;
+    selected: (value: [string, string]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: [string, string]) => any) | undefined;
+    onSelected?: ((value: [string, string]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/date-picker/panel-year-range.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./panel-year-range.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/date-picker/panel-year-range.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/date-picker/panel-year-range.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,88 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { getYearRange as t, handleRangeSelect as n, isInHoverRange as r, isInRange as i } from "./_utils.mjs";
+import a from "./year-view.vue.mjs";
+import { computed as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, openBlock as f, ref as p, unref as m, useModel as h, watch as g } from "vue";
+import _ from "dayjs";
+//#region ../components/src/date-picker/panel-year-range.vue?vue&type=script&setup=true&lang.ts
+var v = !0, y = !0, b = /* @__PURE__ */ l({
+	__name: "panel-year-range",
+	props: /* @__PURE__ */ u({
+		format: {},
+		valueFormat: {}
+	}, {
+		modelValue: { default: () => ["", ""] },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ u(["selected"], ["update:modelValue"]),
+	setup(l, { emit: u }) {
+		let b = e("date-picker"), x = u, S = h(l, "modelValue"), C = p(["", ""]), w = p(""), T = p(_()), E = p(_().add(10, "year").startOf("year")), D = o(() => t(T.value).endYear), O = o(() => t(E.value).startYear), k = o(() => D.value + 1 < O.value), A = o(() => O.value > D.value + 1), j = (e) => [b.is("start", e === C.value[0]), b.is("end", e === C.value[1])], M = (e) => [
+			b.is("start", e === C.value[0]),
+			b.is("end", e === C.value[1]),
+			b.is("in-range", i(e, C.value)),
+			b.is("hover-in-range", r(e, C.value, w.value))
+		], N = () => !0, P = (e) => t(e).endYear < O.value, F = (e) => t(e).startYear > D.value + 1, I = () => !0, L = (e) => {
+			let { newRange: t, shouldEmit: r } = n(e, C.value);
+			C.value = t, r && (S.value = t, x("selected", t));
+		}, R = (e) => {
+			w.value = e || "";
+		}, z = !0;
+		return g(S, (e) => {
+			if (e && (e[0] !== C.value[0] || e[1] !== C.value[1]) && (C.value = [...e], z)) {
+				if (e[0]) {
+					let t = e[0].match(/^(\d{4})/);
+					t && (T.value = _(`${t[1]}-01-01`));
+				}
+				if (e[1]) {
+					let t = e[1].match(/^(\d{4})/);
+					if (t) {
+						let e = _(`${t[1]}-01-01`), n = Math.floor(T.value.year() / 10) * 10 + 10;
+						Math.floor(e.year() / 10) * 10 + 1 <= n ? E.value = e.add(10, "year") : E.value = e;
+					}
+				}
+				z = !1;
+			}
+		}, {
+			immediate: !0,
+			deep: !0
+		}), (e, t) => (f(), s("div", { class: d([m(b).e("panel-range")]) }, [c(a, {
+			modelValue: T.value,
+			"onUpdate:modelValue": t[0] ||= (e) => T.value = e,
+			"range-value": C.value,
+			"hover-value": w.value,
+			"get-value-classes": j,
+			"get-item-classes": M,
+			"on-prev": N,
+			"on-next": P,
+			"show-prev-arrow": v,
+			"show-next-arrow": k.value,
+			onSelect: L,
+			onHover: R
+		}, null, 8, [
+			"modelValue",
+			"range-value",
+			"hover-value",
+			"show-next-arrow"
+		]), c(a, {
+			modelValue: E.value,
+			"onUpdate:modelValue": t[1] ||= (e) => E.value = e,
+			"range-value": C.value,
+			"hover-value": w.value,
+			"get-value-classes": j,
+			"get-item-classes": M,
+			"on-prev": F,
+			"on-next": I,
+			"show-prev-arrow": A.value,
+			"show-next-arrow": y,
+			onSelect: L,
+			onHover: R
+		}, null, 8, [
+			"modelValue",
+			"range-value",
+			"hover-value",
+			"show-prev-arrow"
+		])], 2));
+	}
+});
+//#endregion
+export { b as default };

package/dist/es/components/src/date-picker/panel-year.d.ts

@@ -0,0 +1,18 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    format?: string;
+    valueFormat?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    selected: (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSelected?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/date-picker/panel-year.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./panel-year.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/date-picker/panel-year.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/date-picker/panel-year.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,35 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "./year-view.vue.mjs";
+import { createBlock as n, defineComponent as r, mergeModels as i, openBlock as a, ref as o, useModel as s, watch as c } from "vue";
+import l from "dayjs";
+//#region ../components/src/date-picker/panel-year.vue?vue&type=script&setup=true&lang.ts
+var u = /* @__PURE__ */ r({
+	__name: "panel-year",
+	props: /* @__PURE__ */ i({
+		format: {},
+		valueFormat: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ i(["selected"], ["update:modelValue"]),
+	setup(r, { emit: i }) {
+		let u = e("date-picker"), d = i, f = s(r, "modelValue"), p = o(l()), m = (e) => [u.is("active", e === f.value)], h = (e) => {
+			f.value = e, d("selected", e);
+		};
+		return c(f, (e) => {
+			if (e) {
+				let t = e.match(/^(\d{4})/);
+				t && (p.value = l(t[1] + "-01-01"));
+			}
+		}, { immediate: !0 }), (e, r) => (a(), n(t, {
+			modelValue: p.value,
+			"onUpdate:modelValue": r[0] ||= (e) => p.value = e,
+			"get-value-classes": m,
+			onSelect: h
+		}, null, 8, ["modelValue"]));
+	}
+});
+//#endregion
+export { u as default };

package/dist/es/components/src/date-picker/types.d.ts

@@ -0,0 +1,37 @@
+import { PopoverProps } from '../popover';
+export interface DatePickerProps {
+    /** 绑定值（v-model） */
+    modelValue?: string | [string, string];
+    /** 日期选择器类型 */
+    type?: 'date' | 'daterange' | 'month' | 'monthrange' | 'year' | 'yearrange' | 'week' | 'weekrange';
+    /** 输入框大小 */
+    size?: 'mini' | 'small' | 'medium' | 'large';
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否支持清空选择 */
+    clearable?: boolean;
+    /** 展示的格式 */
+    format?: string;
+    /** 值的格式 */
+    valueFormat?: string;
+    /** 弹出层属性 [PopoverProps](/components/feedback/popover#popover-props)*/
+    popoverProps?: Partial<PopoverProps>;
+    /** 是否错误 */
+    error?: boolean;
+    /** 是否填充输入框 */
+    filled?: boolean;
+    /** 是否返回字符串 */
+    textMode?: boolean;
+    /** 文本分隔符
+     * @default -
+     */
+    textSeparator?: string;
+}
+export interface DatePickerEmits {
+    /** 值改变时触发 */
+    change: [value: string | [string, string]];
+    /** 清空选择时触发 */
+    clear: [e: Event];
+}