savor-ui 0.0.1

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

@@ -0,0 +1,50 @@
+import { default as dayjs } from 'dayjs';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface Props {
+    valueFormat?: string;
+    rangeValue?: [string, string];
+    hoverValue?: string;
+    selectedWeekKey?: string | null;
+    weekStartDay?: number;
+    getValueClasses?: (date: string) => string[];
+    getItemClasses?: (weekKey: string) => string[];
+    onPrevYear?: (newDate: dayjs.Dayjs) => boolean;
+    onNextYear?: (newDate: dayjs.Dayjs) => boolean;
+    onPrevMonth?: (newDate: dayjs.Dayjs) => boolean;
+    onNextMonth?: (newDate: dayjs.Dayjs) => boolean;
+    showPrevYearArrow?: boolean;
+    showNextYearArrow?: boolean;
+    showPrevMonthArrow?: boolean;
+    showNextMonthArrow?: boolean;
+}
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: dayjs.Dayjs;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: dayjs.Dayjs) => any;
+} & {
+    select: (value: any) => any;
+    hover: (value: string | null) => any;
+    "to-month-view": () => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((value: any) => any) | undefined;
+    onHover?: ((value: string | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: dayjs.Dayjs) => any) | undefined;
+    "onTo-month-view"?: (() => any) | undefined;
+}>, {
+    valueFormat: string;
+    rangeValue: [string, string];
+    hoverValue: string;
+    weekStartDay: number;
+    getValueClasses: (date: string) => string[];
+    getItemClasses: (weekKey: string) => string[];
+    showPrevYearArrow: boolean;
+    showNextYearArrow: boolean;
+    showPrevMonthArrow: boolean;
+    showNextMonthArrow: boolean;
+    selectedWeekKey: string | null;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1,152 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../../../icons/src/arrows-left.vue.mjs";
+import n from "../../../icons/src/arrows-right.vue.mjs";
+import r from "../../../icons/src/left.vue.mjs";
+import i from "../../../icons/src/right.vue.mjs";
+import "../../../icons/index.mjs";
+import { generateWeeks as a, handleDateNavigation as o, isWeekInHoverRange as s, isWeekInRange as c } from "./_utils.mjs";
+import { Fragment as l, computed as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, mergeModels as h, normalizeClass as g, openBlock as _, renderList as v, toDisplayString as y, unref as b, useModel as x, withModifiers as S } from "vue";
+import C from "dayjs";
+//#region ../components/src/date-picker/week-view.vue?vue&type=script&setup=true&lang.ts
+var w = ["onClick", "onMouseenter"], T = /* @__PURE__ */ m({
+	__name: "week-view",
+	props: /* @__PURE__ */ h({
+		valueFormat: { default: "YYYY-ww" },
+		rangeValue: { default: () => ["", ""] },
+		hoverValue: { default: "" },
+		selectedWeekKey: { default: null },
+		weekStartDay: { default: 0 },
+		getValueClasses: {
+			type: Function,
+			default: () => []
+		},
+		getItemClasses: {
+			type: Function,
+			default: () => []
+		},
+		onPrevYear: {},
+		onNextYear: {},
+		onPrevMonth: {},
+		onNextMonth: {},
+		showPrevYearArrow: {
+			type: Boolean,
+			default: !0
+		},
+		showNextYearArrow: {
+			type: Boolean,
+			default: !0
+		},
+		showPrevMonthArrow: {
+			type: Boolean,
+			default: !0
+		},
+		showNextMonthArrow: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		modelValue: { default: () => C() },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ h([
+		"select",
+		"to-month-view",
+		"hover"
+	], ["update:modelValue"]),
+	setup(m, { emit: h }) {
+		let C = e("date-picker"), T = m, E = h, D = x(m, "modelValue"), O = [
+			"日",
+			"一",
+			"二",
+			"三",
+			"四",
+			"五",
+			"六"
+		], k = u(() => a(D.value, T.valueFormat)), A = (e) => c(e, T.rangeValue), j = (e) => s(e, T.rangeValue, T.hoverValue), M = () => {
+			D.value = o(D.value, "prev", "year", T.onPrevYear);
+		}, N = () => {
+			D.value = o(D.value, "next", "year", T.onNextYear);
+		}, P = () => {
+			D.value = o(D.value, "prev", "month", T.onPrevMonth);
+		}, F = () => {
+			D.value = o(D.value, "next", "month", T.onNextMonth);
+		}, I = (e) => {
+			E("select", e);
+		}, L = () => {
+			E("to-month-view");
+		}, R = (e) => {
+			E("hover", e);
+		}, z = (e) => {
+			E("hover", e);
+		};
+		return (e, a) => (_(), d("div", { class: g([b(C).e("week-wrapper")]) }, [f("div", { class: g([b(C).e("panel-header")]) }, [
+			m.showPrevYearArrow ? (_(), d("div", {
+				key: 0,
+				class: g([b(C).e("panel-header-btn")]),
+				onClick: S(M, ["stop"])
+			}, [p(b(t))], 2)) : (_(), d("div", {
+				key: 1,
+				class: g([b(C).e("panel-header-btn-hidden")])
+			}, null, 2)),
+			m.showPrevMonthArrow ? (_(), d("div", {
+				key: 2,
+				class: g([b(C).e("panel-header-btn")]),
+				onClick: S(P, ["stop"])
+			}, [p(b(r))], 2)) : (_(), d("div", {
+				key: 3,
+				class: g([b(C).e("panel-header-btn-hidden")])
+			}, null, 2)),
+			f("div", { class: g([b(C).e("panel-header-center")]) }, [f("div", {
+				class: g([b(C).e("panel-header-center-btn")]),
+				onClick: S(L, ["stop"])
+			}, y(D.value.format("YYYY-MM")), 3)], 2),
+			m.showNextMonthArrow ? (_(), d("div", {
+				key: 4,
+				class: g([b(C).e("panel-header-btn")]),
+				onClick: S(F, ["stop"])
+			}, [p(b(i))], 2)) : (_(), d("div", {
+				key: 5,
+				class: g([b(C).e("panel-header-btn-hidden")])
+			}, null, 2)),
+			m.showNextYearArrow ? (_(), d("div", {
+				key: 6,
+				class: g([b(C).e("panel-btn")]),
+				onClick: S(N, ["stop"])
+			}, [p(b(n))], 2)) : (_(), d("div", {
+				key: 7,
+				class: g([b(C).e("panel-header-btn-hidden")])
+			}, null, 2))
+		], 2), f("div", { class: g([b(C).e("panel-main")]) }, [f("div", { class: g([b(C).e("panel-week-header")]) }, [f("div", { class: g([b(C).e("panel-week-header-label")]) }, "周", 2), f("div", { class: g([b(C).e("panel-week-header-list")]) }, [(_(), d(l, null, v(O, (e) => f("div", {
+			key: e,
+			class: g([b(C).e("panel-week-header-item")])
+		}, y(e), 3)), 64))], 2)], 2), f("div", {
+			class: g([b(C).e("panel-week-main-list")]),
+			onMouseleave: a[0] ||= (e) => z?.(null)
+		}, [(_(!0), d(l, null, v(k.value, (e, t) => (_(), d("div", {
+			key: t,
+			class: g([b(C).e("panel-week-content")])
+		}, [f("div", { class: g([b(C).e("panel-week-number")]) }, y(e?.weekNumber || ""), 3), f("div", {
+			class: g([
+				b(C).e("panel-week-row"),
+				b(C).is("in-range", A(e?.weekKey)),
+				b(C).is("hover-in-range", j(e?.weekKey))
+			]),
+			onClick: (t) => e && I(e),
+			onMouseenter: (t) => R?.(e?.weekKey)
+		}, [(_(), d(l, null, v(7, (t) => f("div", {
+			key: t,
+			class: g([
+				b(C).e("panel-week-item"),
+				b(C).is("today", e?.days[t - 1]?.isToday),
+				b(C).is("active", m.selectedWeekKey === e?.weekKey),
+				b(C).is("start", e?.weekKey === m.rangeValue[0]),
+				b(C).is("end", e?.weekKey === m.rangeValue[1]),
+				b(C).is("secondary", !e?.days[t - 1]?.isCurrentMonth),
+				...m.getItemClasses(e?.weekKey)
+			])
+		}, [f("div", { class: g([b(C).e("panel-week-value"), ...m.getValueClasses(e?.days[t - 1]?.date.format(m.valueFormat))]) }, y(e?.days[t - 1]?.date.date() || ""), 3)], 2)), 64))], 42, w)], 2))), 128))], 34)], 2)], 2));
+	}
+});
+//#endregion
+export { T as default };

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

@@ -0,0 +1,36 @@
+import { default as dayjs } from 'dayjs';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface Props {
+    rangeValue?: [string, string];
+    hoverValue?: string;
+    getValueClasses?: (year: string) => string[];
+    getItemClasses?: (year: string) => string[];
+    onPrev?: (newDate: dayjs.Dayjs) => boolean;
+    onNext?: (newDate: dayjs.Dayjs) => boolean;
+    showPrevArrow?: boolean;
+    showNextArrow?: boolean;
+}
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: dayjs.Dayjs;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: dayjs.Dayjs) => any;
+} & {
+    select: (value: string) => any;
+    hover: (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((value: string) => any) | undefined;
+    onHover?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: dayjs.Dayjs) => any) | undefined;
+}>, {
+    rangeValue: [string, string];
+    hoverValue: string;
+    getValueClasses: (year: string) => string[];
+    getItemClasses: (year: string) => string[];
+    showPrevArrow: boolean;
+    showNextArrow: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1,78 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import t from "../../../icons/src/arrows-left.vue.mjs";
+import n from "../../../icons/src/arrows-right.vue.mjs";
+import "../../../icons/index.mjs";
+import { getYearRange as r, getYearRows as i, handleDateNavigation as a } from "./_utils.mjs";
+import { Fragment as o, computed as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeModels as f, normalizeClass as p, openBlock as m, renderList as h, toDisplayString as g, unref as _, useModel as v, withModifiers as y } from "vue";
+import b from "dayjs";
+//#region ../components/src/date-picker/year-view.vue?vue&type=script&setup=true&lang.ts
+var x = ["onClick", "onMouseenter"], S = /* @__PURE__ */ d({
+	__name: "year-view",
+	props: /* @__PURE__ */ f({
+		rangeValue: { default: () => ["", ""] },
+		hoverValue: { default: "" },
+		getValueClasses: {
+			type: Function,
+			default: () => []
+		},
+		getItemClasses: {
+			type: Function,
+			default: () => []
+		},
+		onPrev: {},
+		onNext: {},
+		showPrevArrow: {
+			type: Boolean,
+			default: !0
+		},
+		showNextArrow: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		modelValue: { default: () => b() },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ f(["select", "hover"], ["update:modelValue"]),
+	setup(d, { emit: f }) {
+		let S = e("date-picker"), C = b().format("YYYY"), w = d, T = f, E = v(d, "modelValue"), D = s(() => r(E.value).startYear), O = s(() => r(E.value).endYear), k = s(() => i(E.value)), A = () => {
+			E.value = a(E.value, "prev", "decade", w.onPrev);
+		}, j = () => {
+			E.value = a(E.value, "next", "decade", w.onNext);
+		}, M = (e) => {
+			T("select", e);
+		}, N = (e) => {
+			T("hover", e);
+		};
+		return (e, r) => (m(), c("div", { class: p([_(S).e("panel-wrapper")]) }, [l("div", { class: p([_(S).e("panel-header")]) }, [
+			d.showPrevArrow ? (m(), c("div", {
+				key: 0,
+				class: p([_(S).e("panel-header-btn")]),
+				onClick: y(A, ["stop"])
+			}, [u(_(t))], 2)) : (m(), c("div", {
+				key: 1,
+				class: p([_(S).e("panel-header-btn-hidden")])
+			}, null, 2)),
+			l("div", { class: p([_(S).e("panel-header-center")]) }, [l("div", null, g(D.value) + " - " + g(O.value), 1)], 2),
+			d.showNextArrow ? (m(), c("div", {
+				key: 2,
+				class: p([_(S).e("panel-header-btn")]),
+				onClick: y(j, ["stop"])
+			}, [u(_(n))], 2)) : (m(), c("div", {
+				key: 3,
+				class: p([_(S).e("panel-header-btn-hidden")])
+			}, null, 2))
+		], 2), l("div", { class: p([_(S).e("panel-list")]) }, [(m(!0), c(o, null, h(k.value, (e) => (m(), c("div", { class: p([_(S).e("panel-year-row")]) }, [(m(!0), c(o, null, h(e, (e) => (m(), c("div", {
+			class: p([
+				_(S).e("panel-item"),
+				_(S).is("today", e === _(C)),
+				...d.getItemClasses(e)
+			]),
+			onClick: y((t) => M(e), ["stop"]),
+			onMouseenter: (t) => N?.(e)
+		}, [l("div", { class: p([_(S).e("panel-value"), ...d.getValueClasses(e)]) }, g(e), 3)], 42, x))), 256))], 2))), 256))], 2)], 2));
+	}
+});
+//#endregion
+export { S as default };

package/dist/es/components/src/datetime-picker/datetime-picker.d.ts

@@ -0,0 +1,23 @@
+import { DatetimePickerProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = DatetimePickerProps;
+type __VLS_ModelProps = {
+    modelValue?: string | [string, string];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clear: (e: Event) => any;
+    change: (value: string | [string, string]) => any;
+    "update:modelValue": (value: string | [string, string]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: ((e: Event) => any) | undefined;
+    onChange?: ((value: string | [string, string]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | [string, string]) => any) | undefined;
+}>, {
+    size: "mini" | "small" | "medium" | "large";
+    type: "datetime" | "datetime-range" | "time";
+    textMode: boolean;
+    textSeparator: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/components/src/datetime-picker/datetime-picker.vue.mjs

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