@unicom-cloud/ui 0.8.133 → 0.8.135

package/date-picker/Picker.js

@@ -1,34 +1,37 @@
-/* 2025-12-30 17:27:22 */
-import { jsx as u, jsxs as ke, Fragment as xe } from "react/jsx-runtime";
-import yo from "@unicom-cloud/icons/IconUiCalendar";
-import ko from "@unicom-cloud/icons/IconUiCalendarClock";
-import xo, { forwardRef as Do, useContext as No, useRef as ne, useImperativeHandle as To, useState as f, useEffect as jo } from "react";
+/* 2026-01-08 16:35:57 */
+import { jsx as u, jsxs as Te, Fragment as je } from "react/jsx-runtime";
+import Ho from "@unicom-cloud/icons/IconUiCalendar";
+import Lo from "@unicom-cloud/icons/IconUiCalendarClock";
+import Io, { forwardRef as Mo, useContext as le, useRef as se, useImperativeHandle as Eo, useState as f, useEffect as Oo } from "react";
 import "../config-provider/ConfigProvider.js";
-import Lo from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import De from "@unicom-cloud/ui-common/hooks/use-previous";
-import Ho from "@unicom-cloud/ui-common/hooks/use-update-effect";
-import Mo from "../picker/Input.js";
-import Eo from "../trigger/index.js";
-import Io from "@unicom-cloud/ui-common/utils/className";
-import { getDayjsValue as p, getNow as N, toLocal as T, toTimezone as Oo, getValueWithTime as ae, isDayjsChange as $o, methods as Ne } from "../utils/dayjs.js";
-import { isUndefined as zo, isFunction as V, isPlainObject as Fo, isArray as Te, isDayjs as je, isString as Ao } from "@unicom-cloud/ui-common/utils/is";
-import Ro from "@unicom-cloud/ui-common/utils/omit";
-import { pickDataAttributes as Uo } from "@unicom-cloud/ui-common/utils/pick";
-import Wo from "./context.js";
-import Bo from "./panel/Footer.js";
-import _o from "./panel/Shortcut.js";
-import { getDefaultWeekStart as qo, getLocaleDayjsValue as C } from "./utils.js";
-import Qo from "../config-provider/context.js";
-import Le from "dayjs";
-function Ko(j) {
-  const { format: L, picker: F, showTime: A } = j;
+import { FormContext as Fo, FormItemContext as $o } from "../form/context.js";
+import zo from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import He from "@unicom-cloud/ui-common/hooks/use-previous";
+import Ao from "@unicom-cloud/ui-common/hooks/use-update-effect";
+import Ro from "../picker/Input.js";
+import Uo from "../trigger/index.js";
+import Wo from "@unicom-cloud/ui-common/utils/className";
+import { getDayjsValue as p, getNow as N, toLocal as T, toTimezone as Bo, isDayjsChange as _o, getValueWithTime as ie, methods as Le } from "../utils/dayjs.js";
+import { isUndefined as qo, isFunction as V, isPlainObject as Qo, isArray as Ie, isString as Ko, isDayjs as Me } from "@unicom-cloud/ui-common/utils/is";
+import Go from "@unicom-cloud/ui-common/utils/omit";
+import { pickDataAttributes as Jo } from "@unicom-cloud/ui-common/utils/pick";
+import { HYPHEN as Xo } from "@unicom-cloud/utils/constant/string";
+import "@unicom-cloud/ui-common/utils/string";
+import Zo from "./context.js";
+import et from "./panel/Footer.js";
+import ot from "./panel/Shortcut.js";
+import { getDefaultWeekStart as tt, getLocaleDayjsValue as C } from "./utils.js";
+import nt from "../config-provider/context.js";
+import Ee from "dayjs";
+function rt(j) {
+  const { format: H, picker: A, showTime: R } = j;
   let n;
-  if (L)
-    n = L;
+  if (H)
+    n = H;
   else
-    switch (j.mode || F?.props?.pickerType) {
+    switch (j.mode || A?.props?.pickerType) {
       case "date":
-        n = A ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+        n = R ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
         break;
       case "month":
         n = "YYYY-MM";
@@ -47,178 +50,179 @@ function Ko(j) {
     }
   return n;
 }
-const He = {
+const Oe = {
   allowClear: !0,
   unmountOnExit: !0,
   position: "bl",
   editable: !0,
   showNowBtn: !0
-}, Go = { bottom: 4 }, Jo = (j, L) => {
+}, at = { bottom: 4 }, lt = (j, H) => {
   const {
-    prefixCls: F,
-    getPrefixCls: A,
+    prefixCls: A,
+    getPrefixCls: R,
     locale: n,
-    size: re,
-    componentConfig: Me,
-    rtl: le
-  } = No(Qo);
-  le && (He.position = "br");
-  const l = Lo(
+    size: ce,
+    componentConfig: Fe,
+    rtl: ue
+  } = le(nt), $e = le(Fo), ze = le($o);
+  ue && (Oe.position = "br");
+  const l = zo(
     j,
-    He,
-    Me?.DatePicker
+    Oe,
+    Fe?.DatePicker
   ), {
-    allowClear: Ee,
-    className: se,
-    style: ie,
-    placeholder: Ie,
-    getPopupContainer: Oe,
-    disabled: ce,
-    position: $e,
-    error: ze,
-    status: Fe,
-    unmountOnExit: Ae,
-    editable: Re,
-    triggerProps: Ue,
-    picker: ue,
-    shortcuts: H,
-    onSelect: R,
-    onVisibleChange: We,
-    value: Be,
-    onChange: _e,
-    icons: M,
-    disabledDate: fe,
+    allowClear: Ae,
+    className: fe,
+    style: pe,
+    placeholder: Re,
+    getPopupContainer: Ue,
+    disabled: me,
+    position: We,
+    error: Be,
+    status: _e,
+    unmountOnExit: qe,
+    editable: Qe,
+    triggerProps: Ke,
+    picker: de,
+    shortcuts: L,
+    onSelect: U,
+    onVisibleChange: Ge,
+    value: Je,
+    onChange: Xe,
+    icons: I,
+    disabledDate: he,
     showTime: c,
-    showNowBtn: pe,
-    onSelectShortcut: qe,
-    extra: me,
+    showNowBtn: ge,
+    onSelectShortcut: Ze,
+    extra: ve,
     shortcutsPlacementLeft: w,
-    onOk: Qe,
-    defaultPickerValue: Ke,
-    pickerValue: Ge,
-    onPickerValueChange: Je,
-    triggerElement: de,
-    utcOffset: a,
-    timezone: r,
-    panelRender: he,
-    inputProps: Xe
-  } = l, v = A?.("picker"), U = n?.DatePicker, Ze = zo(l.dayStartOfWeek) ? qo(n?.dayjsLocale) : l.dayStartOfWeek, b = l.mode || ue.props.pickerType, E = ne(null), W = ne(null), B = ne(null);
-  To(L, () => ({
+    onOk: eo,
+    defaultPickerValue: oo,
+    pickerValue: to,
+    onPickerValueChange: no,
+    triggerElement: Pe,
+    utcOffset: r,
+    timezone: a,
+    panelRender: Se,
+    inputProps: ro,
+    readOnly: W = ze.readOnly ?? $e.readOnly
+  } = l, v = R?.("picker"), B = n?.DatePicker, ao = W ? Xo : Re, lo = qo(l.dayStartOfWeek) ? tt(n?.dayjsLocale) : l.dayStartOfWeek, x = l.mode || de.props.pickerType, M = se(null), _ = se(null), q = se(null);
+  Eo(H, () => ({
     focus() {
-      X();
+      ee();
     },
     blur() {
-      Z();
+      oe();
     },
     getRootElement() {
-      return E.current;
+      return M.current;
     }
   }));
-  const Y = U?.Calendar?.[b]?.format || Ko(l);
-  let t = Y;
+  const y = B?.Calendar?.[x]?.format || rt(l);
+  let t = y;
   V(t) && (t = c ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD");
-  function eo() {
+  function so() {
     let e;
-    return l.value ? e = p(l.value, t, a, r) : e = p(l.defaultValue, t, a, r), e;
+    return l.value ? e = p(l.value, t, r, a) : e = p(l.defaultValue, t, r, a), e;
   }
-  const [_, y] = f(eo()), [oo, to] = f(l.popupVisible), [q, ge] = f(!1), [ve, I] = f(), m = "popupVisible" in l ? l.popupVisible : oo, k = "value" in l ? p(Be, t, a, r) : _, Se = k || p(Ke, t) || N(), [no, O] = f(), [Q, x] = f(), [ao, K] = f(), [ro, S] = f(Se), G = p(Ge, t) || ro, d = ao || Q || k, [$, Pe] = f(b), lo = Fo(c) && p(
+  const [Q, b] = f(so()), [io, co] = f(l.popupVisible), [K, Ve] = f(!1), [Ce, E] = f(), m = "popupVisible" in l ? l.popupVisible : io, Y = "value" in l ? p(Je, t, r, a) : Q, we = Y || p(oo, t) || N(), [uo, O] = f(), [G, k] = f(), [fo, J] = f(), [po, P] = f(we), X = p(to, t) || po, d = fo || G || Y, [F, xe] = f(x), mo = Qo(c) && p(
     c.defaultValue,
     c.format || "HH:mm:ss"
-  ) || N(a, r), J = d || lo;
-  function X() {
-    E.current?.focus?.();
+  ) || N(r, a), Z = d || mo;
+  function ee() {
+    M.current?.focus?.();
   }
-  function Z() {
-    E.current?.blur?.();
+  function oe() {
+    M.current?.blur?.();
   }
-  const ee = De(a), oe = De(r);
-  Ho(() => {
-    if (_ && (ee !== a || r !== oe)) {
-      const e = T(_, ee, oe);
-      y(Oo(e, a, r));
+  const te = He(r), ne = He(a);
+  Ao(() => {
+    if (Q && (te !== r || a !== ne)) {
+      const e = T(Q, te, ne);
+      b(Bo(e, r, a));
     }
-  }, [a, ee, r, oe]), jo(() => {
-    O(void 0), I(void 0), m ? (S(Se), w && B.current && W.current && (B.current.style.maxHeight = `${W.current.clientHeight}px`)) : (x(void 0), K(void 0), setTimeout(() => {
-      ge(!1), Pe(b), Z();
+  }, [r, te, a, ne]), Oo(() => {
+    O(void 0), E(void 0), m ? (P(we), w && q.current && _.current && (q.current.style.maxHeight = `${_.current.clientHeight}px`)) : (k(void 0), J(void 0), setTimeout(() => {
+      Ve(!1), xe(x), oe();
     }, 100));
   }, [m]);
-  function so(e) {
-    e ? P(e, () => {
-      X();
-    }) : P(!1);
+  function ho(e) {
+    e ? S(e, () => {
+      ee();
+    }) : S(!1);
   }
   function D(e) {
-    Je?.(e.format(t), e);
+    no?.(e.format(t), e);
   }
-  function P(e, o) {
-    to(e), We?.(e), o?.();
+  function S(e, o) {
+    co(e), Ge?.(e), o?.();
   }
-  function io(e) {
-    e.stopPropagation(), y(void 0), x(void 0), z(void 0), l.onClear?.();
+  function go(e) {
+    e.stopPropagation(), b(void 0), k(void 0), $(void 0), l.onClear?.();
   }
-  function co() {
+  function vo() {
     const e = C(d, n?.dayjsLocale);
-    Ve(), Qe?.(e && e.format(t), e);
+    ye(), eo?.(e && e.format(t), e);
   }
-  function Ve() {
-    y(d), z(d), P(!1);
+  function ye() {
+    b(d), $(d), S(!1);
   }
-  function Ce(e, o, i) {
-    if (O(void 0), I(void 0), c) {
-      const s = i ? o : ae(o, J);
-      x(s), S(s);
+  function be(e, o, i) {
+    if (O(void 0), E(void 0), c) {
+      const s = i ? o : ie(o, Z);
+      k(s), P(s);
       const g = C(
-        T(s, a, r),
+        T(s, r, a),
         n?.dayjsLocale
       );
-      R?.(g.format(t), g);
+      U?.(g.format(t), g);
     } else {
       const s = C(
-        T(o, a, r).locale(n?.dayjsLocale),
+        T(o, r, a).locale(n?.dayjsLocale),
         n?.dayjsLocale
       );
-      R?.(s ? s.format(t) : void 0, s), y(o), z(o), P(!1);
+      U?.(s ? s.format(t) : void 0, s), b(o), $(o), S(!1);
     }
   }
-  function z(e) {
-    if ($o(e, k)) {
+  function $(e) {
+    if (_o(e, Y)) {
       const o = C(
-        T(e, a, r),
+        T(e, r, a),
         n?.dayjsLocale
       );
-      _e?.(
+      Xe?.(
         o ? o.format(t) : void 0,
         o
       );
     }
   }
-  function uo(e, o) {
-    const i = d || N(a, r), s = ae(i, o);
-    x(s);
+  function Po(e, o) {
+    const i = d || N(r, a), s = ie(i, o);
+    k(s);
     const g = C(
-      T(s, a, r),
+      T(s, r, a),
       n?.dayjsLocale
     );
-    R?.(g.format(t), g);
+    U?.(g.format(t), g);
   }
-  function fo(e) {
-    return Ao(e) && Le(e, t).format(t) === e && (V(fe) ? !fe(Le(e, t)) : !0);
+  function So(e) {
+    return Ko(e) && Ee(e, t).format(t) === e && (V(he) ? !he(Ee(e, t)) : !0);
   }
-  function po(e) {
+  function Vo(e) {
     const o = e.target.value;
-    if (O(o), m || P(!0), fo(o)) {
+    if (O(o), m || S(!0), So(o)) {
       const i = p(o, t);
-      x(i), S(i), O(void 0);
+      k(i), P(i), O(void 0);
     }
   }
-  function mo() {
-    d ? (Ve(), Z()) : m && P(!1);
+  function Co() {
+    d ? (ye(), oe()) : m && S(!1);
   }
   function h(e, o, i = 1) {
     let s;
-    e === "prev" && (s = Ne.subtract(G, i, o)), e === "next" && (s = Ne.add(G, i, o)), D(s), S(s);
+    e === "prev" && (s = Le.subtract(X, i, o)), e === "next" && (s = Le.add(X, i, o)), D(s), P(s);
   }
-  function we(e = b) {
+  function Ye(e = x) {
     if (e === "date" || e === "week")
       return {
         onPrev: () => h("prev", "month"),
@@ -237,184 +241,186 @@ const He = {
         onSuperNext: () => h("next", "year", 10)
       };
   }
-  function be() {
+  function ke() {
     const e = C(
-      N(a, r),
+      N(r, a),
       n?.dayjsLocale
     );
-    D(e), Ce(e.format(t), e, !0);
+    D(e), be(e.format(t), e, !0);
   }
-  function ho(e, o) {
+  function wo(e, o) {
     if (!o) {
-      const i = c ? ae(e, J) : e;
-      I(
-        V(Y) ? Y(e) : i.locale(n?.dayjsLocale).format(t)
+      const i = c ? ie(e, Z) : e;
+      E(
+        V(y) ? y(e) : i.locale(n?.dayjsLocale).format(t)
       );
     }
   }
-  function go() {
-    I(void 0);
+  function xo() {
+    E(void 0);
   }
-  function vo(e) {
-    if (V(e.value) && je(e.value())) {
+  function yo(e) {
+    if (V(e.value) && Me(e.value())) {
       const o = p(
         e.value(),
         t,
-        a,
-        r
+        r,
+        a
       );
-      S(o), D(o), K(o);
+      P(o), D(o), J(o);
     }
   }
-  function So() {
-    const e = Q || k || N(a, r);
-    K(void 0), S(e), D(e);
+  function bo() {
+    const e = G || Y || N(r, a);
+    J(void 0), P(e), D(e);
   }
-  function Po(e) {
-    if (qe?.(e), V(e.value) && je(e.value())) {
+  function Yo(e) {
+    if (Ze?.(e), V(e.value) && Me(e.value())) {
       const o = p(
         e.value(),
         t,
-        a,
-        r
+        r,
+        a
       );
-      y(o), z(o), P(!1);
+      b(o), $(o), S(!1);
     }
   }
-  function Vo() {
-    ge(!q);
+  function ko() {
+    Ve(!K);
   }
-  function Ye(e) {
-    const o = Io(
+  function De(e) {
+    const o = Wo(
       `${v}-container`,
       {
         [`${v}-panel-only`]: e,
-        [`${v}-container-shortcuts-placement-left`]: Te(H) && w,
-        [`${v}-container-rtl`]: le
+        [`${v}-container-shortcuts-placement-left`]: Ie(L) && w,
+        [`${v}-container-rtl`]: ue
       },
-      e ? se : ""
+      e ? fe : ""
     ), i = {
       prefixCls: v,
       showTime: c,
-      shortcuts: H,
-      onSelectNow: be,
-      showNowBtn: pe,
-      onMouseEnterShortcut: vo,
-      onMouseLeaveShortcut: So,
-      onSelectShortcut: Po
-    }, s = c && $ === "date" || me || Te(H) && H.length && !w || !c && $ === "date" && pe, g = /* @__PURE__ */ ke(xe, { children: [
-      xo.cloneElement(ue, {
-        ...Ro(l, ["style"]),
-        ...we(),
-        getHeaderOperations: we,
-        onSelect: Ce,
-        onTimePickerSelect: uo,
-        onSelectNow: be,
+      shortcuts: L,
+      onSelectNow: ke,
+      showNowBtn: ge,
+      onMouseEnterShortcut: yo,
+      onMouseLeaveShortcut: bo,
+      onSelectShortcut: Yo
+    }, s = c && F === "date" || ve || Ie(L) && L.length && !w || !c && F === "date" && ge, g = /* @__PURE__ */ Te(je, { children: [
+      Io.cloneElement(de, {
+        ...Go(l, ["style"]),
+        ...Ye(),
+        getHeaderOperations: Ye,
+        onSelect: be,
+        onTimePickerSelect: Po,
+        onSelectNow: ke,
         popupVisible: m,
         format: t,
         value: d,
-        pageShowDate: G,
+        pageShowDate: X,
         localeName: n?.dayjsLocale,
-        setPageShowDate(te) {
-          S(te), D(te);
+        setPageShowDate(ae) {
+          P(ae), D(ae);
         },
-        timeValue: J,
-        isTimePanel: q,
-        panelMode: $,
-        setPanelMode: Pe,
-        onMouseEnterCell: ho,
-        onMouseLeaveCell: go
+        timeValue: Z,
+        isTimePanel: K,
+        panelMode: F,
+        setPanelMode: xe,
+        onMouseEnterCell: wo,
+        onMouseLeaveCell: xo
       }),
       !!s && /* @__PURE__ */ u(
-        Bo,
+        et,
         {
           ...i,
-          DATEPICKER_LOCALE: U,
+          DATEPICKER_LOCALE: B,
           disabled: !d,
-          onClickConfirmBtn: co,
-          extra: me,
-          mode: $,
+          onClickConfirmBtn: vo,
+          extra: ve,
+          mode: F,
           shortcutsPlacementLeft: w,
-          onClickSelectTimeBtn: Vo,
-          isTimePanel: q
+          onClickSelectTimeBtn: ko,
+          isTimePanel: K
         }
       )
-    ] }), ye = w ? /* @__PURE__ */ ke(xe, { children: [
-      /* @__PURE__ */ u(_o, { ref: B, ...i }),
-      /* @__PURE__ */ u("div", { ref: W, className: `${v}-panel-wrapper`, children: g })
-    ] }) : g, Yo = V(he) ? he(ye) : ye;
+    ] }), Ne = w ? /* @__PURE__ */ Te(je, { children: [
+      /* @__PURE__ */ u(ot, { ref: q, ...i }),
+      /* @__PURE__ */ u("div", { ref: _, className: `${v}-panel-wrapper`, children: g })
+    ] }) : g, jo = V(Se) ? Se(Ne) : Ne;
     return /* @__PURE__ */ u(
       "div",
       {
         className: o,
-        onClick: (te) => {
-          X();
+        onClick: (ae) => {
+          ee();
         },
-        style: e ? ie : {},
-        children: Yo
+        style: e ? pe : {},
+        children: jo
       }
     );
   }
-  const Co = l.size || re, wo = M && M.inputSuffix === null ? null : M && M.inputSuffix || (c ? /* @__PURE__ */ u(ko, {}) : /* @__PURE__ */ u(yo, {})), bo = {
-    style: ie,
-    className: se,
+  const Do = l.size || ce, No = I && I.inputSuffix === null ? null : I && I.inputSuffix || (c ? /* @__PURE__ */ u(Lo, {}) : /* @__PURE__ */ u(Ho, {})), To = {
+    style: pe,
+    className: fe,
     popupVisible: m,
-    format: Y,
-    disabled: ce,
-    error: ze,
-    status: Fe,
-    size: Co,
-    onPressEnter: mo,
-    onClear: io,
+    format: y,
+    disabled: me,
+    error: Be,
+    status: _e,
+    size: Do,
+    onPressEnter: Co,
+    onClear: go,
     prefix: l.prefix,
-    suffixIcon: wo,
-    editable: Re && !V(Y),
-    allowClear: Ee
-  };
-  return /* @__PURE__ */ u(
-    Wo.Provider,
+    suffix: No,
+    editable: Qe && !V(y),
+    allowClear: Ae,
+    readOnly: W
+  }, re = /* @__PURE__ */ u(
+    Ro,
+    {
+      ...Jo(l),
+      ...To,
+      ref: M,
+      placeholder: ao || B?.placeholder?.[x],
+      popupVisible: m,
+      value: G || Y,
+      inputValue: Ce || uo,
+      prefixCls: v,
+      onChange: Vo,
+      isPlaceholder: !!Ce,
+      inputProps: ro
+    }
+  );
+  let z = re;
+  return W ? z = re : Pe === null ? z = De(!0) : z = /* @__PURE__ */ u(
+    Uo,
+    {
+      popup: De,
+      trigger: "click",
+      clickToClose: !1,
+      position: We,
+      disabled: me,
+      popupAlign: at,
+      getPopupContainer: Ue,
+      onVisibleChange: ho,
+      popupVisible: m,
+      classNames: `${A}-slide-dynamic-origin`,
+      unmountOnExit: qe,
+      ...Ke,
+      children: Pe || re
+    }
+  ), /* @__PURE__ */ u(
+    Zo.Provider,
     {
       value: {
-        utcOffset: a,
-        timezone: r,
-        weekStart: Ze
+        utcOffset: r,
+        timezone: a,
+        weekStart: lo
       },
-      children: de === null ? Ye(!0) : /* @__PURE__ */ u(
-        Eo,
-        {
-          popup: Ye,
-          trigger: "click",
-          clickToClose: !1,
-          position: $e,
-          disabled: ce,
-          popupAlign: Go,
-          getPopupContainer: Oe,
-          onVisibleChange: so,
-          popupVisible: m,
-          classNames: `${F}-slide-dynamic-origin`,
-          unmountOnExit: Ae,
-          ...Ue,
-          children: de || /* @__PURE__ */ u(
-            Mo,
-            {
-              ...Uo(l),
-              ...bo,
-              ref: E,
-              placeholder: Ie || U?.placeholder?.[b],
-              popupVisible: m,
-              value: Q || k,
-              inputValue: ve || no,
-              prefixCls: v,
-              onChange: po,
-              isPlaceholder: !!ve,
-              inputProps: Xe
-            }
-          )
-        }
-      )
+      children: z
     }
   );
-}, Pt = Do(Jo);
+}, jt = Mo(lt);
 export {
-  Pt as default
+  jt as default
 };