@unicom-cloud/ui 0.8.123 → 0.8.125

package/tabs/tab-header/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as c, jsxs as P } from "react/jsx-runtime";
 import _e from "@unicom-cloud/icons/IconUiPlus";
 import je from "lodash/throttle";
@@ -23,46 +23,46 @@ const J = "vertical", D = "right", E = "left", ge = {
   add: !0
 }, nt = ({
   direction: S,
-  align: C = E,
+  align: R = E,
   headerOffset: u
 }) => {
   let d = `translateX(${-u}px)`;
-  return C === D && (d = `translateX(${u}px)`), S === J && (d = `translateY(${-u}px)`), Je(d);
+  return R === D && (d = `translateX(${u}px)`), S === J && (d = `translateY(${-u}px)`), Je(d);
 }, st = ({
   direction: S,
-  align: C = E,
+  align: R = E,
   headerDom: u,
   headerWrapperDom: d
 }) => {
   const a = be(u, d);
-  return S === J ? -a.top : C === D ? a.right : -a.left;
-}, at = Ge.forwardRef((S, C) => {
-  const u = he(Ue), { rtl: d } = he(ot), a = { ...S, ...u }, [v, T, xe] = k(), [H, f, Se] = k(), [B, M, ve] = k(), [Q, L, Te] = k(), [Z, _, Oe] = k(), N = Ke({}), [O, ee] = pe(0), [Re, j] = pe(!0), {
+  return S === J ? -a.top : R === D ? a.right : -a.left;
+}, at = Ge.forwardRef((S, R) => {
+  const u = he(Ue), { rtl: d } = he(ot), a = { ...S, ...u }, [v, T, xe] = k(), [H, f, Se] = k(), [B, M, ve] = k(), [Q, L, Te] = k(), [Z, _, Oe] = k(), N = Ke({}), [O, ee] = pe(0), [$e, j] = pe(!0), {
     paneChildren: G,
-    editable: $e,
+    editable: Ce,
     prefixCls: t,
-    onAddTab: Ce,
-    direction: s,
+    onAddTab: Re,
+    direction: n,
     type: g = "line",
     overflow: te = "scroll",
     activeTab: z,
     showAddButton: ze,
-    size: we = "default",
-    style: ye,
+    size: ye = "default",
+    style: we,
     tabPosition: ke,
     className: He,
     extra: re,
     animation: Ne,
-    icons: w,
+    icons: y,
     deleteButton: Ae,
     addButton: Ie,
     renderTabTitle: Pe,
     scrollAfterEdit: oe,
     scrollPosition: h = "auto",
     inkBarSize: We
-  } = a, ne = qe(oe) ? { ...ge, ...oe } : ge, [De, Ee] = d ? [D, E] : [E, D], R = g === "capsule" ? Ee : De, b = Ve(() => {
-    const e = M.height - L.height - _.height, o = M.width - L.width - _.width;
-    return a.direction === "vertical" ? e < f.height : o < f.width;
+  } = a, ne = qe(oe) ? { ...ge, ...oe } : ge, [De, Ee] = d ? [D, E] : [E, D], $ = g === "capsule" ? Ee : De, b = Ve(() => {
+    const e = M.height - L.height - _.height, s = M.width - L.width - _.width;
+    return a.direction === "vertical" ? e < f.height : s < f.width;
   }, [
     a.direction,
     M,
@@ -77,62 +77,62 @@ const J = "vertical", D = "right", E = "left", ge = {
         width: e.offsetWidth
       });
     }
-  }, A = (e) => je((o) => {
+  }, A = (e) => je((s) => {
     Be();
-    const n = o[0] && o[0].target;
-    n && e({
-      height: n.offsetHeight,
-      width: n.offsetWidth,
-      domRect: n.getBoundingClientRect()
+    const o = s?.[0]?.target;
+    o && e({
+      height: o.offsetHeight,
+      width: o.offsetWidth,
+      domRect: o.getBoundingClientRect()
     });
   }, 200), se = A(xe), ae = A(Se), ie = A(Te), le = A(Oe), K = Xe(
     (e) => {
-      const o = s === J ? f.height - T.height : f.width - T.width;
-      let n = e;
-      return n = Math.min(o, n), n = Math.max(n, 0), n;
+      const s = n === J ? f.height - T.height : f.width - T.width;
+      let o = e;
+      return o = Math.min(s, o), o = Math.max(o, 0), o;
     },
-    [s, f, T]
+    [n, f, T]
   ), V = (e) => {
-    const o = K(e);
-    o !== O && ee(o);
+    const s = K(e);
+    s !== O && ee(s);
   };
   me(() => () => {
     ae?.cancel?.(), se?.cancel?.(), ie?.cancel?.(), le?.cancel?.();
   }, []), me(() => {
-    if (!Re) {
+    if (!$e) {
       j(!0);
       return;
     }
     const e = () => {
-      const n = N.current[z];
-      if (!n || !b)
+      const o = N.current[z];
+      if (!o || !b)
         return 0;
-      const r = be(n, v.current), p = st({
-        direction: s,
-        align: R,
+      const r = be(o, v.current), p = st({
+        direction: n,
+        align: $,
         headerDom: H.current,
         headerWrapperDom: v.current
       });
-      if (s === "vertical") {
+      if (n === "vertical") {
         let m = p, i = h;
         const l = p + r.top, x = p + r.bottom;
         return i === "auto" && (i = r.top < 0 ? "start" : r.bottom > 0 ? "end" : h), i === "start" ? m = l : i === "end" ? m = x : i === "center" ? m = l - (r.top - r.bottom) / 2 : q(i) && (m = Math.max(l - i, x)), m;
       }
-      if (R === "right") {
+      if ($ === "right") {
         const m = p - r.left, i = p - r.right;
         let l = h, x = p;
         return h === "auto" && (l = r.left < 0 ? "start" : r.right > 0 ? "end" : h), l === "start" ? x = m : l === "end" ? x = i : l === "center" ? x = m + (r.left - r.right) / 2 : q(l) && (x = Math.min(m + l, i)), x;
       }
-      let y = p, $ = h;
+      let w = p, C = h;
       const U = p + r.left, fe = p + r.right;
-      return h === "auto" && ($ = r.left < 0 ? "start" : r.right > 0 ? "end" : h), $ === "start" ? y = U : $ === "end" ? y = fe : $ === "center" ? y = U - (r.left - r.right) / 2 : q($) && (y = Math.max(U - $, fe)), y;
+      return h === "auto" && (C = r.left < 0 ? "start" : r.right > 0 ? "end" : h), C === "start" ? w = U : C === "end" ? w = fe : C === "center" ? w = U - (r.left - r.right) / 2 : q(C) && (w = Math.max(U - C, fe)), w;
     };
-    Qe(v.current, s);
-    let o = e();
-    o = K(o), ee(o);
+    Qe(v.current, n);
+    let s = e();
+    s = K(s), ee(s);
   }, [
     z,
-    s,
+    n,
     te,
     b,
     g,
@@ -140,13 +140,13 @@ const J = "vertical", D = "right", E = "left", ge = {
     h
   ]);
   const Me = nt({
-    direction: s,
-    align: R,
+    direction: n,
+    align: $,
     headerOffset: O
-  }), X = b && te === "dropdown" && s !== "vertical", F = b && !X, I = $e && (g === "card" || g === "card-gutter" || g === "line"), Le = (e) => {
+  }), X = b && te === "dropdown" && n !== "vertical", F = b && !X, I = Ce && (g === "card" || g === "card-gutter" || g === "line"), Le = (e) => {
     a.onDeleteTab?.(e.key), j(ne.delete);
   }, ce = () => {
-    Ce?.(), j(ne.add);
+    Re?.(), j(ne.add);
   };
   W(
     (e) => {
@@ -179,14 +179,14 @@ const J = "vertical", D = "right", E = "left", ge = {
       ref: Z,
       onClick: ce,
       ...Ze({ onPressEnter: ce }),
-      children: Ie || /* @__PURE__ */ c(Fe, { prefix: `${t}-add`, children: /* @__PURE__ */ c("span", { className: `${t}-add`, children: w?.add || /* @__PURE__ */ c(_e, {}) }) })
+      children: Ie || /* @__PURE__ */ c(Fe, { prefix: `${t}-add`, children: /* @__PURE__ */ c("span", { className: `${t}-add`, children: y?.add || /* @__PURE__ */ c(_e, {}) }) })
     }
   );
   return Ye({
     headerWrapperRef: v,
     headerOffset: O,
-    align: R,
-    direction: s,
+    align: $,
+    direction: n,
     isScrollable: b,
     onScroll(e) {
       V(e);
@@ -196,16 +196,16 @@ const J = "vertical", D = "right", E = "left", ge = {
     {
       className: Y(
         `${t}-header-nav`,
-        `${t}-header-nav-${s}`,
+        `${t}-header-nav-${n}`,
         `${t}-header-nav-${ke}`,
-        `${t}-header-size-${we}`,
+        `${t}-header-size-${ye}`,
         `${t}-header-nav-${g}`,
         { [`${t}-header-nav-sticky`]: a.headerSticky },
         // 潘启宝添加
         He
       ),
-      style: { ...ye, ...a.headerSticky },
-      ref: C,
+      style: { ...we, ...a.headerSticky },
+      ref: R,
       children: /* @__PURE__ */ P(
         "div",
         {
@@ -220,13 +220,13 @@ const J = "vertical", D = "right", E = "left", ge = {
               {
                 iconPos: "prev",
                 rtl: d,
-                icon: w?.prev,
+                icon: y?.prev,
                 prefixCls: t,
                 currentOffset: O,
                 headerSize: f,
                 headerWrapperSize: T,
-                direction: s,
-                align: R,
+                direction: n,
+                align: $,
                 onChange: V
               }
             ),
@@ -235,16 +235,16 @@ const J = "vertical", D = "right", E = "left", ge = {
                 "div",
                 {
                   className: Y(`${t}-header`, {
-                    [`${t}-header-no-padding`]: !S.headerPadding && s === "horizontal" && ["line", "text"].indexOf(g) > -1
+                    [`${t}-header-no-padding`]: !S.headerPadding && n === "horizontal" && ["line", "text"].indexOf(g) > -1
                   }),
                   ref: H,
                   style: Me,
                   children: [
-                    G.map((e, o) => /* @__PURE__ */ c(
+                    G.map((e, s) => /* @__PURE__ */ c(
                       rt,
                       {
-                        ref: (n) => {
-                          N.current[e.key] = n;
+                        ref: (o) => {
+                          N.current[e.key] = o;
                         },
                         tabKey: e.key,
                         ...e.props,
@@ -256,12 +256,12 @@ const J = "vertical", D = "right", E = "left", ge = {
                         },
                         isActive: z === e.key,
                         editable: I && e.props.closable !== !1,
-                        deleteIcon: w?.delete,
+                        deleteIcon: y?.delete,
                         deleteButton: Ae,
                         getIdPrefix: u.getIdPrefix,
-                        index: o
+                        index: s
                       },
-                      o
+                      s
                     )),
                     g === "line" && /* @__PURE__ */ c(
                       tt,
@@ -271,7 +271,7 @@ const J = "vertical", D = "right", E = "left", ge = {
                         ),
                         prefixCls: t,
                         animation: Ne,
-                        direction: s,
+                        direction: n,
                         getTitleRef: (e) => N.current[e],
                         activeTab: z,
                         getHeaderRef: () => H,
@@ -289,12 +289,12 @@ const J = "vertical", D = "right", E = "left", ge = {
                 prefixCls: t,
                 rtl: d,
                 iconPos: "next",
-                icon: w?.next,
+                icon: y?.next,
                 currentOffset: O,
                 headerSize: f,
                 headerWrapperSize: T,
-                direction: s,
-                align: R,
+                direction: n,
+                align: $,
                 onChange: V
               }
             ),
@@ -306,10 +306,10 @@ const J = "vertical", D = "right", E = "left", ge = {
                 prefixCls: t,
                 currentOffset: O,
                 headerSize: f,
-                icon: w?.dropdown,
+                icon: y?.dropdown,
                 headerWrapperSize: T,
                 getTitleRef: (e) => N.current[e],
-                direction: s
+                direction: n
               }
             ),
             (I && b || re) && /* @__PURE__ */ P("div", { className: `${t}-header-extra`, ref: Q, children: [

package/tabs/utils.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { Enter as n } from "@unicom-cloud/utils/constant/keyboardCode";
 const i = (e, t) => {
   const c = e.getBoundingClientRect(), o = t.getBoundingClientRect(), l = t.offsetWidth / o.width, s = t.offsetHeight / o.height;

package/tag/index.js

@@ -1,18 +1,18 @@
-/* 2025-11-19 09:09:44 */
-import { jsx as r, jsxs as y, Fragment as q } from "react/jsx-runtime";
-import B from "@unicom-cloud/icons/IconUiClose";
-import D from "@unicom-cloud/icons/IconUiLoading";
-import { forwardRef as J, useContext as Q, useState as g } from "react";
+/* 2025-11-27 12:11:12 */
+import { jsx as t, jsxs as O, Fragment as B } from "react/jsx-runtime";
+import D from "@unicom-cloud/icons/IconUiClose";
+import J from "@unicom-cloud/icons/IconUiLoading";
+import { forwardRef as Q, useContext as W, useState as g, useRef as X, useImperativeHandle as Y } from "react";
 import "../config-provider/ConfigProvider.js";
-import W from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import X from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import Y from "../icon-hover/index.js";
-import Z from "../popconfirm/index.js";
-import ee from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as b } from "@unicom-cloud/ui-common/utils/is";
-import oe from "@unicom-cloud/ui-common/utils/omit";
-import ne from "../config-provider/context.js";
-const ce = [
+import Z from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import ee from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import oe from "../icon-hover/index.js";
+import ne from "../popconfirm/index.js";
+import ce from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as C } from "@unicom-cloud/ui-common/utils/is";
+import re from "@unicom-cloud/ui-common/utils/omit";
+import te from "../config-provider/context.js";
+const se = [
   "red",
   "orangered",
   "orange",
@@ -25,94 +25,94 @@ const ce = [
   "purple",
   "magenta",
   "gray"
-], se = {
+], ie = {
   size: "default"
 };
-function re(O, P) {
-  const { getPrefixCls: I, componentConfig: T, rtl: _ } = Q(ne), E = W(), n = X(
-    O,
-    se,
-    T?.Tag
+function le(P, I) {
+  const { getPrefixCls: E, componentConfig: R, rtl: T } = W(te), _ = Z(), n = ee(
+    P,
+    ie,
+    R?.Tag
   ), {
-    className: L,
-    style: S,
-    children: k,
-    color: s,
+    className: H,
+    style: L,
+    children: b,
+    color: r,
     closable: c,
-    checkable: t,
-    defaultChecked: j,
-    size: u,
-    onClose: z,
-    onCheck: H,
+    checkable: i,
+    defaultChecked: S,
+    size: k,
+    onClose: j,
+    onCheck: z,
     icon: $,
     closeIcon: l,
-    bordered: R,
-    __closeIconProps: w,
-    ...K
-  } = n, e = I?.("tag"), [U, v] = g(
+    bordered: w,
+    __closeIconProps: K,
+    ...U
+  } = n, e = E?.("tag"), [V, v] = g(
     "visible" in n ? n.visible : !0
-  ), [V, A] = g(
-    "checked" in n ? n.checked : j
-  ), [a, m] = g(), x = "checked" in n ? n.checked : V, F = "visible" in n ? n.visible : U;
+  ), [A, F] = g(
+    "checked" in n ? n.checked : S
+  ), [a, m] = g(), x = "checked" in n ? n.checked : A, G = "visible" in n ? n.visible : V;
   function d(o) {
-    const C = z?.(o);
-    C && C.then ? (m(!0), C.then(() => {
+    const u = j?.(o);
+    u && u.then ? (m(!0), u.then(() => {
       m(!1), v(!1);
     }).catch(() => {
       m(!1);
     })) : v(!1);
   }
-  function G() {
+  function M() {
     const o = !x;
-    "checked" in n || A(o), H?.(o);
+    "checked" in n || F(o), z?.(o);
   }
-  const i = s && ce.indexOf(s) !== -1 ? s : "", p = t ? x : !0, M = ee(
+  const s = r && se.indexOf(r) !== -1 ? r : "", f = i ? x : !0, q = ce(
     e,
     {
       [`${e}-loading`]: a,
-      [`${e}-hide`]: !F,
-      [`${e}-${i}`]: i,
-      [`${e}-checkable`]: t,
-      [`${e}-checked`]: p,
-      [`${e}-size-${u}`]: u,
-      [`${e}-bordered`]: R,
-      [`${e}-custom-color`]: p && s && !i,
-      [`${e}-rtl`]: _
+      [`${e}-hide`]: !G,
+      [`${e}-${s}`]: s,
+      [`${e}-checkable`]: i,
+      [`${e}-checked`]: f,
+      [`${e}-size-${k}`]: k,
+      [`${e}-bordered`]: w,
+      [`${e}-custom-color`]: f && r && !s,
+      [`${e}-rtl`]: T
     },
-    L
-  ), f = {
-    ...S
+    H
+  ), p = {
+    ...L
   };
-  s && !i && p && (f.backgroundColor ||= s, f.borderColor ||= s);
-  const N = oe(K, ["visible"]);
-  t && (N.onClick = G);
-  let h = /* @__PURE__ */ r(
-    Y,
+  r && !s && f && (p.backgroundColor ||= r, p.borderColor ||= r);
+  const N = re(U, ["visible"]);
+  i && (N.onClick = M);
+  let h = /* @__PURE__ */ t(
+    oe,
     {
       prefix: e,
       className: `${e}-close-btn`,
       onClick: (o) => {
-        b(c?.popconfirm) || d(o);
+        C(c?.popconfirm) || d(o);
       },
       role: "button",
       tabIndex: 0,
-      ...E({
+      ..._({
         onPressEnter(o) {
-          b(c?.popconfirm) || d(o);
+          C(c?.popconfirm) || d(o);
         }
       }),
       "aria-label": "Close",
-      ...w,
-      children: l !== void 0 ? l : /* @__PURE__ */ r(B, {})
+      ...K,
+      children: l !== void 0 ? l : /* @__PURE__ */ t(D, {})
     }
   );
-  return b(c?.popconfirm) && (h = /* @__PURE__ */ r(
-    Z,
+  C(c?.popconfirm) && (h = /* @__PURE__ */ t(
+    ne,
     {
       ...c?.popconfirm,
-      title: c?.popconfirm?.title || /* @__PURE__ */ y(q, { children: [
+      title: c?.popconfirm?.title || /* @__PURE__ */ O(B, { children: [
         "确定要关闭 ",
-        k
+        b
       ] }),
       onCancel: (o) => {
         c?.popconfirm?.onCancel?.(o);
@@ -122,16 +122,31 @@ function re(O, P) {
       },
       children: h
     }
-  )), /* @__PURE__ */ y("div", { ref: P, style: f, className: M, ...N, children: [
-    $ && /* @__PURE__ */ r("span", { className: `${e}-icon`, children: $ }),
-    /* @__PURE__ */ r("span", { className: `${e}-content`, children: k }),
-    !!c && !a && l !== null && h,
-    a && /* @__PURE__ */ r("span", { className: `${e}-loading-icon`, children: /* @__PURE__ */ r(D, {}) })
-  ] });
+  ));
+  const y = X(null);
+  return Y(I, () => ({
+    getRootElement() {
+      return y.current;
+    }
+  })), /* @__PURE__ */ O(
+    "div",
+    {
+      ref: y,
+      style: p,
+      className: q,
+      ...N,
+      children: [
+        $ && /* @__PURE__ */ t("span", { className: `${e}-icon`, children: $ }),
+        /* @__PURE__ */ t("span", { className: `${e}-content`, children: b }),
+        !!c && !a && l !== null && h,
+        a && /* @__PURE__ */ t("span", { className: `${e}-loading-icon`, children: /* @__PURE__ */ t(J, {}) })
+      ]
+    }
+  );
 }
-const ie = J(re);
-ie.displayName = "Tag";
+const ae = Q(le);
+ae.displayName = "Tag";
 export {
-  ce as TAG_COLORS,
-  ie as default
+  se as TAG_COLORS,
+  ae as default
 };

package/time-picker/Picker.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as g } from "react/jsx-runtime";
 import Ie from "@unicom-cloud/icons/IconUiClockCircle";
 import { isDayjs as ke } from "dayjs";

package/time-picker/RangePicker.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as g } from "react/jsx-runtime";
 import { isDayjs as m } from "dayjs";
 import { useContext as k } from "react";

package/time-picker/TimeColumn.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 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";

package/time-picker/TimePicker.js

@@ -1,5 +1,5 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as R, Fragment as pe, jsx as p } from "react/jsx-runtime";
+/* 2025-11-27 12:11:12 */
+import { jsxs as _, Fragment as pe, jsx as p } from "react/jsx-runtime";
 import { useContext as W, useCallback as X } from "react";
 import Y from "../button/index.js";
 import "../config-provider/ConfigProvider.js";
@@ -11,7 +11,7 @@ import A from "./TimeColumn.js";
 import $e from "./context.js";
 import { getColumnsFromFormat as D } from "./utils.js";
 import Ce from "../config-provider/context.js";
-import C from "@unicom-cloud/ui-common/utils/dayjs";
+import C from "dayjs";
 const Oe = ["am", "pm"];
 function ve(O) {
   return O.use12Hours ?? D(O.format).use12Hours;
@@ -35,7 +35,7 @@ function De(O) {
     disableConfirm: H,
     hideFooter: ie,
     showNowBtn: J = !0
-  } = O, { getPrefixCls: te, locale: K } = W(Ce), F = te?.("time-picker"), { utcOffset: _, timezone: B } = W($e), c = xe(oe, v), N = c && c.hour() >= 12 ? "pm" : "am", a = ve(O), y = X(
+  } = O, { getPrefixCls: te, locale: K } = W(Ce), F = te?.("time-picker"), { utcOffset: B, timezone: y } = W($e), c = xe(oe, v), N = c && c.hour() >= 12 ? "pm" : "am", a = ve(O), E = X(
     (n) => {
       const o = S.hour || 1, e = S.minute || 1, g = S.second || 1, s = [];
       if (n === "hour") {
@@ -52,10 +52,10 @@ function De(O) {
       return s;
     },
     [S.hour, S.minute, S.second, a]
-  ), k = y("hour"), b = y("minute"), x = y("second");
+  ), k = E("hour"), b = E("minute"), x = E("second");
   let i = c && c.hour();
   i = a && i > 12 ? i - 12 : i, a && i === 0 && N === "am" && (i += 12);
-  const w = c && c.minute(), Q = c && c.second(), E = X(
+  const w = c && c.minute(), Q = c && c.second(), L = X(
     (n) => {
       switch (n) {
         case "hour":
@@ -97,30 +97,30 @@ function De(O) {
   );
   function se(n, o) {
     const e = D(v).list.indexOf("A") !== -1, g = c || C(
-      `${E("hour")}:${E("minute")}:${E(
+      `${L("hour")}:${L("minute")}:${L(
         "second"
       )}`,
       "HH:mm:ss"
     );
     let s = g.hour(), t = g.minute(), $ = g.second();
-    const L = e ? N.toUpperCase() : N;
+    const R = e ? N.toUpperCase() : N;
     let l = "HH:mm:ss", f;
     a && (e ? l = `${l} A` : l = `${l} a`), a && (s = s > 12 ? s - 12 : s), o === "hour" && (m(u) && u(n).includes(t) && (t = b.find(
       (P) => u(n).indexOf(P) === -1
     ) ?? 0), m(r) && r(n, t).includes($) && ($ = x.find(
       (P) => r(n, t).indexOf(P) === -1
     ) ?? 0), f = C(
-      `${n}:${t}:${$} ${L}`,
+      `${n}:${t}:${$} ${R}`,
       l,
       "en"
     )), o === "minute" && (m(r) && r(s, n).includes($) && ($ = x.find(
       (P) => r(s, n).indexOf(P) === -1
     ) ?? 0), f = C(
-      `${s}:${n}:${$} ${L}`,
+      `${s}:${n}:${$} ${R}`,
       l,
       "en"
     )), o === "second" && (f = C(
-      `${s}:${t}:${n} ${L}`,
+      `${s}:${t}:${n} ${R}`,
       l,
       "en"
     )), o === "ampm" && (f = C(
@@ -128,15 +128,15 @@ function De(O) {
       l,
       "en"
     )), f = C(f, l).locale(C.locale()), I?.(
-      V(f, _, B).format(v),
-      V(f, _, B)
+      V(f, B, y).format(v),
+      V(f, B, y)
     ), U || (q?.(f), H && z(f));
   }
   function re() {
     c && z(c);
   }
   function ce() {
-    const n = Z(), o = Z(_, B);
+    const n = Z(), o = Z(B, y);
     I?.(n.format(v), n), H ? z?.(o) : q?.(o);
   }
   const M = {
@@ -214,15 +214,15 @@ function De(O) {
     );
   }
   const { list: T } = D(v), de = he(F, O.className), ae = ie || H && U || !U && H && !J;
-  return /* @__PURE__ */ R(pe, { children: [
-    /* @__PURE__ */ R("div", { className: de, children: [
+  return /* @__PURE__ */ _(pe, { children: [
+    /* @__PURE__ */ _("div", { className: de, children: [
       (T.indexOf("H") !== -1 || T.indexOf("h") !== -1) && me(),
       T.indexOf("m") !== -1 && ue(),
       T.indexOf("s") !== -1 && fe(),
       a && le()
     ] }),
     G && /* @__PURE__ */ p("div", { className: `${F}-footer-extra-wrapper`, children: G }),
-    !ae && /* @__PURE__ */ R("div", { className: `${F}-footer-btn-wrapper`, children: [
+    !ae && /* @__PURE__ */ _("div", { className: `${F}-footer-btn-wrapper`, children: [
       !U && J ? /* @__PURE__ */ p(Y, { size: "mini", onClick: ce, children: K?.TimePicker?.now }) : /* @__PURE__ */ p("div", {}),
       !H && /* @__PURE__ */ p(
         Y,