@unicom-cloud/ui 0.8.107 → 0.8.109

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/DXlwLh0Y.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/C6Aw3qIJ.js";
+import { R as De } from "../chunk/DblEjsQ8.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/DXlwLh0Y.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/DXlwLh0Y.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

package/card/index.js

@@ -1,18 +1,17 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import d, { useContext as q } from "react";
-import "../config-provider/ConfigProvider.js";
-import A from "../components/common/hooks/useMergeProps.js";
-import B from "../spin/index.js";
+import { a as A } from "../chunk/DXlwLh0Y.js";
+import { u as B } from "../chunk/FgWHhRFz.js";
+import D from "../spin/index.js";
 import n from "@unicom-cloud/utils/class-name";
 import h from "./Grid.js";
 import $ from "./Meta.js";
-import D from "../config-provider/context.js";
 const H = {
   size: "default",
   bordered: !0
 };
 function I(u, N) {
-  const { getPrefixCls: v, loadingElement: y, componentConfig: g, rtl: x } = q(D), b = A(
+  const { getPrefixCls: v, loadingElement: y, componentConfig: g, rtl: x } = q(A), b = B(
     u,
     H,
     g?.Card
@@ -34,25 +33,25 @@ function I(u, N) {
     bodyClassName: E,
     // 潘启宝添加
     ...F
-  } = b, e = v?.("card"), p = s && s.length ? /* @__PURE__ */ a("div", { className: `${e}-actions`, children: /* @__PURE__ */ a("div", { className: `${e}-actions-right`, children: s.map((r, k) => /* @__PURE__ */ a(
+  } = b, e = v?.("card"), p = s && s.length ? /* @__PURE__ */ r("div", { className: `${e}-actions`, children: /* @__PURE__ */ r("div", { className: `${e}-actions-right`, children: s.map((a, k) => /* @__PURE__ */ r(
     "span",
     {
       className: `${e}-actions-item`,
-      children: r
+      children: a
     },
     `action-${k}`
   )) }) }) : null;
   let f = !1, C = !1;
   const L = d.Children.map(
     z,
-    (r) => {
-      if (r && r.type) {
-        if (r.type === h)
+    (a) => {
+      if (a && a.type) {
+        if (a.type === h)
           f = !0;
-        else if (r.type === $)
-          return C = !0, d.cloneElement(r, { actionList: p });
+        else if (a.type === $)
+          return C = !0, d.cloneElement(a, { actionList: p });
       }
-      return r;
+      return a;
     }
   );
   return /* @__PURE__ */ i(
@@ -86,12 +85,12 @@ function I(u, N) {
               // 潘启宝添加
             ),
             children: [
-              t && /* @__PURE__ */ a("div", { className: `${e}-header-title`, children: t }),
-              o && /* @__PURE__ */ a("div", { className: `${e}-header-extra`, children: o })
+              t && /* @__PURE__ */ r("div", { className: `${e}-header-title`, children: t }),
+              o && /* @__PURE__ */ r("div", { className: `${e}-header-extra`, children: o })
             ]
           }
         ) : null,
-        m ? /* @__PURE__ */ a("div", { className: `${e}-cover`, children: m }) : null,
+        m ? /* @__PURE__ */ r("div", { className: `${e}-cover`, children: m }) : null,
         /* @__PURE__ */ i(
           "div",
           {
@@ -102,7 +101,7 @@ function I(u, N) {
               // 潘启宝添加
             ),
             children: [
-              c ? y || /* @__PURE__ */ a(B, {}) : L,
+              c ? y || /* @__PURE__ */ r(D, {}) : L,
               C ? null : p
             ]
           }

package/carousel/Arrow.js

@@ -1,13 +1,12 @@
 import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import v from "@unicom-cloud/icons/IconUiDown";
 import x from "@unicom-cloud/icons/IconUiLeft";
-import C from "@unicom-cloud/icons/IconUiRight";
-import u from "@unicom-cloud/icons/IconUiUp";
+import u from "@unicom-cloud/icons/IconUiRight";
+import C from "@unicom-cloud/icons/IconUiUp";
 import b, { useContext as y } from "react";
-import "../config-provider/ConfigProvider.js";
-import N from "../components/common/hooks/useKeyboardEvent.js";
-import $ from "@unicom-cloud/utils/class-name";
-import I from "../config-provider/context.js";
+import { a as N } from "../chunk/DXlwLh0Y.js";
+import { u as $ } from "../chunk/C6Aw3qIJ.js";
+import I from "@unicom-cloud/utils/class-name";
 function P(i, c) {
   const {
     className: l,
@@ -16,13 +15,13 @@ function P(i, c) {
     prev: n,
     next: s,
     icons: o
-  } = i, a = N(), { getPrefixCls: p } = y(I), e = p?.("carousel"), f = $(
+  } = i, a = $(), { getPrefixCls: p } = y(N), e = p?.("carousel"), f = I(
     `${e}-arrow`,
     {
       [`${e}-arrow-hover`]: m === "hover"
     },
     l
-  ), w = o && Object.prototype.hasOwnProperty.call(o, "prev") ? o.prev : t === "horizontal" ? /* @__PURE__ */ r(x, {}) : /* @__PURE__ */ r(u, {}), d = o && Object.prototype.hasOwnProperty.call(o, "next") ? o.next : t === "horizontal" ? /* @__PURE__ */ r(C, {}) : /* @__PURE__ */ r(v, {});
+  ), w = o && Object.prototype.hasOwnProperty.call(o, "prev") ? o.prev : t === "horizontal" ? /* @__PURE__ */ r(x, {}) : /* @__PURE__ */ r(C, {}), d = o && Object.prototype.hasOwnProperty.call(o, "next") ? o.next : t === "horizontal" ? /* @__PURE__ */ r(u, {}) : /* @__PURE__ */ r(v, {});
   return /* @__PURE__ */ h("div", { ref: c, className: f, children: [
     /* @__PURE__ */ r(
       "div",
@@ -48,9 +47,9 @@ function P(i, c) {
     )
   ] });
 }
-const D = b.forwardRef(
+const K = b.forwardRef(
   P
 );
 export {
-  D as default
+  K as default
 };