@unicom-cloud/ui 0.8.43 → 0.8.45

package/calendar/Month.js

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

package/calendar/WeekList.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+function y(i) {
+  const {
+    prefixCls: s,
+    dayStartOfWeek: n,
+    isWeek: d,
+    CALENDAR_LOCALE: r,
+    panel: l,
+    innerMode: o
+  } = i, e = [
+    "monday",
+    "tuesday",
+    "wednesday",
+    "thursday",
+    "friday",
+    "saturday"
+  ];
+  n === 0 ? e.unshift("sunday") : e.push("sunday"), d && e.unshift("self");
+  const f = r.week[l || o === "year" ? "short" : "long"];
+  return /* @__PURE__ */ t("div", { className: `${s}-week-list`, children: e.map((a) => /* @__PURE__ */ t("div", { className: `${s}-week-list-item`, children: f[a] }, a)) });
+}
+export {
+  y as default
+};

package/calendar/Year.js

@@ -0,0 +1,75 @@
+import { jsx as r, jsxs as C } from "react/jsx-runtime";
+import S from "react";
+import { dayjs as M } from "../utils/dayjs.js";
+import { padStart as w } from "../utils/pad.js";
+import x from "./Month.js";
+import D from "./hook/useCellClassName.js";
+const p = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+].map((e, a) => ({
+  name: e,
+  value: a
+})), v = Array(3);
+for (let e = 0; e < 3; e++)
+  v[e] = p.slice(e * 4, 4 * (e + 1));
+const f = Array(4);
+for (let e = 0; e < 4; e++)
+  f[e] = p.slice(e * 3, 3 * (e + 1));
+function R(e) {
+  const {
+    prefixCls: a,
+    mergedPageShowDate: y,
+    panel: m,
+    onMouseEnterCell: s,
+    disabledDate: c,
+    monthRender: d,
+    selectHandler: N,
+    innerMode: $,
+    CALENDAR_LOCALE: u
+  } = e, b = D({
+    ...e,
+    isSameTime: (o, i) => o.isSame(i, "month")
+  }), A = y.year(), g = m ? f : v;
+  return /* @__PURE__ */ r("div", { className: `${a}-year`, children: g.map((o, i) => /* @__PURE__ */ r("div", { className: `${a}-year-row`, children: o.map((t) => {
+    const n = M(
+      `${A}-${w(t.value + 1, 2, "0")}-01`
+    ), l = typeof c == "function" && c(n), h = m ? { onClick: () => N(n, l) } : {};
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        className: b({ ...t, time: n }, l),
+        onMouseEnter: () => s == null ? void 0 : s(n, l),
+        children: d ? S.cloneElement(
+          d(n),
+          h
+        ) : m ? /* @__PURE__ */ r("div", { className: `${a}-date`, ...h, children: /* @__PURE__ */ r("div", { className: `${a}-date-value`, children: u.month.short[t.name] }) }) : /* @__PURE__ */ C("div", { className: `${a}-month-with-days`, children: [
+          /* @__PURE__ */ r("div", { className: `${a}-month-title`, children: u.month.long[t.name] }),
+          /* @__PURE__ */ r(
+            x,
+            {
+              ...e,
+              cell: !0,
+              value: t.value,
+              innerMode: $
+            }
+          )
+        ] })
+      },
+      t.value
+    );
+  }) }, i)) });
+}
+export {
+  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,118 @@
+import { jsxs as m, Fragment as d, jsx as e } 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.js";
+import I from "../../hooks/useKeyboardEvent.js";
+/* empty css                     */
+/* empty css                           */
+import L from "../../radio/Radio.js";
+import "../../radio/Group.js";
+/* empty css                              */
+/* empty css                           */
+/* empty css                         */
+/* empty css                               */
+/* empty css                             */
+/* empty css                            */
+import u from "../../select/Select.js";
+import { getNow as k } from "../../utils/dayjs.js";
+function f(a) {
+  return (a == null ? void 0 : a.parentElement) || null;
+}
+function ee(a) {
+  const {
+    prefixCls: o,
+    changePageShowDate: s,
+    headerValueFormat: v,
+    mergedPageShowDate: l,
+    CALENDAR_LOCALE: p,
+    move: g,
+    innerMode: r,
+    changeMode: C,
+    headerType: N,
+    onChangeYear: y,
+    onChangeMonth: b,
+    modes: c
+  } = a, h = I(), x = P(c) ? c.map((n) => ({
+    label: p.view[n],
+    value: n
+  })) : [], $ = N === "select", i = l.year(), E = l.month() + 1, w = z(() => {
+    const n = [i];
+    for (let t = 1; t <= 10; t++)
+      n.unshift(i - t);
+    for (let t = 1; t < 10; t++)
+      n.push(i + t);
+    return n;
+  }, [i]), M = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+  return /* @__PURE__ */ m("div", { className: `${o}-header`, children: [
+    /* @__PURE__ */ m("div", { className: `${o}-header-left`, children: [
+      $ ? /* @__PURE__ */ m(d, { children: [
+        /* @__PURE__ */ e(
+          u,
+          {
+            size: "small",
+            className: `${o}-header-value-year`,
+            value: i,
+            options: w,
+            onChange: y,
+            getPopupContainer: f
+          }
+        ),
+        r === "month" && /* @__PURE__ */ e(
+          u,
+          {
+            size: "small",
+            className: `${o}-header-value-month`,
+            value: E,
+            options: M,
+            onChange: b,
+            getPopupContainer: f
+          }
+        )
+      ] }) : /* @__PURE__ */ m(d, { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${o}-header-icon`,
+            role: "button",
+            tabIndex: 0,
+            onClick: () => s("prev", r),
+            ...h({
+              onPressEnter: () => s("prev", r)
+            }),
+            children: /* @__PURE__ */ e(S, {})
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: `${o}-header-value`, children: l.format(v) }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            className: `${o}-header-icon`,
+            onClick: () => s("next", r),
+            ...h({
+              onPressEnter: () => s("next", r)
+            }),
+            children: /* @__PURE__ */ e(D, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(A, { size: "small", onClick: () => g(k()), children: p.today })
+    ] }),
+    /* @__PURE__ */ e("div", { className: `${o}-header-right`, children: /* @__PURE__ */ e(
+      L.Group,
+      {
+        size: "small",
+        type: "button",
+        options: x,
+        onChange: C,
+        value: r
+      }
+    ) })
+  ] });
+}
+export {
+  ee 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 "../../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: V
+  } = 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), g = c(d, 0), l = 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), w = g && o && g.isBefore(o), y = t && l && l.isAfter(t), C = w && h || y && p;
+    let N = r(e.time, S());
+    return !v && V === "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`]: C,
+      [`${n}-cell-hover-range-start`]: i && g && r(e.time, g),
+      [`${n}-cell-hover-range-end`]: i && l && r(e.time, l),
+      [`${n}-cell-hover-in-range`]: i && $(e.time, g, l),
+      [`${n}-cell-disabled`]: a
+    });
+  };
+}
+export {
+  T as default
+};

package/card/Grid.js

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

package/card/Meta.js

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

package/carousel/Arrow.js

@@ -0,0 +1,57 @@
+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 b, { useContext as y } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import N from "../hooks/useKeyboardEvent.js";
+import $ from "@unicom-cloud/utils/class-name";
+import { ConfigContext as I } from "../config-provider/context.js";
+function P(i, c) {
+  const {
+    className: l,
+    direction: t = "horizontal",
+    showArrow: m = "always",
+    prev: n,
+    next: s,
+    icons: o
+  } = i, a = N(), { getPrefixCls: p } = y(I), e = p("carousel"), f = $(
+    `${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, {});
+  return /* @__PURE__ */ h("div", { ref: c, className: f, children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: `${e}-arrow-${t === "vertical" ? "top" : "left"}`,
+        onClick: n,
+        role: "button",
+        tabIndex: 0,
+        ...a({ onPressEnter: n }),
+        children: w
+      }
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: `${e}-arrow-${t === "vertical" ? "bottom" : "right"}`,
+        onClick: s,
+        role: "button",
+        tabIndex: 0,
+        ...a({ onPressEnter: s }),
+        children: d
+      }
+    )
+  ] });
+}
+const L = b.forwardRef(
+  P
+);
+export {
+  L as default
+};

package/carousel/Indicator.js

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