@unicom-cloud/ui 0.8.46 → 0.8.48

package/Calendar.js

@@ -1,180 +1,571 @@
-import { jsxs as ae, jsx as s } from "react/jsx-runtime";
-/* empty css                 */
-/* empty css                        */
-/* empty css                          */
-/* empty css                       */
-/* empty css                     */
-/* empty css                           */
-/* empty css                         */
-/* empty css                        */
-/* empty css                          */
-import re from "lodash/merge";
-import { useContext as ne, useState as N, useMemo as se } from "react";
-import "./config-provider/ConfigProvider.js";
-import me from "./hooks/useMergeProps.js";
-import le from "@unicom-cloud/utils/class-name";
-import { getDayjsValue as h, getNow as k, methods as y } from "./utils/dayjs.js";
-import { pickDataAttributes as de } from "./utils/pick.js";
-import ie, { getAllDaysByTime as pe } from "./calendar/Month.js";
-import ce from "./calendar/Year.js";
-import fe from "./calendar/header/index.js";
-import ue from "./calendar/header/Panel.js";
-import { ConfigContext as he } from "./config-provider/context.js";
-function ye(i, g) {
-  return i === "month" || i === "year" && !g ? "YYYY-MM-DD" : "YYYY-MM";
+import { jsx as t, jsxs as L, Fragment as ae } from "react/jsx-runtime";
+import Me from "lodash/merge";
+import se, { useMemo as ie, useContext as be, useState as J } from "react";
+import { a as De } from "./chunk/z7sBNzI4.js";
+import Re from "./hooks/useMergeProps.js";
+import V from "@unicom-cloud/utils/class-name";
+import { getNow as O, methods as E, dayjs as le, getDayjsValue as B } from "./utils/dayjs.js";
+import { pickDataAttributes as Ae } from "./utils/pick.js";
+import { newArray as te } from "./utils/constant.js";
+import { padStart as de } from "./utils/pad.js";
+import K from "lodash/isArray";
+import ce from "@unicom-cloud/icons/IconUiLeft";
+import me from "@unicom-cloud/icons/IconUiRight";
+import xe from "./Button.js";
+import Le from "./hooks/useKeyboardEvent.js";
+import { R as Ee } from "./chunk/CkIWpIl6.js";
+import { S as ne } from "./chunk/DCe3olyi.js";
+import Pe from "@unicom-cloud/icons/IconUiDoubleLeft";
+import Ye from "@unicom-cloud/icons/IconUiDoubleRight";
+function Ve(a) {
+  const {
+    prefixCls: e,
+    dayStartOfWeek: h,
+    isWeek: f,
+    CALENDAR_LOCALE: d,
+    panel: r,
+    innerMode: o
+  } = a, s = [
+    "monday",
+    "tuesday",
+    "wednesday",
+    "thursday",
+    "friday",
+    "saturday"
+  ];
+  h === 0 ? s.unshift("sunday") : s.push("sunday"), f && s.unshift("self");
+  const n = d.week[r || o === "year" ? "short" : "long"];
+  return /* @__PURE__ */ t("div", { className: `${e}-week-list`, children: s.map((l) => /* @__PURE__ */ t("div", { className: `${e}-week-list-item`, children: n[l] }, l)) });
+}
+function _(a, e) {
+  if (a && K(a))
+    return a[e];
+}
+function he(a) {
+  const {
+    prefixCls: e,
+    mergedValue: h,
+    rangeValues: f,
+    hoverRangeValues: d,
+    panel: r,
+    isSameTime: o,
+    innerMode: s
+  } = a;
+  function n(l, i, g) {
+    return !i || !g ? !1 : o(l, i) || o(l, g) || l.isBetween(i, g, null, "[]");
+  }
+  return function(i, g) {
+    const p = _(f, 0), u = _(f, 1), y = _(d, 0), v = _(d, 1), w = !i.isPrev && !i.isNext, N = w && r, b = N && p && o(i.time, p), D = N && u && o(i.time, u), c = y && p && y.isBefore(p), k = u && v && v.isAfter(u), x = c && b || k && D;
+    let m = o(i.time, O());
+    return !r && s === "year" && (m = O().isSame(i.time, "date")), V(`${e}-cell`, {
+      [`${e}-cell-in-view`]: w,
+      [`${e}-cell-today`]: m,
+      [`${e}-cell-selected`]: h && o(i.time, h),
+      [`${e}-cell-range-start`]: b,
+      [`${e}-cell-range-end`]: D,
+      [`${e}-cell-in-range`]: N && n(i.time, p, u),
+      [`${e}-cell-in-range-near-hover`]: x,
+      [`${e}-cell-hover-range-start`]: N && y && o(i.time, y),
+      [`${e}-cell-hover-range-end`]: N && v && o(i.time, v),
+      [`${e}-cell-hover-in-range`]: N && n(i.time, y, v),
+      [`${e}-cell-disabled`]: g
+    });
+  };
+}
+const re = 6 * 7, z = (a) => ({
+  year: a.year(),
+  month: a.month() + 1,
+  date: a.date(),
+  day: a.day(),
+  time: a
+}), Oe = (a) => ({
+  start: z(E.startOf(a, "month")),
+  end: z(E.endOf(a, "month")),
+  days: a.daysInMonth()
+});
+function ue(a, e) {
+  const { dayStartOfWeek: h = 0, isWeek: f } = a, d = Oe(e), r = te(re).map(() => ({})), o = h === 0 ? d.start.day : (d.start.day || 7) - 1;
+  r[o] = {
+    ...d.start,
+    isCurrent: !0
+  };
+  for (let n = 0; n < o; n++)
+    r[o - n - 1] = {
+      ...z(E.subtract(d.start.time, n + 1, "day")),
+      isPrev: !0
+    };
+  for (let n = 0; n < re - o - 1; n++)
+    r[o + n + 1] = {
+      ...z(E.add(d.start.time, n + 1, "day")),
+      isCurrent: n < d.days,
+      isNext: n >= d.days - 1
+    };
+  const s = te(6).map(() => []);
+  for (let n = 0; n < 6; n++)
+    if (s[n] = r.slice(n * 7, 7 * (n + 1)), f) {
+      const l = s[n][0].time, i = [...s[n]];
+      s[n].unshift({
+        weekRows: i,
+        weekOfYear: l.week()
+      });
+    }
+  return s;
+}
+function fe(a) {
+  const {
+    prefixCls: e,
+    cell: h,
+    value: f,
+    pageData: d,
+    mergedValue: r,
+    isWeek: o,
+    disabledDate: s,
+    selectHandler: n,
+    panel: l,
+    innerMode: i,
+    dateRender: g,
+    onMouseEnterCell: p,
+    onMouseLeaveCell: u,
+    dateInnerContent: y,
+    mergedPageShowDate: v,
+    dayStartOfWeek: w,
+    CALENDAR_LOCALE: N
+  } = a, b = v.year(), D = he({
+    ...a,
+    isSameTime: (x, m) => x.isSame(m, "day")
+  });
+  function c(x) {
+    return x.map((m, T) => {
+      if (m.time) {
+        const M = typeof s == "function" && s(m.time), C = () => n(m.time, M), Y = o ? { onClick: C } : {}, P = o ? {} : { onClick: C };
+        return /* @__PURE__ */ t(
+          "div",
+          {
+            className: D(m, M),
+            onMouseEnter: () => p == null ? void 0 : p(m.time, M),
+            onMouseLeave: () => u == null ? void 0 : u(m.time, M),
+            ...Y,
+            children: g ? se.cloneElement(
+              g(m.time),
+              P
+            ) : /* @__PURE__ */ L("div", { className: `${e}-date`, ...P, children: [
+              /* @__PURE__ */ t("div", { className: `${e}-date-value`, children: l ? m.date : /* @__PURE__ */ t("div", { className: `${e}-date-circle`, children: m.date }) }),
+              !l && i !== "year" && /* @__PURE__ */ t("div", { className: `${e}-date-content`, children: y == null ? void 0 : y(m.time) })
+            ] })
+          },
+          T
+        );
+      }
+      if ("weekOfYear" in m) {
+        const M = r && r.year(), C = r && r.month() + 1, Y = r && r.week(), P = r && m.weekRows.find(
+          (S) => S.year === M && S.month === C
+        ) && Y === m.weekOfYear;
+        return /* @__PURE__ */ t(
+          "div",
+          {
+            className: V(`${e}-cell`, `${e}-cell-week`, {
+              [`${e}-cell-selected-week`]: P,
+              [`${e}-cell-in-range`]: P
+            }),
+            children: /* @__PURE__ */ t("div", { className: `${e}-date`, children: /* @__PURE__ */ t("div", { className: `${e}-date-value`, children: m.weekOfYear }) })
+          },
+          T
+        );
+      }
+    });
+  }
+  let k = d;
+  return typeof f == "number" && (k = ue(
+    a,
+    le(`${b}-${de(f + 1, 2, "0")}-01`)
+  )), /* @__PURE__ */ L("div", { className: h ? `${e}-month-cell` : `${e}-month`, children: [
+    /* @__PURE__ */ t(
+      Ve,
+      {
+        prefixCls: e,
+        dayStartOfWeek: w,
+        isWeek: o,
+        CALENDAR_LOCALE: N,
+        panel: l,
+        innerMode: i
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: `${e}-month-cell-body`, children: k.map((x, m) => /* @__PURE__ */ t(
+      "div",
+      {
+        className: V(`${e}-month-row`, {
+          [`${e}-row-week`]: o
+        }),
+        children: c(x)
+      },
+      m
+    )) })
+  ] });
 }
-const ge = {
+const pe = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+].map((a, e) => ({
+  name: a,
+  value: e
+})), ge = Array(3);
+for (let a = 0; a < 3; a++)
+  ge[a] = pe.slice(a * 4, 4 * (a + 1));
+const ye = Array(4);
+for (let a = 0; a < 4; a++)
+  ye[a] = pe.slice(a * 3, 3 * (a + 1));
+function Te(a) {
+  const {
+    prefixCls: e,
+    mergedPageShowDate: h,
+    panel: f,
+    onMouseEnterCell: d,
+    disabledDate: r,
+    monthRender: o,
+    selectHandler: s,
+    innerMode: n,
+    CALENDAR_LOCALE: l
+  } = a, i = he({
+    ...a,
+    isSameTime: (u, y) => u.isSame(y, "month")
+  }), g = h.year(), p = f ? ye : ge;
+  return /* @__PURE__ */ t("div", { className: `${e}-year`, children: p.map((u, y) => /* @__PURE__ */ t("div", { className: `${e}-year-row`, children: u.map((v) => {
+    const w = le(
+      `${g}-${de(v.value + 1, 2, "0")}-01`
+    ), N = typeof r == "function" && r(w), b = f ? { onClick: () => s(w, N) } : {};
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: i({ ...v, time: w }, N),
+        onMouseEnter: () => d == null ? void 0 : d(w, N),
+        children: o ? se.cloneElement(
+          o(w),
+          b
+        ) : f ? /* @__PURE__ */ t("div", { className: `${e}-date`, ...b, children: /* @__PURE__ */ t("div", { className: `${e}-date-value`, children: l.month.short[v.name] }) }) : /* @__PURE__ */ L("div", { className: `${e}-month-with-days`, children: [
+          /* @__PURE__ */ t("div", { className: `${e}-month-title`, children: l.month.long[v.name] }),
+          /* @__PURE__ */ t(
+            fe,
+            {
+              ...a,
+              cell: !0,
+              value: v.value,
+              innerMode: n
+            }
+          )
+        ] })
+      },
+      v.value
+    );
+  }) }, y)) });
+}
+function oe(a) {
+  return (a == null ? void 0 : a.parentElement) || null;
+}
+function We(a) {
+  const {
+    prefixCls: e,
+    changePageShowDate: h,
+    headerValueFormat: f,
+    mergedPageShowDate: d,
+    CALENDAR_LOCALE: r,
+    move: o,
+    innerMode: s,
+    changeMode: n,
+    headerType: l,
+    onChangeYear: i,
+    onChangeMonth: g,
+    modes: p
+  } = a, u = Le(), y = K(p) ? p.map((c) => ({
+    label: r.view[c],
+    value: c
+  })) : [], v = l === "select", w = d.year(), N = d.month() + 1, b = ie(() => {
+    const c = [w];
+    for (let k = 1; k <= 10; k++)
+      c.unshift(w - k);
+    for (let k = 1; k < 10; k++)
+      c.push(w + k);
+    return c;
+  }, [w]), D = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+  return /* @__PURE__ */ L("div", { className: `${e}-header`, children: [
+    /* @__PURE__ */ L("div", { className: `${e}-header-left`, children: [
+      v ? /* @__PURE__ */ L(ae, { children: [
+        /* @__PURE__ */ t(
+          ne,
+          {
+            size: "small",
+            className: `${e}-header-value-year`,
+            value: w,
+            options: b,
+            onChange: i,
+            getPopupContainer: oe
+          }
+        ),
+        s === "month" && /* @__PURE__ */ t(
+          ne,
+          {
+            size: "small",
+            className: `${e}-header-value-month`,
+            value: N,
+            options: D,
+            onChange: g,
+            getPopupContainer: oe
+          }
+        )
+      ] }) : /* @__PURE__ */ L(ae, { children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: `${e}-header-icon`,
+            role: "button",
+            tabIndex: 0,
+            onClick: () => h("prev", s),
+            ...u({
+              onPressEnter: () => h("prev", s)
+            }),
+            children: /* @__PURE__ */ t(ce, {})
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: `${e}-header-value`, children: d.format(f) }),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            className: `${e}-header-icon`,
+            onClick: () => h("next", s),
+            ...u({
+              onPressEnter: () => h("next", s)
+            }),
+            children: /* @__PURE__ */ t(me, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(xe, { size: "small", onClick: () => o(O()), children: r.today })
+    ] }),
+    /* @__PURE__ */ t("div", { className: `${e}-header-right`, children: /* @__PURE__ */ t(
+      Ee.Group,
+      {
+        size: "small",
+        type: "button",
+        options: y,
+        onChange: n,
+        value: s
+      }
+    ) })
+  ] });
+}
+function Ie(a) {
+  const {
+    prefixCls: e,
+    changePageShowDate: h,
+    headerValueFormat: f,
+    mergedPageShowDate: d,
+    innerMode: r,
+    panelOperations: o
+  } = a, s = (u) => K(o) ? o.indexOf(u) > -1 : !0, n = s("double-left"), l = s("left") && r !== "year", i = s("double-right"), g = s("right") && r !== "year", p = (u) => V(`${e}-header-icon`, {
+    [`${e}-header-icon-hidden`]: !u
+  });
+  return /* @__PURE__ */ L("div", { className: `${e}-header`, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: p(n),
+        onClick: () => n && h("prev", "year"),
+        children: n && /* @__PURE__ */ t(Pe, {})
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: p(l),
+        onClick: () => l && h("prev", "month"),
+        children: l && /* @__PURE__ */ t(ce, {})
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: `${e}-header-value`, children: d.format(f) }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: p(g),
+        onClick: () => g && h("next", "month"),
+        children: g && /* @__PURE__ */ t(me, {})
+      }
+    ),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: p(i),
+        onClick: () => i && h("next", "year"),
+        children: i && /* @__PURE__ */ t(Ye, {})
+      }
+    )
+  ] });
+}
+function He(a, e) {
+  return a === "month" || a === "year" && !e ? "YYYY-MM-DD" : "YYYY-MM";
+}
+const Fe = {
   dayStartOfWeek: 0,
   panelWidth: 265,
   defaultMode: "month",
   headerType: "button",
   modes: ["month", "year"]
 };
-function De(i) {
+function Be(a) {
   const {
-    getPrefixCls: g,
-    locale: H,
-    componentConfig: D,
-    rtl: L
-  } = ne(he), m = me(
-    i,
-    ge,
-    D == null ? void 0 : D.Calendar
+    getPrefixCls: e,
+    locale: h,
+    componentConfig: f,
+    rtl: d
+  } = be(De), r = Re(
+    a,
+    Fe,
+    f == null ? void 0 : f.Calendar
   ), {
-    style: O,
-    className: T,
-    dayStartOfWeek: W,
-    panel: d,
-    locale: j,
-    panelWidth: B,
-    panelTodayBtn: E,
-    defaultPageShowDate: F,
-    value: Y,
-    pageShowDate: R,
-    defaultValue: _,
-    mode: v,
-    defaultMode: q,
-    onChange: M,
-    onPanelChange: o,
-    headerRender: b,
-    headerType: z,
-    modes: G,
-    panelOperations: I
-  } = m, l = re(H.Calendar, j), a = g("calendar"), [J, K] = N(
-    v || q
-  ), t = v || J, p = ye(t, d), [x, Q] = N(
-    h(Y || _, p)
-  ), [U, c] = N(
-    h(F, p) || x || k()
-  ), r = h(R, p) || U, w = "value" in m ? h(Y, p) : x, C = se(() => pe(m, r), [r.toString(), t, W]);
-  function f(e) {
-    Q(e), M == null || M(e), V(e);
+    style: o,
+    className: s,
+    dayStartOfWeek: n,
+    panel: l,
+    locale: i,
+    panelWidth: g,
+    panelTodayBtn: p,
+    defaultPageShowDate: u,
+    value: y,
+    pageShowDate: v,
+    defaultValue: w,
+    mode: N,
+    defaultMode: b,
+    onChange: D,
+    onPanelChange: c,
+    headerRender: k,
+    headerType: x,
+    modes: m,
+    panelOperations: T
+  } = r, M = Me(h.Calendar, i), C = e("calendar"), [Y, P] = J(
+    N || b
+  ), S = N || Y, W = He(S, l), [q, ve] = J(
+    B(y || w, W)
+  ), [we, I] = J(
+    B(u, W) || q || O()
+  ), R = B(v, W) || we, U = "value" in r ? B(y, W) : q, Q = ie(() => ue(r, R), [R.toString(), S, n]);
+  function H($) {
+    ve($), D == null || D($), X($);
   }
-  function V(e) {
-    c(e), o == null || o(e);
+  function X($) {
+    I($), c == null || c($);
   }
-  function $(e, n) {
-    n || f(e);
+  function Z($, A) {
+    A || H($);
   }
-  let S = "";
-  t === "month" ? S = l.formatMonth : t === "year" && (S = l.formatYear);
-  function X(e, n) {
-    let u;
-    e === "prev" && (u = y.subtract(r, 1, n)), e === "next" && (u = y.add(r, 1, n)), c(u), o == null || o(u);
+  let G = "";
+  S === "month" ? G = M.formatMonth : S === "year" && (G = M.formatYear);
+  function Ne($, A) {
+    let F;
+    $ === "prev" && (F = E.subtract(R, 1, A)), $ === "next" && (F = E.add(R, 1, A)), I(F), c == null || c(F);
   }
-  function Z(e) {
-    const n = y.set(r, "year", e);
-    c(n), o == null || o(n);
+  function $e($) {
+    const A = E.set(R, "year", $);
+    I(A), c == null || c(A);
   }
-  function ee(e) {
-    const n = y.set(r, "month", e - 1);
-    c(n), o == null || o(n);
+  function Ce($) {
+    const A = E.set(R, "month", $ - 1);
+    I(A), c == null || c(A);
   }
-  function A(e) {
-    K(e);
+  function j($) {
+    P($);
   }
-  const te = le(
-    a,
-    t === "month" ? `${a}-mode-month` : `${a}-mode-year`,
+  const Se = V(
+    C,
+    S === "month" ? `${C}-mode-month` : `${C}-mode-year`,
     {
-      [`${a}-panel`]: d && (t === "month" || t === "year"),
-      [`${a}-rtl`]: L
+      [`${C}-panel`]: l && (S === "month" || S === "year"),
+      [`${C}-rtl`]: d
     },
-    T
-  ), oe = d ? { width: B } : {}, P = {
-    prefixCls: a,
-    changePageShowDate: X,
-    headerValueFormat: S,
-    mergedPageShowDate: r,
-    modes: G,
-    innerMode: t,
-    panelOperations: I
+    s
+  ), ke = l ? { width: g } : {}, ee = {
+    prefixCls: C,
+    changePageShowDate: Ne,
+    headerValueFormat: G,
+    mergedPageShowDate: R,
+    modes: m,
+    innerMode: S,
+    panelOperations: T
   };
-  return /* @__PURE__ */ ae(
+  return /* @__PURE__ */ L(
     "div",
     {
-      className: te,
-      style: { ...O, ...oe },
-      ...de(m),
+      className: Se,
+      style: { ...o, ...ke },
+      ...Ae(r),
       children: [
-        typeof b == "function" ? b({
-          value: w,
-          pageShowDate: r,
-          onChangeMode: A,
-          onChange: f,
-          onChangePageDate: V
-        }) : d ? /* @__PURE__ */ s(ue, { ...P }) : /* @__PURE__ */ s(
-          fe,
+        typeof k == "function" ? k({
+          value: U,
+          pageShowDate: R,
+          onChangeMode: j,
+          onChange: H,
+          onChangePageDate: X
+        }) : l ? /* @__PURE__ */ t(Ie, { ...ee }) : /* @__PURE__ */ t(
+          We,
           {
-            ...P,
-            CALENDAR_LOCALE: l,
-            move: f,
-            innerMode: t,
-            changeMode: A,
-            onChangeYear: Z,
-            onChangeMonth: ee,
-            headerType: z
+            ...ee,
+            CALENDAR_LOCALE: M,
+            move: H,
+            innerMode: S,
+            changeMode: j,
+            onChangeYear: $e,
+            onChangeMonth: Ce,
+            headerType: x
           }
         ),
-        t === "month" && /* @__PURE__ */ s("div", { className: `${a}-body`, children: /* @__PURE__ */ s(
-          ie,
+        S === "month" && /* @__PURE__ */ t("div", { className: `${C}-body`, children: /* @__PURE__ */ t(
+          fe,
           {
-            ...m,
-            prefixCls: a,
-            pageData: C,
-            mergedValue: w,
-            innerMode: t,
-            selectHandler: $,
-            mergedPageShowDate: r,
-            CALENDAR_LOCALE: l
+            ...r,
+            prefixCls: C,
+            pageData: Q,
+            mergedValue: U,
+            innerMode: S,
+            selectHandler: Z,
+            mergedPageShowDate: R,
+            CALENDAR_LOCALE: M
           }
         ) }),
-        t === "year" && /* @__PURE__ */ s("div", { className: `${a}-body`, children: /* @__PURE__ */ s(
-          ce,
+        S === "year" && /* @__PURE__ */ t("div", { className: `${C}-body`, children: /* @__PURE__ */ t(
+          Te,
           {
-            ...m,
-            prefixCls: a,
-            pageData: C,
-            mergedPageShowDate: r,
-            innerMode: t,
-            mergedValue: w,
-            selectHandler: $,
-            CALENDAR_LOCALE: l
+            ...r,
+            prefixCls: C,
+            pageData: Q,
+            mergedPageShowDate: R,
+            innerMode: S,
+            mergedValue: U,
+            selectHandler: Z,
+            CALENDAR_LOCALE: M
           }
         ) }),
-        E && d && /* @__PURE__ */ s(
+        p && l && /* @__PURE__ */ t(
           "div",
           {
-            className: `${a}-footer-btn-wrapper`,
-            onClick: () => f(k()),
-            children: l.today
+            className: `${C}-footer-btn-wrapper`,
+            onClick: () => H(O()),
+            children: M.today
           }
         )
       ]
     }
   );
 }
-De.displayName = "Calendar";
+Be.displayName = "Calendar";
 export {
-  De as default
+  Be as default
 };