@unicom-cloud/ui 0.8.90 → 0.8.92

package/date-picker/RangePicker.js

@@ -1,24 +1,587 @@
-import "react/jsx-runtime";
-import "@unicom-cloud/icons/IconUiCalendar";
-import "@unicom-cloud/icons/IconUiCalendarClock";
-import "dayjs";
-import "lodash/isArray";
-import "lodash/isPlainObject";
-import "lodash/isUndefined";
-import "react";
-import "../chunk/B44Hj5ad.js";
-import "../chunk/BFTV6myl.js";
-import "../chunk/VSe_Wq1g.js";
-import "../chunk/a3hR6zLw.js";
-import "../picker/InputRange.js";
-import "../trigger/index.js";
-import "@unicom-cloud/utils/class-name";
-import "../chunk/B3LeSidy.js";
-import "../chunk/ClqoGc3r.js";
-import "./context.js";
-import "../chunk/CC---6jO.js";
-import { P as q } from "../chunk/C8Kcc_9d.js";
-import "./util.js";
+import { jsx as P, jsxs as ht, Fragment as gt } from "react/jsx-runtime";
+import mo from "@unicom-cloud/icons/IconUiCalendar";
+import po from "@unicom-cloud/icons/IconUiCalendarClock";
+import { isDayjs as vt } from "dayjs";
+import m from "lodash/isArray";
+import ho from "lodash/isPlainObject";
+import go from "lodash/isUndefined";
+import { forwardRef as vo, useContext as So, useRef as E, useImperativeHandle as wo, useState as v, useEffect as ne } from "react";
+import "../config-provider/ConfigProvider.js";
+import Po from "../components/common/hooks/useMergeProps.js";
+import St from "../components/common/hooks/usePrevious.js";
+import wt from "../components/common/hooks/useUpdateEffect.js";
+import yo from "../picker/InputRange.js";
+import Do from "../trigger/index.js";
+import bo from "@unicom-cloud/utils/class-name";
+import { getDayjsValue as y, getNow as T, toTimezone as Pt, toLocal as Re, methods as Y, getValueWithTime as re, getSortedDayjsArray as je, isValidTimeString as Vo, isDayjsArrayChange as xo } from "../components/common/utils/dayjs.js";
+import { pickDataAttributes as Io } from "../components/common/utils/pick.js";
+import To from "./context.js";
+import Yo from "./panel/Footer.js";
+import ko from "./panel/Shortcut.js";
+import Co from "./panel/range/index.js";
+import { getDefaultWeekStart as Ho, getAvailableDayjsLength as yt, getFormatByIndex as L, getLocaleDayjsValue as Ee } from "./util.js";
+import Lo from "../config-provider/context.js";
+function No(se) {
+  const { format: $, showTime: D, mode: r } = se;
+  let S;
+  if ($)
+    S = $;
+  else
+    switch (r) {
+      case "date":
+        S = D ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+        break;
+      case "month":
+        S = "YYYY-MM";
+        break;
+      case "year":
+        S = "YYYY";
+        break;
+      case "week":
+        S = "YYYY-wo";
+        break;
+      case "quarter":
+        S = "YYYY-[Q]Q";
+        break;
+      default:
+        S = "YYYY-MM-DD";
+    }
+  return S;
+}
+const Dt = {
+  allowClear: !0,
+  unmountOnExit: !0,
+  position: "bl",
+  editable: !0,
+  mode: "date"
+}, Ao = { bottom: 4 }, Ro = (se, $) => {
+  var ft, mt, pt, dt;
+  const {
+    getPrefixCls: D,
+    locale: r,
+    size: S,
+    componentConfig: ae,
+    rtl: Fe
+  } = So(Lo);
+  Fe && (Dt.position = "br");
+  const f = Po(
+    se,
+    Dt,
+    ae == null ? void 0 : ae.DatePicker
+  ), {
+    allowClear: bt,
+    className: Oe,
+    style: ze,
+    placeholder: Me,
+    getPopupContainer: Vt,
+    disabled: h,
+    position: xt,
+    error: It,
+    status: Tt,
+    unmountOnExit: Yt,
+    editable: kt,
+    triggerProps: Ct,
+    shortcuts: U,
+    onSelect: ie,
+    onVisibleChange: ue,
+    value: Ht,
+    onChange: ce,
+    icons: W,
+    disabledDate: Be,
+    disabledTime: Lt,
+    mode: a,
+    showTime: d,
+    onSelectShortcut: le,
+    extra: $e,
+    shortcutsPlacementLeft: F,
+    onOk: fe,
+    defaultPickerValue: Nt,
+    pickerValue: At,
+    panelRender: Ue,
+    onPickerValueChange: me,
+    triggerElement: q,
+    clearRangeOnReselect: Rt,
+    separator: jt,
+    utcOffset: i,
+    timezone: u,
+    inputProps: Et
+  } = f, O = D == null ? void 0 : D("picker-range"), pe = r == null ? void 0 : r.DatePicker, Ft = go(f.dayStartOfWeek) ? Ho(r == null ? void 0 : r.dayjsLocale) : f.dayStartOfWeek, _ = E(null), de = E(null), he = E(null), ge = E(null), ve = E(null);
+  wo(
+    $,
+    () => ({
+      focus(e) {
+        var t, o;
+        (o = (t = _.current) == null ? void 0 : t.focus) == null || o.call(t, e);
+      },
+      blur() {
+        Xe();
+      }
+    }),
+    []
+  );
+  const c = ((mt = (ft = pe.Calendar) == null ? void 0 : ft[a]) == null ? void 0 : mt.format) || No(f);
+  function Ot() {
+    if (m(h)) {
+      if (h[0] && !h[1])
+        return 1;
+      if (h[1] && !h[0])
+        return 0;
+    }
+  }
+  const k = Ot(), w = typeof k == "number", zt = w ? 1 ^ k : void 0, [p, Se] = v(
+    w ? k : 0
+  );
+  ne(() => {
+    w && Se(k);
+  }, [h]);
+  const Q = 1 ^ p, [K, C] = v(), [We, G] = v(), [we, Pe] = v(Wt()), [b, N] = v(), [Mt, z] = v(), [qe, ye] = v(), [Bt, $t] = v(() => !!f.popupVisible), [De, be] = v([a, a]), [Ve, _e] = v(!1), V = f.popupVisible ?? Bt, H = y(
+    Ht,
+    c,
+    i,
+    u
+  ), x = "value" in f ? H : we, l = qe || b || x || [], g = yt(b || x), M = E(!0), xe = T(), Qe = Pt(xe, i, u);
+  function Ut() {
+    const e = [], t = ho(d) && d.defaultValue ? y(d.defaultValue, d.format || "HH:mm:ss") : [];
+    return e[0] = l[0] || t[0] || Qe, e[1] = l[1] || t[1] || Qe, e;
+  }
+  const J = Ut(), Ke = w ? (e) => k === 0 ? e.isAfter(l[1], a) : e.isBefore(l[0], a) : void 0, Ie = q !== void 0, Te = Ie || Rt;
+  function Wt() {
+    let e;
+    if (f.value ? e = y(f.value, c, i, u) : e = y(f.defaultValue, c, i, u), w && (!e || e && !e[Q])) {
+      const t = [];
+      return t[Q] = T(i, u), t;
+    }
+    return e;
+  }
+  const Ye = x || y(Nt, c) || [xe, xe], [Ge, X] = v(
+    A(Ye)
+  ), Z = A(
+    y(At, c, i, u)
+  ) || Ge, ke = St(i), Ce = St(u);
+  wt(() => {
+    if (m(we) && (ke !== i || u !== Ce)) {
+      const t = we.map(
+        (o, n, s) => Re(o, ke, Ce)
+      ).map(
+        (o, n, s) => Pt(o, i, u)
+      );
+      Pe(t);
+    }
+  }, [i, ke, u, Ce]), wt(() => {
+    X(A(Ye));
+  }, [a]), ne(() => {
+    be([a, a]);
+  }, [a]), ne(() => {
+    if (G(void 0), C(void 0), V) {
+      const e = A(Ye);
+      _e(!1), be([a, a]), X(e), He(e), N(x), F && he.current && de.current && (he.current.style.maxHeight = `${de.current.clientHeight}px`);
+    } else
+      N(void 0), z(void 0), ye(void 0), Xe();
+    M.current = V;
+  }, [V]);
+  const qt = (pt = H == null ? void 0 : H[0]) == null ? void 0 : pt.format(L(c, 0)), _t = (dt = H == null ? void 0 : H[1]) == null ? void 0 : dt.format(L(c, 1));
+  ne(() => {
+    N(void 0), z(void 0);
+  }, [qt, _t]);
+  function B(e, t = p) {
+    const o = A(e, t);
+    X(o), He(o);
+  }
+  function He(e) {
+    Je([e[0], Ge[0]], a) || me == null || me(
+      m(e) ? e.map((t, o) => t && t.format(L(c, o))) : void 0,
+      e
+    );
+  }
+  function A(e, t = p) {
+    const o = t === 0 || Je(e, a);
+    if (m(e) && e.length < 2)
+      return ee(
+        e[0] || T(i, u),
+        a,
+        "prev"
+      );
+    if (m(e) && e.length === 2)
+      return e[t] ? ee(
+        e[t],
+        a,
+        o ? "prev" : "next"
+      ) : ee(
+        e[t === 0 ? 1 : 0] || T(i, u),
+        a,
+        o && !e[t === 0 ? 1 : 0] ? "prev" : "next"
+      );
+  }
+  function Je(e, t) {
+    if ((e == null ? void 0 : e.length) === 2 && at(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 ee(e = T(i, u), t = a, o = "prev") {
+    const n = o === "prev";
+    switch (t) {
+      case "date":
+      case "week":
+        return n ? [e, Y.add(e, 1, "month")] : [Y.subtract(e, 1, "month"), e];
+      case "month":
+      case "quarter":
+        return n ? [e, Y.add(e, 1, "year")] : [Y.subtract(e, 1, "year"), e];
+      case "year":
+        return n ? [e, Y.add(e, 10, "year")] : [Y.subtract(e, 10, "year"), e];
+      default:
+        return [];
+    }
+  }
+  function Le(e) {
+    var t, o;
+    (o = (t = _.current) == null ? void 0 : t.focus) == null || o.call(t, w ? k : e);
+  }
+  function Xe() {
+    var e, t;
+    (t = (e = _.current) == null ? void 0 : e.blur) == null || t.call(e);
+  }
+  function te(e) {
+    ue == null || ue(e), $t(e);
+  }
+  function Qt(e) {
+    var o;
+    e.stopPropagation();
+    let t = [...l];
+    w ? t[k] = void 0 : t = void 0, Pe(t), N(t), ot(t), (o = f.onClear) == null || o.call(f);
+  }
+  function Ze(e, t) {
+    if (Se(e), l && l.length && !t) {
+      const o = A(l, e);
+      X(o), He(o);
+    }
+  }
+  function et(e) {
+    const t = typeof Ke == "function" ? Ke(e) : !1;
+    return (typeof Be == "function" ? Be(e) : !1) || t;
+  }
+  function tt(e) {
+    return Vo(e, c, p) && !et(y(e, c));
+  }
+  function Kt(e) {
+    const t = [...l || []], o = e.target.value;
+    C(o), V || te(!0), tt(o) && (t[p] = y(o, c), N(t), B(t), C(void 0));
+  }
+  function Gt() {
+    K && C(void 0);
+  }
+  function ot(e) {
+    if (xo(x, e)) {
+      const t = m(e) ? e.map(
+        (o, n, s) => Ee(
+          Re(o, i, u),
+          r == null ? void 0 : r.dayjsLocale
+        )
+      ) : void 0;
+      ce == null || ce(
+        m(t) ? t.map((o, n) => o && o.format(L(c, n))) : void 0,
+        t
+      );
+    }
+  }
+  function Jt() {
+    m(b) && b.length ? K && !tt(K) ? C(void 0) : g !== 2 ? oe() : g === 2 && R(b) : V && te(!1);
+  }
+  function R(e, t) {
+    const o = e || l;
+    if (!o || !o[0] || !o[1])
+      return;
+    const n = je(o);
+    Pe(n), ot(n), q === null || t || te(!1);
+  }
+  function Xt() {
+    R();
+    const e = l.map(
+      (t, o, n) => Ee(t, r == null ? void 0 : r.dayjsLocale)
+    );
+    fe == null || fe(
+      e.map(
+        (t, o) => t && t.format(L(c, o))
+      ),
+      e
+    );
+  }
+  function nt() {
+    switch (a) {
+      case "date":
+      case "week":
+        return "date";
+      case "month":
+        return "month";
+      case "year":
+        return "year";
+      default:
+        return;
+    }
+  }
+  function rt(e) {
+    if (g !== 2)
+      return !1;
+    const t = b || x;
+    return !!(p === 0 && e.isAfter(t[1], nt()) || p === 1 && e.isBefore(t[0], nt()));
+  }
+  function Zt(e, t) {
+    const o = rt(t) && M.current, n = Te && g === 2 && !w ? [] : [...l], s = Ie ? g === 0 || g === 2 ? 0 : 1 : p, j = d ? re(t, J[s]) : t;
+    o ? (n[s] = j, n[1 ^ s] = void 0) : n[s] = j;
+    const Ne = je(n);
+    st(Ne), C(void 0), G(void 0);
+    const Ae = yt(n);
+    Te ? g === 0 || g === 2 && !w ? Ie ? Se(1) : oe(!0) : d || R(n) : Ae <= 1 ? oe(!0) : g === 2 && M.current && !w ? (M.current = !1, oe(!0), !d && !o && R(n, !0)) : (M.current = !1, !d && !o && R(n));
+  }
+  function eo(e, t, o) {
+    const n = m(l) ? [...l] : [], s = re(
+      n[e] || T(i, u),
+      o
+    );
+    n[e] = s, st(n);
+  }
+  function st(e) {
+    N(e), z(void 0);
+    const o = je(e).map(
+      (n, s, j) => Ee(
+        Re(n, i, u),
+        r == null ? void 0 : r.dayjsLocale
+      )
+    );
+    ie == null || ie(
+      o.map((n, s) => n && n.format(L(c, s))),
+      o,
+      { type: p === 1 ? "end" : "start" }
+    );
+  }
+  function oe(e) {
+    Ze(Q, e), setTimeout(() => Le(Q));
+  }
+  function to(e, t) {
+    const o = [...l || []];
+    if (!t && (Te ? g === 1 : g !== 0) && !rt(e) && (o[p] = re(
+      e,
+      J[p]
+    ), z(o), C(void 0)), !t) {
+      const s = d ? re(e, J[p]) : e;
+      G(
+        s.locale(r == null ? void 0 : r.dayjsLocale).format(L(c, p))
+      );
+    }
+  }
+  function oo() {
+    z(void 0), G(void 0);
+  }
+  function at(e) {
+    return e && m(e) && e.length === 2 && vt(e[0]) && vt(e[1]);
+  }
+  function it(e) {
+    const t = typeof e.value == "function" && e.value();
+    return at(t);
+  }
+  function ut() {
+    clearTimeout(ge.current), clearTimeout(ve.current), ge.current = null, ve.current = null;
+  }
+  function no(e) {
+    ut(), ge.current = setTimeout(() => {
+      if (it(e)) {
+        const t = y(
+          e.value(),
+          c,
+          i,
+          u
+        );
+        ye(t), B(t);
+      }
+    }, 50);
+  }
+  function ro() {
+    ut(), ve.current = setTimeout(() => {
+      ye(void 0), B(
+        b || x || [
+          T(i, u),
+          T(i, u)
+        ]
+      );
+    }, 50);
+  }
+  function so(e) {
+    if (le == null || le(e), it(e)) {
+      const t = y(
+        e.value(),
+        c,
+        i,
+        u
+      );
+      R(t);
+    }
+  }
+  function I(e, t, o = 1) {
+    const n = e === "prev" ? 0 : 1;
+    let s = [...Z];
+    e === "prev" && (s[n] = Y.subtract(
+      Z[n],
+      o,
+      t
+    )), e === "next" && (s[n] = Y.add(
+      Z[n],
+      o,
+      t
+    )), s = ee(
+      s[n],
+      a,
+      e
+    ), B(s);
+  }
+  function ct(e = a) {
+    if (e === "date" || e === "week")
+      return {
+        onPrev: () => I("prev", "month"),
+        onNext: () => I("next", "month"),
+        onSuperPrev: () => I("prev", "year"),
+        onSuperNext: () => I("next", "year")
+      };
+    if (e === "month" || e === "quarter")
+      return {
+        onSuperPrev: () => I("prev", "year"),
+        onSuperNext: () => I("next", "year")
+      };
+    if (e === "year")
+      return {
+        onSuperPrev: () => I("prev", "year", 10),
+        onSuperNext: () => I("next", "year", 10)
+      };
+  }
+  function ao() {
+    _e(!Ve);
+  }
+  function lt(e) {
+    const t = bo(
+      `${O}-container`,
+      {
+        [`${O}-panel-only`]: e,
+        [`${O}-container-shortcuts-placement-left`]: m(U) && F,
+        [`${O}-container-rtl`]: Fe
+      },
+      e ? Oe : ""
+    ), o = {
+      prefixCls: D == null ? void 0 : D("picker"),
+      showTime: d,
+      shortcuts: U,
+      onMouseEnterShortcut: no,
+      onMouseLeaveShortcut: ro,
+      onSelectShortcut: so
+    }, n = d && De[0] === "date" && De[1] === "date" || $e || m(U) && U.length && !F, s = /* @__PURE__ */ ht(gt, { children: [
+      /* @__PURE__ */ P(
+        Co,
+        {
+          ...f,
+          ...ct(),
+          getHeaderOperations: ct,
+          setRangePageShowDates: B,
+          pageShowDates: Z,
+          value: l,
+          format: c,
+          onSelectPanel: Zt,
+          onMouseEnterCell: to,
+          onMouseLeaveCell: oo,
+          disabledDate: (Ae) => et(Ae),
+          disabledTime: Lt,
+          mode: a,
+          localeName: r == null ? void 0 : r.dayjsLocale,
+          showTime: d,
+          timeValues: qe || J,
+          onTimePickerSelect: eo,
+          popupVisible: V,
+          disabledTimePickerIndex: zt,
+          isTimePanel: Ve,
+          valueShowHover: Mt,
+          panelModes: De,
+          setPanelModes: be
+        }
+      ),
+      !!n && /* @__PURE__ */ P(
+        Yo,
+        {
+          ...o,
+          DATEPICKER_LOCALE: pe,
+          disabled: !(m(l) && l[0] && l[1]),
+          onClickConfirmBtn: Xt,
+          extra: $e,
+          shortcutsPlacementLeft: F,
+          onClickSelectTimeBtn: ao,
+          isTimePanel: Ve
+        }
+      )
+    ] }), j = F ? /* @__PURE__ */ ht(gt, { children: [
+      /* @__PURE__ */ P(ko, { ref: he, ...o }),
+      /* @__PURE__ */ P("div", { ref: de, className: `${O}-panel-wrapper`, children: s })
+    ] }) : s, Ne = typeof Ue == "function" ? Ue(j) : j;
+    return /* @__PURE__ */ P(
+      "div",
+      {
+        className: t,
+        onClick: () => Le(),
+        style: e ? ze : {},
+        children: Ne
+      }
+    );
+  }
+  const io = f.size || S, uo = m(Me) ? Me : pe.placeholders[a], co = W && W.inputSuffix === null ? null : W && W.inputSuffix || (d ? /* @__PURE__ */ P(po, {}) : /* @__PURE__ */ P(mo, {})), lo = {
+    style: ze,
+    className: Oe,
+    popupVisible: V,
+    format: c,
+    disabled: h,
+    error: It,
+    status: Tt,
+    size: io,
+    onPressEnter: Jt,
+    onClear: Qt,
+    suffixIcon: co,
+    editable: kt,
+    allowClear: bt,
+    prefix: f.prefix
+  }, fo = m(h) ? h[0] && h[1] : h;
+  return /* @__PURE__ */ P(To.Provider, { value: { utcOffset: i, timezone: u, weekStart: Ft }, children: q === null ? lt(!0) : /* @__PURE__ */ P(
+    Do,
+    {
+      popup: lt,
+      trigger: "click",
+      clickToClose: !1,
+      position: xt,
+      disabled: fo,
+      popupAlign: Ao,
+      getPopupContainer: Vt,
+      onVisibleChange: (e) => {
+        e && setTimeout(() => {
+          Le();
+        }), te(!!e);
+      },
+      popupVisible: V,
+      classNames: "slideDynamicOrigin",
+      unmountOnExit: Yt,
+      ...Ct,
+      children: q || /* @__PURE__ */ P(
+        yo,
+        {
+          ...Io(f),
+          ...lo,
+          inputProps: Et,
+          ref: _,
+          placeholder: uo,
+          value: b || x,
+          onChange: Kt,
+          inputValue: We || K,
+          changeFocusedInputIndex: Ze,
+          focusedInputIndex: p,
+          isPlaceholder: !!We,
+          separator: jt,
+          onBlur: Gt
+        }
+      )
+    }
+  ) });
+}, jo = vo(Ro);
+jo.displayName = "RangePicker";
 export {
-  q as default
+  jo as default
 };

package/date-picker/hook/useCellClassName.js

@@ -0,0 +1,60 @@
+import K from "lodash/isArray";
+import { getAvailableDayjsLength as T } from "../util.js";
+import M from "@unicom-cloud/utils/class-name";
+import { getSortedDayjsArray as P, getNow as V } from "../../components/common/utils/dayjs.js";
+function g(c, e) {
+  if (c && K(c))
+    return c[e];
+}
+function Y(c) {
+  const {
+    prefixCls: e,
+    value: p,
+    rangeValues: f,
+    valueShowHover: v,
+    isSameTime: d,
+    mode: R,
+    hideNotInViewDates: F
+  } = c, y = T(f), G = T(v), H = y !== 2 && G === 2 ? P(v) : f, N = y === 2 ? P(v) : [];
+  function a(m, n, o) {
+    if (n && o)
+      return d(m, n) || d(m, o) || m.isBetween(n, o, null);
+  }
+  return function(n, o, $, h) {
+    const r = g(H, 0), t = g(H, 1), s = g(N, 0), i = g(N, 1), u = !n.isPrev && !n.isNext, J = p && d(n.time, p);
+    let S = d(n.time, V($, h));
+    const w = R !== "week" ? u : !0;
+    R === "week" && (S = V($, h).isSame(n.time, "date")), R === "quarter" && (S = V($, h).isSame(n.time, "quarter"));
+    function l(q) {
+      return w && !o && q && d(n.time, q);
+    }
+    const A = l(r), C = l(t), k = l(
+      g(f, 0)
+    ), x = l(
+      g(f, 1)
+    ), B = l(s), L = l(i);
+    let E = !1;
+    A ? E = s && r && s.isBefore(r) && a(r, s, i) : C && (E = i && t && i.isAfter(t) && a(t, s, i));
+    let I = !1;
+    return B ? I = s && r && r.isBefore(s) && a(s, r, t) : L && (I = i && t && t.isAfter(i) && a(i, r, t)), M(`${e}-cell`, {
+      [`${e}-cell-disabled`]: o,
+      [`${e}-cell-hidden`]: F && !u,
+      [`${e}-cell-in-view`]: u,
+      [`${e}-cell-today`]: S && u,
+      [`${e}-cell-selected`]: J || k || x,
+      [`${e}-cell-selected-start`]: k,
+      [`${e}-cell-selected-end`]: x,
+      [`${e}-cell-range-start`]: A,
+      [`${e}-cell-range-end`]: C,
+      [`${e}-cell-in-range`]: w && !o && a(n.time, r, t),
+      [`${e}-cell-hover-range-start`]: B,
+      [`${e}-cell-hover-range-end`]: L,
+      [`${e}-cell-hover-in-range`]: w && !o && a(n.time, s, i),
+      [`${e}-cell-range-edge-in-hover-range`]: E,
+      [`${e}-cell-hover-range-edge-in-range`]: I
+    });
+  };
+}
+export {
+  Y as default
+};