@unicom-cloud/ui 0.8.90 → 0.8.92

package/date-picker/index.js

@@ -1,49 +1,54 @@
 import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as n, useRef as u, useImperativeHandle as d } from "react";
-import p from "./Picker.js";
-import { P as f, M as l, D, Q as y, W as N, Y as W } from "../chunk/C8Kcc_9d.js";
-function i(P, k) {
-  function o(s, m) {
-    const t = u();
-    return d(m, () => ({
+import { forwardRef as p, useRef as s, useImperativeHandle as f } from "react";
+import u from "./Picker.js";
+import d from "./RangePicker.js";
+import l from "./panel/date/index.js";
+import y from "./panel/month/index.js";
+import D from "./panel/quarter/index.js";
+import N from "./panel/week/index.js";
+import h from "./panel/year/index.js";
+function i(k, c) {
+  function m(P, n) {
+    const o = s();
+    return f(n, () => ({
       focus() {
         var e, a;
-        (a = (e = t.current) == null ? void 0 : e.focus) == null || a.call(e);
+        (a = (e = o.current) == null ? void 0 : e.focus) == null || a.call(e);
       },
       blur() {
         var e, a;
-        (a = (e = t.current) == null ? void 0 : e.blur) == null || a.call(e);
+        (a = (e = o.current) == null ? void 0 : e.blur) == null || a.call(e);
       }
-    })), /* @__PURE__ */ r(p, { ...s, ref: t, picker: P, mode: k.mode });
+    })), /* @__PURE__ */ r(u, { ...P, ref: o, picker: k, mode: c.mode });
   }
-  return o.displayName = k.displayName, n(o);
+  return m.displayName = c.displayName, p(m);
 }
-const c = i(/* @__PURE__ */ r(D, {}), {
+const t = i(/* @__PURE__ */ r(l, {}), {
   displayName: "DatePicker",
   mode: "date"
-}), h = i(/* @__PURE__ */ r(l, {}), {
+}), W = i(/* @__PURE__ */ r(y, {}), {
   displayName: "MonthPicker",
   mode: "month"
-}), M = i(/* @__PURE__ */ r(W, {}), {
+}), $ = i(/* @__PURE__ */ r(h, {}), {
   displayName: "YearPicker",
   mode: "year"
-}), Q = i(/* @__PURE__ */ r(N, {}), {
+}), M = i(/* @__PURE__ */ r(N, {}), {
   displayName: "WeekPicker",
   mode: "week"
-}), Y = i(/* @__PURE__ */ r(y, {}), {
+}), Q = i(/* @__PURE__ */ r(D, {}), {
   displayName: "QuarterPicker",
   mode: "quarter"
 });
-c.MonthPicker = h;
-c.QuarterPicker = Y;
-c.RangePicker = f;
-c.WeekPicker = Q;
-c.YearPicker = M;
+t.MonthPicker = W;
+t.QuarterPicker = Q;
+t.RangePicker = d;
+t.WeekPicker = M;
+t.YearPicker = $;
 export {
-  h as DatePickerMonth,
-  Y as DatePickerQuarter,
-  f as DatePickerRange,
-  Q as DatePickerWeek,
-  M as DatePickerYear,
-  c as default
+  W as DatePickerMonth,
+  Q as DatePickerQuarter,
+  d as DatePickerRange,
+  M as DatePickerWeek,
+  $ as DatePickerYear,
+  t as default
 };

package/date-picker/panel/Body.js

@@ -0,0 +1,88 @@
+import { jsxs as O, Fragment as _, jsx as a } from "react/jsx-runtime";
+import { useContext as A } from "react";
+import S from "../context.js";
+import W from "../hook/useCellClassName.js";
+import { isDisabledDate as g } from "../util.js";
+import f from "@unicom-cloud/utils/class-name";
+import j from "./WeekList.js";
+function I(n) {
+  var l;
+  const {
+    prefixCls: t,
+    isWeek: d,
+    disabledDate: u,
+    onSelectDate: N,
+    dateRender: c,
+    onMouseEnterCell: m,
+    onMouseLeaveCell: r,
+    CALENDAR_LOCALE: h,
+    rows: i,
+    showWeekList: k,
+    isSameTime: v,
+    format: p,
+    mode: $
+  } = n, { utcOffset: C, timezone: b, weekStart: w } = A(S), x = W({
+    ...n,
+    isSameTime: v
+  });
+  return /* @__PURE__ */ O(_, { children: [
+    k && /* @__PURE__ */ a(
+      j,
+      {
+        prefixCls: t,
+        weekStart: w,
+        isWeek: d,
+        CALENDAR_LOCALE: h
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: `${t}-body`, children: (l = i == null ? void 0 : i.map) == null ? void 0 : l.call(i, (D, L, y) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: f(`${t}-row`, {
+          [`${t}-row-week`]: d
+        }),
+        children: D.map((e, o, R) => {
+          if (e.time) {
+            const s = g(e.time, u, $);
+            return /* @__PURE__ */ a(
+              "div",
+              {
+                className: x(
+                  e,
+                  s,
+                  C,
+                  b
+                ),
+                onMouseEnter: () => m == null ? void 0 : m(e.time, s),
+                onMouseLeave: () => r == null ? void 0 : r(e.time, s),
+                onClick: () => !s && N(e.time.format(p), e.time),
+                children: c ? c(
+                  e.time,
+                  e
+                  /* 潘启宝添加第二个参数 */
+                ) : /* @__PURE__ */ a("div", { className: `${t}-date`, children: /* @__PURE__ */ a("div", { className: `${t}-date-value`, children: e.name }) })
+              },
+              o
+            );
+          }
+          if ("weekOfYear" in e)
+            return /* @__PURE__ */ a(
+              "div",
+              {
+                className: f(
+                  `${t}-cell`,
+                  `${t}-cell-week`
+                ),
+                children: /* @__PURE__ */ a("div", { className: `${t}-date`, children: /* @__PURE__ */ a("div", { className: `${t}-date-value`, children: e.weekOfYear }) })
+              },
+              o
+            );
+        })
+      },
+      L
+    )) })
+  ] });
+}
+export {
+  I as default
+};

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/index.js";
+import B from "../../link/index.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,69 @@
+import { jsxs as F, jsx as e } from "react/jsx-runtime";
+import w from "@unicom-cloud/icons/IconUiDoubleLeft";
+import g from "@unicom-cloud/icons/IconUiDoubleRight";
+import I from "@unicom-cloud/icons/IconUiLeft";
+import P from "@unicom-cloud/icons/IconUiRight";
+import H from "@unicom-cloud/utils/class-name";
+function G(S) {
+  const {
+    prefixCls: o,
+    title: u,
+    onPrev: d,
+    onNext: m,
+    onSuperPrev: h,
+    onSuperNext: f,
+    mode: l,
+    value: a,
+    onChangePanel: c,
+    icons: n = {},
+    rtl: r,
+    DATEPICKER_LOCALE: i
+  } = S, p = typeof d == "function", N = typeof h == "function", v = typeof m == "function", x = typeof f == "function", t = (s) => H(`${o}-header-icon`, {
+    [`${o}-header-icon-hidden`]: !s
+  });
+  function U() {
+    const { monthBeforeYear: s, monthFormat: j, yearFormat: k } = (i == null ? void 0 : i.Calendar) || {};
+    if (u)
+      return u;
+    if (l === "date" || l === "week") {
+      const D = /* @__PURE__ */ e(
+        "span",
+        {
+          className: `${o}-header-label`,
+          onClick: () => c("year"),
+          children: a.format(k || "YYYY")
+        },
+        "year-node"
+      ), $ = /* @__PURE__ */ e(
+        "span",
+        {
+          className: `${o}-header-label`,
+          onClick: () => c("month"),
+          children: a.format(j || "MM")
+        },
+        "month-node"
+      );
+      return s ? [$, D] : [D, $];
+    }
+    if (l === "month" || l === "quarter")
+      return /* @__PURE__ */ e(
+        "span",
+        {
+          className: `${o}-header-label`,
+          onClick: () => c("year"),
+          children: a.format(k || "YYYY")
+        }
+      );
+  }
+  const b = n.prevDouble === null, y = n.prev === null, C = n.next === null, Y = n.nextDouble === null;
+  return /* @__PURE__ */ F("div", { className: `${o}-header`, children: [
+    !b && /* @__PURE__ */ e("div", { className: t(N), onClick: h, children: N && (b ? null : n.prevDouble || (r ? /* @__PURE__ */ e(g, {}) : /* @__PURE__ */ e(w, {}))) }),
+    !y && /* @__PURE__ */ e("div", { className: t(p), onClick: d, children: p && (y ? null : n.prev || (r ? /* @__PURE__ */ e(P, {}) : /* @__PURE__ */ e(I, {}))) }),
+    /* @__PURE__ */ e("div", { className: `${o}-header-value`, children: U() }),
+    !C && /* @__PURE__ */ e("div", { className: t(v), onClick: m, children: v && (C ? null : n.next || (r ? /* @__PURE__ */ e(I, {}) : /* @__PURE__ */ e(P, {}))) }),
+    !Y && /* @__PURE__ */ e("div", { className: t(x), onClick: f, children: x && (Y ? null : n.nextDouble || (r ? /* @__PURE__ */ e(w, {}) : /* @__PURE__ */ e(g, {}))) })
+  ] });
+}
+export {
+  G 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/index.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,193 @@
+import { jsx as m, 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";
+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 we, methods as D } from "../../../components/common/utils/dayjs.js";
+import { omit as Pe } from "../../../components/common/utils/omit.js";
+import Se from "../../../config-provider/context.js";
+const W = 6 * 7, O = (t) => ({
+  year: t.year(),
+  month: t.month() + 1,
+  day: t.day(),
+  name: t.date(),
+  time: t
+}), Te = (t) => ({
+  ...O(D.startOf(t, "month")),
+  days: t.daysInMonth()
+});
+function ve(t, l) {
+  const { dayStartOfWeek: d, isWeek: f } = t, o = Te(l), r = V(W).map((e, p, u) => ({})), n = o.day - d < 0 ? 7 + (o.day - d) : o.day - d;
+  r[n] = {
+    ...o
+  };
+  for (let e = 0; e < n; e++)
+    r[n - e - 1] = {
+      ...O(D.subtract(o.time, e + 1, "day")),
+      isPrev: !0
+    };
+  for (let e = 0; e < W - n - 1; e++)
+    r[n + e + 1] = {
+      ...O(D.add(o.time, e + 1, "day")),
+      isNext: e >= o.days - 1
+    };
+  const i = V(6).map((e, p, u) => []);
+  for (let e = 0; e < 6; e++)
+    if (i[e] = r.slice(e * 7, 7 * (e + 1)), f) {
+      const p = i[e][0].time, u = [...i[e]];
+      i[e].unshift({
+        weekRows: u,
+        weekOfYear: p.week()
+      });
+    }
+  return i;
+}
+function _e(t) {
+  const {
+    isWeek: l,
+    popupVisible: d,
+    format: f,
+    pageShowDate: o,
+    showTime: r,
+    style: n,
+    timePickerProps: i,
+    onMouseEnterCell: e,
+    onMouseLeaveCell: p,
+    dateRender: u,
+    disabledDate: P,
+    disabledTime: k,
+    value: g,
+    rangeValues: N,
+    locale: _,
+    isRangePicker: b,
+    onSelect: F,
+    onTimePickerSelect: $,
+    onPrev: B,
+    onNext: H,
+    onSuperPrev: Y,
+    onSuperNext: z,
+    isSameTime: K,
+    index: L,
+    getHeaderOperations: S,
+    setPageShowDate: T,
+    timeValue: q,
+    hideNotInViewDates: G,
+    icons: J,
+    isTimePanel: Q,
+    panelMode: c,
+    setPanelMode: h,
+    ...U
+  } = t, { locale: x, getPrefixCls: a, rtl: X } = I(Se), { utcOffset: Z, timezone: ee, weekStart: j } = I(le), v = me(x.DatePicker, _), w = a == null ? void 0 : a(l ? "panel-week" : "panel-date"), te = ke(w), oe = b ? { rangeValues: N } : { value: g }, A = E(r) && r.format || he(f), M = x.dayjsLocale, re = ce(() => ve(
+    { ...t, dayStartOfWeek: j },
+    o.locale(M)
+  ), [o.toString(), j, M]);
+  let C;
+  b ? C = typeof k == "function" ? k(
+    N[L],
+    L === 0 ? "start" : "end"
+  ) : {} : C = typeof k == "function" ? k(we(g, f)) : {};
+  function ae() {
+    return /* @__PURE__ */ m(
+      de,
+      {
+        ...U,
+        ...oe,
+        showWeekList: !0,
+        isWeek: l,
+        prefixCls: a == null ? void 0 : a("picker"),
+        rows: re,
+        isSameTime: K || ((s, y) => s.isSame(y, "day")),
+        onSelectDate: F,
+        onMouseEnterCell: e,
+        onMouseLeaveCell: p,
+        dateRender: u,
+        disabledDate: P,
+        CALENDAR_LOCALE: v.Calendar,
+        mode: l ? "week" : "date",
+        format: f,
+        hideNotInViewDates: G
+      }
+    );
+  }
+  function ne() {
+    const s = E(r) ? r : {};
+    return /* @__PURE__ */ R("div", { className: `${w}-time-picker`, children: [
+      /* @__PURE__ */ m("header", { className: `${w}-time-picker-title`, children: v.selectTime }),
+      /* @__PURE__ */ m(
+        ye,
+        {
+          ...Pe(i, ["disableConfirm"]),
+          ...s,
+          ...C,
+          hideFooter: !0,
+          format: A,
+          valueShow: q.format(A),
+          onSelect: $,
+          popupVisible: d,
+          utcOffset: Z,
+          timezone: ee
+        }
+      )
+    ] });
+  }
+  const ie = {
+    onPrev: B,
+    onSuperPrev: Y,
+    onNext: H,
+    onSuperNext: z,
+    DATEPICKER_LOCALE: v
+  };
+  function se(s) {
+    h(s);
+  }
+  return c === "year" ? /* @__PURE__ */ m(
+    ue,
+    {
+      ...S(c),
+      pageShowDate: o,
+      onSelect: (s, y) => {
+        h("month"), T(y);
+      },
+      disabledDate: P
+    }
+  ) : c === "month" ? /* @__PURE__ */ m(
+    pe,
+    {
+      ...S(c),
+      setPageShowDate: T,
+      pageShowDate: o,
+      panelMode: c,
+      getHeaderOperations: S,
+      onSelect: (s, y) => {
+        h("date"), T(y);
+      },
+      disabledDate: P,
+      setPanelMode: h
+    }
+  ) : /* @__PURE__ */ m("div", { className: te, style: n, children: r && Q ? ne() : /* @__PURE__ */ R("div", { className: `${w}-inner`, children: [
+    /* @__PURE__ */ m(
+      fe,
+      {
+        ...ie,
+        icons: J,
+        prefixCls: a == null ? void 0 : a("picker"),
+        value: o,
+        mode: c,
+        onChangePanel: se,
+        rtl: X
+      }
+    ),
+    ae()
+  ] }) });
+}
+export {
+  _e as default
+};

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

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