@unicom-cloud/ui 0.8.90 → 0.8.91

package/calendar/Month.js

@@ -1,12 +1,142 @@
-import "react/jsx-runtime";
-import "react";
-import "@unicom-cloud/utils/class-name";
-import "../utils/constant.js";
-import "../chunk/B3LeSidy.js";
-import "../utils/pad.js";
-import "./WeekList.js";
-import { M as s, g as f } from "../chunk/Dc-uXGtN.js";
+import { jsxs as S, jsx as i } from "react/jsx-runtime";
+import T from "react";
+import W from "@unicom-cloud/utils/class-name";
+import { newArray as b } from "../utils/constant.js";
+import { methods as w, dayjs as E } from "../components/common/utils/dayjs.js";
+import { padStart as H } from "../components/common/utils/pad.js";
+import I from "./WeekList.js";
+import B from "./hook/useCellClassName.js";
+const Y = 6 * 7, k = (r) => ({
+  year: r.year(),
+  month: r.month() + 1,
+  date: r.date(),
+  day: r.day(),
+  time: r
+}), V = (r) => ({
+  start: k(w.startOf(r, "month")),
+  end: k(w.endOf(r, "month")),
+  days: r.daysInMonth()
+});
+function _(r, t) {
+  const { dayStartOfWeek: p = 0, isWeek: y } = r, d = V(t), s = b(Y).map((e, m, c) => ({})), n = p === 0 ? d.start.day : (d.start.day || 7) - 1;
+  s[n] = {
+    ...d.start,
+    isCurrent: !0
+  };
+  for (let e = 0; e < n; e++)
+    s[n - e - 1] = {
+      ...k(w.subtract(d.start.time, e + 1, "day")),
+      isPrev: !0
+    };
+  for (let e = 0; e < Y - n - 1; e++)
+    s[n + e + 1] = {
+      ...k(w.add(d.start.time, e + 1, "day")),
+      isCurrent: e < d.days,
+      isNext: e >= d.days - 1
+    };
+  const o = b(6).map((e, m, c) => []);
+  for (let e = 0; e < 6; e++)
+    if (o[e] = s.slice(e * 7, 7 * (e + 1)), y) {
+      const m = o[e][0].time, c = [...o[e]];
+      o[e].unshift({
+        weekRows: c,
+        weekOfYear: m.week()
+      });
+    }
+  return o;
+}
+function X(r) {
+  const {
+    prefixCls: t,
+    cell: p,
+    value: y,
+    pageData: d,
+    mergedValue: s,
+    isWeek: n,
+    disabledDate: o,
+    selectHandler: e,
+    panel: m,
+    innerMode: c,
+    dateRender: O,
+    onMouseEnterCell: v,
+    onMouseLeaveCell: $,
+    dateInnerContent: N,
+    mergedPageShowDate: x,
+    dayStartOfWeek: A,
+    CALENDAR_LOCALE: P
+  } = r, j = x.year(), L = B({
+    ...r,
+    isSameTime: (f, a) => f.isSame(a, "day")
+  });
+  function M(f) {
+    return f.map((a, D) => {
+      if (a.time) {
+        const l = typeof o == "function" && o(a.time), u = () => e(a.time, l), g = n ? { onClick: u } : {}, h = n ? {} : { onClick: u };
+        return /* @__PURE__ */ i(
+          "div",
+          {
+            className: L(a, l),
+            onMouseEnter: () => v == null ? void 0 : v(a.time, l),
+            onMouseLeave: () => $ == null ? void 0 : $(a.time, l),
+            ...g,
+            children: O ? T.cloneElement(
+              O(a.time),
+              h
+            ) : /* @__PURE__ */ S("div", { className: `${t}-date`, ...h, children: [
+              /* @__PURE__ */ i("div", { className: `${t}-date-value`, children: m ? a.date : /* @__PURE__ */ i("div", { className: `${t}-date-circle`, children: a.date }) }),
+              !m && c !== "year" && /* @__PURE__ */ i("div", { className: `${t}-date-content`, children: N == null ? void 0 : N(a.time) })
+            ] })
+          },
+          D
+        );
+      }
+      if ("weekOfYear" in a) {
+        const l = s && s.year(), u = s && s.month() + 1, g = s && s.week(), h = s && a.weekRows.find(
+          (R) => R.year === l && R.month === u
+        ) && g === a.weekOfYear;
+        return /* @__PURE__ */ i(
+          "div",
+          {
+            className: W(`${t}-cell`, `${t}-cell-week`, {
+              [`${t}-cell-selected-week`]: h,
+              [`${t}-cell-in-range`]: h
+            }),
+            children: /* @__PURE__ */ i("div", { className: `${t}-date`, children: /* @__PURE__ */ i("div", { className: `${t}-date-value`, children: a.weekOfYear }) })
+          },
+          D
+        );
+      }
+    });
+  }
+  let C = d;
+  return typeof y == "number" && (C = _(
+    r,
+    E(`${j}-${H(y + 1, 2, "0")}-01`)
+  )), /* @__PURE__ */ S("div", { className: p ? `${t}-month-cell` : `${t}-month`, children: [
+    /* @__PURE__ */ i(
+      I,
+      {
+        prefixCls: t,
+        dayStartOfWeek: A,
+        isWeek: n,
+        CALENDAR_LOCALE: P,
+        panel: m,
+        innerMode: c
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: `${t}-month-cell-body`, children: C.map((f, a) => /* @__PURE__ */ i(
+      "div",
+      {
+        className: W(`${t}-month-row`, {
+          [`${t}-row-week`]: n
+        }),
+        children: M(f)
+      },
+      a
+    )) })
+  ] });
+}
 export {
-  s as default,
-  f as getAllDaysByTime
+  X as default,
+  _ as getAllDaysByTime
 };

package/calendar/Year.js

@@ -1,9 +1,10 @@
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
-import M from "react";
-import { d as S } from "../chunk/B3LeSidy.js";
-import { padStart as w } from "../utils/pad.js";
-import { u as x, M as D } from "../chunk/Dc-uXGtN.js";
-const v = [
+import S from "react";
+import { dayjs as M } from "../components/common/utils/dayjs.js";
+import { padStart as w } from "../components/common/utils/pad.js";
+import x from "./Month.js";
+import D from "./hook/useCellClassName.js";
+const p = [
   "January",
   "February",
   "March",
@@ -19,43 +20,43 @@ const v = [
 ].map((e, a) => ({
   name: e,
   value: a
-})), p = Array(3);
+})), v = Array(3);
 for (let e = 0; e < 3; e++)
-  p[e] = v.slice(e * 4, 4 * (e + 1));
+  v[e] = p.slice(e * 4, 4 * (e + 1));
 const f = Array(4);
 for (let e = 0; e < 4; e++)
-  f[e] = v.slice(e * 3, 3 * (e + 1));
-function P(e) {
+  f[e] = p.slice(e * 3, 3 * (e + 1));
+function R(e) {
   const {
     prefixCls: a,
     mergedPageShowDate: y,
-    panel: s,
-    onMouseEnterCell: m,
+    panel: m,
+    onMouseEnterCell: s,
     disabledDate: c,
     monthRender: d,
     selectHandler: N,
     innerMode: $,
     CALENDAR_LOCALE: u
-  } = e, b = x({
+  } = e, b = D({
     ...e,
     isSameTime: (o, l) => o.isSame(l, "month")
-  }), A = y.year(), C = s ? f : p;
+  }), A = y.year(), C = m ? f : v;
   return /* @__PURE__ */ r("div", { className: `${a}-year`, children: C.map((o, l) => /* @__PURE__ */ r("div", { className: `${a}-year-row`, children: o.map((t) => {
-    const n = S(
+    const n = M(
       `${A}-${w(t.value + 1, 2, "0")}-01`
-    ), i = typeof c == "function" && c(n), h = s ? { onClick: () => N(n, i) } : {};
+    ), i = typeof c == "function" && c(n), h = m ? { onClick: () => N(n, i) } : {};
     return /* @__PURE__ */ r(
       "div",
       {
         className: b({ ...t, time: n }, i),
-        onMouseEnter: () => m == null ? void 0 : m(n, i),
-        children: d ? M.cloneElement(
+        onMouseEnter: () => s == null ? void 0 : s(n, i),
+        children: d ? S.cloneElement(
           d(n),
           h
-        ) : s ? /* @__PURE__ */ r("div", { className: `${a}-date`, ...h, children: /* @__PURE__ */ r("div", { className: `${a}-date-value`, children: u.month.short[t.name] }) }) : /* @__PURE__ */ g("div", { className: `${a}-month-with-days`, children: [
+        ) : m ? /* @__PURE__ */ r("div", { className: `${a}-date`, ...h, children: /* @__PURE__ */ r("div", { className: `${a}-date-value`, children: u.month.short[t.name] }) }) : /* @__PURE__ */ g("div", { className: `${a}-month-with-days`, children: [
           /* @__PURE__ */ r("div", { className: `${a}-month-title`, children: u.month.long[t.name] }),
           /* @__PURE__ */ r(
-            D,
+            x,
             {
               ...e,
               cell: !0,
@@ -70,5 +71,5 @@ function P(e) {
   }) }, l)) });
 }
 export {
-  P as default
+  R as default
 };

package/calendar/header/Panel.js

@@ -0,0 +1,57 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import g from "@unicom-cloud/icons/IconUiDoubleLeft";
+import v from "@unicom-cloud/icons/IconUiDoubleRight";
+import N from "@unicom-cloud/icons/IconUiLeft";
+import b from "@unicom-cloud/icons/IconUiRight";
+import x from "lodash/isArray";
+import w from "@unicom-cloud/utils/class-name";
+function U(d) {
+  const {
+    prefixCls: o,
+    changePageShowDate: r,
+    headerValueFormat: f,
+    mergedPageShowDate: p,
+    innerMode: h,
+    panelOperations: m
+  } = d, i = (c) => x(m) ? m.indexOf(c) > -1 : !0, t = i("double-left"), n = i("left") && h !== "year", s = i("double-right"), l = i("right") && h !== "year", a = (c) => w(`${o}-header-icon`, {
+    [`${o}-header-icon-hidden`]: !c
+  });
+  return /* @__PURE__ */ u("div", { className: `${o}-header`, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: a(t),
+        onClick: () => t && r("prev", "year"),
+        children: t && /* @__PURE__ */ e(g, {})
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: a(n),
+        onClick: () => n && r("prev", "month"),
+        children: n && /* @__PURE__ */ e(N, {})
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: `${o}-header-value`, children: p.format(f) }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: a(l),
+        onClick: () => l && r("next", "month"),
+        children: l && /* @__PURE__ */ e(b, {})
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: a(s),
+        onClick: () => s && r("next", "year"),
+        children: s && /* @__PURE__ */ e(v, {})
+      }
+    )
+  ] });
+}
+export {
+  U as default
+};

package/calendar/header/index.js

@@ -0,0 +1,110 @@
+import { jsxs as l, jsx as e, Fragment as p } from "react/jsx-runtime";
+import S from "@unicom-cloud/icons/IconUiLeft";
+import D from "@unicom-cloud/icons/IconUiRight";
+import P from "lodash/isArray";
+import { useMemo as z } from "react";
+import A from "../../button/index.js";
+import I from "../../components/common/hooks/useKeyboardEvent.js";
+import L from "../../radio/Radio.js";
+import "../../radio/Group.js";
+import u from "../../select/Select.js";
+import { getNow as k } from "../../components/common/utils/dayjs.js";
+function f(a) {
+  return (a == null ? void 0 : a.parentElement) || null;
+}
+function V(a) {
+  const {
+    prefixCls: o,
+    changePageShowDate: i,
+    headerValueFormat: v,
+    mergedPageShowDate: m,
+    CALENDAR_LOCALE: c,
+    move: g,
+    innerMode: n,
+    changeMode: C,
+    headerType: N,
+    onChangeYear: y,
+    onChangeMonth: b,
+    modes: h
+  } = a, d = I(), x = P(h) ? h.map((r) => ({
+    label: c.view[r],
+    value: r
+  })) : [], $ = N === "select", s = m.year(), E = m.month() + 1, w = z(() => {
+    const r = [s];
+    for (let t = 1; t <= 10; t++)
+      r.unshift(s - t);
+    for (let t = 1; t < 10; t++)
+      r.push(s + t);
+    return r;
+  }, [s]), M = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+  return /* @__PURE__ */ l("div", { className: `${o}-header`, children: [
+    /* @__PURE__ */ l("div", { className: `${o}-header-left`, children: [
+      $ ? /* @__PURE__ */ l(p, { children: [
+        /* @__PURE__ */ e(
+          u,
+          {
+            size: "small",
+            className: `${o}-header-value-year`,
+            value: s,
+            options: w,
+            onChange: y,
+            getPopupContainer: f
+          }
+        ),
+        n === "month" && /* @__PURE__ */ e(
+          u,
+          {
+            size: "small",
+            className: `${o}-header-value-month`,
+            value: E,
+            options: M,
+            onChange: b,
+            getPopupContainer: f
+          }
+        )
+      ] }) : /* @__PURE__ */ l(p, { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${o}-header-icon`,
+            role: "button",
+            tabIndex: 0,
+            onClick: () => i("prev", n),
+            ...d({
+              onPressEnter: () => i("prev", n)
+            }),
+            children: /* @__PURE__ */ e(S, {})
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: `${o}-header-value`, children: m.format(v) }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            className: `${o}-header-icon`,
+            onClick: () => i("next", n),
+            ...d({
+              onPressEnter: () => i("next", n)
+            }),
+            children: /* @__PURE__ */ e(D, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(A, { size: "small", onClick: () => g(k()), children: c.today })
+    ] }),
+    /* @__PURE__ */ e("div", { className: `${o}-header-right`, children: /* @__PURE__ */ e(
+      L.Group,
+      {
+        size: "small",
+        type: "button",
+        options: x,
+        onChange: C,
+        value: n
+      }
+    ) })
+  ] });
+}
+export {
+  V as default
+};

package/calendar/hook/useCellClassName.js

@@ -0,0 +1,41 @@
+import E from "lodash/isArray";
+import x from "@unicom-cloud/utils/class-name";
+import { getNow as S } from "../../components/common/utils/dayjs.js";
+function c(s, n) {
+  if (s && E(s))
+    return s[n];
+}
+function T(s) {
+  const {
+    prefixCls: n,
+    mergedValue: f,
+    rangeValues: u,
+    hoverRangeValues: d,
+    panel: v,
+    isSameTime: r,
+    innerMode: C
+  } = s;
+  function $(m, e, a) {
+    return !e || !a ? !1 : r(m, e) || r(m, a) || m.isBetween(e, a, null, "[]");
+  }
+  return function(e, a) {
+    const o = c(u, 0), t = c(u, 1), l = c(d, 0), g = c(d, 1), R = !e.isPrev && !e.isNext, i = R && v, h = i && o && r(e.time, o), p = i && t && r(e.time, t), V = l && o && l.isBefore(o), w = t && g && g.isAfter(t), y = V && h || w && p;
+    let N = r(e.time, S());
+    return !v && C === "year" && (N = S().isSame(e.time, "date")), x(`${n}-cell`, {
+      [`${n}-cell-in-view`]: R,
+      [`${n}-cell-today`]: N,
+      [`${n}-cell-selected`]: f && r(e.time, f),
+      [`${n}-cell-range-start`]: h,
+      [`${n}-cell-range-end`]: p,
+      [`${n}-cell-in-range`]: i && $(e.time, o, t),
+      [`${n}-cell-in-range-near-hover`]: y,
+      [`${n}-cell-hover-range-start`]: i && l && r(e.time, l),
+      [`${n}-cell-hover-range-end`]: i && g && r(e.time, g),
+      [`${n}-cell-hover-in-range`]: i && $(e.time, l, g),
+      [`${n}-cell-disabled`]: a
+    });
+  };
+}
+export {
+  T as default
+};

package/calendar/index.js

@@ -1,16 +1,173 @@
-import "react/jsx-runtime";
-import "lodash/merge";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/BFTV6myl.js";
-import "@unicom-cloud/utils/class-name";
-import "../chunk/B3LeSidy.js";
-import "../chunk/ClqoGc3r.js";
-import { M as l } from "../chunk/Dc-uXGtN.js";
-import { default as s } from "./Year.js";
-import { C } from "../chunk/BbQEqpOn.js";
+import { jsxs as oe, jsx as s } from "react/jsx-runtime";
+import re from "lodash/merge";
+import { useContext as ne, useState as Y, useMemo as se } from "react";
+import "../config-provider/ConfigProvider.js";
+import le from "../components/common/hooks/useMergeProps.js";
+import de from "@unicom-cloud/utils/class-name";
+import { getDayjsValue as y, getNow as H, methods as g } from "../components/common/utils/dayjs.js";
+import { pickDataAttributes as me } from "../components/common/utils/pick.js";
+import ce, { getAllDaysByTime as ie } from "./Month.js";
+import pe from "./Year.js";
+import fe from "./header/index.js";
+import ue from "./header/Panel.js";
+import he from "../config-provider/context.js";
+function ye(i, m) {
+  return i === "month" || i === "year" && !m ? "YYYY-MM-DD" : "YYYY-MM";
+}
+const ge = {
+  dayStartOfWeek: 0,
+  panelWidth: 265,
+  defaultMode: "month",
+  headerType: "button",
+  modes: ["month", "year"]
+};
+function De(i) {
+  const {
+    getPrefixCls: m,
+    locale: L,
+    componentConfig: D,
+    rtl: O
+  } = ne(he), l = le(
+    i,
+    ge,
+    D == null ? void 0 : D.Calendar
+  ), {
+    style: T,
+    className: W,
+    dayStartOfWeek: j,
+    panel: c,
+    locale: P,
+    panelWidth: B,
+    panelTodayBtn: E,
+    defaultPageShowDate: F,
+    value: N,
+    pageShowDate: R,
+    defaultValue: _,
+    mode: v,
+    defaultMode: q,
+    onChange: M,
+    onPanelChange: a,
+    headerRender: b,
+    headerType: z,
+    modes: G,
+    panelOperations: I
+  } = l, d = re(L.Calendar, P), o = m == null ? void 0 : m("calendar"), [J, K] = Y(
+    v || q
+  ), t = v || J, p = ye(t, c), [C, Q] = Y(
+    y(N || _, p)
+  ), [U, f] = Y(
+    y(F, p) || C || H()
+  ), r = y(R, p) || U, w = "value" in l ? y(N, p) : C, V = se(() => ie(l, r), [r.toString(), t, j]);
+  function u(e) {
+    Q(e), M == null || M(e), $(e);
+  }
+  function $(e) {
+    f(e), a == null || a(e);
+  }
+  function x(e, n) {
+    n || u(e);
+  }
+  let S = "";
+  t === "month" ? S = d.formatMonth : t === "year" && (S = d.formatYear);
+  function X(e, n) {
+    let h;
+    e === "prev" && (h = g.subtract(r, 1, n)), e === "next" && (h = g.add(r, 1, n)), f(h), a == null || a(h);
+  }
+  function Z(e) {
+    const n = g.set(r, "year", e);
+    f(n), a == null || a(n);
+  }
+  function ee(e) {
+    const n = g.set(r, "month", e - 1);
+    f(n), a == null || a(n);
+  }
+  function A(e) {
+    K(e);
+  }
+  const te = de(
+    o,
+    t === "month" ? `${o}-mode-month` : `${o}-mode-year`,
+    {
+      [`${o}-panel`]: c && (t === "month" || t === "year"),
+      [`${o}-rtl`]: O
+    },
+    W
+  ), ae = c ? { width: B } : {}, k = {
+    prefixCls: o,
+    changePageShowDate: X,
+    headerValueFormat: S,
+    mergedPageShowDate: r,
+    modes: G,
+    innerMode: t,
+    panelOperations: I
+  };
+  return /* @__PURE__ */ oe(
+    "div",
+    {
+      className: te,
+      style: { ...T, ...ae },
+      ...me(l),
+      children: [
+        typeof b == "function" ? b({
+          value: w,
+          pageShowDate: r,
+          onChangeMode: A,
+          onChange: u,
+          onChangePageDate: $
+        }) : c ? /* @__PURE__ */ s(ue, { ...k }) : /* @__PURE__ */ s(
+          fe,
+          {
+            ...k,
+            CALENDAR_LOCALE: d,
+            move: u,
+            innerMode: t,
+            changeMode: A,
+            onChangeYear: Z,
+            onChangeMonth: ee,
+            headerType: z
+          }
+        ),
+        t === "month" && /* @__PURE__ */ s("div", { className: `${o}-body`, children: /* @__PURE__ */ s(
+          ce,
+          {
+            ...l,
+            prefixCls: o,
+            pageData: V,
+            mergedValue: w,
+            innerMode: t,
+            selectHandler: x,
+            mergedPageShowDate: r,
+            CALENDAR_LOCALE: d
+          }
+        ) }),
+        t === "year" && /* @__PURE__ */ s("div", { className: `${o}-body`, children: /* @__PURE__ */ s(
+          pe,
+          {
+            ...l,
+            prefixCls: o,
+            pageData: V,
+            mergedPageShowDate: r,
+            innerMode: t,
+            mergedValue: w,
+            selectHandler: x,
+            CALENDAR_LOCALE: d
+          }
+        ) }),
+        E && c && /* @__PURE__ */ s(
+          "div",
+          {
+            className: `${o}-footer-btn-wrapper`,
+            onClick: () => u(H()),
+            children: d.today
+          }
+        )
+      ]
+    }
+  );
+}
+De.displayName = "Calendar";
 export {
-  l as CalendarMonth,
-  s as CalendarYear,
-  C as default
+  ce as CalendarMonth,
+  pe as CalendarYear,
+  De as default
 };

package/card/Grid.js

@@ -1,24 +1,25 @@
-import { jsx as c } from "react/jsx-runtime";
-import i, { useContext as d } from "react";
-import { a as l } from "../chunk/B44Hj5ad.js";
-import f from "@unicom-cloud/utils/class-name";
+import { jsx as n } from "react/jsx-runtime";
+import c, { useContext as d } from "react";
+import "../config-provider/ConfigProvider.js";
+import l from "@unicom-cloud/utils/class-name";
+import f from "../config-provider/context.js";
 function p(a, e) {
-  const { children: s, style: t, className: m, hoverable: n } = a, { getPrefixCls: o } = d(l), r = o == null ? void 0 : o("card-grid");
-  return /* @__PURE__ */ c(
+  const { children: t, style: s, className: m, hoverable: i } = a, { getPrefixCls: o } = d(f), r = o == null ? void 0 : o("card-grid");
+  return /* @__PURE__ */ n(
     "div",
     {
       ref: e,
-      style: t,
-      className: f(
+      style: s,
+      className: l(
         r,
-        { [`${r}-hoverable`]: n },
+        { [`${r}-hoverable`]: i },
         m
       ),
-      children: s
+      children: t
     }
   );
 }
-const C = i.forwardRef(p);
+const C = c.forwardRef(p);
 C.displayName = "CardGrid";
 export {
   C as default