@unicom-cloud/ui 0.8.108 → 0.8.110

package/calendar/Year.js

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

package/calendar/index.js

@@ -1,174 +1,323 @@
-import { jsxs as ne, jsx as r } from "react/jsx-runtime";
-import re from "lodash/merge";
-import { useContext as se, useState as M, useMemo as le } from "react";
-import "../config-provider/ConfigProvider.js";
-import de from "../components/common/hooks/useMergeProps.js";
-import me from "@unicom-cloud/utils/class-name";
-import { getDayjsValue as u, getNow as A, methods as g } from "../components/common/utils/dayjs.js";
-import { pickDataAttributes as ce } from "../components/common/utils/pick.js";
-import ie from "./header/index.js";
-import pe from "./header/Panel.js";
-import fe, { getAllDaysByTime as he } from "./Month.js";
-import ue from "./Year.js";
-import ge from "../config-provider/context.js";
-function ye(m, y) {
-  return m === "month" || m === "year" && !y ? "YYYY-MM-DD" : "YYYY-MM";
+import { jsxs as b, jsx as e, Fragment as _ } from "react/jsx-runtime";
+import pe from "lodash/merge";
+import { useMemo as J, useContext as ue, useState as T } from "react";
+import { a as fe } from "../chunk/BcEZk8pT.js";
+import { u as ge } from "../chunk/FgWHhRFz.js";
+import Q from "@unicom-cloud/utils/class-name";
+import { g as F, h as L, m as A } from "../chunk/DS_deHpN.js";
+import { a as Ce } from "../chunk/ClqoGc3r.js";
+import X from "@unicom-cloud/icons/IconUiLeft";
+import Z from "@unicom-cloud/icons/IconUiRight";
+import ee from "lodash/isArray";
+import ve from "../button/index.js";
+import { u as ye } from "../chunk/Bvxzb1wd.js";
+import { R as De } from "../chunk/BUNoUPLs.js";
+import G from "../select/Select.js";
+import Ne from "@unicom-cloud/icons/IconUiDoubleLeft";
+import we from "@unicom-cloud/icons/IconUiDoubleRight";
+import { g as be, M as Me } from "../chunk/Dt2nDgq_.js";
+import Se from "./Year.js";
+function q(d) {
+  return d?.parentElement || null;
 }
-const Ce = {
+function Pe(d) {
+  const {
+    prefixCls: a,
+    changePageShowDate: s,
+    headerValueFormat: M,
+    mergedPageShowDate: g,
+    CALENDAR_LOCALE: r,
+    move: N,
+    innerMode: t,
+    changeMode: C,
+    headerType: l,
+    onChangeYear: v,
+    onChangeMonth: y,
+    modes: u
+  } = d, f = ye(), S = ee(u) ? u.map((i) => ({
+    label: r.view[i],
+    value: i
+  })) : [], V = l === "select", D = g.year(), P = g.month() + 1, E = J(() => {
+    const i = [D];
+    for (let h = 1; h <= 10; h++)
+      i.unshift(D - h);
+    for (let h = 1; h < 10; h++)
+      i.push(D + h);
+    return i;
+  }, [D]), O = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+  return /* @__PURE__ */ b("div", { className: `${a}-header`, children: [
+    /* @__PURE__ */ b("div", { className: `${a}-header-left`, children: [
+      V ? /* @__PURE__ */ b(_, { children: [
+        /* @__PURE__ */ e(
+          G,
+          {
+            size: "small",
+            className: `${a}-header-value-year`,
+            value: D,
+            options: E,
+            onChange: v,
+            getPopupContainer: q
+          }
+        ),
+        t === "month" && /* @__PURE__ */ e(
+          G,
+          {
+            size: "small",
+            className: `${a}-header-value-month`,
+            value: P,
+            options: O,
+            onChange: y,
+            getPopupContainer: q
+          }
+        )
+      ] }) : /* @__PURE__ */ b(_, { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${a}-header-icon`,
+            role: "button",
+            tabIndex: 0,
+            onClick: () => s("prev", t),
+            ...f({
+              onPressEnter: () => s("prev", t)
+            }),
+            children: /* @__PURE__ */ e(X, {})
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: `${a}-header-value`, children: g.format(M) }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            className: `${a}-header-icon`,
+            onClick: () => s("next", t),
+            ...f({
+              onPressEnter: () => s("next", t)
+            }),
+            children: /* @__PURE__ */ e(Z, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(ve, { size: "small", onClick: () => N(F()), children: r.today })
+    ] }),
+    /* @__PURE__ */ e("div", { className: `${a}-header-right`, children: /* @__PURE__ */ e(
+      De.Group,
+      {
+        size: "small",
+        type: "button",
+        options: S,
+        onChange: C,
+        value: t
+      }
+    ) })
+  ] });
+}
+function $e(d) {
+  const {
+    prefixCls: a,
+    changePageShowDate: s,
+    headerValueFormat: M,
+    mergedPageShowDate: g,
+    innerMode: r,
+    panelOperations: N
+  } = d, t = (f) => ee(N) ? N.indexOf(f) > -1 : !0, C = t("double-left"), l = t("left") && r !== "year", v = t("double-right"), y = t("right") && r !== "year", u = (f) => Q(`${a}-header-icon`, {
+    [`${a}-header-icon-hidden`]: !f
+  });
+  return /* @__PURE__ */ b("div", { className: `${a}-header`, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: u(C),
+        onClick: () => C && s("prev", "year"),
+        children: C && /* @__PURE__ */ e(Ne, {})
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: u(l),
+        onClick: () => l && s("prev", "month"),
+        children: l && /* @__PURE__ */ e(X, {})
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: `${a}-header-value`, children: g.format(M) }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: u(y),
+        onClick: () => y && s("next", "month"),
+        children: y && /* @__PURE__ */ e(Z, {})
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: u(v),
+        onClick: () => v && s("next", "year"),
+        children: v && /* @__PURE__ */ e(we, {})
+      }
+    )
+  ] });
+}
+function xe(d, a) {
+  return d === "month" || d === "year" && !a ? "YYYY-MM-DD" : "YYYY-MM";
+}
+const Ye = {
   dayStartOfWeek: 0,
   panelWidth: 265,
   defaultMode: "month",
   headerType: "button",
   modes: ["month", "year"]
 };
-function De(m) {
+function ke(d) {
   const {
-    getPrefixCls: y,
-    locale: k,
-    componentConfig: H,
-    rtl: L
-  } = se(ge), s = de(
-    m,
-    Ce,
-    H?.Calendar
+    getPrefixCls: a,
+    locale: s,
+    componentConfig: M,
+    rtl: g
+  } = ue(fe), r = ge(
+    d,
+    Ye,
+    M?.Calendar
   ), {
-    style: O,
-    className: T,
-    dayStartOfWeek: W,
-    panel: d,
-    locale: j,
-    panelWidth: B,
-    panelTodayBtn: E,
-    defaultPageShowDate: F,
-    value: w,
-    pageShowDate: R,
-    defaultValue: _,
-    mode: S,
-    defaultMode: q,
-    onChange: z,
-    onPanelChange: c,
-    headerRender: P,
-    headerType: G,
-    modes: I,
-    panelOperations: J
-  } = s, l = re(k.Calendar, j), o = y?.("calendar"), [K, Q] = M(
-    S || q
-  ), a = S || K, i = ye(a, d), [Y, U] = M(
-    u(w || _, i)
-  ), [X, p] = M(
-    u(F, i) || Y || A()
-  ), t = u(R, i) || X, C = "value" in s ? u(w, i) : Y, N = le(() => he(s, t), [t.toString(), a, W]);
-  function f(e) {
-    U(e), z?.(e), v(e);
+    style: N,
+    className: t,
+    dayStartOfWeek: C,
+    panel: l,
+    locale: v,
+    panelWidth: y,
+    panelTodayBtn: u,
+    defaultPageShowDate: f,
+    value: S,
+    pageShowDate: V,
+    defaultValue: D,
+    mode: P,
+    defaultMode: E,
+    onChange: O,
+    onPanelChange: i,
+    headerRender: h,
+    headerType: ae,
+    modes: oe,
+    panelOperations: te
+  } = r, w = pe(s.Calendar, v), c = a?.("calendar"), [ne, re] = T(
+    P || E
+  ), n = P || ne, $ = xe(n, l), [H, se] = T(
+    L(S || D, $)
+  ), [le, x] = T(
+    L(f, $) || H || F()
+  ), m = L(V, $) || le, R = "value" in r ? L(S, $) : H, z = J(() => be(r, m), [m.toString(), n, C]);
+  function Y(o) {
+    se(o), O?.(o), U(o);
   }
-  function v(e) {
-    p(e), c?.(e);
+  function U(o) {
+    x(o), i?.(o);
   }
-  function b(e, n) {
-    n || f(e);
+  function W(o, p) {
+    p || Y(o);
   }
-  let D = "";
-  a === "month" ? D = l.formatMonth : a === "year" && (D = l.formatYear);
-  function Z(e, n) {
-    let h;
-    e === "prev" && (h = g.subtract(t, 1, n)), e === "next" && (h = g.add(t, 1, n)), p(h), c?.(h);
+  let I = "";
+  n === "month" ? I = w.formatMonth : n === "year" && (I = w.formatYear);
+  function ie(o, p) {
+    let k;
+    o === "prev" && (k = A.subtract(m, 1, p)), o === "next" && (k = A.add(m, 1, p)), x(k), i?.(k);
   }
-  function ee(e) {
-    const n = g.set(t, "year", e);
-    p(n), c?.(n);
+  function ce(o) {
+    const p = A.set(m, "year", o);
+    x(p), i?.(p);
   }
-  function ae(e) {
-    const n = g.set(t, "month", e - 1);
-    p(n), c?.(n);
+  function de(o) {
+    const p = A.set(m, "month", o - 1);
+    x(p), i?.(p);
   }
-  function x(e) {
-    Q(e);
+  function j(o) {
+    re(o);
   }
-  const oe = me(
-    o,
-    a === "month" ? `${o}-mode-month` : `${o}-mode-year`,
+  const he = Q(
+    c,
+    n === "month" ? `${c}-mode-month` : `${c}-mode-year`,
     {
-      [`${o}-panel`]: d && (a === "month" || a === "year"),
-      [`${o}-rtl`]: L
+      [`${c}-panel`]: l && (n === "month" || n === "year"),
+      [`${c}-rtl`]: g
     },
-    T
-  ), te = d ? { width: B } : {}, V = {
-    prefixCls: o,
-    changePageShowDate: Z,
-    headerValueFormat: D,
-    mergedPageShowDate: t,
-    modes: I,
-    innerMode: a,
-    panelOperations: J
-  }, $ = d ? /* @__PURE__ */ r(pe, { ...V }) : /* @__PURE__ */ r(
-    ie,
+    t
+  ), me = l ? { width: y } : {}, B = {
+    prefixCls: c,
+    changePageShowDate: ie,
+    headerValueFormat: I,
+    mergedPageShowDate: m,
+    modes: oe,
+    innerMode: n,
+    panelOperations: te
+  }, K = l ? /* @__PURE__ */ e($e, { ...B }) : /* @__PURE__ */ e(
+    Pe,
     {
-      ...V,
-      CALENDAR_LOCALE: l,
-      move: f,
-      innerMode: a,
-      changeMode: x,
-      onChangeYear: ee,
-      onChangeMonth: ae,
-      headerType: G
+      ...B,
+      CALENDAR_LOCALE: w,
+      move: Y,
+      innerMode: n,
+      changeMode: j,
+      onChangeYear: ce,
+      onChangeMonth: de,
+      headerType: ae
     }
   );
-  return /* @__PURE__ */ ne(
+  return /* @__PURE__ */ b(
     "div",
     {
-      className: oe,
-      style: { ...O, ...te },
-      ...ce(s),
+      className: he,
+      style: { ...N, ...me },
+      ...Ce(r),
       children: [
-        typeof P == "function" ? P({
-          value: C,
-          pageShowDate: t,
-          onChangeMode: x,
-          onChange: f,
-          onChangePageDate: v,
-          header: $
-        }) : $,
-        a === "month" && /* @__PURE__ */ r("div", { className: `${o}-body`, children: /* @__PURE__ */ r(
-          fe,
+        typeof h == "function" ? h({
+          value: R,
+          pageShowDate: m,
+          onChangeMode: j,
+          onChange: Y,
+          onChangePageDate: U,
+          header: K
+        }) : K,
+        n === "month" && /* @__PURE__ */ e("div", { className: `${c}-body`, children: /* @__PURE__ */ e(
+          Me,
           {
-            ...s,
-            prefixCls: o,
-            pageData: N,
-            mergedValue: C,
-            innerMode: a,
-            selectHandler: b,
-            mergedPageShowDate: t,
-            CALENDAR_LOCALE: l
+            ...r,
+            prefixCls: c,
+            pageData: z,
+            mergedValue: R,
+            innerMode: n,
+            selectHandler: W,
+            mergedPageShowDate: m,
+            CALENDAR_LOCALE: w
           }
         ) }),
-        a === "year" && /* @__PURE__ */ r("div", { className: `${o}-body`, children: /* @__PURE__ */ r(
-          ue,
+        n === "year" && /* @__PURE__ */ e("div", { className: `${c}-body`, children: /* @__PURE__ */ e(
+          Se,
           {
-            ...s,
-            prefixCls: o,
-            pageData: N,
-            mergedPageShowDate: t,
-            innerMode: a,
-            mergedValue: C,
-            selectHandler: b,
-            CALENDAR_LOCALE: l
+            ...r,
+            prefixCls: c,
+            pageData: z,
+            mergedPageShowDate: m,
+            innerMode: n,
+            mergedValue: R,
+            selectHandler: W,
+            CALENDAR_LOCALE: w
           }
         ) }),
-        E && d && /* @__PURE__ */ r(
+        u && l && /* @__PURE__ */ e(
           "div",
           {
-            className: `${o}-footer-btn-wrapper`,
-            onClick: () => f(A()),
-            children: l.today
+            className: `${c}-footer-btn-wrapper`,
+            onClick: () => Y(F()),
+            children: w.today
           }
         )
       ]
     }
   );
 }
-De.displayName = "Calendar";
+ke.displayName = "Calendar";
 export {
-  fe as CalendarMonth,
-  ue as CalendarYear,
-  De as default
+  Me as CalendarMonth,
+  Se as CalendarYear,
+  ke as default
 };

package/card/Grid.js

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

package/card/Meta.js

@@ -1,30 +1,29 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import N, { useContext as v } from "react";
-import "../config-provider/ConfigProvider.js";
+import p, { useContext as v } from "react";
+import { a as h } from "../chunk/BcEZk8pT.js";
 import c from "@unicom-cloud/utils/class-name";
-import h from "../config-provider/context.js";
 function u(l, n) {
-  const { className: m, title: a, avatar: t, description: s, actionList: r, ...d } = l, { getPrefixCls: f } = v(h), e = f?.("card-meta"), p = c(e, m);
-  return /* @__PURE__ */ o("div", { ...d, ref: n, className: p, children: [
-    a || s ? /* @__PURE__ */ o("div", { className: `${e}-content`, children: [
-      a && /* @__PURE__ */ i("div", { className: `${e}-title`, children: a }),
-      s && /* @__PURE__ */ i("div", { className: `${e}-description`, children: s })
+  const { className: m, title: s, avatar: e, description: t, actionList: r, ...d } = l, { getPrefixCls: f } = v(h), a = f?.("card-meta"), N = c(a, m);
+  return /* @__PURE__ */ o("div", { ...d, ref: n, className: N, children: [
+    s || t ? /* @__PURE__ */ o("div", { className: `${a}-content`, children: [
+      s && /* @__PURE__ */ i("div", { className: `${a}-title`, children: s }),
+      t && /* @__PURE__ */ i("div", { className: `${a}-description`, children: t })
     ] }) : null,
-    t || r ? /* @__PURE__ */ o(
+    e || r ? /* @__PURE__ */ o(
       "div",
       {
-        className: c(`${e}-footer `, {
-          [`${e}-footer-only-actions`]: !t
+        className: c(`${a}-footer `, {
+          [`${a}-footer-only-actions`]: !e
         }),
         children: [
-          t ? /* @__PURE__ */ i("div", { className: `${e}-avatar`, children: t }) : null,
+          e ? /* @__PURE__ */ i("div", { className: `${a}-avatar`, children: e }) : null,
           r
         ]
       }
     ) : null
   ] });
 }
-const x = N.forwardRef(u);
+const x = p.forwardRef(u);
 x.displayName = "CardMeta";
 export {
   x as default