@fangxinyan/lumina 0.6.14 → 0.6.15

package/dist/chunk-4KDABJSY.cjs

@@ -0,0 +1,241 @@
+'use strict';
+
+var chunkQMX67CVT_cjs = require('./chunk-QMX67CVT.cjs');
+require('./tokens-RYJ3DFTU.css');
+require('./shared-NJHRNLRH.css');
+require('./Calendar-I6NHCXIB.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var WEEKDAYS = ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
+var MONTHS = Array.from({ length: 12 }, (_, index) => `${index + 1} \u6708`);
+var YEARS_PER_PAGE = 12;
+var isSameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+var isValidDate = (date) => date instanceof Date && !Number.isNaN(date.getTime());
+var Calendar = React__namespace.forwardRef(({
+  value,
+  defaultValue,
+  onChange,
+  viewDate,
+  min,
+  max,
+  disabledDate,
+  className = "",
+  ...rest
+}, ref) => {
+  const [inner, setInner] = React__namespace.useState(defaultValue ?? /* @__PURE__ */ new Date());
+  const isControlled = value !== void 0;
+  const sel = isControlled ? value : inner;
+  const [view, setView] = React__namespace.useState(new Date(sel.getFullYear(), sel.getMonth(), 1));
+  const [mode, setMode] = React__namespace.useState("date");
+  const viewDateTime = isValidDate(viewDate) ? viewDate.getTime() : null;
+  const viewDateYear = isValidDate(viewDate) ? viewDate.getFullYear() : null;
+  const viewDateMonth = isValidDate(viewDate) ? viewDate.getMonth() : null;
+  React__namespace.useEffect(() => {
+    if (viewDateTime == null || viewDateYear == null || viewDateMonth == null) return;
+    setView(new Date(viewDateYear, viewDateMonth, 1));
+    setMode("date");
+  }, [viewDateMonth, viewDateTime, viewDateYear]);
+  const first = new Date(view.getFullYear(), view.getMonth(), 1);
+  const startDay = first.getDay();
+  const daysInMonth = new Date(view.getFullYear(), view.getMonth() + 1, 0).getDate();
+  const cells = [];
+  for (let i = 0; i < startDay; i++) cells.push(null);
+  for (let d = 1; d <= daysInMonth; d++) cells.push(d);
+  const isDisabledDay = React__namespace.useCallback(
+    (date) => min && date < min || max && date > max || (disabledDate?.(date) ?? false),
+    [disabledDate, max, min]
+  );
+  const isMonthDisabled = React__namespace.useCallback(
+    (year, month) => {
+      const count = new Date(year, month + 1, 0).getDate();
+      for (let day = 1; day <= count; day++) {
+        if (!isDisabledDay(new Date(year, month, day))) return false;
+      }
+      return true;
+    },
+    [isDisabledDay]
+  );
+  const isYearDisabled = React__namespace.useCallback(
+    (year) => Array.from({ length: 12 }, (_, month) => month).every(
+      (month) => isMonthDisabled(year, month)
+    ),
+    [isMonthDisabled]
+  );
+  const pick = (d) => {
+    const next = new Date(view.getFullYear(), view.getMonth(), d);
+    if (isDisabledDay(next)) return;
+    if (!isControlled) setInner(next);
+    onChange?.(next);
+  };
+  const shiftView = (step) => {
+    if (mode === "year") {
+      setView(new Date(view.getFullYear() + step * YEARS_PER_PAGE, view.getMonth(), 1));
+      return;
+    }
+    if (mode === "month") {
+      setView(new Date(view.getFullYear() + step, view.getMonth(), 1));
+      return;
+    }
+    setView(new Date(view.getFullYear(), view.getMonth() + step, 1));
+  };
+  const pickMonth = (month) => {
+    if (isMonthDisabled(view.getFullYear(), month)) return;
+    setView(new Date(view.getFullYear(), month, 1));
+    setMode("date");
+  };
+  const pickYear = (year) => {
+    if (isYearDisabled(year)) return;
+    setView(new Date(year, view.getMonth(), 1));
+    setMode("month");
+  };
+  const yearPageStart = Math.floor(view.getFullYear() / YEARS_PER_PAGE) * YEARS_PER_PAGE;
+  const years = Array.from({ length: YEARS_PER_PAGE }, (_, index) => yearPageStart + index);
+  const renderTitle = () => {
+    if (mode === "year") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "calendar-title static", children: [
+        yearPageStart,
+        " - ",
+        yearPageStart + YEARS_PER_PAGE - 1
+      ] });
+    }
+    if (mode === "month") {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: "calendar-title",
+          onClick: () => setMode("year"),
+          "aria-label": "\u9009\u62E9\u5E74\u4EFD",
+          children: [
+            view.getFullYear(),
+            " \u5E74"
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "calendar-title-group", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: "calendar-title-part",
+          onClick: () => setMode("year"),
+          "aria-label": "\u9009\u62E9\u5E74\u4EFD",
+          children: [
+            view.getFullYear(),
+            " \u5E74"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: "calendar-title-part",
+          onClick: () => setMode("month"),
+          "aria-label": "\u9009\u62E9\u6708\u4EFD",
+          children: [
+            view.getMonth() + 1,
+            " \u6708"
+          ]
+        }
+      )
+    ] });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `calendar ${className}`, ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "calendar-head", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: "btn icon sm ghost",
+          onClick: () => shiftView(-1),
+          "aria-label": mode === "year" ? "Previous years" : mode === "month" ? "Previous year" : "Previous month",
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "chevLeft", size: 14 })
+        }
+      ),
+      renderTitle(),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: "btn icon sm ghost",
+          onClick: () => shiftView(1),
+          "aria-label": mode === "year" ? "Next years" : mode === "month" ? "Next year" : "Next month",
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkQMX67CVT_cjs.Icon, { name: "chevRight", size: 14 })
+        }
+      )
+    ] }),
+    mode === "date" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "calendar-grid", children: [
+      WEEKDAYS.map((w) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "calendar-dow", children: w }, w)),
+      cells.map((d, i) => {
+        if (d === null) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "calendar-cell out" }, i);
+        const date = new Date(view.getFullYear(), view.getMonth(), d);
+        const disabled = isDisabledDay(date);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            disabled: !!disabled,
+            className: `calendar-cell ${isSameDay(date, sel) ? "selected" : ""} ${isSameDay(date, /* @__PURE__ */ new Date()) ? "today" : ""} ${disabled ? "disabled" : ""}`,
+            onClick: () => pick(d),
+            children: d
+          },
+          i
+        );
+      })
+    ] }),
+    mode === "month" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "calendar-select-grid month", children: MONTHS.map((month, index) => {
+      const disabled = isMonthDisabled(view.getFullYear(), index);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          disabled,
+          className: `calendar-select-option ${index === view.getMonth() ? "selected" : ""} ${disabled ? "disabled" : ""}`,
+          onClick: () => pickMonth(index),
+          children: month
+        },
+        month
+      );
+    }) }),
+    mode === "year" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "calendar-select-grid year", children: years.map((year) => {
+      const disabled = isYearDisabled(year);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          disabled,
+          className: `calendar-select-option ${year === view.getFullYear() ? "selected" : ""} ${disabled ? "disabled" : ""}`,
+          onClick: () => pickYear(year),
+          children: year
+        },
+        year
+      );
+    }) })
+  ] });
+});
+Calendar.displayName = "Calendar";
+
+exports.Calendar = Calendar;