@unicom-cloud/ui 0.8.141 → 0.8.143

package/date-picker/DatePickerRange.js

@@ -0,0 +1,594 @@
+/* 2026-01-19 17:02:09 */
+import { jsx as g, jsxs as pt, Fragment as dt } from "react/jsx-runtime";
+import bo from "@unicom-cloud/icons/IconUiCalendar";
+import Do from "@unicom-cloud/icons/IconUiCalendarClock";
+import { isDayjs as ht } from "dayjs";
+import { forwardRef as Io, useContext as ke, useRef as L, useImperativeHandle as To, useState as S, useEffect as ne } from "react";
+import "../config-provider/ConfigProvider.js";
+import { FormContext as ko, FormItemContext as jo } from "../form/context.js";
+import Ro from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import gt from "@unicom-cloud/ui-common/hooks/use-previous";
+import St from "@unicom-cloud/ui-common/hooks/use-update-effect";
+import No from "../picker/InputRange.js";
+import Eo from "../trigger/index.js";
+import Ho from "@unicom-cloud/ui-common/utils/className";
+import { dayjs_getDayjsValue as P, dayjs_getNow as C, dayjs_toTimezone as vt, dayjs_toLocal as je, dayjs_methods as b, dayjs_isValidTimeString as Lo, dayjs_isDayjsArrayChange as Fo, dayjs_getSortedDayjsArray as Re, dayjs_getValueWithTime as re } from "../utils/dayjs.js";
+import { isArray as f, isUndefined as Oo, isNumber as Ao, isFunction as F, isPlainObject as _o } from "@unicom-cloud/ui-common/utils/is";
+import { pickDataAttributes as zo } from "@unicom-cloud/ui-common/utils/pick";
+import { HYPHEN as Ne } from "@unicom-cloud/utils/constant/string";
+import "@unicom-cloud/ui-common/utils/string";
+import { DatePickerRangeContext as Bo, PickerContext as $o } from "./context.js";
+import Uo from "./panel/Footer.js";
+import Wo from "./panel/Shortcut.js";
+import qo from "./panel/range/index.js";
+import { getDefaultWeekStart as Ko, getFormatForDatePicker as Mo, getAvailableDayjsLength as Pt, getFormatByIndex as j, getLocaleDayjsValue as Ee } from "./utils.js";
+import Yo from "../config-provider/context.js";
+function Go(Vt, yt) {
+  const {
+    prefixCls: wt,
+    getPrefixCls: He,
+    locale: D,
+    size: xt,
+    componentConfig: Le,
+    rtl: Fe
+  } = ke(Yo), Ct = ke(ko), bt = ke(jo), Oe = {
+    allowClear: !0,
+    unmountOnExit: !0,
+    position: "bl",
+    editable: !0,
+    mode: "date",
+    fixedTime: !0
+  }, Dt = { bottom: 4 };
+  Fe && (Oe.position = "br");
+  const u = Ro(
+    Vt,
+    Oe,
+    {
+      ...Le?.DatePicker,
+      ...Le?.DatePickerRange
+    }
+  ), {
+    allowClear: It,
+    className: Ae,
+    style: _e,
+    placeholder: ze,
+    getPopupContainer: Tt,
+    disabled: d,
+    position: kt,
+    error: jt,
+    status: Rt,
+    unmountOnExit: Nt,
+    editable: Et,
+    triggerProps: Ht,
+    shortcuts: $,
+    onSelect: Lt,
+    onVisibleChange: Ft,
+    value: Ot,
+    onChange: At,
+    icons: U,
+    disabledDate: Be,
+    disabledTime: _t,
+    mode: a,
+    showTime: p,
+    onSelectShortcut: zt,
+    extra: $e,
+    shortcutsPlacementLeft: O,
+    onOk: Bt,
+    defaultPickerValue: $t,
+    pickerValue: Ut,
+    panelRender: Ue,
+    onPickerValueChange: Wt,
+    triggerElement: W,
+    clearRangeOnReselect: qt,
+    separator: Kt,
+    utcOffset: s,
+    timezone: i,
+    inputProps: Mt,
+    fixedTime: ae,
+    readOnly: se = bt?.readOnly ?? Ct?.readOnly
+  } = u, A = He?.("picker-range"), ie = D?.DatePicker, We = se ? f(ze) ? [Ne, Ne] : Ne : ze, Yt = Oo(u.dayStartOfWeek) ? Ko(D?.dayjsLocale) : u.dayStartOfWeek, I = L(null), ce = L(null), le = L(null), ue = L(null), fe = L(null);
+  To(yt, () => ({
+    focus: Xe,
+    blur: Ze,
+    getRootElement() {
+      return I.current.getRootElement();
+    }
+  }));
+  const c = ie.Calendar?.[a]?.format || Mo(u, !0);
+  function Gt() {
+    if (f(d)) {
+      if (d[0] && !d[1])
+        return 1;
+      if (d[1] && !d[0])
+        return 0;
+    }
+  }
+  const T = Gt(), v = Ao(T), Jt = v ? 1 ^ T : void 0, [m, me] = S(
+    v ? T : 0
+  );
+  ne(() => {
+    v && me(T);
+  }, [d]);
+  const q = 1 ^ m, [K, k] = S(), [qe, M] = S(), [pe, de] = S(to()), [V, R] = S(), [Qt, _] = S(), [Ke, he] = S(), [Xt, Zt] = S(() => !!u.popupVisible), [ge, Se] = S([a, a]), [ve, Me] = S(!1), y = "popupVisible" in u ? u.popupVisible : Xt, Pe = P(
+    Ot,
+    c,
+    s,
+    i
+  ), w = "value" in u ? Pe : pe, l = Ke || V || w || [], h = Pt(V || w), z = L(!0), Ve = C(), Ye = vt(Ve, s, i);
+  function eo() {
+    const e = [], t = _o(p) && p.defaultValue ? P(
+      p.defaultValue,
+      p.format || "HH:mm:ss"
+    ) : [];
+    return e[0] = l[0] || t[0] || Ye, e[1] = l[1] || t[1] || Ye, e;
+  }
+  const Y = eo(), Ge = v ? (e) => T === 0 ? e.isAfter(l[1], a) : e.isBefore(l[0], a) : void 0, ye = W !== void 0, we = ye || qt;
+  function to() {
+    let e;
+    if (u.value ? e = P(u.value, c, s, i) : e = P(
+      u.defaultValue,
+      c,
+      s,
+      i
+    ), v && (!e || e && !e[q])) {
+      const t = [];
+      return t[q] = C(s, i), t;
+    }
+    return e;
+  }
+  const xe = w || P($t, c) || [Ve, Ve], [Je, G] = S(
+    N(xe)
+  ), J = N(
+    P(Ut, c, s, i)
+  ) || Je, Ce = gt(s), be = gt(i);
+  St(() => {
+    if (f(pe) && (Ce !== s || i !== be)) {
+      const t = pe.map(
+        (o, n, r) => je(o, Ce, be)
+      ).map(
+        (o, n, r) => vt(o, s, i)
+      );
+      de(t);
+    }
+  }, [s, Ce, i, be]), St(() => {
+    G(N(xe));
+  }, [a]), ne(() => {
+    Se([a, a]);
+  }, [a]), ne(() => {
+    if (M(void 0), k(void 0), y) {
+      const e = N(xe);
+      Me(!1), Se([a, a]), G(e), De(e), R(w), O && le.current && ce.current && (le.current.style.maxHeight = `${ce.current.clientHeight}px`);
+    } else
+      R(void 0), _(void 0), he(void 0), ro();
+    z.current = y;
+  }, [y]);
+  const oo = Pe?.[0]?.format(j(c, 0)), no = Pe?.[1]?.format(j(c, 1));
+  ne(() => {
+    R(void 0), _(void 0);
+  }, [oo, no]);
+  function B(e, t = m) {
+    const o = N(e, t);
+    G(o), De(o);
+  }
+  function De(e) {
+    Qe([e[0], Je[0]], a) || Wt?.(
+      f(e) ? e.map((t, o) => t && t.format(j(c, o))) : void 0,
+      e
+    );
+  }
+  function N(e, t = m) {
+    const o = t === 0 || Qe(e, a);
+    if (f(e) && e.length < 2)
+      return Q(
+        e[0] || C(s, i),
+        a,
+        "prev"
+      );
+    if (f(e) && e.length === 2)
+      return e[t] ? Q(
+        e[t],
+        a,
+        o ? "prev" : "next"
+      ) : Q(
+        e[t === 0 ? 1 : 0] || C(s, i),
+        a,
+        o && !e[t === 0 ? 1 : 0] ? "prev" : "next"
+      );
+  }
+  function Qe(e, t) {
+    if (e?.length === 2 && it(e))
+      return (t === "date" || t === "week") && e[0].isSame(e[1], "month") || (t === "month" || t === "quarter") && e[0].isSame(e[1], "year") || t === "year" && Math.floor(e[0].year() / 10) === Math.floor(e[1].year() / 10);
+  }
+  function Q(e = C(s, i), t = a, o = "prev") {
+    const n = o === "prev";
+    switch (t) {
+      case "date":
+      case "week":
+        return n ? [e, b.add(e, 1, "month")] : [b.subtract(e, 1, "month"), e];
+      case "month":
+      case "quarter":
+        return n ? [e, b.add(e, 1, "year")] : [b.subtract(e, 1, "year"), e];
+      case "year":
+        return n ? [e, b.add(e, 10, "year")] : [b.subtract(e, 10, "year"), e];
+      default:
+        return [];
+    }
+  }
+  function X(e) {
+    Xe(v ? T : e);
+  }
+  function Xe(e) {
+    F(I.current?.focus) && I.current.focus(e);
+  }
+  function ro() {
+    Ze();
+  }
+  function Ze() {
+    F(I.current?.blur) && I.current.blur();
+  }
+  function ao(e) {
+    e && setTimeout(() => {
+      X();
+    }, 0), Z(!!e);
+  }
+  function Z(e) {
+    Ft?.(e), Zt(e);
+  }
+  function so(e) {
+    e.stopPropagation();
+    let t = [...l];
+    v ? t[T] = void 0 : t = void 0, de(t), R(t), nt(t), u.onClear?.();
+  }
+  function et(e, t) {
+    if (me(e), l && l.length && !t) {
+      const o = N(l, e);
+      G(o), De(o);
+    }
+  }
+  function tt(e) {
+    const t = F(Ge) ? Ge(e) : !1;
+    return (F(Be) ? Be(e) : !1) || t;
+  }
+  function ot(e) {
+    return Lo(e, c, m) && !tt(P(e, c));
+  }
+  function io(e) {
+    const t = [...l || []], o = e.target.value;
+    k(o), y || Z(!0), ot(o) && (t[m] = P(
+      o,
+      c
+    ), R(t), B(t), k(void 0));
+  }
+  function co() {
+    K && k(void 0);
+  }
+  function nt(e) {
+    if (Fo(w, e)) {
+      const t = f(e) ? e.map(
+        (o, n, r) => Ee(
+          je(o, s, i),
+          D?.dayjsLocale
+        )
+      ) : void 0;
+      At?.(
+        f(t) ? t.map((o, n) => o && o.format(j(c, n))) : void 0,
+        t
+      );
+    }
+  }
+  function lo() {
+    f(V) && V.length ? K && !ot(K) ? k(void 0) : h !== 2 ? ee() : h === 2 && E(V) : y && Z(!1);
+  }
+  function E(e, t) {
+    const o = e || l;
+    if (!o || !o[0] || !o[1])
+      return;
+    const n = Re(o, ae);
+    de(n), nt(n), W === null || t || Z(!1);
+  }
+  function uo() {
+    E();
+    const e = l.map((t, o, n) => Ee(t, D?.dayjsLocale));
+    Bt?.(
+      e.map(
+        (t, o) => t && t.format(j(c, o))
+      ),
+      e
+    );
+  }
+  function rt() {
+    switch (a) {
+      case "date":
+      case "week":
+        return "date";
+      case "month":
+        return "month";
+      case "year":
+        return "year";
+      default:
+        return;
+    }
+  }
+  function at(e) {
+    if (h !== 2)
+      return !1;
+    const t = V || w;
+    return !!(m === 0 && e.isAfter(t[1], rt()) || m === 1 && e.isBefore(t[0], rt()));
+  }
+  function fo(e, t) {
+    const o = at(t) && z.current, n = we && h === 2 && !v ? [] : [...l], r = ye ? h === 0 || h === 2 ? 0 : 1 : m, H = p ? re(t, Y[r]) : t;
+    o ? (n[r] = H, n[1 ^ r] = void 0) : n[r] = H;
+    const Te = Re(n, ae);
+    st(Te), k(void 0), M(void 0);
+    const oe = Pt(n);
+    we ? h === 0 || h === 2 && !v ? ye ? me(1) : ee(!0) : p || E(n) : oe <= 1 ? ee(!0) : h === 2 && z.current && !v ? (z.current = !1, ee(!0), !p && !o && E(n, !0)) : (z.current = !1, !p && !o && E(n));
+  }
+  function mo(e, t, o) {
+    const n = f(l) ? [...l] : [], r = re(
+      n[e] || C(s, i),
+      o
+    );
+    n[e] = r, st(n), X(e);
+  }
+  function st(e) {
+    R(e), _(void 0);
+    const o = Re(e, ae).map(
+      (n, r, H) => Ee(
+        je(n, s, i),
+        D?.dayjsLocale
+      )
+    );
+    Lt?.(
+      o.map((n, r) => n && n.format(j(c, r))),
+      o,
+      { type: m === 1 ? "end" : "start" }
+    );
+  }
+  function ee(e) {
+    et(q, e), setTimeout(() => X(q));
+  }
+  function po(e, t) {
+    const o = [...l || []];
+    if (!t && (we ? h === 1 : h !== 0) && !at(e) && (o[m] = re(
+      e,
+      Y[m]
+    ), _(o), k(void 0)), !t) {
+      const r = p ? re(e, Y[m]) : e;
+      M(
+        r.locale(D?.dayjsLocale).format(j(c, m))
+      );
+    }
+  }
+  function ho() {
+    _(void 0), M(void 0);
+  }
+  function it(e) {
+    return e && f(e) && e.length === 2 && ht(e[0]) && ht(e[1]);
+  }
+  function ct(e) {
+    const t = F(e.value) && e.value();
+    return it(t);
+  }
+  function lt() {
+    clearTimeout(ue.current), clearTimeout(fe.current), ue.current = null, fe.current = null;
+  }
+  function go(e) {
+    lt(), ue.current = setTimeout(() => {
+      if (ct(e)) {
+        const t = P(
+          e.value(),
+          c,
+          s,
+          i
+        );
+        he(t), B(t);
+      }
+    }, 50);
+  }
+  function So() {
+    lt(), fe.current = setTimeout(() => {
+      he(void 0), B(
+        V || w || [
+          C(s, i),
+          C(s, i)
+        ]
+      );
+    }, 50);
+  }
+  function vo(e) {
+    if (zt?.(e), ct(e)) {
+      const t = P(
+        e.value(),
+        c,
+        s,
+        i
+      );
+      E(t);
+    }
+  }
+  function x(e, t, o = 1) {
+    const n = e === "prev" ? 0 : 1;
+    let r = [...J];
+    e === "prev" && (r[n] = b.subtract(
+      J[n],
+      o,
+      t
+    )), e === "next" && (r[n] = b.add(
+      J[n],
+      o,
+      t
+    )), r = Q(
+      r[n],
+      a,
+      e
+    ), B(r);
+  }
+  function ut(e = a) {
+    if (e === "date" || e === "week")
+      return {
+        onPrev: () => x("prev", "month"),
+        onNext: () => x("next", "month"),
+        onSuperPrev: () => x("prev", "year"),
+        onSuperNext: () => x("next", "year")
+      };
+    if (e === "month" || e === "quarter")
+      return {
+        onSuperPrev: () => x("prev", "year"),
+        onSuperNext: () => x("next", "year")
+      };
+    if (e === "year")
+      return {
+        onSuperPrev: () => x("prev", "year", 10),
+        onSuperNext: () => x("next", "year", 10)
+      };
+  }
+  function Po() {
+    Me(!ve);
+  }
+  function ft(e) {
+    const t = Ho(
+      `${A}-container`,
+      {
+        [`${A}-panel-only`]: e,
+        [`${A}-container-shortcuts-placement-left`]: f($) && O,
+        [`${A}-container-rtl`]: Fe
+      },
+      e ? Ae : ""
+    ), o = {
+      prefixCls: He?.("picker"),
+      showTime: p,
+      shortcuts: $,
+      onMouseEnterShortcut: go,
+      onMouseLeaveShortcut: So,
+      onSelectShortcut: vo
+    }, n = p && ge[0] === "date" && ge[1] === "date" || $e || f($) && $.length && !O, r = /* @__PURE__ */ pt(dt, { children: [
+      /* @__PURE__ */ g(
+        qo,
+        {
+          ...u,
+          ...ut(),
+          getHeaderOperations: ut,
+          setRangePageShowDates: B,
+          pageShowDates: J,
+          value: l,
+          format: c,
+          onSelectPanel: fo,
+          onMouseEnterCell: po,
+          onMouseLeaveCell: ho,
+          disabledDate: (oe) => tt(oe),
+          disabledTime: _t,
+          mode: a,
+          localeName: D?.dayjsLocale,
+          showTime: p,
+          timeValues: Ke || Y,
+          onTimePickerSelect: mo,
+          popupVisible: y,
+          disabledTimePickerIndex: Jt,
+          isTimePanel: ve,
+          valueShowHover: Qt,
+          panelModes: ge,
+          setPanelModes: Se
+        }
+      ),
+      !!n && /* @__PURE__ */ g(
+        Uo,
+        {
+          ...o,
+          DATEPICKER_LOCALE: ie,
+          disabled: !(f(l) && l[0] && l[1]),
+          onClickConfirmBtn: uo,
+          extra: $e,
+          shortcutsPlacementLeft: O,
+          onClickSelectTimeBtn: Po,
+          isTimePanel: ve,
+          isPickerRange: !0
+        }
+      )
+    ] }), H = O ? /* @__PURE__ */ pt(dt, { children: [
+      /* @__PURE__ */ g(Wo, { ref: le, ...o }),
+      /* @__PURE__ */ g("div", { ref: ce, className: `${A}-panel-wrapper`, children: r })
+    ] }) : r, Te = F(Ue) ? Ue(H) : H;
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        style: e ? _e : {},
+        className: t,
+        onClick: e ? void 0 : (oe) => {
+          const mt = I.current;
+          mt && (mt.getInputElements().includes(document.activeElement) || X());
+        },
+        children: Te
+      }
+    );
+  }
+  const Vo = u.size || xt, yo = f(We) ? We : ie.placeholders[a], wo = U && U.inputSuffix === null ? null : U && U.inputSuffix || (p ? /* @__PURE__ */ g(Do, {}) : /* @__PURE__ */ g(bo, {})), xo = {
+    style: _e,
+    className: Ae,
+    popupVisible: y,
+    format: c,
+    disabled: d,
+    error: jt,
+    status: Rt,
+    size: Vo,
+    onPressEnter: lo,
+    onClear: so,
+    suffix: wo,
+    editable: Et,
+    allowClear: It,
+    prefix: u.prefix,
+    readOnly: se
+  }, Co = f(d) ? d[0] && d[1] : d, Ie = /* @__PURE__ */ g(
+    No,
+    {
+      ...zo(u),
+      ...xo,
+      inputProps: Mt,
+      ref: I,
+      placeholder: yo,
+      value: V || w,
+      onChange: io,
+      inputValue: qe || K,
+      changeFocusedInputIndex: et,
+      focusedInputIndex: m,
+      isPlaceholder: !!qe,
+      separator: Kt,
+      onBlur: co
+    }
+  );
+  let te = Ie;
+  return se ? te = Ie : W === null ? te = ft(!0) : te = /* @__PURE__ */ g(
+    Eo,
+    {
+      popup: ft,
+      trigger: "click",
+      clickToClose: !1,
+      position: kt,
+      disabled: Co,
+      popupAlign: Dt,
+      getPopupContainer: Tt,
+      onVisibleChange: ao,
+      popupVisible: y,
+      classNames: `${wt}-slide-dynamic-origin`,
+      unmountOnExit: Nt,
+      ...Ht,
+      children: W || Ie
+    }
+  ), /* @__PURE__ */ g(Bo.Provider, { value: { ...u }, children: /* @__PURE__ */ g(
+    $o.Provider,
+    {
+      value: {
+        utcOffset: s,
+        timezone: i,
+        weekStart: Yt
+      },
+      children: te
+    }
+  ) });
+}
+const Jo = Io(
+  Go
+);
+Jo.displayName = "PickerRange";
+export {
+  Jo as default
+};