@unicom-cloud/ui 0.8.118 → 0.8.120

package/time-picker/Picker.js

@@ -1,89 +1,87 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsx as g } from "react/jsx-runtime";
 import Ie from "@unicom-cloud/icons/IconUiClockCircle";
 import { isDayjs as ke } from "dayjs";
-import ye, { useContext as Te, useState as v, useRef as Se } from "react";
+import ye, { useContext as Te, useState as v, useRef as De } from "react";
 import "../config-provider/ConfigProvider.js";
-import De from "../dist/ui-common/hooks/use-merge-props/index.js";
-import J from "../dist/ui-common/hooks/use-previous/index.js";
-import je from "../dist/ui-common/hooks/use-update-effect/index.js";
+import Se from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import J from "@unicom-cloud/ui-common/hooks/use-previous";
+import je from "@unicom-cloud/ui-common/hooks/use-update-effect";
 import we from "../picker/Input.js";
 import Ae from "../picker/InputRange.js";
-import He from "../trigger/index.js";
-import ze from "@unicom-cloud/utils/class-name";
-import { getDayjsValue as y, toLocal as p, toTimezone as K, isValidTimeString as z, getSortedDayjsArray as Ee, isDayjsArrayChange as Fe, isDayjsChange as Oe } from "../utils/dayjs.js";
-import "../dist/ui-common/utils/is.js";
-import { pickDataAttributes as Re } from "../dist/ui-common/utils/pick.js";
-import Ne from "./context.js";
-import { getFormatTime as $e } from "./utils.js";
-import Ue from "../config-provider/context.js";
-import { isArray as s } from "@unicom-cloud/utils/is";
+import Ee from "../trigger/index.js";
+import He from "@unicom-cloud/ui-common/utils/className";
+import { getDayjsValue as y, toLocal as c, toTimezone as K, isValidTimeString as H, getSortedDayjsArray as Ne, isDayjsArrayChange as ze, isDayjsChange as Fe } from "../utils/dayjs.js";
+import { isArray as l } from "@unicom-cloud/ui-common/utils/is";
+import { pickDataAttributes as Oe } from "@unicom-cloud/ui-common/utils/pick";
+import Re from "./context.js";
+import { getFormatTime as Ue } from "./utils.js";
+import $e from "../config-provider/context.js";
 function Le(T) {
   return T.format || "HH:mm:ss";
 }
-const M = {
+const Q = {
   allowClear: !0,
   position: "bl",
   format: "HH:mm:ss",
   editable: !0,
-  order: !0,
-  scrollSticky: !1
-}, _e = { bottom: 4 }, so = (T) => {
+  order: !0
+}, Me = { bottom: 4 }, so = (T) => {
   const {
-    locale: E,
-    prefixCls: Q,
-    getPrefixCls: W,
-    componentConfig: X,
-    rtl: Y
-  } = Te(Ue);
-  Y && (M.position = "br");
-  const i = De(
+    locale: N,
+    prefixCls: W,
+    getPrefixCls: X,
+    componentConfig: Y,
+    rtl: Z
+  } = Te($e);
+  Z && (Q.position = "br");
+  const i = Se(
     T,
-    M,
-    X?.TimePicker
+    Q,
+    Y?.TimePicker
   ), {
-    allowClear: Z = !0,
-    className: F,
+    allowClear: _ = !0,
+    className: z,
     disableConfirm: ee,
-    style: O,
-    placeholder: S,
+    style: F,
+    placeholder: D,
     getPopupContainer: oe,
-    disabled: R,
+    disabled: O,
     position: te,
     isRangePicker: f,
     picker: ie,
     error: ne,
     status: re,
-    triggerElement: N,
-    triggerProps: le,
-    value: ae,
-    onChange: D,
-    icons: $,
-    size: se,
+    triggerElement: R,
+    triggerProps: ae,
+    value: se,
+    onChange: S,
+    icons: U,
+    size: le,
     editable: ue,
-    unmountOnExit: pe,
-    order: ce,
+    unmountOnExit: ce,
+    order: pe,
     utcOffset: n,
     timezone: r
-  } = i, l = Le(i), fe = W?.("time-picker");
+  } = i, a = Le(i), fe = X?.("time-picker");
   function me() {
     let e;
-    return i.value ? e = y(i.value, l, n, r) : i.defaultValue && (e = y(i.defaultValue, l, n, r)), e;
+    return i.value ? e = y(i.value, a, n, r) : i.defaultValue && (e = y(i.defaultValue, a, n, r)), e;
   }
-  const [U, L] = v(!1), [m, _] = v(me()), [t, C] = v(), [h, d] = v(), [x, de] = v(0), u = "value" in i ? y(ae, l, n, r) : m, j = "popupVisible" in i ? i.popupVisible : U, b = J(n), I = J(r);
+  const [$, L] = v(!1), [m, M] = v(me()), [t, C] = v(), [h, d] = v(), [b, de] = v(0), u = "value" in i ? y(se, a, n, r) : m, j = "popupVisible" in i ? i.popupVisible : $, x = J(n), I = J(r);
   je(() => {
-    if (m && (b !== n || r !== I)) {
-      const e = s(m) ? m.map(
-        (a, P, c) => p(a, b, I)
-      ) : p(m, b, I), o = s(e) ? e.map((a, P, c) => K(a, n, r)) : K(e, n, r);
-      _(o);
+    if (m && (x !== n || r !== I)) {
+      const e = l(m) ? m.map(
+        (s, P, p) => c(s, x, I)
+      ) : c(m, x, I), o = l(e) ? e.map((s, P, p) => K(s, n, r)) : K(e, n, r);
+      M(o);
     }
-  }, [n, b, r, I]);
-  const w = Se(null);
+  }, [n, x, r, I]);
+  const w = De(null);
   function A(e) {
     w.current?.focus?.(e);
   }
-  function H(e) {
+  function E(e) {
     de(e), setTimeout(() => A(e));
   }
   function ge(e) {
@@ -95,29 +93,29 @@ const M = {
     L(e), d(void 0), o?.(), e || C(void 0);
   }
   function k(e) {
-    const o = f && ce && s(e) ? Ee(e.map((a, P, c) => $e(a))) : e;
-    _(o), C(void 0), d(void 0), Ce(o), ee || V(!1);
+    const o = f && pe && l(e) ? Ne(e.map((s, P, p) => Ue(s))) : e;
+    M(o), C(void 0), d(void 0), Ce(o), ee || V(!1);
   }
   function Ce(e) {
-    s(e) && Fe(u, e) && D?.(
-      e.map((o) => p(o, n, r).format(l)),
-      e.map((o) => p(o, n, r))
-    ), ke(e) && Oe(u, e) && D?.(
-      p(e, n, r).format(l),
-      p(e, n, r)
+    l(e) && ze(u, e) && S?.(
+      e.map((o) => c(o, n, r).format(a)),
+      e.map((o) => c(o, n, r))
+    ), ke(e) && Fe(u, e) && S?.(
+      c(e, n, r).format(a),
+      c(e, n, r)
     );
   }
   function q(e) {
-    const o = f ? s(t) && t.length ? t : u : t || u;
+    const o = f ? l(t) && t.length ? t : u : t || u;
     return /* @__PURE__ */ g(
       "div",
       {
-        className: ze(`${fe}-container`, e ? F : ""),
-        style: e ? O : {},
+        className: He(`${fe}-container`, e ? z : ""),
+        style: e ? F : {},
         onClick: () => A(),
         children: ye.cloneElement(ie, {
           ...i,
-          format: l,
+          format: a,
           inputValue: h,
           setInputValue: d,
           onConfirmValue: k,
@@ -125,93 +123,93 @@ const M = {
           valueShow: o,
           value: u,
           popupVisible: j,
-          focusedInputIndex: x,
-          changeFocusedInputIndex: H
+          focusedInputIndex: b,
+          changeFocusedInputIndex: E
         })
       }
     );
   }
   function B(e) {
     const o = e.target.value;
-    U || L(!0), d(o), he(o);
+    $ || L(!0), d(o), he(o);
   }
   function he(e) {
-    const o = y(e, l);
+    const o = y(e, a);
     if (f) {
-      const a = [
-        ...s(t) ? t : m || []
+      const s = [
+        ...l(t) ? t : m || []
       ];
-      if (z(e, l)) {
-        a[x] = o;
-        const P = a.map(
-          (c) => p(c, n, r)
+      if (H(e, a)) {
+        s[b] = o;
+        const P = s.map(
+          (p) => c(p, n, r)
         );
         i.onSelect?.(
-          P.map((c) => c && c.format(l)),
+          P.map((p) => p && p.format(a)),
           P
-        ), C(a), d(void 0);
+        ), C(s), d(void 0);
       }
-    } else if (z(e, l)) {
-      const a = p(o, n, r);
-      i.onSelect?.(a.format(l), a), C(o), d(void 0);
+    } else if (H(e, a)) {
+      const s = c(o, n, r);
+      i.onSelect?.(s.format(a), s), C(o), d(void 0);
     }
   }
   function Ve() {
-    f ? s(t) && t.length ? h && !z(h, l) ? V(!1) : t[0] === void 0 || t[1] === void 0 ? H(x === 0 ? 1 : 0) : t.length === 2 && k(t) : V(!1) : k(t || u);
+    f ? l(t) && t.length ? h && !H(h, a) ? V(!1) : t[0] === void 0 || t[1] === void 0 ? E(b === 0 ? 1 : 0) : t.length === 2 && k(t) : V(!1) : k(t || u);
   }
   function Pe(e) {
-    e.stopPropagation(), k(void 0), D?.(void 0, void 0), i.onClear?.();
+    e.stopPropagation(), k(void 0), S?.(void 0, void 0), i.onClear?.();
   }
-  const ve = f && s(S) ? S : E?.TimePicker?.placeholders, xe = S || E?.TimePicker?.placeholder, be = $ && $.inputSuffix || /* @__PURE__ */ g(Ie, {}), G = {
-    style: O,
-    className: F,
+  const ve = f && l(D) ? D : N?.TimePicker?.placeholders, be = D || N?.TimePicker?.placeholder, xe = U && U.inputSuffix || /* @__PURE__ */ g(Ie, {}), G = {
+    style: F,
+    className: z,
     popupVisible: j,
-    format: l,
-    disabled: R,
+    format: a,
+    disabled: O,
     error: ne,
     status: re,
-    size: se,
+    size: le,
     onPressEnter: Ve,
     onClear: Pe,
-    suffixIcon: be,
+    suffixIcon: xe,
     editable: ue,
-    allowClear: Z,
+    allowClear: _,
     prefix: i.prefix,
-    ...Re(i)
+    ...Oe(i)
   };
-  return /* @__PURE__ */ g(Ne.Provider, { value: { utcOffset: n, timezone: r }, children: N === null ? q(!0) : /* @__PURE__ */ g(
-    He,
+  return /* @__PURE__ */ g(Re.Provider, { value: { utcOffset: n, timezone: r }, children: R === null ? q(!0) : /* @__PURE__ */ g(
+    Ee,
     {
       popup: () => q(),
       trigger: "click",
       clickToClose: !1,
       position: te,
-      disabled: R,
-      popupAlign: _e,
+      disabled: O,
+      popupAlign: Me,
       getPopupContainer: oe,
       onVisibleChange: ge,
       popupVisible: j,
-      classNames: `${Q}-slide-dynamic-origin`,
-      unmountOnExit: !!pe,
-      ...le,
-      children: N || (f ? /* @__PURE__ */ g(
+      classNames: `${W}-slide-dynamic-origin`,
+      unmountOnExit: !!ce,
+      ...ae,
+      children: R || (f ? /* @__PURE__ */ g(
         Ae,
         {
           ...G,
           ref: w,
           placeholder: ve,
-          value: s(t) && t.length ? t : u,
+          value: l(t) && t.length ? t : u,
           onChange: B,
           inputValue: h,
-          changeFocusedInputIndex: H,
-          focusedInputIndex: x
+          changeFocusedInputIndex: E,
+          focusedInputIndex: b
         }
       ) : /* @__PURE__ */ g(
         we,
         {
           ...G,
           ref: w,
-          placeholder: xe,
+          placeholder: be,
           value: t || u,
           inputValue: h,
           onChange: B

package/time-picker/RangePicker.js

@@ -1,14 +1,13 @@
-/* 2025-11-04 14:07:05 */
+/* 2025-11-14 09:11:22 */
 import { jsx as g } from "react/jsx-runtime";
 import { isDayjs as m } from "dayjs";
 import { useContext as k } from "react";
 import { toLocal as I, toTimezone as w } from "../utils/dayjs.js";
-import "../dist/ui-common/utils/is.js";
-import b from "../dist/ui-common/utils/omit.js";
-import z from "./TimePicker.js";
-import T from "./context.js";
-import { isArray as j } from "@unicom-cloud/utils/is";
-function q(p) {
+import { isArray as b } from "@unicom-cloud/ui-common/utils/is";
+import z from "@unicom-cloud/ui-common/utils/omit";
+import T from "./TimePicker.js";
+import j from "./context.js";
+function _(p) {
   const {
     format: a = "HH:mm:ss",
     onSelect: d,
@@ -20,25 +19,25 @@ function q(p) {
     setValueShow: v,
     disableConfirm: s,
     ...C
-  } = p, { utcOffset: u, timezone: f } = k(T);
+  } = p, { utcOffset: u, timezone: f } = k(j);
   function S(y, l) {
     const r = o.slice(), e = o.map((i) => I(i, u, f));
     r[t] = w(l, u, f), e[t] = l, d?.(
       e.map((i) => i.format(a)),
       e
-    ), v(r), s && j(e) && m(e[0]) && m(e[1]) && c(r);
+    ), v(r), s && b(e) && m(e[0]) && m(e[1]) && c(r);
   }
   function x() {
     o.length && (o[0] === void 0 || o[1] === void 0) ? h(t === 0 ? 1 : 0) : c(o);
   }
-  const P = b(C, [
+  const P = z(C, [
     "defaultValue",
     "placeholder",
     "value",
     "onChange"
   ]), n = o[t];
   return /* @__PURE__ */ g(
-    z,
+    T,
     {
       onSelect: S,
       value: n,
@@ -54,5 +53,5 @@ function q(p) {
   );
 }
 export {
-  q as default
+  _ as default
 };

package/time-picker/TimeColumn.js

@@ -1,65 +1,49 @@
-/* 2025-11-04 14:07:05 */
-import { jsx as i } from "react/jsx-runtime";
-import C from "lodash/debounce";
-import { useRef as n, useEffect as d, useCallback as H } from "react";
-import S from "../dist/ui-common/hooks/use-previous/index.js";
-import T from "@unicom-cloud/utils/class-name";
-import { scrollTo as b } from "./utils.js";
-function j(g) {
-  const {
-    prefixCls: c,
-    list: l,
-    value: s,
-    onHandleSelect: u,
-    unit: h,
-    popupVisible: o,
-    scrollSticky: $
-  } = g, f = n(/* @__PURE__ */ new Map()), r = n(void 0), m = n(void 0), v = n(0), a = S(o), p = n(
-    r.current && r.current.scrollTop
-  );
-  d(() => {
-    const e = f.current.get(s);
-    e && o && a && (b(r.current, e.offsetTop, 150), p.current = e.offsetTop);
-  }, [s]), d(() => {
-    if (o && o !== a) {
-      const e = f.current.get(s);
-      e && (b(r.current, e.offsetTop, 0), p.current = e.offsetTop);
-    }
-  }, [o, a]), d(() => {
-    l.length <= 1 || (v.current = (m.current.clientHeight - r.current.clientHeight) / (l.length - 1));
-  }, [l.length]);
-  const x = H(
-    C(() => {
-      const t = (r.current.scrollTop - p.current > 0 ? Math.ceil : Math.floor)(
-        r.current.scrollTop / v.current
-      );
-      t !== s && l[t] && !l[t].disabled && u(l[t].value, h);
-    }, 100),
-    [u]
-  );
-  return /* @__PURE__ */ i(
+/* 2025-11-14 09:11:22 */
+import { jsx as o } from "react/jsx-runtime";
+import N from "@unicom-cloud/utils/dom-helpers/reflow";
+import { useRef as n, useEffect as R } from "react";
+import x from "@unicom-cloud/ui-common/hooks/use-is-first-render";
+import d from "@unicom-cloud/ui-common/utils/className";
+function j(m) {
+  const { prefixCls: e, list: p, value: c, onHandleSelect: h, unit: v, popupVisible: C } = m, $ = x(), r = n(void 0), b = n(void 0), i = n(/* @__PURE__ */ new Map());
+  return R(() => {
+    const t = i.current.get(c);
+    if (!t) return;
+    const s = Array.from(i.current.values()).reduce(
+      (f, l) => f + l.offsetHeight,
+      0
+    );
+    if (!(r.current.offsetHeight > s))
+      return r.current.offsetHeight > s - t.offsetTop, N(r.current), r.current.scrollTo({
+        top: t.offsetTop,
+        behavior: $ ? "instant" : "smooth"
+      }), () => {
+      };
+  }, [c]), /* @__PURE__ */ o(
     "div",
     {
-      className: T(`${c}-list`),
       ref: r,
-      onWheel: $ ? x : void 0,
-      children: /* @__PURE__ */ i("ul", { ref: m, children: l.map((e) => /* @__PURE__ */ i(
-        "li",
-        {
-          className: T(`${c}-cell`, {
-            [`${c}-cell-disabled`]: e.disabled,
-            [`${c}-cell-selected`]: e.selected
-          }),
-          onClick: (t) => {
-            e.disabled || u(e.value, h);
-          },
-          ref: (t) => {
-            f.current.set(e.value, t);
+      className: d(`${e}-list`),
+      children: /* @__PURE__ */ o("ul", { ref: b, children: p.map((t, s, f) => {
+        const { value: l, label: g, disabled: a, selected: H } = t ?? {}, T = `${l}-${s}`;
+        return /* @__PURE__ */ o(
+          "li",
+          {
+            className: d(`${e}-cell`, {
+              [`${e}-cell-disabled`]: a,
+              [`${e}-cell-selected`]: H
+            }),
+            onClick: (u) => {
+              a || h(l, v);
+            },
+            ref: (u) => {
+              i.current.set(l, u);
+            },
+            children: /* @__PURE__ */ o("div", { className: `${e}-cell-inner`, children: g })
           },
-          children: /* @__PURE__ */ i("div", { className: `${c}-cell-inner`, children: e.label })
-        },
-        e.value
-      )) })
+          T
+        );
+      }) })
     }
   );
 }