@unicom-cloud/ui 0.8.43 → 0.8.45

package/date-picker/Picker.js

@@ -0,0 +1,399 @@
+import { jsx as p, jsxs as Ne, Fragment as Te } from "react/jsx-runtime";
+import St from "@unicom-cloud/icons/IconUiCalendar";
+import Yt from "@unicom-cloud/icons/IconUiCalendarClock";
+import { isDayjs as je } from "dayjs";
+import Le from "lodash/isArray";
+import Dt from "lodash/isPlainObject";
+import xt from "lodash/isUndefined";
+import Ct, { useContext as bt, useRef as ne, useState as m, useEffect as kt } from "react";
+/* empty css                  */
+import "../config-provider/ConfigProvider.js";
+import Nt from "../hooks/useMergeProps.js";
+import Me from "../hooks/usePrevious.js";
+import Tt from "../hooks/useUpdateEffect.js";
+import jt from "../picker/Input.js";
+import Lt from "../Trigger.js";
+import Mt from "@unicom-cloud/utils/class-name";
+import { getDayjsValue as d, getNow as j, toLocal as L, toTimezone as Ht, isDayjsChange as Et, getValueWithTime as re, dayjs as He, methods as Ee } from "../utils/dayjs.js";
+import It from "../utils/omit.js";
+import { pickDataAttributes as Ot } from "../utils/pick.js";
+import zt from "./context.js";
+import $t from "./panel/Footer.js";
+import At from "./panel/Shortcut.js";
+import { getDefaultWeekStart as Ft, getLocaleDayjsValue as D } from "./util.js";
+import { ConfigContext as Ut } from "../config-provider/context.js";
+function Wt(M) {
+  const { format: H, picker: l, showTime: U } = M;
+  let u;
+  switch (M.mode || l.props.pickerType) {
+    case "date":
+      u = U ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+      break;
+    case "month":
+      u = "YYYY-MM";
+      break;
+    case "year":
+      u = "YYYY";
+      break;
+    case "week":
+      u = "gggg-wo";
+      break;
+    case "quarter":
+      u = "YYYY-[Q]Q";
+      break;
+    default:
+      u = "YYYY-MM-DD";
+  }
+  return H && (u = H), u;
+}
+const Ie = {
+  allowClear: !0,
+  unmountOnExit: !0,
+  position: "bl",
+  editable: !0,
+  showNowBtn: !0
+}, Bt = { bottom: 4 }, go = (M) => {
+  const {
+    getPrefixCls: H,
+    locale: l,
+    size: U,
+    componentConfig: u,
+    rtl: W
+  } = bt(Ut);
+  W && (Ie.position = "br");
+  const n = Nt(
+    M,
+    Ie,
+    u == null ? void 0 : u.DatePicker
+  ), {
+    allowClear: Oe,
+    className: ae,
+    style: ie,
+    placeholder: ze,
+    getPopupContainer: $e,
+    disabled: se,
+    position: Ae,
+    error: Fe,
+    status: Ue,
+    unmountOnExit: We,
+    editable: Be,
+    triggerProps: Re,
+    picker: le,
+    shortcuts: E,
+    onSelect: f,
+    onVisibleChange: B,
+    value: _e,
+    onChange: R,
+    icons: I,
+    disabledDate: ue,
+    showTime: c,
+    showNowBtn: ce,
+    onSelectShortcut: _,
+    extra: fe,
+    shortcutsPlacementLeft: x,
+    onOk: q,
+    defaultPickerValue: qe,
+    pickerValue: Qe,
+    onPickerValueChange: Q,
+    triggerElement: pe,
+    utcOffset: r,
+    timezone: a,
+    panelRender: me,
+    inputProps: Ke
+  } = n, V = H("picker"), de = l.DatePicker, Ge = xt(n.dayStartOfWeek) ? Ft(l.dayjsLocale) : n.dayStartOfWeek, O = n.mode || le.props.pickerType, Y = ne(null), he = ne(null), ge = ne(null), C = Wt(n);
+  let o = C;
+  typeof o == "function" && (o = c ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD");
+  function Je() {
+    let e;
+    return n.value ? e = d(n.value, o, r, a) : e = d(n.defaultValue, o, r, a), e;
+  }
+  const [K, b] = m(Je()), [Xe, Ze] = m(n.popupVisible), [G, ve] = m(!1), [Pe, z] = m(), h = "popupVisible" in n ? n.popupVisible : Xe, k = "value" in n ? d(_e, o, r, a) : K, Ve = k || d(qe, o) || j(), [et, $] = m(), [J, N] = m(), [tt, X] = m(), [ot, y] = m(Ve), Z = d(Qe, o) || ot, g = tt || J || k, [A, ye] = m(O), nt = Dt(c) && d(
+    c.defaultValue,
+    c.format || "HH:mm:ss"
+  ) || j(r, a), ee = g || nt;
+  function rt() {
+    Y.current && Y.current.blur && Y.current.focus();
+  }
+  function we() {
+    var e, t;
+    (t = (e = Y.current) == null ? void 0 : e.blur) == null || t.call(e);
+  }
+  const te = Me(r), oe = Me(a);
+  Tt(() => {
+    if (K && (te !== r || a !== oe)) {
+      const e = L(K, te, oe);
+      b(Ht(e, r, a));
+    }
+  }, [r, te, a, oe]), kt(() => {
+    $(void 0), z(void 0), h ? (y(Ve), x && (ge.current.style.maxHeight = `${he.current.clientHeight}px`)) : (N(void 0), X(void 0), setTimeout(() => {
+      ve(!1), ye(O), we();
+    }, 100));
+  }, [h]);
+  function at(e) {
+    e ? w(e, () => {
+      rt();
+    }) : w(!1);
+  }
+  function T(e) {
+    Q == null || Q(e.format(o), e);
+  }
+  function w(e, t) {
+    Ze(e), B == null || B(e), t == null || t();
+  }
+  function it(e) {
+    var t;
+    e.stopPropagation(), b(void 0), N(void 0), F(void 0), (t = n.onClear) == null || t.call(n);
+  }
+  function st() {
+    const e = D(g, l.dayjsLocale);
+    Se(), q == null || q(e && e.format(o), e);
+  }
+  function Se() {
+    b(g), F(g), w(!1);
+  }
+  function Ye(e, t, s) {
+    if ($(void 0), z(void 0), c) {
+      const i = s ? t : re(t, ee);
+      N(i), y(i);
+      const P = D(
+        L(i, r, a),
+        l.dayjsLocale
+      );
+      f == null || f(P.format(o), P);
+    } else {
+      const i = D(
+        L(t, r, a).locale(l.dayjsLocale),
+        l.dayjsLocale
+      );
+      f == null || f(i ? i.format(o) : void 0, i), b(t), F(t), w(!1);
+    }
+  }
+  function F(e) {
+    if (Et(e, k)) {
+      const t = D(
+        L(e, r, a),
+        l.dayjsLocale
+      );
+      R == null || R(
+        t ? t.format(o) : void 0,
+        t
+      );
+    }
+  }
+  function lt(e, t) {
+    const s = g || j(r, a), i = re(s, t);
+    N(i);
+    const P = D(
+      L(i, r, a),
+      l.dayjsLocale
+    );
+    f == null || f(P.format(o), P);
+  }
+  function ut(e) {
+    return typeof e == "string" && He(e, o).format(o) === e && (typeof ue == "function" ? !ue(He(e, o)) : !0);
+  }
+  function ct(e) {
+    const t = e.target.value;
+    if ($(t), h || w(!0), ut(t)) {
+      const s = d(t, o);
+      N(s), y(s), $(void 0);
+    }
+  }
+  function ft() {
+    g ? (Se(), we()) : h && w(!1);
+  }
+  function v(e, t, s = 1) {
+    let i;
+    e === "prev" && (i = Ee.subtract(Z, s, t)), e === "next" && (i = Ee.add(Z, s, t)), T(i), y(i);
+  }
+  function De(e = O) {
+    if (e === "date" || e === "week")
+      return {
+        onPrev: () => v("prev", "month"),
+        onNext: () => v("next", "month"),
+        onSuperPrev: () => v("prev", "year"),
+        onSuperNext: () => v("next", "year")
+      };
+    if (e === "month" || e === "quarter")
+      return {
+        onSuperPrev: () => v("prev", "year"),
+        onSuperNext: () => v("next", "year")
+      };
+    if (e === "year")
+      return {
+        onSuperPrev: () => v("prev", "year", 10),
+        onSuperNext: () => v("next", "year", 10)
+      };
+  }
+  function xe() {
+    const e = D(
+      j(r, a),
+      l.dayjsLocale
+    );
+    T(e), Ye(e.format(o), e, !0);
+  }
+  function pt(e, t) {
+    if (!t) {
+      const s = c ? re(e, ee) : e;
+      z(
+        typeof C == "function" ? C(e) : s.locale(l.dayjsLocale).format(o)
+      );
+    }
+  }
+  function mt() {
+    z(void 0);
+  }
+  function dt(e) {
+    if (typeof e.value == "function" && je(e.value())) {
+      const t = d(
+        e.value(),
+        o,
+        r,
+        a
+      );
+      y(t), T(t), X(t);
+    }
+  }
+  function ht() {
+    const e = J || k || j(r, a);
+    X(void 0), y(e), T(e);
+  }
+  function gt(e) {
+    if (_ == null || _(e), typeof e.value == "function" && je(e.value())) {
+      const t = d(
+        e.value(),
+        o,
+        r,
+        a
+      );
+      b(t), F(t), w(!1);
+    }
+  }
+  function vt() {
+    ve(!G);
+  }
+  function Ce(e) {
+    const t = Mt(
+      `${V}-container`,
+      {
+        [`${V}-panel-only`]: e,
+        [`${V}-container-shortcuts-placement-left`]: Le(E) && x,
+        [`${V}-container-rtl`]: W
+      },
+      e ? ae : ""
+    ), s = {
+      prefixCls: V,
+      showTime: c,
+      shortcuts: E,
+      onSelectNow: xe,
+      showNowBtn: ce,
+      onMouseEnterShortcut: dt,
+      onMouseLeaveShortcut: ht,
+      onSelectShortcut: gt
+    }, i = c && A === "date" || fe || Le(E) && E.length && !x || !c && A === "date" && ce, P = /* @__PURE__ */ Ne(Te, { children: [
+      Ct.cloneElement(le, {
+        ...It(n, ["style"]),
+        ...De(),
+        getHeaderOperations: De,
+        onSelect: Ye,
+        onTimePickerSelect: lt,
+        onSelectNow: xe,
+        popupVisible: h,
+        format: o,
+        value: g,
+        pageShowDate: Z,
+        localeName: l.dayjsLocale,
+        setPageShowDate: (S) => {
+          y(S), T(S);
+        },
+        timeValue: ee,
+        isTimePanel: G,
+        panelMode: A,
+        setPanelMode: ye,
+        onMouseEnterCell: pt,
+        onMouseLeaveCell: mt
+      }),
+      !!i && /* @__PURE__ */ p(
+        $t,
+        {
+          ...s,
+          DATEPICKER_LOCALE: de,
+          disabled: !g,
+          onClickConfirmBtn: st,
+          extra: fe,
+          mode: A,
+          shortcutsPlacementLeft: x,
+          onClickSelectTimeBtn: vt,
+          isTimePanel: G
+        }
+      )
+    ] }), be = x ? /* @__PURE__ */ Ne(Te, { children: [
+      /* @__PURE__ */ p(At, { ref: ge, ...s }),
+      /* @__PURE__ */ p("div", { ref: he, className: `${V}-panel-wrapper`, children: P })
+    ] }) : P, wt = typeof me == "function" ? me(be) : be;
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        className: t,
+        onClick: () => {
+          var S, ke;
+          (ke = (S = Y.current) == null ? void 0 : S.focus) == null || ke.call(S);
+        },
+        style: e ? ie : {},
+        children: wt
+      }
+    );
+  }
+  const Pt = n.size || U, Vt = I && I.inputSuffix === null ? null : I && I.inputSuffix || (c ? /* @__PURE__ */ p(Yt, {}) : /* @__PURE__ */ p(St, {})), yt = {
+    style: ie,
+    className: ae,
+    popupVisible: h,
+    format: C,
+    disabled: se,
+    error: Fe,
+    status: Ue,
+    size: Pt,
+    onPressEnter: ft,
+    onClear: it,
+    prefix: n.prefix,
+    suffixIcon: Vt,
+    editable: Be && typeof C != "function",
+    allowClear: Oe
+  };
+  return /* @__PURE__ */ p(zt.Provider, { value: { utcOffset: r, timezone: a, weekStart: Ge }, children: pe === null ? Ce(!0) : /* @__PURE__ */ p(
+    Lt,
+    {
+      popup: Ce,
+      trigger: "click",
+      clickToClose: !1,
+      position: Ae,
+      disabled: se,
+      popupAlign: Bt,
+      getPopupContainer: $e,
+      onVisibleChange: at,
+      popupVisible: h,
+      classNames: "slideDynamicOrigin",
+      unmountOnExit: We,
+      ...Re,
+      children: pe || /* @__PURE__ */ p(
+        jt,
+        {
+          ...Ot(n),
+          ...yt,
+          ref: Y,
+          placeholder: ze || de.placeholder[O],
+          popupVisible: h,
+          value: J || k,
+          inputValue: Pe || et,
+          prefixCls: V,
+          onChange: ct,
+          isPlaceholder: !!Pe,
+          inputProps: Ke
+        }
+      )
+    }
+  ) });
+};
+export {
+  go as default
+};