@wisdomgarden/torque 0.1.0

package/dist/components/data-filter/data-filter.module.css.js

@@ -0,0 +1,56 @@
+"use client";
+const t = "_activeTriggerContent_16myv_2", e = "_formItemLabel_16myv_6", n = "_inline_16myv_10", i = "_panel_16myv_14", o = "_content_16myv_25", _ = "_header_16myv_30", l = "_filters_16myv_34", s = "_title_16myv_40", a = "_divider_16myv_47", r = "_drawerContent_16myv_54", d = "_drawerActions_16myv_60", c = "_drawerAction_16myv_60", m = "_conditionTags_16myv_69", v = "_conditionTagsList_16myv_74", y = "_clearButton_16myv_79", g = "_multipleTagCount_16myv_80", T = "_detailsTitle_16myv_81", u = "_detailsIndex_16myv_82", p = "_multipleTagContent_16myv_86", w = "_multipleTagLabel_16myv_92", C = "_detailsPopover_16myv_99", L = "_detailsPopoverArrow_16myv_108", A = "_detailsList_16myv_120", I = "_detailsItem_16myv_133", f = "_detailsValue_16myv_152", b = {
+  activeTriggerContent: t,
+  formItemLabel: e,
+  inline: n,
+  panel: i,
+  content: o,
+  header: _,
+  filters: l,
+  title: s,
+  divider: a,
+  drawerContent: r,
+  drawerActions: d,
+  drawerAction: c,
+  conditionTags: m,
+  conditionTagsList: v,
+  clearButton: y,
+  multipleTagCount: g,
+  detailsTitle: T,
+  detailsIndex: u,
+  multipleTagContent: p,
+  multipleTagLabel: w,
+  detailsPopover: C,
+  detailsPopoverArrow: L,
+  detailsList: A,
+  detailsItem: I,
+  detailsValue: f
+};
+export {
+  t as activeTriggerContent,
+  y as clearButton,
+  m as conditionTags,
+  v as conditionTagsList,
+  o as content,
+  b as default,
+  u as detailsIndex,
+  I as detailsItem,
+  A as detailsList,
+  C as detailsPopover,
+  L as detailsPopoverArrow,
+  T as detailsTitle,
+  f as detailsValue,
+  a as divider,
+  c as drawerAction,
+  d as drawerActions,
+  r as drawerContent,
+  l as filters,
+  e as formItemLabel,
+  _ as header,
+  n as inline,
+  p as multipleTagContent,
+  g as multipleTagCount,
+  w as multipleTagLabel,
+  i as panel,
+  s as title
+};

package/dist/components/data-filter/data-filter.types.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { PopoverPosition } from '../popover';
+import type { ButtonProps } from '../button';
+export type DataFilterMode = 'inline' | 'popover';
+export interface DataFilterTriggerRenderContext {
+    opened: boolean;
+}
+export interface DataFilterRenderContext<T> {
+    update: (value: T) => void;
+    value: T;
+}
+export type DataFilterTriggerButtonProps = Omit<ButtonProps, 'aria-label' | 'aria-controls' | 'aria-expanded' | 'aria-haspopup' | 'children' | 'dangerouslySetInnerHTML' | 'leftIconClassName' | 'leftIconName' | 'leftIconUseOriginalColor' | 'onClick' | 'onKeyDown' | 'renderRoot' | 'rightIconClassName' | 'rightIconName' | 'rightIconUseOriginalColor' | 'type'>;
+export interface DataFilterProps<T> {
+    actionButtonProps?: Pick<ButtonProps, 'size'>;
+    defaultOpened?: boolean;
+    getResetValue: () => T;
+    hasActiveFilters?: boolean;
+    keepMounted?: boolean;
+    mode?: DataFilterMode;
+    onChange: (value: T) => void;
+    onOpenChange?: (opened: boolean) => void;
+    opened?: boolean;
+    position?: PopoverPosition;
+    renderFilters: (context: DataFilterRenderContext<T>) => ReactNode;
+    renderTrigger?: (context: DataFilterTriggerRenderContext) => ReactNode;
+    title?: ReactNode;
+    triggerButtonProps?: DataFilterTriggerButtonProps;
+    value: T;
+}

package/dist/components/data-filter/filter-condition-tags/filter-condition-tags.d.ts

@@ -0,0 +1,16 @@
+import { type ClosableTagProps } from '../../tag';
+export type FilterConditionTagItem = {
+    readonly key: string;
+    readonly label: string;
+    readonly value: string | readonly string[];
+};
+export type FilterConditionTagsTagProps = Omit<ClosableTagProps, 'children' | 'onCloseClick' | 'ref' | 'rightSection'>;
+export interface FilterConditionTagsProps {
+    readonly items: readonly FilterConditionTagItem[];
+    readonly onRemove: (key: string) => void;
+    readonly onClearAll: () => void;
+    readonly className?: string;
+    readonly onlyDesktop?: boolean;
+    readonly tagProps?: FilterConditionTagsTagProps;
+}
+export declare const FilterConditionTags: ({ items, onRemove, onClearAll, className, onlyDesktop, tagProps, }: FilterConditionTagsProps) => import("react").JSX.Element;

package/dist/components/data-filter/filter-condition-tags/filter-condition-tags.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { Collapse as C } from "@mantine/core";
+import { clsx as v } from "clsx";
+import { formatTemplate as f } from "../../../locale/types.js";
+import "../../../provider/ui-context.js";
+import "react";
+import { useLocale as T, useCheckDevice as w } from "../../../provider/hooks.js";
+import { Box as r } from "../../box/box.js";
+import { Button as b } from "../../button/button.js";
+import { Group as N } from "../../group/group.js";
+import { Paper as k } from "../../paper/paper.js";
+import { Popover as u } from "../../popover/index.js";
+import { ClosableTag as y } from "../../tag/closable-tag.js";
+import { Text as x } from "../../text/text.js";
+import e from "../data-filter.module.css.js";
+const A = ({
+  item: { key: s, label: l, value: i },
+  onRemove: d,
+  tagProps: h
+}) => {
+  const c = T(), t = typeof i == "string" ? [i] : i, m = t.length > 1, p = /* @__PURE__ */ o(
+    y,
+    {
+      borderRadius: "xs",
+      color: "gray",
+      size: "md",
+      variant: "outline",
+      ...h,
+      onCloseClick: () => d(s),
+      children: m ? /* @__PURE__ */ a(r, { component: "span", className: e.multipleTagContent, children: [
+        /* @__PURE__ */ o(r, { component: "span", className: e.multipleTagLabel, children: f(c.labelAndValue, { label: l, value: "" }) }),
+        /* @__PURE__ */ a(r, { component: "span", className: e.multipleTagCount, children: [
+          "(",
+          t.length,
+          ")"
+        ] })
+      ] }) : f(c.labelAndValue, {
+        label: l,
+        value: t[0] ?? ""
+      })
+    }
+  );
+  return m ? /* @__PURE__ */ a(u, { position: "bottom-start", trigger: "hover", withArrow: !0, children: [
+    /* @__PURE__ */ o(u.Target, { children: p }),
+    /* @__PURE__ */ a(
+      u.Dropdown,
+      {
+        arrowClassName: e.detailsPopoverArrow,
+        className: e.detailsPopover,
+        maxHeight: 400,
+        radius: "xs",
+        width: 220,
+        children: [
+          /* @__PURE__ */ o(x, { component: "p", className: e.detailsTitle, children: l }),
+          /* @__PURE__ */ o(r, { component: "ol", className: e.detailsList, children: t.map((n, g) => /* @__PURE__ */ a(
+            r,
+            {
+              component: "li",
+              className: e.detailsItem,
+              children: [
+                /* @__PURE__ */ o(
+                  r,
+                  {
+                    component: "span",
+                    "aria-hidden": "true",
+                    className: e.detailsIndex,
+                    children: g + 1
+                  }
+                ),
+                /* @__PURE__ */ o(x, { component: "span", className: e.detailsValue, children: n })
+              ]
+            },
+            `${n}-${g}`
+          )) })
+        ]
+      }
+    )
+  ] }) : p;
+}, E = ({
+  items: s,
+  onRemove: l,
+  onClearAll: i,
+  className: d,
+  onlyDesktop: h = !0,
+  tagProps: c
+}) => {
+  const t = T(), { isDesktop: m } = w(), p = s.length > 0 && (!h || m);
+  return /* @__PURE__ */ o(C, { in: p, children: /* @__PURE__ */ o(k, { radius: "lg", className: v(e.conditionTags, d), children: /* @__PURE__ */ a(N, { align: "flex-start", gap: "lg", wrap: "nowrap", children: [
+    /* @__PURE__ */ o(N, { gap: "xs", className: e.conditionTagsList, children: s.map((n) => /* @__PURE__ */ o(
+      A,
+      {
+        item: n,
+        onRemove: l,
+        tagProps: c
+      },
+      n.key
+    )) }),
+    /* @__PURE__ */ o(
+      b,
+      {
+        className: e.clearButton,
+        leftIconName: "delete",
+        size: "md",
+        variant: "text",
+        onClick: i,
+        children: t.clear
+      }
+    )
+  ] }) }) });
+};
+export {
+  E as FilterConditionTags
+};

package/dist/components/data-filter/filter-condition-tags/index.d.ts

@@ -0,0 +1 @@
+export * from './filter-condition-tags';

package/dist/components/data-filter/filter-condition-tags/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { FilterConditionTags as o } from "./filter-condition-tags.js";
+export {
+  o as FilterConditionTags
+};

package/dist/components/data-filter/hooks/use-data-filter-open-state.d.ts

@@ -0,0 +1,10 @@
+interface UseDataFilterOpenStateOptions {
+    defaultOpened: boolean;
+    onOpenChange?: (opened: boolean) => void;
+    opened?: boolean;
+}
+export declare function useDataFilterOpenState({ defaultOpened, onOpenChange, opened, }: Readonly<UseDataFilterOpenStateOptions>): {
+    opened: boolean;
+    onOpenChange: (nextOpened: boolean) => void;
+};
+export {};

package/dist/components/data-filter/hooks/use-data-filter-open-state.js

@@ -0,0 +1,21 @@
+"use client";
+import { useState as i, useCallback as c } from "react";
+function p({
+  defaultOpened: a,
+  onOpenChange: t,
+  opened: e
+}) {
+  const [r, s] = i(a), l = e ?? r, o = c(
+    (n) => {
+      e === void 0 && s(n), t?.(n);
+    },
+    [t, e]
+  );
+  return {
+    opened: l,
+    onOpenChange: o
+  };
+}
+export {
+  p as useDataFilterOpenState
+};

package/dist/components/data-filter/hooks/use-data-filter-state.d.ts

@@ -0,0 +1,11 @@
+import { DataFilterProps } from '../data-filter.types';
+export declare function useDataFilterState<T>(props: Readonly<DataFilterProps<T>>): {
+    hasActiveFilters: boolean;
+    filters: import("react").ReactNode;
+    isDesktop: boolean;
+    onConfirm: () => void;
+    onOpenChange: (nextOpened: boolean) => void;
+    onReset: () => void;
+    opened: boolean;
+    placement: import("..").DataFilterMode;
+};

package/dist/components/data-filter/hooks/use-data-filter-state.js

@@ -0,0 +1,48 @@
+"use client";
+import { useState as p, useEffect as C } from "react";
+import "../../../provider/ui-context.js";
+import "react/jsx-runtime";
+import { useCheckDevice as g } from "../../../provider/hooks.js";
+import { useDataFilterOpenState as v } from "./use-data-filter-open-state.js";
+function B(e) {
+  const {
+    defaultOpened: r = !1,
+    mode: c = "popover",
+    onOpenChange: u,
+    opened: d
+  } = e, { isDesktop: n } = g(), o = e.value, [i, s] = p(o), f = !!e.hasActiveFilters, l = (t) => {
+    if (n) {
+      e.onChange(t);
+      return;
+    }
+    s(t);
+  }, h = e.renderFilters({
+    update: l,
+    value: n ? e.value : i
+  }), a = v({
+    defaultOpened: r,
+    onOpenChange: u,
+    opened: d
+  }), m = n ? c : "popover";
+  return C(() => {
+    n || a.opened || s(o);
+  }, [o, n, a.opened]), {
+    hasActiveFilters: f,
+    filters: h,
+    isDesktop: n,
+    onConfirm: () => {
+      e.onChange(i);
+    },
+    onOpenChange: (t) => {
+      !n && t && s(o), a.onOpenChange(t);
+    },
+    onReset: () => {
+      l(e.getResetValue());
+    },
+    opened: a.opened,
+    placement: m
+  };
+}
+export {
+  B as useDataFilterState
+};

package/dist/components/data-filter/index.d.ts

@@ -0,0 +1,3 @@
+export { DataFilter } from './data-filter';
+export * from './filter-condition-tags';
+export type { DataFilterMode, DataFilterProps, DataFilterRenderContext, DataFilterTriggerRenderContext, } from './data-filter.types';

package/dist/components/data-filter/index.js

@@ -0,0 +1,7 @@
+"use client";
+import { DataFilter as o } from "./data-filter.js";
+import { FilterConditionTags as i } from "./filter-condition-tags/filter-condition-tags.js";
+export {
+  o as DataFilter,
+  i as FilterConditionTags
+};

package/dist/components/date-picker/components/common/calendar-header.d.ts

@@ -0,0 +1,10 @@
+import type { CalendarHeaderProps } from '../../date-picker.types';
+/**
+ * 日历面板头部：显示"YYYY 年 MM 月"标题以及左右翻页按钮。
+ *
+ * 标题为 `button` 元素，预留未来点击切换年/月视图的扩展点（通过 `onTitleClick`）。
+ * 左右按钮使用 `IconButton` 并带 `aria-label`（国际化的"上一页""下一页"）。
+ */
+export declare const CalendarHeader: ({ currentMonth, isFirst, isLast, classNames, onPrev, onNext, onTitleClick, level, }: CalendarHeaderProps & {
+    readonly level?: "month" | "year" | "decade";
+}) => import("react").JSX.Element;

package/dist/components/date-picker/components/common/calendar-header.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsxs as N, jsx as r } from "react/jsx-runtime";
+import { clsx as o } from "clsx";
+import "../../../../provider/ui-context.js";
+import "react";
+import { useLocale as u } from "../../../../provider/hooks.js";
+import { IconButton as l } from "../../../icon-button/icon-button.js";
+import a from "../../styles/calendar-header.module.css.js";
+const I = ({
+  currentMonth: t,
+  isFirst: m = !0,
+  isLast: c = !0,
+  classNames: i,
+  onPrev: p,
+  onNext: h,
+  onTitleClick: f,
+  level: d = "month"
+}) => {
+  const s = u();
+  let n = t.format("MMMM YYYY");
+  if (d === "year")
+    n = t.format("YYYY");
+  else if (d === "decade") {
+    const e = t.year() - t.year() % 10;
+    n = `${e} - ${e + 9}`;
+  }
+  return /* @__PURE__ */ N("div", { className: o(a.header, i?.header), children: [
+    m ? /* @__PURE__ */ r(
+      l,
+      {
+        size: "sm",
+        variant: "text",
+        iconName: "arrow-left",
+        iconClassName: a.headerNavIcon,
+        className: o(a.headerNav, i?.headerNav),
+        "aria-label": s.previous,
+        onClick: (e) => {
+          e.preventDefault(), p();
+        }
+      }
+    ) : /* @__PURE__ */ r("span", { "aria-hidden": "true" }),
+    /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: o(a.headerTitle, i?.headerTitle),
+        onClick: f,
+        disabled: d === "decade",
+        children: n
+      }
+    ),
+    c ? /* @__PURE__ */ r(
+      l,
+      {
+        size: "sm",
+        variant: "text",
+        iconName: "arrow-right",
+        iconClassName: a.headerNavIcon,
+        className: o(a.headerNav, i?.headerNav),
+        "aria-label": s.next,
+        onClick: (e) => {
+          e.preventDefault(), h();
+        }
+      }
+    ) : /* @__PURE__ */ r("span", { "aria-hidden": "true" })
+  ] });
+};
+export {
+  I as CalendarHeader
+};

package/dist/components/date-picker/components/common/calendar-panel.d.ts

@@ -0,0 +1,6 @@
+import type { CalendarPanelProps } from '../../date-picker.types';
+/**
+ * 日历面板 — DatePicker 家族共用的核心视图。
+ * 负责组装头部、月份视图，并处理键盘导航与日期限制。
+ */
+export declare const CalendarPanel: ({ selectedDate, rangeStart, rangeEnd, rangeHover, numberOfMonths, viewMonth, onViewMonthChange, onSelect, onHover, minDate, maxDate, shouldDisableDate, classNames, "aria-label": ariaLabel, }: CalendarPanelProps) => import("react").JSX.Element;

package/dist/components/date-picker/components/common/calendar-panel.js

@@ -0,0 +1,133 @@
+"use client";
+import { jsxs as x, jsx as s } from "react/jsx-runtime";
+import { useDirection as G } from "@mantine/core";
+import { clsx as I } from "clsx";
+import { useRef as V, useState as E, useCallback as _, useEffect as q } from "react";
+import { isDateDisabled as z } from "../../hooks/date-disabled.js";
+import { useGridKeyboard as B } from "../../hooks/use-grid-keyboard.js";
+import p from "../../styles/calendar-panel.module.css.js";
+import { CalendarHeader as J } from "./calendar-header.js";
+import { DecadeView as O } from "./decade-view.js";
+import { MonthView as Q } from "./month-view.js";
+import { YearView as U } from "./year-view.js";
+const f = {
+  month: { unit: "month", step: 1 },
+  year: { unit: "year", step: 1 },
+  decade: { unit: "year", step: 10 }
+}, se = ({
+  selectedDate: y,
+  rangeStart: h,
+  rangeEnd: N,
+  rangeHover: P,
+  numberOfMonths: Y = 1,
+  viewMonth: t,
+  onViewMonthChange: o,
+  onSelect: v,
+  onHover: R,
+  minDate: a,
+  maxDate: c,
+  shouldDisableDate: b,
+  classNames: d,
+  "aria-label": k
+}) => {
+  const { dir: F } = G(), L = V(null), [K, j] = E(""), M = _(
+    (r) => z(r, a, c, b),
+    [a, c, b]
+  ), { focused: m, setFocused: C, handleKeyDown: H } = B({
+    gridRef: L,
+    selectedDate: y,
+    rangeStart: h,
+    onSelect: v,
+    onViewMonthChange: o,
+    isDisabled: M,
+    isRtl: F === "rtl"
+  });
+  q(() => {
+    j(t.format("MMMM YYYY"));
+  }, [t]);
+  const g = Y === 2 ? [0, 1] : [0], [e, i] = E("month"), S = () => {
+    e === "month" ? i("year") : e === "year" && i("decade");
+  }, T = () => {
+    const { unit: r, step: l } = f[e];
+    o(t.subtract(l, r));
+  }, A = () => {
+    const { unit: r, step: l } = f[e];
+    o(t.add(l, r));
+  };
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      ref: L,
+      role: e === "month" ? "grid" : void 0,
+      tabIndex: -1,
+      "aria-label": k ?? t.format("MMMM YYYY"),
+      "data-months": Y,
+      className: I(p.calendar, d?.calendar),
+      onKeyDown: e === "month" ? H : void 0,
+      children: [
+        g.map((r) => {
+          const { unit: l, step: D } = f[e], n = t.add(r * D, l);
+          return /* @__PURE__ */ x("div", { className: p.calendarMonth, children: [
+            /* @__PURE__ */ s(
+              J,
+              {
+                currentMonth: n,
+                isFirst: r === 0,
+                isLast: r === g.length - 1,
+                classNames: d,
+                onPrev: T,
+                onNext: A,
+                onTitleClick: S,
+                level: e
+              }
+            ),
+            e === "month" && /* @__PURE__ */ s(
+              Q,
+              {
+                currentMonth: n,
+                selectedDate: y ?? null,
+                focusedDate: n.month() === m.month() && n.year() === m.year() ? m : null,
+                rangeStart: h ?? null,
+                rangeEnd: N ?? null,
+                rangeHover: P ?? null,
+                isDisabled: M,
+                classNames: d,
+                onSelect: v,
+                onHover: R,
+                onFocusCell: C
+              }
+            ),
+            e === "year" && /* @__PURE__ */ s(
+              U,
+              {
+                currentMonth: n,
+                minDate: a,
+                maxDate: c,
+                onSelectMonth: (u) => {
+                  o(
+                    t.year(n.year()).month(u)
+                  ), i("month");
+                }
+              }
+            ),
+            e === "decade" && /* @__PURE__ */ s(
+              O,
+              {
+                currentMonth: n,
+                minDate: a,
+                maxDate: c,
+                onSelectYear: (u) => {
+                  o(t.year(u)), i("year");
+                }
+              }
+            )
+          ] }, r);
+        }),
+        /* @__PURE__ */ s("div", { "aria-live": "polite", className: p.liveRegion, children: K })
+      ]
+    }
+  );
+};
+export {
+  se as CalendarPanel
+};

package/dist/components/date-picker/components/common/date-cell.d.ts

@@ -0,0 +1,8 @@
+import type { DateCellProps } from '../../date-picker.types';
+/**
+ * 日历中的单个日期单元格（`<button role="gridcell">`）。
+ *
+ * 仅负责渲染与事件转发；是否选中 / 是否禁用 / 是否处于范围内等业务语义
+ * 全部由父级 `MonthView` 计算并下传。
+ */
+export declare const DateCell: ({ date, isCurrentMonth, isToday, isSelected, isDisabled, isFocused, rangeMembership, className, onSelect, onHover, onFocusCell, }: DateCellProps) => import("react").JSX.Element;

package/dist/components/date-picker/components/common/date-cell.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as f } from "react/jsx-runtime";
+import { clsx as m } from "clsx";
+import { DateRangeMembership as a } from "../../date-picker.types.js";
+import x from "../../styles/date-cell.module.css.js";
+const g = (t) => t === a.Start || t === a.End || t === a.Both || t === a.InRange, v = ({
+  date: t,
+  isCurrentMonth: d,
+  isToday: n,
+  isSelected: l,
+  isDisabled: o,
+  isFocused: c,
+  rangeMembership: e = a.None,
+  className: u,
+  onSelect: i,
+  onHover: r,
+  onFocusCell: s
+}) => /* @__PURE__ */ f(
+  "button",
+  {
+    type: "button",
+    role: "gridcell",
+    "aria-selected": l || g(e),
+    "aria-disabled": o,
+    "aria-current": n ? "date" : void 0,
+    "aria-label": t.format("LL"),
+    tabIndex: c ? 0 : -1,
+    "data-outside": !d,
+    "data-today": n,
+    "data-selected": l,
+    "data-disabled": o,
+    "data-range-membership": e === a.None ? void 0 : e,
+    disabled: o,
+    className: m(x.cell, u),
+    onClick: () => {
+      o || i(t);
+    },
+    onMouseEnter: () => r?.(t),
+    onMouseLeave: () => r?.(null),
+    onFocus: () => s?.(t),
+    children: t.date()
+  }
+);
+export {
+  v as DateCell
+};

package/dist/components/date-picker/components/common/decade-view.d.ts

@@ -0,0 +1,8 @@
+import type { Dayjs } from 'dayjs';
+export interface DecadeViewProps {
+    readonly currentMonth: Dayjs;
+    readonly minDate?: Date | string;
+    readonly maxDate?: Date | string;
+    readonly onSelectYear: (year: number) => void;
+}
+export declare const DecadeView: ({ currentMonth, minDate, maxDate, onSelectYear, }: DecadeViewProps) => import("react").JSX.Element;

package/dist/components/date-picker/components/common/decade-view.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as c } from "react/jsx-runtime";
+import { dayjs as l } from "../../../../common/dayjs.js";
+import d from "../../styles/year-view.module.css.js";
+const g = ({
+  currentMonth: s,
+  minDate: a,
+  maxDate: n,
+  onSelectYear: f
+}) => {
+  const t = s.year(), u = t - t % 10, m = Array.from({ length: 12 }, (e, r) => u - 1 + r), i = a ? l(a).startOf("year") : null, o = n ? l(n).endOf("year") : null, y = (e) => {
+    const r = s.year(e);
+    return !!(i && r.isBefore(i, "year") || o && r.isAfter(o, "year"));
+  };
+  return /* @__PURE__ */ c("div", { className: d.grid, children: m.map((e) => {
+    const r = y(e);
+    return /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        className: d.cell,
+        "data-active": e === t,
+        "data-disabled": r,
+        disabled: r,
+        onClick: () => {
+          r || f(e);
+        },
+        children: e
+      },
+      e
+    );
+  }) });
+};
+export {
+  g as DecadeView
+};

package/dist/components/date-picker/components/common/month-view.d.ts

@@ -0,0 +1,5 @@
+import type { MonthViewProps } from '../../date-picker.types';
+/**
+ * 单月视图：渲染星期表头 + 6×7 日期格。
+ */
+export declare const MonthView: ({ currentMonth, selectedDate, focusedDate, rangeStart, rangeEnd, rangeHover, isDisabled, classNames, onSelect, onHover, onFocusCell, }: MonthViewProps) => import("react").JSX.Element;