@sanguo-dev/calendar-ui 0.0.2 → 0.0.3

package/src/components/nav.ts

@@ -1,20 +1,20 @@
-import type { NavHandle, NavOptions } from "../types";
-import { node } from "../utils/dom";
-
-/** 头部左右切换按钮 */
-export const createNav = function (options: NavOptions): NavHandle {
-  const el = node("button", "cui__nav", options.label);
-  el.type = "button";
-  el.setAttribute("aria-label", options.ariaLabel);
-  el.addEventListener("click", options.onClick);
-
-  return {
-    el,
-    setDisabled: (disabled: boolean) => {
-      el.disabled = disabled;
-      if (disabled) el.setAttribute("aria-disabled", "true");
-      else el.removeAttribute("aria-disabled");
-    },
-    destroy: () => el.removeEventListener("click", options.onClick),
-  };
-};
+import type { NavHandle, NavOptions } from "../types";
+import { node } from "../utils/dom";
+
+/** 头部左右切换按钮 */
+export const createNav = function (options: NavOptions): NavHandle {
+  const el = node("button", "cui__nav", options.label);
+  el.type = "button";
+  el.setAttribute("aria-label", options.ariaLabel);
+  el.addEventListener("click", options.onClick);
+
+  return {
+    el,
+    setDisabled: (disabled: boolean) => {
+      el.disabled = disabled;
+      if (disabled) el.setAttribute("aria-disabled", "true");
+      else el.removeAttribute("aria-disabled");
+    },
+    destroy: () => el.removeEventListener("click", options.onClick),
+  };
+};

package/src/components/weekdays.ts

@@ -1,19 +1,19 @@
-import type { CalendarLocale, WeekStartsOn } from "../types";
-import { node } from "../utils/dom";
-
-/** 星期表头，按一周起始日轮转 */
-export const createWeekdays = function (
-  weekStartsOn: WeekStartsOn,
-  locale: CalendarLocale,
-): { el: HTMLElement } {
-  const el = node("div", "cui__weekdays");
-
-  for (let i = 0; i < 7; i++) {
-    const weekday = (weekStartsOn + i) % 7;
-    const cell = node("div", "cui__weekday", locale.weekdays[weekday]);
-    cell.title = locale.weekdaysLong[weekday] as string;
-    el.appendChild(cell);
-  }
-
-  return { el };
-};
+import type { CalendarLocale, WeekStartsOn } from "../types";
+import { node } from "../utils/dom";
+
+/** 星期表头，按一周起始日轮转 */
+export const createWeekdays = function (
+  weekStartsOn: WeekStartsOn,
+  locale: CalendarLocale,
+): { el: HTMLElement } {
+  const el = node("div", "cui__weekdays");
+
+  for (let i = 0; i < 7; i++) {
+    const weekday = (weekStartsOn + i) % 7;
+    const cell = node("div", "cui__weekday", locale.weekdays[weekday]);
+    cell.title = locale.weekdaysLong[weekday] as string;
+    el.appendChild(cell);
+  }
+
+  return { el };
+};

package/src/index.ts

@@ -1,26 +1,26 @@
-export { createCalendarUI } from "./calendar";
-export { enUS, locales, resolveLocale, zhCN } from "./locales";
-export type {
-  CalendarAdapter,
-  CalendarAnimationOptions,
-  CalendarBadge,
-  CalendarDate,
-  CalendarDateInput,
-  CalendarDay,
-  CalendarInstance,
-  CalendarLocale,
-  CalendarLocaleName,
-  CalendarMode,
-  CalendarOptions,
-  CalendarRange,
-  CalendarTheme,
-  CollapseAnimationOptions,
-  DayDecoration,
-  HeaderRenderContext,
-  HeaderRenderer,
-  MonthInput,
-  SlideAnimationOptions,
-  SubtitleRenderer,
-  WeekStartsOn,
-  YearMonth,
-} from "./types";
+export { createCalendarUI } from "./calendar";
+export { enUS, locales, resolveLocale, zhCN } from "./locales";
+export type {
+  CalendarAdapter,
+  CalendarAnimationOptions,
+  CalendarBadge,
+  CalendarDate,
+  CalendarDateInput,
+  CalendarDay,
+  CalendarInstance,
+  CalendarLocale,
+  CalendarLocaleName,
+  CalendarMode,
+  CalendarOptions,
+  CalendarRange,
+  CalendarTheme,
+  CollapseAnimationOptions,
+  DayDecoration,
+  HeaderRenderContext,
+  HeaderRenderer,
+  MonthInput,
+  SlideAnimationOptions,
+  SubtitleRenderer,
+  WeekStartsOn,
+  YearMonth,
+} from "./types";

package/src/locales/en-US.ts

@@ -1,28 +1,28 @@
-import type { CalendarLocale } from "../types";
-
-const MONTHS = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December",
-];
-
-/** 英文 */
-export const enUS: CalendarLocale = {
-  name: "en-US",
-  weekdays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
-  weekdaysLong: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
-  monthTitle: (year, month) => `${MONTHS[month - 1] ?? month} ${year}`,
-  prevMonth: "Previous month",
-  nextMonth: "Next month",
-  collapse: "Collapse calendar",
-  expand: "Expand calendar",
-};
+import type { CalendarLocale } from "../types";
+
+const MONTHS = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December",
+];
+
+/** 英文 */
+export const enUS: CalendarLocale = {
+  name: "en-US",
+  weekdays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  weekdaysLong: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+  monthTitle: (year, month) => `${MONTHS[month - 1] ?? month} ${year}`,
+  prevMonth: "Previous month",
+  nextMonth: "Next month",
+  collapse: "Collapse calendar",
+  expand: "Expand calendar",
+};

package/src/locales/index.ts

@@ -1,19 +1,19 @@
-import { enUS } from "./en-US";
-import { zhCN } from "./zh-CN";
-import type { CalendarLocale, CalendarLocaleName } from "../types";
-
-/** 内置语言包，key 可直接传给 createCalendarUI 的 locale 选项 */
-export const locales: Record<CalendarLocaleName, CalendarLocale> = {
-  "zh-CN": zhCN,
-  "en-US": enUS,
-};
-
-/** 把 "zh-CN" 这类名称或自定义语言包，统一解析成语言包对象 */
-export const resolveLocale = function (
-  locale: CalendarLocale | CalendarLocaleName = "zh-CN",
-): CalendarLocale {
-  if (typeof locale !== "string") return locale;
-  return locales[locale];
-};
-
-export { zhCN, enUS };
+import { enUS } from "./en-US";
+import { zhCN } from "./zh-CN";
+import type { CalendarLocale, CalendarLocaleName } from "../types";
+
+/** 内置语言包，key 可直接传给 createCalendarUI 的 locale 选项 */
+export const locales: Record<CalendarLocaleName, CalendarLocale> = {
+  "zh-CN": zhCN,
+  "en-US": enUS,
+};
+
+/** 把 "zh-CN" 这类名称或自定义语言包，统一解析成语言包对象 */
+export const resolveLocale = function (
+  locale: CalendarLocale | CalendarLocaleName = "zh-CN",
+): CalendarLocale {
+  if (typeof locale !== "string") return locale;
+  return locales[locale];
+};
+
+export { zhCN, enUS };

package/src/locales/zh-CN.ts

@@ -1,13 +1,13 @@
-import type { CalendarLocale } from "../types";
-
-/** 简体中文：默认语言 */
-export const zhCN: CalendarLocale = {
-  name: "zh-CN",
-  weekdays: ["日", "一", "二", "三", "四", "五", "六"],
-  weekdaysLong: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
-  monthTitle: (year, month) => `${year} 年 ${month} 月`,
-  prevMonth: "上个月",
-  nextMonth: "下个月",
-  collapse: "收起日历",
-  expand: "展开日历",
-};
+import type { CalendarLocale } from "../types";
+
+/** 简体中文：默认语言 */
+export const zhCN: CalendarLocale = {
+  name: "zh-CN",
+  weekdays: ["日", "一", "二", "三", "四", "五", "六"],
+  weekdaysLong: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
+  monthTitle: (year, month) => `${year} 年 ${month} 月`,
+  prevMonth: "上个月",
+  nextMonth: "下个月",
+  collapse: "收起日历",
+  expand: "展开日历",
+};