@unicom-cloud/ui 0.8.41

package/Calendar.js

@@ -0,0 +1,577 @@
+import { jsx as a, jsxs as L, Fragment as te } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import "./chunk/C6Kfwj0f.js";
+import "./chunk/BVC51EZ7.js";
+import { a as Me } from "./chunk/Dc_89PVN.js";
+import "./Tag.js";
+import "./chunk/DF-4xm4m.js";
+import "./Trigger.js";
+import { S as ae } from "./chunk/BdWYJb9B.js";
+import be from "lodash/merge";
+import se, { useMemo as ie, useContext as De, useState as J } from "react";
+import Re from "./hooks/useMergeProps.js";
+import V from "@unicom-cloud/utils/class-name";
+import { getNow as O, methods as E, dayjs as le, getDayjsValue as B } from "./utils/dayjs.js";
+import { pickDataAttributes as Ae } from "./utils/pick.js";
+import { newArray as ne } from "./utils/constant.js";
+import { padStart as de } from "./utils/pad.js";
+import K from "lodash/isArray";
+import ce from "@unicom-cloud/icons/IconUiLeft";
+import me from "@unicom-cloud/icons/IconUiRight";
+import xe from "./Button.js";
+import Le from "./hooks/useKeyboardEvent.js";
+import { R as Ee } from "./chunk/DYwvc9zo.js";
+import Pe from "@unicom-cloud/icons/IconUiDoubleLeft";
+import Ye from "@unicom-cloud/icons/IconUiDoubleRight";
+function Ve(t) {
+  const {
+    prefixCls: e,
+    dayStartOfWeek: h,
+    isWeek: f,
+    CALENDAR_LOCALE: d,
+    panel: r,
+    innerMode: o
+  } = t, s = [
+    "monday",
+    "tuesday",
+    "wednesday",
+    "thursday",
+    "friday",
+    "saturday"
+  ];
+  h === 0 ? s.unshift("sunday") : s.push("sunday"), f && s.unshift("self");
+  const n = d.week[r || o === "year" ? "short" : "long"];
+  return /* @__PURE__ */ a("div", { className: `${e}-week-list`, children: s.map((l) => /* @__PURE__ */ a("div", { className: `${e}-week-list-item`, children: n[l] }, l)) });
+}
+function _(t, e) {
+  if (t && K(t))
+    return t[e];
+}
+function he(t) {
+  const {
+    prefixCls: e,
+    mergedValue: h,
+    rangeValues: f,
+    hoverRangeValues: d,
+    panel: r,
+    isSameTime: o,
+    innerMode: s
+  } = t;
+  function n(l, i, g) {
+    return !i || !g ? !1 : o(l, i) || o(l, g) || l.isBetween(i, g, null, "[]");
+  }
+  return function(i, g) {
+    const p = _(f, 0), u = _(f, 1), y = _(d, 0), v = _(d, 1), w = !i.isPrev && !i.isNext, N = w && r, b = N && p && o(i.time, p), D = N && u && o(i.time, u), c = y && p && y.isBefore(p), k = u && v && v.isAfter(u), x = c && b || k && D;
+    let m = o(i.time, O());
+    return !r && s === "year" && (m = O().isSame(i.time, "date")), V(`${e}-cell`, {
+      [`${e}-cell-in-view`]: w,
+      [`${e}-cell-today`]: m,
+      [`${e}-cell-selected`]: h && o(i.time, h),
+      [`${e}-cell-range-start`]: b,
+      [`${e}-cell-range-end`]: D,
+      [`${e}-cell-in-range`]: N && n(i.time, p, u),
+      [`${e}-cell-in-range-near-hover`]: x,
+      [`${e}-cell-hover-range-start`]: N && y && o(i.time, y),
+      [`${e}-cell-hover-range-end`]: N && v && o(i.time, v),
+      [`${e}-cell-hover-in-range`]: N && n(i.time, y, v),
+      [`${e}-cell-disabled`]: g
+    });
+  };
+}
+const re = 6 * 7, z = (t) => ({
+  year: t.year(),
+  month: t.month() + 1,
+  date: t.date(),
+  day: t.day(),
+  time: t
+}), Oe = (t) => ({
+  start: z(E.startOf(t, "month")),
+  end: z(E.endOf(t, "month")),
+  days: t.daysInMonth()
+});
+function ue(t, e) {
+  const { dayStartOfWeek: h = 0, isWeek: f } = t, d = Oe(e), r = ne(re).map(() => ({})), o = h === 0 ? d.start.day : (d.start.day || 7) - 1;
+  r[o] = {
+    ...d.start,
+    isCurrent: !0
+  };
+  for (let n = 0; n < o; n++)
+    r[o - n - 1] = {
+      ...z(E.subtract(d.start.time, n + 1, "day")),
+      isPrev: !0
+    };
+  for (let n = 0; n < re - o - 1; n++)
+    r[o + n + 1] = {
+      ...z(E.add(d.start.time, n + 1, "day")),
+      isCurrent: n < d.days,
+      isNext: n >= d.days - 1
+    };
+  const s = ne(6).map(() => []);
+  for (let n = 0; n < 6; n++)
+    if (s[n] = r.slice(n * 7, 7 * (n + 1)), f) {
+      const l = s[n][0].time, i = [...s[n]];
+      s[n].unshift({
+        weekRows: i,
+        weekOfYear: l.week()
+      });
+    }
+  return s;
+}
+function fe(t) {
+  const {
+    prefixCls: e,
+    cell: h,
+    value: f,
+    pageData: d,
+    mergedValue: r,
+    isWeek: o,
+    disabledDate: s,
+    selectHandler: n,
+    panel: l,
+    innerMode: i,
+    dateRender: g,
+    onMouseEnterCell: p,
+    onMouseLeaveCell: u,
+    dateInnerContent: y,
+    mergedPageShowDate: v,
+    dayStartOfWeek: w,
+    CALENDAR_LOCALE: N
+  } = t, b = v.year(), D = he({
+    ...t,
+    isSameTime: (x, m) => x.isSame(m, "day")
+  });
+  function c(x) {
+    return x.map((m, T) => {
+      if (m.time) {
+        const M = typeof s == "function" && s(m.time), C = () => n(m.time, M), Y = o ? { onClick: C } : {}, P = o ? {} : { onClick: C };
+        return /* @__PURE__ */ a(
+          "div",
+          {
+            className: D(m, M),
+            onMouseEnter: () => p == null ? void 0 : p(m.time, M),
+            onMouseLeave: () => u == null ? void 0 : u(m.time, M),
+            ...Y,
+            children: g ? se.cloneElement(
+              g(m.time),
+              P
+            ) : /* @__PURE__ */ L("div", { className: `${e}-date`, ...P, children: [
+              /* @__PURE__ */ a("div", { className: `${e}-date-value`, children: l ? m.date : /* @__PURE__ */ a("div", { className: `${e}-date-circle`, children: m.date }) }),
+              !l && i !== "year" && /* @__PURE__ */ a("div", { className: `${e}-date-content`, children: y == null ? void 0 : y(m.time) })
+            ] })
+          },
+          T
+        );
+      }
+      if ("weekOfYear" in m) {
+        const M = r && r.year(), C = r && r.month() + 1, Y = r && r.week(), P = r && m.weekRows.find(
+          (S) => S.year === M && S.month === C
+        ) && Y === m.weekOfYear;
+        return /* @__PURE__ */ a(
+          "div",
+          {
+            className: V(`${e}-cell`, `${e}-cell-week`, {
+              [`${e}-cell-selected-week`]: P,
+              [`${e}-cell-in-range`]: P
+            }),
+            children: /* @__PURE__ */ a("div", { className: `${e}-date`, children: /* @__PURE__ */ a("div", { className: `${e}-date-value`, children: m.weekOfYear }) })
+          },
+          T
+        );
+      }
+    });
+  }
+  let k = d;
+  return typeof f == "number" && (k = ue(
+    t,
+    le(`${b}-${de(f + 1, 2, "0")}-01`)
+  )), /* @__PURE__ */ L("div", { className: h ? `${e}-month-cell` : `${e}-month`, children: [
+    /* @__PURE__ */ a(
+      Ve,
+      {
+        prefixCls: e,
+        dayStartOfWeek: w,
+        isWeek: o,
+        CALENDAR_LOCALE: N,
+        panel: l,
+        innerMode: i
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: `${e}-month-cell-body`, children: k.map((x, m) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: V(`${e}-month-row`, {
+          [`${e}-row-week`]: o
+        }),
+        children: c(x)
+      },
+      m
+    )) })
+  ] });
+}
+const pe = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+].map((t, e) => ({
+  name: t,
+  value: e
+})), ge = Array(3);
+for (let t = 0; t < 3; t++)
+  ge[t] = pe.slice(t * 4, 4 * (t + 1));
+const ye = Array(4);
+for (let t = 0; t < 4; t++)
+  ye[t] = pe.slice(t * 3, 3 * (t + 1));
+function Te(t) {
+  const {
+    prefixCls: e,
+    mergedPageShowDate: h,
+    panel: f,
+    onMouseEnterCell: d,
+    disabledDate: r,
+    monthRender: o,
+    selectHandler: s,
+    innerMode: n,
+    CALENDAR_LOCALE: l
+  } = t, i = he({
+    ...t,
+    isSameTime: (u, y) => u.isSame(y, "month")
+  }), g = h.year(), p = f ? ye : ge;
+  return /* @__PURE__ */ a("div", { className: `${e}-year`, children: p.map((u, y) => /* @__PURE__ */ a("div", { className: `${e}-year-row`, children: u.map((v) => {
+    const w = le(
+      `${g}-${de(v.value + 1, 2, "0")}-01`
+    ), N = typeof r == "function" && r(w), b = f ? { onClick: () => s(w, N) } : {};
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: i({ ...v, time: w }, N),
+        onMouseEnter: () => d == null ? void 0 : d(w, N),
+        children: o ? se.cloneElement(
+          o(w),
+          b
+        ) : f ? /* @__PURE__ */ a("div", { className: `${e}-date`, ...b, children: /* @__PURE__ */ a("div", { className: `${e}-date-value`, children: l.month.short[v.name] }) }) : /* @__PURE__ */ L("div", { className: `${e}-month-with-days`, children: [
+          /* @__PURE__ */ a("div", { className: `${e}-month-title`, children: l.month.long[v.name] }),
+          /* @__PURE__ */ a(
+            fe,
+            {
+              ...t,
+              cell: !0,
+              value: v.value,
+              innerMode: n
+            }
+          )
+        ] })
+      },
+      v.value
+    );
+  }) }, y)) });
+}
+function oe(t) {
+  return (t == null ? void 0 : t.parentElement) || null;
+}
+function We(t) {
+  const {
+    prefixCls: e,
+    changePageShowDate: h,
+    headerValueFormat: f,
+    mergedPageShowDate: d,
+    CALENDAR_LOCALE: r,
+    move: o,
+    innerMode: s,
+    changeMode: n,
+    headerType: l,
+    onChangeYear: i,
+    onChangeMonth: g,
+    modes: p
+  } = t, u = Le(), y = K(p) ? p.map((c) => ({
+    label: r.view[c],
+    value: c
+  })) : [], v = l === "select", w = d.year(), N = d.month() + 1, b = ie(() => {
+    const c = [w];
+    for (let k = 1; k <= 10; k++)
+      c.unshift(w - k);
+    for (let k = 1; k < 10; k++)
+      c.push(w + k);
+    return c;
+  }, [w]), D = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
+  return /* @__PURE__ */ L("div", { className: `${e}-header`, children: [
+    /* @__PURE__ */ L("div", { className: `${e}-header-left`, children: [
+      v ? /* @__PURE__ */ L(te, { children: [
+        /* @__PURE__ */ a(
+          ae,
+          {
+            size: "small",
+            className: `${e}-header-value-year`,
+            value: w,
+            options: b,
+            onChange: i,
+            getPopupContainer: oe
+          }
+        ),
+        s === "month" && /* @__PURE__ */ a(
+          ae,
+          {
+            size: "small",
+            className: `${e}-header-value-month`,
+            value: N,
+            options: D,
+            onChange: g,
+            getPopupContainer: oe
+          }
+        )
+      ] }) : /* @__PURE__ */ L(te, { children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: `${e}-header-icon`,
+            role: "button",
+            tabIndex: 0,
+            onClick: () => h("prev", s),
+            ...u({
+              onPressEnter: () => h("prev", s)
+            }),
+            children: /* @__PURE__ */ a(ce, {})
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: `${e}-header-value`, children: d.format(f) }),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            className: `${e}-header-icon`,
+            onClick: () => h("next", s),
+            ...u({
+              onPressEnter: () => h("next", s)
+            }),
+            children: /* @__PURE__ */ a(me, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(xe, { size: "small", onClick: () => o(O()), children: r.today })
+    ] }),
+    /* @__PURE__ */ a("div", { className: `${e}-header-right`, children: /* @__PURE__ */ a(
+      Ee.Group,
+      {
+        size: "small",
+        type: "button",
+        options: y,
+        onChange: n,
+        value: s
+      }
+    ) })
+  ] });
+}
+function Ie(t) {
+  const {
+    prefixCls: e,
+    changePageShowDate: h,
+    headerValueFormat: f,
+    mergedPageShowDate: d,
+    innerMode: r,
+    panelOperations: o
+  } = t, s = (u) => K(o) ? o.indexOf(u) > -1 : !0, n = s("double-left"), l = s("left") && r !== "year", i = s("double-right"), g = s("right") && r !== "year", p = (u) => V(`${e}-header-icon`, {
+    [`${e}-header-icon-hidden`]: !u
+  });
+  return /* @__PURE__ */ L("div", { className: `${e}-header`, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: p(n),
+        onClick: () => n && h("prev", "year"),
+        children: n && /* @__PURE__ */ a(Pe, {})
+      }
+    ),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: p(l),
+        onClick: () => l && h("prev", "month"),
+        children: l && /* @__PURE__ */ a(ce, {})
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: `${e}-header-value`, children: d.format(f) }),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: p(g),
+        onClick: () => g && h("next", "month"),
+        children: g && /* @__PURE__ */ a(me, {})
+      }
+    ),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: p(i),
+        onClick: () => i && h("next", "year"),
+        children: i && /* @__PURE__ */ a(Ye, {})
+      }
+    )
+  ] });
+}
+function He(t, e) {
+  return t === "month" || t === "year" && !e ? "YYYY-MM-DD" : "YYYY-MM";
+}
+const Fe = {
+  dayStartOfWeek: 0,
+  panelWidth: 265,
+  defaultMode: "month",
+  headerType: "button",
+  modes: ["month", "year"]
+};
+function Be(t) {
+  const {
+    getPrefixCls: e,
+    locale: h,
+    componentConfig: f,
+    rtl: d
+  } = De(Me), r = Re(
+    t,
+    Fe,
+    f == null ? void 0 : f.Calendar
+  ), {
+    style: o,
+    className: s,
+    dayStartOfWeek: n,
+    panel: l,
+    locale: i,
+    panelWidth: g,
+    panelTodayBtn: p,
+    defaultPageShowDate: u,
+    value: y,
+    pageShowDate: v,
+    defaultValue: w,
+    mode: N,
+    defaultMode: b,
+    onChange: D,
+    onPanelChange: c,
+    headerRender: k,
+    headerType: x,
+    modes: m,
+    panelOperations: T
+  } = r, M = be(h.Calendar, i), C = e("calendar"), [Y, P] = J(
+    N || b
+  ), S = N || Y, W = He(S, l), [q, ve] = J(
+    B(y || w, W)
+  ), [we, I] = J(
+    B(u, W) || q || O()
+  ), R = B(v, W) || we, U = "value" in r ? B(y, W) : q, Q = ie(() => ue(r, R), [R.toString(), S, n]);
+  function H($) {
+    ve($), D == null || D($), X($);
+  }
+  function X($) {
+    I($), c == null || c($);
+  }
+  function Z($, A) {
+    A || H($);
+  }
+  let G = "";
+  S === "month" ? G = M.formatMonth : S === "year" && (G = M.formatYear);
+  function Ne($, A) {
+    let F;
+    $ === "prev" && (F = E.subtract(R, 1, A)), $ === "next" && (F = E.add(R, 1, A)), I(F), c == null || c(F);
+  }
+  function $e($) {
+    const A = E.set(R, "year", $);
+    I(A), c == null || c(A);
+  }
+  function Ce($) {
+    const A = E.set(R, "month", $ - 1);
+    I(A), c == null || c(A);
+  }
+  function j($) {
+    P($);
+  }
+  const Se = V(
+    C,
+    S === "month" ? `${C}-mode-month` : `${C}-mode-year`,
+    {
+      [`${C}-panel`]: l && (S === "month" || S === "year"),
+      [`${C}-rtl`]: d
+    },
+    s
+  ), ke = l ? { width: g } : {}, ee = {
+    prefixCls: C,
+    changePageShowDate: Ne,
+    headerValueFormat: G,
+    mergedPageShowDate: R,
+    modes: m,
+    innerMode: S,
+    panelOperations: T
+  };
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      className: Se,
+      style: { ...o, ...ke },
+      ...Ae(r),
+      children: [
+        typeof k == "function" ? k({
+          value: U,
+          pageShowDate: R,
+          onChangeMode: j,
+          onChange: H,
+          onChangePageDate: X
+        }) : l ? /* @__PURE__ */ a(Ie, { ...ee }) : /* @__PURE__ */ a(
+          We,
+          {
+            ...ee,
+            CALENDAR_LOCALE: M,
+            move: H,
+            innerMode: S,
+            changeMode: j,
+            onChangeYear: $e,
+            onChangeMonth: Ce,
+            headerType: x
+          }
+        ),
+        S === "month" && /* @__PURE__ */ a("div", { className: `${C}-body`, children: /* @__PURE__ */ a(
+          fe,
+          {
+            ...r,
+            prefixCls: C,
+            pageData: Q,
+            mergedValue: U,
+            innerMode: S,
+            selectHandler: Z,
+            mergedPageShowDate: R,
+            CALENDAR_LOCALE: M
+          }
+        ) }),
+        S === "year" && /* @__PURE__ */ a("div", { className: `${C}-body`, children: /* @__PURE__ */ a(
+          Te,
+          {
+            ...r,
+            prefixCls: C,
+            pageData: Q,
+            mergedPageShowDate: R,
+            innerMode: S,
+            mergedValue: U,
+            selectHandler: Z,
+            CALENDAR_LOCALE: M
+          }
+        ) }),
+        p && l && /* @__PURE__ */ a(
+          "div",
+          {
+            className: `${C}-footer-btn-wrapper`,
+            onClick: () => H(O()),
+            children: M.today
+          }
+        )
+      ]
+    }
+  );
+}
+Be.displayName = "Calendar";
+export {
+  Be as default
+};

package/Card.js

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