@unicom-cloud/ui 0.8.44 → 0.8.46

package/date-picker/panel/Footer.js

@@ -0,0 +1,71 @@
+import { jsxs as i, jsx as t, Fragment as $ } from "react/jsx-runtime";
+import v from "lodash/isArray";
+import d from "../../Button.js";
+import B from "../../Link.js";
+import T from "./Shortcut.js";
+function g(u) {
+  const {
+    showTime: o,
+    prefixCls: e,
+    DATEPICKER_LOCALE: r,
+    disabled: p,
+    onClickConfirmBtn: f,
+    onClickSelectTimeBtn: w,
+    isTimePanel: c,
+    onSelectNow: l,
+    showNowBtn: n,
+    shortcuts: s,
+    onMouseEnterShortcut: S,
+    onMouseLeaveShortcut: C,
+    onSelectShortcut: N,
+    extra: a,
+    mode: x,
+    shortcutsPlacementLeft: m
+  } = u, h = v(s) && s.length > 0, k = n && o && !h || h && !m;
+  return /* @__PURE__ */ i("div", { className: `${e}-footer`, children: [
+    a && /* @__PURE__ */ t("div", { className: `${e}-footer-extra-wrapper`, children: a }),
+    !o && n && x === "date" && /* @__PURE__ */ t("div", { className: `${e}-footer-now-wrapper`, children: /* @__PURE__ */ t(B, { onClick: l, children: r.today }) }),
+    k || o ? /* @__PURE__ */ i("div", { className: `${e}-footer-btn-wrapper`, children: [
+      m ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t(
+        T,
+        {
+          shortcuts: s,
+          prefixCls: e,
+          onSelectNow: l,
+          nowText: r.now,
+          showNowBtn: n,
+          onMouseEnterShortcut: S,
+          onMouseLeaveShortcut: C,
+          onSelectShortcut: N,
+          showTime: o
+        }
+      ),
+      o && /* @__PURE__ */ i($, { children: [
+        /* @__PURE__ */ t(
+          d,
+          {
+            type: "text",
+            size: "mini",
+            onClick: w,
+            className: c ? `${e}-btn-select-date` : `${e}-btn-select-time`,
+            children: c ? r.selectDate : r.selectTime
+          }
+        ),
+        /* @__PURE__ */ t(
+          d,
+          {
+            className: `${e}-btn-confirm`,
+            type: "primary",
+            size: "mini",
+            disabled: p,
+            onClick: f,
+            children: r.ok
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+}
+export {
+  g as default
+};

package/date-picker/panel/Header.js

@@ -0,0 +1,74 @@
+import { jsxs as u, jsx as e, Fragment as g } from "react/jsx-runtime";
+import w from "@unicom-cloud/icons/IconUiDoubleLeft";
+import I from "@unicom-cloud/icons/IconUiDoubleRight";
+import P from "@unicom-cloud/icons/IconUiLeft";
+import S from "@unicom-cloud/icons/IconUiRight";
+import H from "@unicom-cloud/utils/class-name";
+function z(U) {
+  const {
+    prefixCls: o,
+    title: d,
+    onPrev: m,
+    onNext: h,
+    onSuperPrev: f,
+    onSuperNext: p,
+    mode: l,
+    value: a,
+    onChangePanel: c,
+    icons: n = {},
+    rtl: r,
+    DATEPICKER_LOCALE: i
+  } = U, N = typeof m == "function", v = typeof f == "function", x = typeof h == "function", b = typeof p == "function", t = (s) => H(`${o}-header-icon`, {
+    [`${o}-header-icon-hidden`]: !s
+  });
+  function j() {
+    if (d)
+      return d;
+    if (l === "date" || l === "week") {
+      const { monthBeforeYear: s } = (i == null ? void 0 : i.Calendar) || {}, D = /* @__PURE__ */ e(
+        "span",
+        {
+          className: `${o}-header-label`,
+          onClick: () => c("year"),
+          children: a.format("YYYY")
+        }
+      ), $ = /* @__PURE__ */ e(
+        "span",
+        {
+          className: `${o}-header-label`,
+          onClick: () => c("month"),
+          children: a.format("MM")
+        }
+      );
+      return s ? /* @__PURE__ */ u(g, { children: [
+        $,
+        "/",
+        D
+      ] }) : /* @__PURE__ */ u(g, { children: [
+        D,
+        "-",
+        $
+      ] });
+    }
+    if (l === "month" || l === "quarter")
+      return /* @__PURE__ */ e(
+        "span",
+        {
+          className: `${o}-header-label`,
+          onClick: () => c("year"),
+          children: a.format("YYYY")
+        }
+      );
+  }
+  const C = n.prevDouble === null, Y = n.prev === null, k = n.next === null, y = n.nextDouble === null;
+  return /* @__PURE__ */ u("div", { className: `${o}-header`, children: [
+    !C && /* @__PURE__ */ e("div", { className: t(v), onClick: f, children: v && (C ? null : n.prevDouble || (r ? /* @__PURE__ */ e(I, {}) : /* @__PURE__ */ e(w, {}))) }),
+    !Y && /* @__PURE__ */ e("div", { className: t(N), onClick: m, children: N && (Y ? null : n.prev || (r ? /* @__PURE__ */ e(S, {}) : /* @__PURE__ */ e(P, {}))) }),
+    /* @__PURE__ */ e("div", { className: `${o}-header-value`, children: j() }),
+    !k && /* @__PURE__ */ e("div", { className: t(x), onClick: h, children: x && (k ? null : n.next || (r ? /* @__PURE__ */ e(P, {}) : /* @__PURE__ */ e(S, {}))) }),
+    !y && /* @__PURE__ */ e("div", { className: t(b), onClick: p, children: b && (y ? null : n.nextDouble || (r ? /* @__PURE__ */ e(w, {}) : /* @__PURE__ */ e(I, {}))) })
+  ] });
+}
+export {
+  z as default
+};

package/date-picker/panel/Shortcut.js

@@ -0,0 +1,45 @@
+import { jsxs as k, jsx as m } from "react/jsx-runtime";
+import B from "lodash/isArray";
+import { forwardRef as j } from "react";
+import f from "../../Button.js";
+function v(r, l) {
+  const {
+    prefixCls: u,
+    shortcuts: t = [],
+    onSelectNow: a,
+    nowText: h,
+    showNowBtn: w,
+    showTime: d,
+    onMouseEnterShortcut: i,
+    onMouseLeaveShortcut: s
+  } = r;
+  function p(o) {
+    i == null || i(o);
+  }
+  function x(o) {
+    s == null || s(o);
+  }
+  function C(o, e) {
+    const { onSelectShortcut: n } = r;
+    n == null || n(o, e);
+  }
+  const c = B(t) && t.length > 0, N = w && d && !c;
+  return /* @__PURE__ */ k("div", { ref: l, className: `${u}-shortcuts`, children: [
+    N && /* @__PURE__ */ m(f, { size: "mini", onClick: a, children: h }),
+    c && t.map((o, e) => /* @__PURE__ */ m(
+      f,
+      {
+        size: "mini",
+        onMouseEnter: () => p(o),
+        onMouseLeave: () => x(o),
+        onClick: (n) => C(o, n),
+        children: o.text
+      },
+      e
+    ))
+  ] });
+}
+const y = j(v);
+export {
+  y as default
+};

package/date-picker/panel/WeekList.js

@@ -0,0 +1,19 @@
+import { jsx as i } from "react/jsx-runtime";
+function o(d) {
+  const { prefixCls: t, weekStart: a, isWeek: r, CALENDAR_LOCALE: c } = d;
+  let e = [
+    "sunday",
+    "monday",
+    "tuesday",
+    "wednesday",
+    "thursday",
+    "friday",
+    "saturday"
+  ];
+  e = e.slice(a).concat(e.slice(0, a)), r && e.unshift("");
+  const l = c.week.short;
+  return /* @__PURE__ */ i("div", { className: `${t}-week-list`, children: e.map((s) => /* @__PURE__ */ i("div", { className: `${t}-week-list-item`, children: s && l[s] }, s)) });
+}
+export {
+  o as default
+};

package/date-picker/panel/date/index.js

@@ -0,0 +1,194 @@
+import { jsx as s, jsxs as R } from "react/jsx-runtime";
+import E from "lodash/isPlainObject";
+import me from "lodash/merge";
+import { useContext as I, useMemo as ce } from "react";
+/* empty css                        */
+import "../../../config-provider/ConfigProvider.js";
+import le from "../../context.js";
+import de from "../Body.js";
+import fe from "../Header.js";
+import pe from "../month/index.js";
+import ue from "../year/index.js";
+import ye from "../../../time-picker/TimePicker.js";
+import ke from "@unicom-cloud/utils/class-name";
+import { newArray as V } from "../../../utils/constant.js";
+import { getTimeFormat as he, getDayjsValue as Pe, methods as x } from "../../../utils/dayjs.js";
+import we from "../../../utils/omit.js";
+import { ConfigContext as Ce } from "../../../config-provider/context.js";
+const W = 6 * 7, D = (t) => ({
+  year: t.year(),
+  month: t.month() + 1,
+  day: t.day(),
+  name: t.date(),
+  time: t
+}), Se = (t) => ({
+  ...D(x.startOf(t, "month")),
+  days: t.daysInMonth()
+});
+function ge(t, c) {
+  const { dayStartOfWeek: l, isWeek: d } = t, o = Se(c), r = V(W).map(() => ({})), a = o.day - l < 0 ? 7 + (o.day - l) : o.day - l;
+  r[a] = {
+    ...o
+  };
+  for (let e = 0; e < a; e++)
+    r[a - e - 1] = {
+      ...D(x.subtract(o.time, e + 1, "day")),
+      isPrev: !0
+    };
+  for (let e = 0; e < W - a - 1; e++)
+    r[a + e + 1] = {
+      ...D(x.add(o.time, e + 1, "day")),
+      isNext: e >= o.days - 1
+    };
+  const n = V(6).map(() => []);
+  for (let e = 0; e < 6; e++)
+    if (n[e] = r.slice(e * 7, 7 * (e + 1)), d) {
+      const k = n[e][0].time, h = [...n[e]];
+      n[e].unshift({
+        weekRows: h,
+        weekOfYear: k.week()
+      });
+    }
+  return n;
+}
+function Fe(t) {
+  const {
+    isWeek: c,
+    popupVisible: l,
+    format: d,
+    pageShowDate: o,
+    showTime: r,
+    style: a,
+    timepickerProps: n,
+    onMouseEnterCell: e,
+    onMouseLeaveCell: k,
+    dateRender: h,
+    disabledDate: P,
+    disabledTime: p,
+    value: O,
+    rangeValues: N,
+    locale: _,
+    isRangePicker: b,
+    onSelect: F,
+    onTimePickerSelect: $,
+    onPrev: B,
+    onNext: H,
+    onSuperPrev: Y,
+    onSuperNext: z,
+    isSameTime: K,
+    index: v,
+    getHeaderOperations: w,
+    setPageShowDate: C,
+    timeValue: q,
+    hideNotInViewDates: G,
+    icons: J,
+    isTimePanel: Q,
+    panelMode: m,
+    setPanelMode: u,
+    ...U
+  } = t, { locale: L, getPrefixCls: S, rtl: X } = I(Ce), { utcOffset: Z, timezone: ee, weekStart: j } = I(le), g = me(L.DatePicker, _), y = S(c ? "panel-week" : "panel-date"), te = ke(y), oe = b ? { rangeValues: N } : { value: O }, A = E(r) && r.format || he(d), M = L.dayjsLocale, re = ce(() => ge(
+    { ...t, dayStartOfWeek: j },
+    o.locale(M)
+  ), [o.toString(), j, M]);
+  let T;
+  b ? T = typeof p == "function" ? p(
+    N[v],
+    v === 0 ? "start" : "end"
+  ) : {} : T = typeof p == "function" ? p(Pe(O, d)) : {};
+  function ae() {
+    return /* @__PURE__ */ s(
+      de,
+      {
+        ...U,
+        ...oe,
+        showWeekList: !0,
+        isWeek: c,
+        prefixCls: S("picker"),
+        rows: re,
+        isSameTime: K || ((i, f) => i.isSame(f, "day")),
+        onSelectDate: F,
+        onMouseEnterCell: e,
+        onMouseLeaveCell: k,
+        dateRender: h,
+        disabledDate: P,
+        CALENDAR_LOCALE: g.Calendar,
+        mode: c ? "week" : "date",
+        format: d,
+        hideNotInViewDates: G
+      }
+    );
+  }
+  function ne() {
+    const i = E(r) ? r : {};
+    return /* @__PURE__ */ R("div", { className: `${y}-timepicker`, children: [
+      /* @__PURE__ */ s("header", { className: `${y}-timepicker-title`, children: g.selectTime }),
+      /* @__PURE__ */ s(
+        ye,
+        {
+          ...we(n, ["disableConfirm"]),
+          ...i,
+          ...T,
+          hideFooter: !0,
+          format: A,
+          valueShow: q.format(A),
+          onSelect: $,
+          popupVisible: l,
+          utcOffset: Z,
+          timezone: ee
+        }
+      )
+    ] });
+  }
+  const ie = {
+    onPrev: B,
+    onSuperPrev: Y,
+    onNext: H,
+    onSuperNext: z,
+    DATEPICKER_LOCALE: g
+  };
+  function se(i) {
+    u(i);
+  }
+  return m === "year" ? /* @__PURE__ */ s(
+    ue,
+    {
+      ...w(m),
+      pageShowDate: o,
+      onSelect: (i, f) => {
+        u("month"), C(f);
+      },
+      disabledDate: P
+    }
+  ) : m === "month" ? /* @__PURE__ */ s(
+    pe,
+    {
+      ...w(m),
+      setPageShowDate: C,
+      pageShowDate: o,
+      panelMode: m,
+      getHeaderOperations: w,
+      onSelect: (i, f) => {
+        u("date"), C(f);
+      },
+      disabledDate: P,
+      setPanelMode: u
+    }
+  ) : /* @__PURE__ */ s("div", { className: te, style: a, children: r && Q ? ne() : /* @__PURE__ */ R("div", { className: `${y}-inner`, children: [
+    /* @__PURE__ */ s(
+      fe,
+      {
+        ...ie,
+        icons: J,
+        prefixCls: S("picker"),
+        value: o,
+        mode: m,
+        onChangePanel: se,
+        rtl: X
+      }
+    ),
+    ae()
+  ] }) });
+}
+export {
+  Fe as default
+};

package/date-picker/panel/month/index.js

@@ -0,0 +1,113 @@
+import { jsx as m, jsxs as _ } from "react/jsx-runtime";
+import $ from "lodash/merge";
+import { useContext as B, useMemo as F } from "react";
+/* empty css                        */
+import "../../../config-provider/ConfigProvider.js";
+import G from "../Body.js";
+import I from "../Header.js";
+import K from "../year/index.js";
+import V from "@unicom-cloud/utils/class-name";
+import { dayjs as q } from "../../../utils/dayjs.js";
+import { padStart as z } from "../../../utils/pad.js";
+import { ConfigContext as Q } from "../../../config-provider/context.js";
+function ie(u) {
+  const {
+    pageShowDate: t,
+    style: f,
+    onMouseEnterCell: d,
+    onMouseLeaveCell: h,
+    dateRender: C,
+    disabledDate: i,
+    value: S,
+    locale: g,
+    isRangePicker: y,
+    onSelect: M,
+    rangeValues: P,
+    onSuperPrev: x,
+    onSuperNext: b,
+    format: A,
+    getHeaderOperations: D,
+    setPageShowDate: L,
+    icons: N,
+    panelMode: n,
+    setPanelMode: l,
+    ...O
+  } = u, { locale: k, getPrefixCls: a, rtl: v } = B(Q), c = $(k.DatePicker, g), s = c.Calendar, E = a("panel-month"), Y = V(E), w = y ? { rangeValues: P } : { value: S }, p = t.year(), R = F(() => {
+    const o = [
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
+    ].map((e, T) => ({
+      name: s.month.short[e],
+      time: q(
+        `${p}-${z(T + 1, 2, "0")}`,
+        "YYYY-MM"
+      ).endOf("month")
+    })), r = Array(4);
+    for (let e = 0; e < 4; e++)
+      r[e] = o.slice(e * 3, 3 * (e + 1));
+    return r;
+  }, [p, s]);
+  function j() {
+    return /* @__PURE__ */ m(
+      G,
+      {
+        ...O,
+        ...w,
+        prefixCls: a("picker"),
+        rows: R,
+        onSelectDate: M,
+        isSameTime: (o, r) => o.isSame(r, "month"),
+        onMouseEnterCell: d,
+        onMouseLeaveCell: h,
+        dateRender: C,
+        disabledDate: i,
+        CALENDAR_LOCALE: s,
+        mode: "month",
+        format: A
+      }
+    );
+  }
+  const H = { onSuperPrev: x, onSuperNext: b };
+  function J(o) {
+    l(o);
+  }
+  return n === "year" ? /* @__PURE__ */ m(
+    K,
+    {
+      ...D(n),
+      pageShowDate: t,
+      onSelect: (o, r) => {
+        l("month"), L(r);
+      },
+      disabledDate: i
+    }
+  ) : /* @__PURE__ */ _("div", { className: Y, style: f, children: [
+    /* @__PURE__ */ m(
+      I,
+      {
+        ...H,
+        DATEPICKER_LOCALE: c,
+        icons: N,
+        prefixCls: a("picker"),
+        value: t,
+        mode: n,
+        onChangePanel: J,
+        rtl: v
+      }
+    ),
+    j()
+  ] });
+}
+export {
+  ie as default
+};

package/date-picker/panel/quarter/index.js

@@ -0,0 +1,93 @@
+import { jsx as r, jsxs as j } from "react/jsx-runtime";
+import T from "lodash/merge";
+import { useContext as q } from "react";
+/* empty css                        */
+import "../../../config-provider/ConfigProvider.js";
+import H from "../Body.js";
+import I from "../Header.js";
+import K from "../year/index.js";
+import Q from "@unicom-cloud/utils/class-name";
+import { dayjs as Y } from "../../../utils/dayjs.js";
+import { padStart as B } from "../../../utils/pad.js";
+import { ConfigContext as V } from "../../../config-provider/context.js";
+function ne(m) {
+  const {
+    pageShowDate: o,
+    style: c,
+    onMouseEnterCell: p,
+    onMouseLeaveCell: d,
+    dateRender: f,
+    disabledDate: s,
+    value: u,
+    locale: C,
+    isRangePicker: P,
+    onSelect: g,
+    rangeValues: x,
+    onSuperPrev: S,
+    onSuperNext: E,
+    format: L,
+    getHeaderOperations: h,
+    setPageShowDate: D,
+    icons: A,
+    panelMode: t,
+    setPanelMode: i,
+    ...k
+  } = m, { locale: v, getPrefixCls: a, rtl: y } = q(V), N = T(v.DatePicker, C).Calendar, l = a("panel-quarter"), w = Q(l), O = P ? { rangeValues: x } : { value: u }, R = o.year(), M = [
+    [1, 2, 3, 4].map((e) => ({
+      name: `Q${e}`,
+      time: Y(`${R}-${B((e - 1) * 3 + 1, 2, "0")}-01`)
+    }))
+  ];
+  function _() {
+    return /* @__PURE__ */ r(
+      H,
+      {
+        ...k,
+        ...O,
+        prefixCls: a("picker"),
+        rows: M,
+        onSelectDate: g,
+        isSameTime: (e, n) => e.isSame(n, "month"),
+        onMouseEnterCell: p,
+        onMouseLeaveCell: d,
+        dateRender: f,
+        disabledDate: s,
+        CALENDAR_LOCALE: N,
+        mode: "quarter",
+        format: L
+      }
+    );
+  }
+  const $ = { onSuperPrev: S, onSuperNext: E };
+  function b(e) {
+    i(e);
+  }
+  return t === "year" ? /* @__PURE__ */ r(
+    K,
+    {
+      ...h(t),
+      pageShowDate: o,
+      onSelect: (e, n) => {
+        i("quarter"), D(n);
+      },
+      disabledDate: s
+    }
+  ) : /* @__PURE__ */ j("div", { className: w, style: c, children: [
+    /* @__PURE__ */ r(
+      I,
+      {
+        ...$,
+        icons: A,
+        prefixCls: a("picker"),
+        value: o,
+        mode: t,
+        onChangePanel: b,
+        rtl: y
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: `${l}-wrapper`, children: _() })
+  ] });
+}
+export {
+  ne as default
+};