@unicom-cloud/ui 0.8.44 → 0.8.46

package/Calendar.js

@@ -1,577 +1,180 @@
-import { jsx as a, jsxs as L, Fragment as te } from "react/jsx-runtime";
-import "./chunk/C6Kfwj0f.js";
-import "./chunk/l0sNRNKZ.js";
-import "./chunk/i605JRmI.js";
-import { a as Me } from "./chunk/Dr0iXIXO.js";
-import "./Tag.js";
-import "./chunk/BYQeEcKe.js";
-import "./Trigger.js";
-import { S as ae } from "./chunk/CYTPZUHD.js";
-import be from "lodash/merge";
-import se, { useMemo as ie, useContext as De, useState as J } from "react";
-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 ne } 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/ZISxNnaR.js";
-import Pe from "@unicom-cloud/icons/IconUiDoubleLeft";
-import Ye from "@unicom-cloud/icons/IconUiDoubleRight";
-function Ve(t) {
-  const {
-    prefixCls: e,
-    dayStartOfWeek: h,
-    isWeek: f,
-    CALENDAR_LOCALE: d,
-    panel: r,
-    innerMode: o
-  } = t, 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__ */ a("div", { className: `${e}-week-list`, children: s.map((l) => /* @__PURE__ */ a("div", { className: `${e}-week-list-item`, children: n[l] }, l)) });
-}
-function _(t, e) {
-  if (t && K(t))
-    return t[e];
-}
-function he(t) {
-  const {
-    prefixCls: e,
-    mergedValue: h,
-    rangeValues: f,
-    hoverRangeValues: d,
-    panel: r,
-    isSameTime: o,
-    innerMode: s
-  } = t;
-  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 = (t) => ({
-  year: t.year(),
-  month: t.month() + 1,
-  date: t.date(),
-  day: t.day(),
-  time: t
-}), Oe = (t) => ({
-  start: z(E.startOf(t, "month")),
-  end: z(E.endOf(t, "month")),
-  days: t.daysInMonth()
-});
-function ue(t, e) {
-  const { dayStartOfWeek: h = 0, isWeek: f } = t, d = Oe(e), r = ne(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 = ne(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(t) {
-  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
-  } = t, b = v.year(), D = he({
-    ...t,
-    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__ */ a(
-          "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__ */ a("div", { className: `${e}-date-value`, children: l ? m.date : /* @__PURE__ */ a("div", { className: `${e}-date-circle`, children: m.date }) }),
-              !l && i !== "year" && /* @__PURE__ */ a("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__ */ a(
-          "div",
-          {
-            className: V(`${e}-cell`, `${e}-cell-week`, {
-              [`${e}-cell-selected-week`]: P,
-              [`${e}-cell-in-range`]: P
-            }),
-            children: /* @__PURE__ */ a("div", { className: `${e}-date`, children: /* @__PURE__ */ a("div", { className: `${e}-date-value`, children: m.weekOfYear }) })
-          },
-          T
-        );
-      }
-    });
-  }
-  let k = d;
-  return typeof f == "number" && (k = ue(
-    t,
-    le(`${b}-${de(f + 1, 2, "0")}-01`)
-  )), /* @__PURE__ */ L("div", { className: h ? `${e}-month-cell` : `${e}-month`, children: [
-    /* @__PURE__ */ a(
-      Ve,
-      {
-        prefixCls: e,
-        dayStartOfWeek: w,
-        isWeek: o,
-        CALENDAR_LOCALE: N,
-        panel: l,
-        innerMode: i
-      }
-    ),
-    /* @__PURE__ */ a("div", { className: `${e}-month-cell-body`, children: k.map((x, m) => /* @__PURE__ */ a(
-      "div",
-      {
-        className: V(`${e}-month-row`, {
-          [`${e}-row-week`]: o
-        }),
-        children: c(x)
-      },
-      m
-    )) })
-  ] });
-}
-const pe = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-].map((t, e) => ({
-  name: t,
-  value: e
-})), ge = Array(3);
-for (let t = 0; t < 3; t++)
-  ge[t] = pe.slice(t * 4, 4 * (t + 1));
-const ye = Array(4);
-for (let t = 0; t < 4; t++)
-  ye[t] = pe.slice(t * 3, 3 * (t + 1));
-function Te(t) {
-  const {
-    prefixCls: e,
-    mergedPageShowDate: h,
-    panel: f,
-    onMouseEnterCell: d,
-    disabledDate: r,
-    monthRender: o,
-    selectHandler: s,
-    innerMode: n,
-    CALENDAR_LOCALE: l
-  } = t, i = he({
-    ...t,
-    isSameTime: (u, y) => u.isSame(y, "month")
-  }), g = h.year(), p = f ? ye : ge;
-  return /* @__PURE__ */ a("div", { className: `${e}-year`, children: p.map((u, y) => /* @__PURE__ */ a("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__ */ a(
-      "div",
-      {
-        className: i({ ...v, time: w }, N),
-        onMouseEnter: () => d == null ? void 0 : d(w, N),
-        children: o ? se.cloneElement(
-          o(w),
-          b
-        ) : f ? /* @__PURE__ */ a("div", { className: `${e}-date`, ...b, children: /* @__PURE__ */ a("div", { className: `${e}-date-value`, children: l.month.short[v.name] }) }) : /* @__PURE__ */ L("div", { className: `${e}-month-with-days`, children: [
-          /* @__PURE__ */ a("div", { className: `${e}-month-title`, children: l.month.long[v.name] }),
-          /* @__PURE__ */ a(
-            fe,
-            {
-              ...t,
-              cell: !0,
-              value: v.value,
-              innerMode: n
-            }
-          )
-        ] })
-      },
-      v.value
-    );
-  }) }, y)) });
-}
-function oe(t) {
-  return (t == null ? void 0 : t.parentElement) || null;
-}
-function We(t) {
-  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
-  } = t, 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(te, { children: [
-        /* @__PURE__ */ a(
-          ae,
-          {
-            size: "small",
-            className: `${e}-header-value-year`,
-            value: w,
-            options: b,
-            onChange: i,
-            getPopupContainer: oe
-          }
-        ),
-        s === "month" && /* @__PURE__ */ a(
-          ae,
-          {
-            size: "small",
-            className: `${e}-header-value-month`,
-            value: N,
-            options: D,
-            onChange: g,
-            getPopupContainer: oe
-          }
-        )
-      ] }) : /* @__PURE__ */ L(te, { children: [
-        /* @__PURE__ */ a(
-          "div",
-          {
-            className: `${e}-header-icon`,
-            role: "button",
-            tabIndex: 0,
-            onClick: () => h("prev", s),
-            ...u({
-              onPressEnter: () => h("prev", s)
-            }),
-            children: /* @__PURE__ */ a(ce, {})
-          }
-        ),
-        /* @__PURE__ */ a("div", { className: `${e}-header-value`, children: d.format(f) }),
-        /* @__PURE__ */ a(
-          "div",
-          {
-            role: "button",
-            tabIndex: 0,
-            className: `${e}-header-icon`,
-            onClick: () => h("next", s),
-            ...u({
-              onPressEnter: () => h("next", s)
-            }),
-            children: /* @__PURE__ */ a(me, {})
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a(xe, { size: "small", onClick: () => o(O()), children: r.today })
-    ] }),
-    /* @__PURE__ */ a("div", { className: `${e}-header-right`, children: /* @__PURE__ */ a(
-      Ee.Group,
-      {
-        size: "small",
-        type: "button",
-        options: y,
-        onChange: n,
-        value: s
-      }
-    ) })
-  ] });
+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";
 }
-function Ie(t) {
-  const {
-    prefixCls: e,
-    changePageShowDate: h,
-    headerValueFormat: f,
-    mergedPageShowDate: d,
-    innerMode: r,
-    panelOperations: o
-  } = t, 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__ */ a(
-      "div",
-      {
-        className: p(n),
-        onClick: () => n && h("prev", "year"),
-        children: n && /* @__PURE__ */ a(Pe, {})
-      }
-    ),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: p(l),
-        onClick: () => l && h("prev", "month"),
-        children: l && /* @__PURE__ */ a(ce, {})
-      }
-    ),
-    /* @__PURE__ */ a("div", { className: `${e}-header-value`, children: d.format(f) }),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: p(g),
-        onClick: () => g && h("next", "month"),
-        children: g && /* @__PURE__ */ a(me, {})
-      }
-    ),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: p(i),
-        onClick: () => i && h("next", "year"),
-        children: i && /* @__PURE__ */ a(Ye, {})
-      }
-    )
-  ] });
-}
-function He(t, e) {
-  return t === "month" || t === "year" && !e ? "YYYY-MM-DD" : "YYYY-MM";
-}
-const Fe = {
+const ge = {
   dayStartOfWeek: 0,
   panelWidth: 265,
   defaultMode: "month",
   headerType: "button",
   modes: ["month", "year"]
 };
-function Be(t) {
+function De(i) {
   const {
-    getPrefixCls: e,
-    locale: h,
-    componentConfig: f,
-    rtl: d
-  } = De(Me), r = Re(
-    t,
-    Fe,
-    f == null ? void 0 : f.Calendar
+    getPrefixCls: g,
+    locale: H,
+    componentConfig: D,
+    rtl: L
+  } = ne(he), m = me(
+    i,
+    ge,
+    D == null ? void 0 : D.Calendar
   ), {
-    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 = be(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($);
+    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);
   }
-  function X($) {
-    I($), c == null || c($);
+  function V(e) {
+    c(e), o == null || o(e);
   }
-  function Z($, A) {
-    A || H($);
+  function $(e, n) {
+    n || f(e);
   }
-  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);
+  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);
   }
-  function $e($) {
-    const A = E.set(R, "year", $);
-    I(A), c == null || c(A);
+  function Z(e) {
+    const n = y.set(r, "year", e);
+    c(n), o == null || o(n);
   }
-  function Ce($) {
-    const A = E.set(R, "month", $ - 1);
-    I(A), c == null || c(A);
+  function ee(e) {
+    const n = y.set(r, "month", e - 1);
+    c(n), o == null || o(n);
   }
-  function j($) {
-    P($);
+  function A(e) {
+    K(e);
   }
-  const Se = V(
-    C,
-    S === "month" ? `${C}-mode-month` : `${C}-mode-year`,
+  const te = le(
+    a,
+    t === "month" ? `${a}-mode-month` : `${a}-mode-year`,
     {
-      [`${C}-panel`]: l && (S === "month" || S === "year"),
-      [`${C}-rtl`]: d
+      [`${a}-panel`]: d && (t === "month" || t === "year"),
+      [`${a}-rtl`]: L
     },
-    s
-  ), ke = l ? { width: g } : {}, ee = {
-    prefixCls: C,
-    changePageShowDate: Ne,
-    headerValueFormat: G,
-    mergedPageShowDate: R,
-    modes: m,
-    innerMode: S,
-    panelOperations: T
+    T
+  ), oe = d ? { width: B } : {}, P = {
+    prefixCls: a,
+    changePageShowDate: X,
+    headerValueFormat: S,
+    mergedPageShowDate: r,
+    modes: G,
+    innerMode: t,
+    panelOperations: I
   };
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ ae(
     "div",
     {
-      className: Se,
-      style: { ...o, ...ke },
-      ...Ae(r),
+      className: te,
+      style: { ...O, ...oe },
+      ...de(m),
       children: [
-        typeof k == "function" ? k({
-          value: U,
-          pageShowDate: R,
-          onChangeMode: j,
-          onChange: H,
-          onChangePageDate: X
-        }) : l ? /* @__PURE__ */ a(Ie, { ...ee }) : /* @__PURE__ */ a(
-          We,
+        typeof b == "function" ? b({
+          value: w,
+          pageShowDate: r,
+          onChangeMode: A,
+          onChange: f,
+          onChangePageDate: V
+        }) : d ? /* @__PURE__ */ s(ue, { ...P }) : /* @__PURE__ */ s(
+          fe,
           {
-            ...ee,
-            CALENDAR_LOCALE: M,
-            move: H,
-            innerMode: S,
-            changeMode: j,
-            onChangeYear: $e,
-            onChangeMonth: Ce,
-            headerType: x
+            ...P,
+            CALENDAR_LOCALE: l,
+            move: f,
+            innerMode: t,
+            changeMode: A,
+            onChangeYear: Z,
+            onChangeMonth: ee,
+            headerType: z
           }
         ),
-        S === "month" && /* @__PURE__ */ a("div", { className: `${C}-body`, children: /* @__PURE__ */ a(
-          fe,
+        t === "month" && /* @__PURE__ */ s("div", { className: `${a}-body`, children: /* @__PURE__ */ s(
+          ie,
           {
-            ...r,
-            prefixCls: C,
-            pageData: Q,
-            mergedValue: U,
-            innerMode: S,
-            selectHandler: Z,
-            mergedPageShowDate: R,
-            CALENDAR_LOCALE: M
+            ...m,
+            prefixCls: a,
+            pageData: C,
+            mergedValue: w,
+            innerMode: t,
+            selectHandler: $,
+            mergedPageShowDate: r,
+            CALENDAR_LOCALE: l
           }
         ) }),
-        S === "year" && /* @__PURE__ */ a("div", { className: `${C}-body`, children: /* @__PURE__ */ a(
-          Te,
+        t === "year" && /* @__PURE__ */ s("div", { className: `${a}-body`, children: /* @__PURE__ */ s(
+          ce,
           {
-            ...r,
-            prefixCls: C,
-            pageData: Q,
-            mergedPageShowDate: R,
-            innerMode: S,
-            mergedValue: U,
-            selectHandler: Z,
-            CALENDAR_LOCALE: M
+            ...m,
+            prefixCls: a,
+            pageData: C,
+            mergedPageShowDate: r,
+            innerMode: t,
+            mergedValue: w,
+            selectHandler: $,
+            CALENDAR_LOCALE: l
           }
         ) }),
-        p && l && /* @__PURE__ */ a(
+        E && d && /* @__PURE__ */ s(
           "div",
           {
-            className: `${C}-footer-btn-wrapper`,
-            onClick: () => H(O()),
-            children: M.today
+            className: `${a}-footer-btn-wrapper`,
+            onClick: () => f(k()),
+            children: l.today
           }
         )
       ]
     }
   );
 }
-Be.displayName = "Calendar";
+De.displayName = "Calendar";
 export {
-  Be as default
+  De as default
 };