@unicom-cloud/ui 0.8.123 → 0.8.125

package/date-picker/Picker.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 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";
@@ -8,27 +8,27 @@ 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 Io from "../trigger/index.js";
-import Eo from "@unicom-cloud/ui-common/utils/className";
+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 _o from "@unicom-cloud/ui-common/utils/omit";
-import { pickDataAttributes as Ro } from "@unicom-cloud/ui-common/utils/pick";
-import Uo from "./context.js";
-import Wo from "./panel/Footer.js";
-import Bo from "./panel/Shortcut.js";
+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 "@unicom-cloud/ui-common/utils/dayjs";
+import Le from "dayjs";
 function Ko(j) {
-  const { format: L, picker: z, showTime: F } = j;
+  const { format: L, picker: F, showTime: A } = j;
   let n;
   if (L)
     n = L;
   else
-    switch (j.mode || z?.props?.pickerType) {
+    switch (j.mode || F?.props?.pickerType) {
       case "date":
-        n = F ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+        n = A ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
         break;
       case "month":
         n = "YYYY-MM";
@@ -55,8 +55,8 @@ const He = {
   showNowBtn: !0
 }, Go = { bottom: 4 }, Jo = (j, L) => {
   const {
-    prefixCls: z,
-    getPrefixCls: F,
+    prefixCls: F,
+    getPrefixCls: A,
     locale: n,
     size: re,
     componentConfig: Me,
@@ -68,24 +68,24 @@ const He = {
     He,
     Me?.DatePicker
   ), {
-    allowClear: Ie,
+    allowClear: Ee,
     className: se,
     style: ie,
-    placeholder: Ee,
+    placeholder: Ie,
     getPopupContainer: Oe,
     disabled: ce,
     position: $e,
     error: ze,
     status: Fe,
     unmountOnExit: Ae,
-    editable: _e,
-    triggerProps: Re,
+    editable: Re,
+    triggerProps: Ue,
     picker: ue,
     shortcuts: H,
-    onSelect: A,
-    onVisibleChange: Ue,
-    value: We,
-    onChange: Be,
+    onSelect: R,
+    onVisibleChange: We,
+    value: Be,
+    onChange: _e,
     icons: M,
     disabledDate: fe,
     showTime: c,
@@ -102,44 +102,43 @@ const He = {
     timezone: r,
     panelRender: he,
     inputProps: Xe
-  } = l, v = F?.("picker"), _ = n?.DatePicker, Ze = zo(l.dayStartOfWeek) ? qo(n?.dayjsLocale) : l.dayStartOfWeek, b = l.mode || ue.props.pickerType, R = ne(null), U = ne(null), W = ne(null);
-  To(
-    L,
-    () => ({
-      focus() {
-        X();
-      },
-      blur() {
-        Z();
-      }
-    }),
-    []
-  );
-  const Y = _?.Calendar?.[b]?.format || Ko(l);
+  } = 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, () => ({
+    focus() {
+      X();
+    },
+    blur() {
+      Z();
+    },
+    getRootElement() {
+      return E.current;
+    }
+  }));
+  const Y = U?.Calendar?.[b]?.format || Ko(l);
   let t = Y;
   V(t) && (t = c ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD");
   function eo() {
     let e;
     return l.value ? e = p(l.value, t, a, r) : e = p(l.defaultValue, t, a, r), e;
   }
-  const [B, 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(We, t, a, r) : B, Se = k || p(Ke, t) || N(), [no, E] = f(), [Q, x] = f(), [ao, K] = f(), [ro, S] = f(Se), G = p(Ge, t) || ro, d = ao || Q || k, [O, Pe] = f(b), lo = Fo(c) && p(
+  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(
     c.defaultValue,
     c.format || "HH:mm:ss"
   ) || N(a, r), J = d || lo;
   function X() {
-    R.current?.focus?.();
+    E.current?.focus?.();
   }
   function Z() {
-    R.current?.blur?.();
+    E.current?.blur?.();
   }
   const ee = De(a), oe = De(r);
   Ho(() => {
-    if (B && (ee !== a || r !== oe)) {
-      const e = T(B, ee, oe);
+    if (_ && (ee !== a || r !== oe)) {
+      const e = T(_, ee, oe);
       y(Oo(e, a, r));
     }
   }, [a, ee, r, oe]), jo(() => {
-    E(void 0), I(void 0), m ? (S(Se), w && W.current && U.current && (W.current.style.maxHeight = `${U.current.clientHeight}px`)) : (x(void 0), K(void 0), setTimeout(() => {
+    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();
     }, 100));
   }, [m]);
@@ -152,42 +151,42 @@ const He = {
     Je?.(e.format(t), e);
   }
   function P(e, o) {
-    to(e), Ue?.(e), o?.();
+    to(e), We?.(e), o?.();
   }
   function io(e) {
-    e.stopPropagation(), y(void 0), x(void 0), $(void 0), l.onClear?.();
+    e.stopPropagation(), y(void 0), x(void 0), z(void 0), l.onClear?.();
   }
   function co() {
     const e = C(d, n?.dayjsLocale);
     Ve(), Qe?.(e && e.format(t), e);
   }
   function Ve() {
-    y(d), $(d), P(!1);
+    y(d), z(d), P(!1);
   }
   function Ce(e, o, i) {
-    if (E(void 0), I(void 0), c) {
+    if (O(void 0), I(void 0), c) {
       const s = i ? o : ae(o, J);
       x(s), S(s);
       const g = C(
         T(s, a, r),
         n?.dayjsLocale
       );
-      A?.(g.format(t), g);
+      R?.(g.format(t), g);
     } else {
       const s = C(
         T(o, a, r).locale(n?.dayjsLocale),
         n?.dayjsLocale
       );
-      A?.(s ? s.format(t) : void 0, s), y(o), $(o), P(!1);
+      R?.(s ? s.format(t) : void 0, s), y(o), z(o), P(!1);
     }
   }
-  function $(e) {
+  function z(e) {
     if ($o(e, k)) {
       const o = C(
         T(e, a, r),
         n?.dayjsLocale
       );
-      Be?.(
+      _e?.(
         o ? o.format(t) : void 0,
         o
       );
@@ -200,16 +199,16 @@ const He = {
       T(s, a, r),
       n?.dayjsLocale
     );
-    A?.(g.format(t), g);
+    R?.(g.format(t), g);
   }
   function fo(e) {
     return Ao(e) && Le(e, t).format(t) === e && (V(fe) ? !fe(Le(e, t)) : !0);
   }
   function po(e) {
     const o = e.target.value;
-    if (E(o), m || P(!0), fo(o)) {
+    if (O(o), m || P(!0), fo(o)) {
       const i = p(o, t);
-      x(i), S(i), E(void 0);
+      x(i), S(i), O(void 0);
     }
   }
   function mo() {
@@ -279,14 +278,14 @@ const He = {
         a,
         r
       );
-      y(o), $(o), P(!1);
+      y(o), z(o), P(!1);
     }
   }
   function Vo() {
     ge(!q);
   }
   function Ye(e) {
-    const o = Eo(
+    const o = Io(
       `${v}-container`,
       {
         [`${v}-panel-only`]: e,
@@ -303,9 +302,9 @@ const He = {
       onMouseEnterShortcut: vo,
       onMouseLeaveShortcut: So,
       onSelectShortcut: Po
-    }, s = c && O === "date" || me || Te(H) && H.length && !w || !c && O === "date" && pe, g = /* @__PURE__ */ ke(xe, { children: [
+    }, s = c && $ === "date" || me || Te(H) && H.length && !w || !c && $ === "date" && pe, g = /* @__PURE__ */ ke(xe, { children: [
       xo.cloneElement(ue, {
-        ..._o(l, ["style"]),
+        ...Ro(l, ["style"]),
         ...we(),
         getHeaderOperations: we,
         onSelect: Ce,
@@ -321,28 +320,28 @@ const He = {
         },
         timeValue: J,
         isTimePanel: q,
-        panelMode: O,
+        panelMode: $,
         setPanelMode: Pe,
         onMouseEnterCell: ho,
         onMouseLeaveCell: go
       }),
       !!s && /* @__PURE__ */ u(
-        Wo,
+        Bo,
         {
           ...i,
-          DATEPICKER_LOCALE: _,
+          DATEPICKER_LOCALE: U,
           disabled: !d,
           onClickConfirmBtn: co,
           extra: me,
-          mode: O,
+          mode: $,
           shortcutsPlacementLeft: w,
           onClickSelectTimeBtn: Vo,
           isTimePanel: q
         }
       )
     ] }), ye = w ? /* @__PURE__ */ ke(xe, { children: [
-      /* @__PURE__ */ u(Bo, { ref: W, ...i }),
-      /* @__PURE__ */ u("div", { ref: U, className: `${v}-panel-wrapper`, children: g })
+      /* @__PURE__ */ u(_o, { ref: B, ...i }),
+      /* @__PURE__ */ u("div", { ref: W, className: `${v}-panel-wrapper`, children: g })
     ] }) : g, Yo = V(he) ? he(ye) : ye;
     return /* @__PURE__ */ u(
       "div",
@@ -369,11 +368,11 @@ const He = {
     onClear: io,
     prefix: l.prefix,
     suffixIcon: wo,
-    editable: _e && !V(Y),
-    allowClear: Ie
+    editable: Re && !V(Y),
+    allowClear: Ee
   };
   return /* @__PURE__ */ u(
-    Uo.Provider,
+    Wo.Provider,
     {
       value: {
         utcOffset: a,
@@ -381,7 +380,7 @@ const He = {
         weekStart: Ze
       },
       children: de === null ? Ye(!0) : /* @__PURE__ */ u(
-        Io,
+        Eo,
         {
           popup: Ye,
           trigger: "click",
@@ -392,16 +391,16 @@ const He = {
           getPopupContainer: Oe,
           onVisibleChange: so,
           popupVisible: m,
-          classNames: `${z}-slide-dynamic-origin`,
+          classNames: `${F}-slide-dynamic-origin`,
           unmountOnExit: Ae,
-          ...Re,
+          ...Ue,
           children: de || /* @__PURE__ */ u(
             Mo,
             {
-              ...Ro(l),
+              ...Uo(l),
               ...bo,
-              ref: R,
-              placeholder: Ee || _?.placeholder?.[b],
+              ref: E,
+              placeholder: Ie || U?.placeholder?.[b],
               popupVisible: m,
               value: Q || k,
               inputValue: ve || no,

package/date-picker/RangePicker.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as P, jsxs as it, Fragment as ct } from "react/jsx-runtime";
 import po from "@unicom-cloud/icons/IconUiCalendar";
 import ho from "@unicom-cloud/icons/IconUiCalendarClock";

package/date-picker/context.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { createContext as t } from "react";
 const o = t({});
 export {

package/date-picker/hook/useCellClassName.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import K from "@unicom-cloud/ui-common/utils/className";
 import { getSortedDayjsArray as q, getNow as p } from "../../utils/dayjs.js";
 import { isArray as M } from "@unicom-cloud/ui-common/utils/is";

package/date-picker/index.js

@@ -1,53 +1,56 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as P, useRef as n, useImperativeHandle as p } from "react";
+import { forwardRef as n, useRef as P, useImperativeHandle as p } from "react";
 import s from "./Picker.js";
-import d from "./RangePicker.js";
-import f from "./panel/date/index.js";
-import u from "./panel/month/index.js";
+import u from "./RangePicker.js";
+import d from "./panel/date/index.js";
+import f from "./panel/month/index.js";
 import l from "./panel/quarter/index.js";
 import y from "./panel/week/index.js";
 import D from "./panel/year/index.js";
-function r(c, o) {
-  function t(m, k) {
-    const i = n(void 0);
+function r(c, a) {
+  function i(m, k) {
+    const o = P(void 0);
     return p(k, () => ({
       focus() {
-        i.current?.focus?.();
+        o.current?.focus?.();
       },
       blur() {
-        i.current?.blur?.();
+        o.current?.blur?.();
+      },
+      getRootElement() {
+        return o.current.getRootElement();
       }
-    })), /* @__PURE__ */ e(s, { ...m, ref: i, picker: c, mode: o.mode });
+    })), /* @__PURE__ */ e(s, { ...m, ref: o, picker: c, mode: a.mode });
   }
-  return t.displayName = o.displayName, P(t);
+  return i.displayName = a.displayName, n(i);
 }
-const a = r(/* @__PURE__ */ e(f, {}), {
+const t = r(/* @__PURE__ */ e(d, {}), {
   displayName: "DatePicker",
   mode: "date"
-}), N = r(/* @__PURE__ */ e(u, {}), {
+}), N = r(/* @__PURE__ */ e(f, {}), {
   displayName: "MonthPicker",
   mode: "month"
 }), h = r(/* @__PURE__ */ e(D, {}), {
   displayName: "YearPicker",
   mode: "year"
-}), W = r(/* @__PURE__ */ e(y, {}), {
+}), R = r(/* @__PURE__ */ e(y, {}), {
   displayName: "WeekPicker",
   mode: "week"
-}), $ = r(/* @__PURE__ */ e(l, {}), {
+}), W = r(/* @__PURE__ */ e(l, {}), {
   displayName: "QuarterPicker",
   mode: "quarter"
 });
-a.MonthPicker = N;
-a.QuarterPicker = $;
-a.RangePicker = d;
-a.WeekPicker = W;
-a.YearPicker = h;
+t.MonthPicker = N;
+t.QuarterPicker = W;
+t.RangePicker = u;
+t.WeekPicker = R;
+t.YearPicker = h;
 export {
   N as DatePickerMonth,
-  $ as DatePickerQuarter,
-  d as DatePickerRange,
-  W as DatePickerWeek,
+  W as DatePickerQuarter,
+  u as DatePickerRange,
+  R as DatePickerWeek,
   h as DatePickerYear,
-  a as default
+  t as default
 };

package/date-picker/panel/Body.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as D, Fragment as E, jsx as a } from "react/jsx-runtime";
 import { useContext as M } from "react";
 import O from "../context.js";

package/date-picker/panel/Footer.js

@@ -1,5 +1,5 @@
-/* 2025-11-19 09:09:44 */
-import { jsxs as i, jsx as t, Fragment as $ } from "react/jsx-runtime";
+/* 2025-11-27 12:11:12 */
+import { jsxs as i, jsx as e, Fragment as $ } from "react/jsx-runtime";
 import { useContext as v } from "react";
 import h from "../../button/index.js";
 import B from "../context.js";
@@ -9,7 +9,7 @@ import L from "./Shortcut.js";
 function K(u) {
   const { utcOffset: P, timezone: E, weekStart: g } = v(B), {
     showTime: o,
-    prefixCls: e,
+    prefixCls: t,
     DATEPICKER_LOCALE: r,
     disabled: f,
     onClickConfirmBtn: p,
@@ -26,15 +26,15 @@ function K(u) {
     shortcutsPlacementLeft: m,
     isRangePicker: z
   } = u, d = y(s) && s.length > 0, N = n && o && !d || d && !m, T = o?.mode === "standard";
-  return /* @__PURE__ */ i("div", { className: `${e}-footer`, children: [
-    a && /* @__PURE__ */ t("div", { className: `${e}-footer-extra-wrapper`, children: a }),
-    !o && n && x === "date" && /* @__PURE__ */ t("div", { className: `${e}-footer-now-wrapper`, children: /* @__PURE__ */ t(b, { onClick: l, children: r.today }) }),
-    N || o ? /* @__PURE__ */ i("div", { className: `${e}-footer-btn-wrapper`, children: [
-      m ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t(
+  return /* @__PURE__ */ i("div", { className: `${t}-footer`, children: [
+    a && /* @__PURE__ */ e("div", { className: `${t}-footer-extra-wrapper`, children: a }),
+    !o && n && x === "date" && /* @__PURE__ */ e("div", { className: `${t}-footer-now-wrapper`, children: /* @__PURE__ */ e(b, { onClick: l, children: r.today }) }),
+    N || o ? /* @__PURE__ */ i("div", { className: `${t}-footer-btn-wrapper`, children: [
+      m ? /* @__PURE__ */ e("div", {}) : /* @__PURE__ */ e(
         L,
         {
           shortcuts: s,
-          prefixCls: e,
+          prefixCls: t,
           onSelectNow: l,
           nowText: r.now,
           showNowBtn: n,
@@ -45,20 +45,20 @@ function K(u) {
         }
       ),
       o && /* @__PURE__ */ i($, { children: [
-        T ? null : /* @__PURE__ */ t(
+        T ? null : /* @__PURE__ */ e(
           h,
           {
             type: "text",
             size: "mini",
             onClick: w,
-            className: c ? `${e}-btn-select-date` : `${e}-btn-select-time`,
+            className: c ? `${t}-btn-select-date` : `${t}-btn-select-time`,
             children: c ? r.selectDate : r.selectTime
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           h,
           {
-            className: `${e}-btn-confirm`,
+            className: `${t}-btn-confirm`,
             type: "primary",
             size: "mini",
             disabled: f,

package/date-picker/panel/Header.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as w, jsx as e } from "react/jsx-runtime";
 import I from "@unicom-cloud/icons/IconUiDoubleLeft";
 import y from "@unicom-cloud/icons/IconUiDoubleRight";

package/date-picker/panel/Shortcut.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as C, jsx as i } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
 import c from "../../button/index.js";

package/date-picker/panel/WeekList.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as i } from "react/jsx-runtime";
 function o(d) {
   const { prefixCls: t, weekStart: a, isWeek: r, CALENDAR_LOCALE: c } = d;

package/date-picker/panel/date/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as l, jsxs as D } from "react/jsx-runtime";
 import he from "lodash/merge";
 import { useContext as _, useMemo as ye } from "react";

package/date-picker/panel/month/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as m, jsxs as B } from "react/jsx-runtime";
 import F from "lodash/merge";
 import { useContext as G, useMemo as I } from "react";
@@ -8,8 +8,8 @@ import V from "../Header.js";
 import q from "../year/index.js";
 import z from "@unicom-cloud/ui-common/hooks/use-merge-props";
 import Q from "@unicom-cloud/ui-common/utils/className";
-import U from "@unicom-cloud/ui-common/utils/dayjs";
-import "dayjs";
+import "@unicom-cloud/ui-common/utils/dayjs";
+import U from "dayjs";
 import "lodash/castArray";
 import "@unicom-cloud/ui-common/utils/is";
 import { padStart as W } from "@unicom-cloud/ui-common/utils/pad";
@@ -46,7 +46,7 @@ function Ce(f) {
     panelMode: a,
     setPanelMode: l,
     ...Y
-  } = h, c = F(u.DatePicker, y), s = c.Calendar, _ = t?.("panel-month"), w = Q(_), R = b ? { rangeValues: A } : { value: S }, p = n.year(), j = I(() => {
+  } = h, c = F(u.DatePicker, y), s = c.Calendar, w = t?.("panel-month"), R = Q(w), j = b ? { rangeValues: A } : { value: S }, p = n.year(), H = I(() => {
     const o = [
       "January",
       "February",
@@ -71,14 +71,14 @@ function Ce(f) {
       r[e] = o.slice(e * 3, 3 * (e + 1));
     return r;
   }, [p, s]);
-  function H() {
+  function J() {
     return /* @__PURE__ */ m(
       K,
       {
         ...Y,
-        ...R,
+        ...j,
         prefixCls: t?.("picker"),
-        rows: j,
+        rows: H,
         onSelectDate: D,
         isSameTime: (o, r) => o.isSame(r, "month"),
         onMouseEnterCell: P,
@@ -91,8 +91,8 @@ function Ce(f) {
       }
     );
   }
-  const J = { onSuperPrev: k, onSuperNext: L };
-  function T(o) {
+  const T = { onSuperPrev: k, onSuperNext: L };
+  function _(o) {
     l(o);
   }
   return a === "year" ? /* @__PURE__ */ m(
@@ -105,21 +105,21 @@ function Ce(f) {
       },
       disabledDate: i
     }
-  ) : /* @__PURE__ */ B("div", { className: w, style: g, children: [
+  ) : /* @__PURE__ */ B("div", { className: R, style: g, children: [
     /* @__PURE__ */ m(
       V,
       {
-        ...J,
+        ...T,
         DATEPICKER_LOCALE: c,
         icons: E,
         prefixCls: t?.("picker"),
         value: n,
         mode: a,
-        onChangePanel: T,
+        onChangePanel: _,
         rtl: d
       }
     ),
-    H()
+    J()
   ] });
 }
 export {