@unicom-cloud/ui 0.8.89 → 0.8.91

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,14 +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/C7bohPVD.js";
-import "../chunk/ClqoGc3r.js";
-import "../chunk/BC2OXILt.js";
-import "./Year.js";
-import { C as u } from "../chunk/CgyNQvYg.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 {
-  u 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

package/card/Meta.js

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

package/card/index.js

@@ -1,35 +1,36 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import d, { useContext as P } from "react";
-import { a as k } from "../chunk/B44Hj5ad.js";
-import { u as q } from "../chunk/BFTV6myl.js";
-import A from "../spin/index.js";
-import u from "@unicom-cloud/utils/class-name";
-import C from "./Grid.js";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import l, { useContext as P } from "react";
+import "../config-provider/ConfigProvider.js";
+import k from "../components/common/hooks/useMergeProps.js";
+import q from "../spin/index.js";
+import C from "@unicom-cloud/utils/class-name";
+import u from "./Grid.js";
 import N from "./Meta.js";
+import A from "../config-provider/context.js";
 const B = {
   size: "default",
   bordered: !0
 };
 function D(v, y) {
-  const { getPrefixCls: o, loadingElement: b, componentConfig: s, rtl: x } = P(k), g = q(
+  const { getPrefixCls: o, loadingElement: b, componentConfig: i, rtl: x } = P(A), g = k(
     v,
     B,
-    s == null ? void 0 : s.Card
+    i == null ? void 0 : i.Card
   ), {
     className: M,
     children: z,
-    bordered: R,
+    bordered: G,
     loading: m,
-    hoverable: S,
-    size: j,
+    hoverable: R,
+    size: S,
     title: t,
-    extra: i,
+    extra: s,
     cover: p,
-    actions: n,
-    headerStyle: w,
-    bodyStyle: E,
-    ...G
-  } = g, e = o == null ? void 0 : o("card"), h = n && n.length ? /* @__PURE__ */ a("div", { className: `${e}-actions`, children: /* @__PURE__ */ a("div", { className: `${e}-actions-right`, children: n.map((r, L) => /* @__PURE__ */ a(
+    actions: d,
+    headerStyle: j,
+    bodyStyle: w,
+    ...E
+  } = g, e = o == null ? void 0 : o("card"), h = d && d.length ? /* @__PURE__ */ a("div", { className: `${e}-actions`, children: /* @__PURE__ */ a("div", { className: `${e}-actions-right`, children: d.map((r, L) => /* @__PURE__ */ a(
     "span",
     {
       className: `${e}-actions-item`,
@@ -38,62 +39,64 @@ function D(v, y) {
     `action-${L}`
   )) }) }) : null;
   let f = !1, $ = !1;
-  const F = d.Children.map(
+  const F = l.Children.map(
     z,
     (r) => {
       if (r && r.type) {
-        if (r.type === C)
+        if (r.type === u)
           f = !0;
         else if (r.type === N)
-          return $ = !0, d.cloneElement(r, { actionList: h });
+          return $ = !0, l.cloneElement(r, { actionList: h });
       }
       return r;
     }
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ n(
     "div",
     {
-      ...G,
+      ...E,
       ref: y,
-      className: u(
+      className: C(
         e,
-        `${e}-size-${j}`,
+        `${e}-size-${S}`,
         {
           [`${e}-loading`]: m,
-          [`${e}-bordered`]: R,
-          [`${e}-hoverable`]: S,
+          [`${e}-bordered`]: G,
+          [`${e}-hoverable`]: R,
           [`${e}-contain-grid`]: f,
           [`${e}-rtl`]: x
         },
         M
       ),
       children: [
-        t || i ? /* @__PURE__ */ l(
+        t || s ? /* @__PURE__ */ n(
           "div",
           {
-            className: u(`${e}-header`, {
+            className: C(`${e}-header`, {
               [`${e}-header-no-title`]: !t
             }),
-            style: w,
+            style: j,
             children: [
               t && /* @__PURE__ */ a("div", { className: `${e}-header-title`, children: t }),
-              i && /* @__PURE__ */ a("div", { className: `${e}-header-extra`, children: i })
+              s && /* @__PURE__ */ a("div", { className: `${e}-header-extra`, children: s })
             ]
           }
         ) : null,
         p ? /* @__PURE__ */ a("div", { className: `${e}-cover`, children: p }) : null,
-        /* @__PURE__ */ l("div", { className: `${e}-body`, style: E, children: [
-          m ? b || /* @__PURE__ */ a(A, {}) : F,
+        /* @__PURE__ */ n("div", { className: `${e}-body`, style: w, children: [
+          m ? b || /* @__PURE__ */ a(q, {}) : F,
           $ ? null : h
         ] })
       ]
     }
   );
 }
-const H = d.forwardRef(D), c = H;
+const H = l.forwardRef(D), c = H;
 c.Meta = N;
-c.Grid = C;
+c.Grid = u;
 c.displayName = "Card";
 export {
+  u as CardGrid,
+  N as CardMeta,
   c as default
 };

package/carousel/Arrow.js

@@ -1,36 +1,37 @@
 import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import v from "@unicom-cloud/icons/IconUiDown";
-import u from "@unicom-cloud/icons/IconUiLeft";
-import x from "@unicom-cloud/icons/IconUiRight";
+import x from "@unicom-cloud/icons/IconUiLeft";
+import u from "@unicom-cloud/icons/IconUiRight";
 import b from "@unicom-cloud/icons/IconUiUp";
 import C, { useContext as y } from "react";
-import { a as N } from "../chunk/B44Hj5ad.js";
-import { u as $ } from "../chunk/BYdIoY50.js";
-import I from "@unicom-cloud/utils/class-name";
+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";
 function U(i, l) {
   const {
     className: m,
     direction: t = "horizontal",
     showArrow: p = "always",
-    prev: a,
-    next: s,
+    prev: s,
+    next: a,
     icons: o
-  } = i, c = $(), { getPrefixCls: n } = y(N), e = n == null ? void 0 : n("carousel"), f = I(
+  } = i, c = N(), { getPrefixCls: n } = y(I), e = n == null ? void 0 : n("carousel"), f = $(
     `${e}-arrow`,
     {
       [`${e}-arrow-hover`]: p === "hover"
     },
     m
-  ), w = o && Object.prototype.hasOwnProperty.call(o, "prev") ? o.prev : t === "horizontal" ? /* @__PURE__ */ r(u, {}) : /* @__PURE__ */ r(b, {}), d = o && Object.prototype.hasOwnProperty.call(o, "next") ? o.next : t === "horizontal" ? /* @__PURE__ */ r(x, {}) : /* @__PURE__ */ r(v, {});
+  ), w = o && Object.prototype.hasOwnProperty.call(o, "prev") ? o.prev : t === "horizontal" ? /* @__PURE__ */ r(x, {}) : /* @__PURE__ */ r(b, {}), d = o && Object.prototype.hasOwnProperty.call(o, "next") ? o.next : t === "horizontal" ? /* @__PURE__ */ r(u, {}) : /* @__PURE__ */ r(v, {});
   return /* @__PURE__ */ h("div", { ref: l, className: f, children: [
     /* @__PURE__ */ r(
       "div",
       {
         className: `${e}-arrow-${t === "vertical" ? "top" : "left"}`,
-        onClick: a,
+        onClick: s,
         role: "button",
         tabIndex: 0,
-        ...c({ onPressEnter: a }),
+        ...c({ onPressEnter: s }),
         children: w
       }
     ),
@@ -38,18 +39,18 @@ function U(i, l) {
       "div",
       {
         className: `${e}-arrow-${t === "vertical" ? "bottom" : "right"}`,
-        onClick: s,
+        onClick: a,
         role: "button",
         tabIndex: 0,
-        ...c({ onPressEnter: s }),
+        ...c({ onPressEnter: a }),
         children: d
       }
     )
   ] });
 }
-const K = C.forwardRef(
+const D = C.forwardRef(
   U
 );
 export {
-  K as default
+  D as default
 };

package/carousel/Indicator.js

@@ -1,38 +1,39 @@
 import { jsx as c } from "react/jsx-runtime";
 import N, { useContext as h } from "react";
-import { a as I } from "../chunk/B44Hj5ad.js";
+import "../config-provider/ConfigProvider.js";
 import l from "@unicom-cloud/utils/class-name";
+import I from "../config-provider/context.js";
 function w(f, p) {
-  const { getPrefixCls: a } = h(I), {
+  const { getPrefixCls: s } = h(I), {
     className: u,
-    type: i = "line",
-    count: n = 2,
-    activeIndex: s = 0,
+    type: n = "line",
+    count: a = 2,
+    activeIndex: i = 0,
     position: x = "bottom",
     trigger: $ = "click",
     onSelectIndex: d
-  } = f, e = a == null ? void 0 : a("carousel-indicator"), r = [];
-  if (i === "slider") {
-    const t = 100 / n;
+  } = f, e = s == null ? void 0 : s("carousel-indicator"), r = [];
+  if (n === "slider") {
+    const t = 100 / a;
     r.push(
       /* @__PURE__ */ c(
         "span",
         {
-          style: { width: `${t}%`, left: `${s * t}%` },
+          style: { width: `${t}%`, left: `${i * t}%` },
           className: l(`${e}-item`, `${e}-item-active`)
         },
         0
       )
     );
   } else
-    for (let t = 0; t < n; t++)
+    for (let t = 0; t < a; t++)
       r.push(
         /* @__PURE__ */ c(
           "span",
           {
             "data-index": t,
             className: l(`${e}-item`, {
-              [`${e}-item-active`]: t === s
+              [`${e}-item-active`]: t === i
             })
           },
           t
@@ -42,25 +43,25 @@ function w(f, p) {
     ref: p,
     className: l(
       e,
-      `${e}-${i}`,
+      `${e}-${n}`,
       `${e}-${x}`,
       u
     ),
     [$ === "click" ? "onClick" : "onMouseMove"]: (t) => {
-      if (t.preventDefault(), i === "slider") {
+      if (t.preventDefault(), n === "slider") {
         if (t.target === t.currentTarget) {
-          const { x: o, width: C } = t.currentTarget.getBoundingClientRect(), m = ~~((t.nativeEvent.clientX - o) / C * n);
-          m !== s && d(m);
+          const { x: o, width: C } = t.currentTarget.getBoundingClientRect(), m = ~~((t.nativeEvent.clientX - o) / C * a);
+          m !== i && d(m);
         }
       } else {
         const o = t.target.getAttribute("data-index");
-        o && +o !== s && d(+o);
+        o && +o !== i && d(+o);
       }
     }
   };
   return /* @__PURE__ */ c("div", { ...g, children: r });
 }
-const y = N.forwardRef(w);
+const M = N.forwardRef(w);
 export {
-  y as default
+  M as default
 };