@nutui/nutui-react 2.3.12-beta.0 → 2.4.0-beta.0

package/dist/nutui.react.umd.js

@@ -1,19 +1,12 @@
 (function(global2, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
-  "use strict";var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-/*!
-* @nutui/nutui-react v2.3.12-beta.0 Thu Feb 29 2024 14:38:01 GMT+0800 (China Standard Time)
+  "use strict";/*!
+* @nutui/nutui-react v2.4.0-beta.0 Fri Mar 08 2024 14:11:47 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
 
-  var _a;
   function _interopNamespaceDefault(e2) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
     if (e2) {
@@ -1714,8 +1707,8 @@ Check the top-level render call using <` + t2 + ">.");
     var reIsNative = RegExp(
       "^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
     );
-    var Buffer2 = moduleExports ? root2.Buffer : void 0, Symbol2 = root2.Symbol, Uint8Array2 = root2.Uint8Array, propertyIsEnumerable = objectProto2.propertyIsEnumerable, splice = arrayProto.splice, symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
-    var nativeGetSymbols = Object.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : void 0, nativeKeys = overArg(Object.keys, Object);
+    var Buffer = moduleExports ? root2.Buffer : void 0, Symbol2 = root2.Symbol, Uint8Array = root2.Uint8Array, propertyIsEnumerable = objectProto2.propertyIsEnumerable, splice = arrayProto.splice, symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
+    var nativeGetSymbols = Object.getOwnPropertySymbols, nativeIsBuffer = Buffer ? Buffer.isBuffer : void 0, nativeKeys = overArg(Object.keys, Object);
     var DataView = getNative(root2, "DataView"), Map2 = getNative(root2, "Map"), Promise2 = getNative(root2, "Promise"), Set2 = getNative(root2, "Set"), WeakMap2 = getNative(root2, "WeakMap"), nativeCreate = getNative(Object, "create");
     var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set2), weakMapCtorString = toSource(WeakMap2);
     var symbolProto2 = Symbol2 ? Symbol2.prototype : void 0, symbolValueOf = symbolProto2 ? symbolProto2.valueOf : void 0;
@@ -2047,7 +2040,7 @@ Check the top-level render call using <` + t2 + ">.");
           object2 = object2.buffer;
           other = other.buffer;
         case arrayBufferTag:
-          if (object2.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object2), new Uint8Array2(other))) {
+          if (object2.byteLength != other.byteLength || !equalFunc(new Uint8Array(object2), new Uint8Array(other))) {
             return false;
           }
           return true;
@@ -2404,11 +2397,23 @@ Check the top-level render call using <` + t2 + ">.");
       errorCanvasTips: "当前环境不支持Canvas"
     }
   };
+  const inBrowser = typeof window !== "undefined";
+  function requestAniFrame() {
+    if (typeof window !== "undefined") {
+      const _window = window;
+      return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
+        _window.setTimeout(callback, 1e3 / 60);
+      };
+    }
+    return (callback) => {
+      setTimeout(callback, 1e3 / 60);
+    };
+  }
+  const requestAniFrame$1 = requestAniFrame();
   const classPrefix$p = "nut-configprovider";
   const defaultConfigRef = {
     current: {
-      locale: zhCN,
-      direction: "ltr"
+      locale: zhCN
     }
   };
   const getDefaultConfig = () => {
@@ -2425,16 +2430,24 @@ Check the top-level render call using <` + t2 + ">.");
     });
     return cssVars;
   }
+  const useRtl = () => {
+    const { direction } = useConfig();
+    if (direction) {
+      return direction === "rtl";
+    }
+    return inBrowser && document.dir === "rtl";
+  };
   const ConfigProvider = (props) => {
     const { style, className, children, direction, ...config2 } = props;
     const mergedConfig = useMemo(
       () => {
         return {
           ...getDefaultConfig(),
-          ...config2
+          ...config2,
+          direction
         };
       },
-      [config2],
+      [config2, direction],
       (prev, next) => prev.some((prevTheme, index) => {
         const nextTheme = next[index];
         return !isequal(prevTheme, nextTheme);
@@ -5127,18 +5140,6 @@ Check the top-level render call using <` + t2 + ">.");
       }
     );
   };
-  function requestAniFrame() {
-    if (typeof window !== "undefined") {
-      const _window = window;
-      return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
-        _window.setTimeout(callback, 1e3 / 60);
-      };
-    }
-    return (callback) => {
-      setTimeout(callback, 1e3 / 60);
-    };
-  }
-  const requestAniFrame$1 = requestAniFrame();
   const defaultProps$1i = {
     ...ComponentDefaults,
     target: "",
@@ -5213,13 +5214,13 @@ Check the top-level render call using <` + t2 + ">.");
       window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
     };
     function addEventListener() {
-      var _a2, _b;
-      (_a2 = scrollEl.current) == null ? void 0 : _a2.addEventListener("scroll", scrollListener, false);
+      var _a, _b;
+      (_a = scrollEl.current) == null ? void 0 : _a.addEventListener("scroll", scrollListener, false);
       (_b = scrollEl.current) == null ? void 0 : _b.addEventListener("resize", scrollListener, false);
     }
     function removeEventListener() {
-      var _a2, _b;
-      (_a2 = scrollEl.current) == null ? void 0 : _a2.removeEventListener("scroll", scrollListener, false);
+      var _a, _b;
+      (_a = scrollEl.current) == null ? void 0 : _a.removeEventListener("scroll", scrollListener, false);
       (_b = scrollEl.current) == null ? void 0 : _b.removeEventListener("resize", scrollListener, false);
     }
     const goTop = (e2) => {
@@ -11084,8 +11085,8 @@ Please add \`${key}Action\` when creating your handler.`);
       onClick && onClick({ title, value, isShow });
     };
     React.useEffect(() => {
-      var _a2, _b;
-      const childNodes = (_a2 = listRef.current) == null ? void 0 : _a2.children;
+      var _a, _b;
+      const childNodes = (_a = listRef.current) == null ? void 0 : _a.children;
       (_b = listRef.current) == null ? void 0 : _b.setAttribute("level", "1");
       childNodes && setListLevel(childNodes);
     }, [setListLevel]);
@@ -11133,7 +11134,8 @@ Please add \`${key}Action\` when creating your handler.`);
     color: ""
   };
   const Badge = (props) => {
-    var _a2;
+    var _a;
+    const rtl = useRtl();
     const { className, style, value, max, children, dot, top, right, color } = {
       ...defaultProps$1b,
       ...props
@@ -11165,13 +11167,14 @@ Please add \`${key}Action\` when creating your handler.`);
       `${classPrefix2}-content`,
       { [`${classPrefix2}-sup`]: isNumber() || isString() || dot },
       {
-        [`${classPrefix2}-one`]: typeof content() === "string" && ((_a2 = `${content()}`) == null ? void 0 : _a2.length) === 1
+        [`${classPrefix2}-one`]: typeof content() === "string" && ((_a = `${content()}`) == null ? void 0 : _a.length) === 1
       }
     );
     const getStyle = () => {
       const style2 = {};
       style2.top = `${Number(top) || parseFloat(String(top)) || 0}px`;
-      style2.right = `${Number(right) || parseFloat(String(right)) || 0}px`;
+      const dir = rtl ? "left" : "right";
+      style2[dir] = `${Number(right) || parseFloat(String(right)) || 0}px`;
       style2.background = color;
       return style2;
     };
@@ -11602,22 +11605,19 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   class Tree {
     constructor(nodes, config2) {
-      __publicField(this, "nodes");
-      __publicField(this, "config");
-      // eslint-disable-next-line class-methods-use-this
-      __publicField(this, "isLeaf", (node, lazy) => {
+      this.isLeaf = (node, lazy) => {
         const { leaf, children } = node;
         const hasChildren = Array.isArray(children) && Boolean(children.length);
         return leaf || !hasChildren && !lazy;
-      });
-      __publicField(this, "hasChildren", (node, lazy) => {
+      };
+      this.hasChildren = (node, lazy) => {
         const isLeaf = this.isLeaf(node, lazy);
         if (isLeaf) {
           return false;
         }
         const { children } = node;
         return Array.isArray(children) && Boolean(children.length);
-      });
+      };
       this.config = {
         value: "value",
         text: "text",
@@ -11811,10 +11811,10 @@ Please add \`${key}Action\` when creating your handler.`);
           needToSync = [parent.value];
           state.initLoading = true;
           const last = await currentValue.slice(1).reduce(async (p, value2) => {
-            var _a2;
+            var _a;
             const parent2 = await p;
             await invokeLazyLoad(parent2);
-            const node = (_a2 = parent2 == null ? void 0 : parent2.children) == null ? void 0 : _a2.find(
+            const node = (_a = parent2 == null ? void 0 : parent2.children) == null ? void 0 : _a.find(
               (item) => item.value === value2
             );
             if (node) {
@@ -11850,8 +11850,8 @@ Please add \`${key}Action\` when creating your handler.`);
       let lazyLoadPromise = state.lazyLoadMap.get(node);
       if (!lazyLoadPromise) {
         lazyLoadPromise = new Promise((resolve) => {
-          var _a2, _b;
-          (_b = (_a2 = state.configs).onLoad) == null ? void 0 : _b.call(_a2, node, resolve);
+          var _a, _b;
+          (_b = (_a = state.configs).onLoad) == null ? void 0 : _b.call(_a, node, resolve);
         });
         state.lazyLoadMap.set(node, lazyLoadPromise);
       }
@@ -11921,9 +11921,9 @@ Please add \`${key}Action\` when creating your handler.`);
       setOptionsData(state.panes);
     };
     const renderItem = (pane, node, index) => {
-      var _a2;
+      var _a;
       const classPrefix22 = "nut-cascader-item";
-      const checked = ((_a2 = pane.selectedNode) == null ? void 0 : _a2.value) === node.value;
+      const checked = ((_a = pane.selectedNode) == null ? void 0 : _a.value) === node.value;
       const classes = classNames(
         {
           active: checked,
@@ -11969,7 +11969,7 @@ Please add \`${key}Action\` when creating your handler.`);
           value: tabvalue,
           title: () => {
             return optionsData.map((pane, index) => {
-              var _a2, _b;
+              var _a, _b;
               return /* @__PURE__ */ React.createElement(
                 "div",
                 {
@@ -11980,15 +11980,15 @@ Please add \`${key}Action\` when creating your handler.`);
                   className: `nut-tabs-titles-item ${tabvalue === pane.paneKey ? "nut-tabs-titles-item-active" : ""}`,
                   key: pane.paneKey
                 },
-                /* @__PURE__ */ React.createElement("span", { className: "nut-tabs-titles-item-text" }, !state.initLoading && state.panes.length && ((_a2 = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a2.text), !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && "请选择", !(!state.initLoading && state.panes.length) && "Loading..."),
+                /* @__PURE__ */ React.createElement("span", { className: "nut-tabs-titles-item-text" }, !state.initLoading && state.panes.length && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.text), !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && "请选择", !(!state.initLoading && state.panes.length) && "Loading..."),
                 /* @__PURE__ */ React.createElement("span", { className: "nut-tabs-titles-item-line" })
               );
             });
           }
         },
         !state.initLoading && state.panes.length ? optionsData.map((pane) => {
-          var _a2;
-          return /* @__PURE__ */ React.createElement(Tabs.TabPane, { key: pane.paneKey, value: pane.paneKey }, /* @__PURE__ */ React.createElement("div", { className: classesPane }, (_a2 = pane.nodes) == null ? void 0 : _a2.map(
+          var _a;
+          return /* @__PURE__ */ React.createElement(Tabs.TabPane, { key: pane.paneKey, value: pane.paneKey }, /* @__PURE__ */ React.createElement("div", { className: classesPane }, (_a = pane.nodes) == null ? void 0 : _a.map(
             (node, index) => renderItem(pane, node, index)
           )));
         }) : /* @__PURE__ */ React.createElement(Tabs.TabPane, null, /* @__PURE__ */ React.createElement("div", { className: classesPane }))
@@ -13182,8 +13182,8 @@ Please add \`${key}Action\` when creating your handler.`);
       onDayClick && onDayClick(param);
     };
     const scrollToDate = (date2) => {
-      var _a2;
-      (_a2 = calendarRef.current) == null ? void 0 : _a2.scrollToDate(date2);
+      var _a;
+      (_a = calendarRef.current) == null ? void 0 : _a.scrollToDate(date2);
     };
     const yearMonthChange = (param) => {
       onPageChange && onPageChange(param);
@@ -13683,6 +13683,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const defaultProps$$ = {
     max: void 0,
     min: void 0,
+    list: false,
     labelPosition: "right",
     direction: "vertical",
     onChange: (value) => {
@@ -13698,6 +13699,7 @@ Please add \`${key}Action\` when creating your handler.`);
         children,
         className,
         disabled,
+        list,
         onChange,
         value,
         defaultValue,
@@ -13761,6 +13763,7 @@ Please add \`${key}Action\` when creating your handler.`);
             labelPosition: labelPosition || "right",
             disabled,
             max,
+            list,
             onLimit,
             value: _value,
             check: (value2) => {
@@ -13787,7 +13790,8 @@ Please add \`${key}Action\` when creating your handler.`);
             className: classNames(
               classPrefix$i,
               {
-                [`nut-checkboxgroup-${props.direction}`]: props.direction
+                [`nut-checkboxgroup-${props.direction}`]: props.direction,
+                [`nut-checkboxgroup-list`]: list
               },
               className
             ),
@@ -13930,7 +13934,13 @@ Please add \`${key}Action\` when creating your handler.`);
         innerChecked && activeIcon ? /* @__PURE__ */ React.createElement("div", { className: classNames(`${classPrefix$h}-button-icon`) }, activeIcon) : null
       );
     };
+    const renderListItem = () => {
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$h}-list-item` }, renderLabel(), renderIcon());
+    };
     const renderCheckboxItem = () => {
+      if (ctx2 == null ? void 0 : ctx2.list) {
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, renderListItem());
+      }
       if (shape === "button") {
         return renderButton();
       }
@@ -14121,14 +14131,14 @@ Please add \`${key}Action\` when creating your handler.`);
       moving: moving.current
     }));
     React.useEffect(() => {
-      var _a2, _b, _c;
+      var _a, _b, _c;
       const options22 = passiveSupported ? { passive: false } : false;
-      (_a2 = PickerPanelRef.current) == null ? void 0 : _a2.addEventListener("touchstart", touchStart, options22);
+      (_a = PickerPanelRef.current) == null ? void 0 : _a.addEventListener("touchstart", touchStart, options22);
       (_b = PickerPanelRef.current) == null ? void 0 : _b.addEventListener("touchmove", touchMove, options22);
       (_c = PickerPanelRef.current) == null ? void 0 : _c.addEventListener("touchend", touchEnd, options22);
       return () => {
-        var _a3, _b2, _c2;
-        (_a3 = PickerPanelRef.current) == null ? void 0 : _a3.removeEventListener("touchstart", touchStart);
+        var _a2, _b2, _c2;
+        (_a2 = PickerPanelRef.current) == null ? void 0 : _a2.removeEventListener("touchstart", touchStart);
         (_b2 = PickerPanelRef.current) == null ? void 0 : _b2.removeEventListener("touchmove", touchMove);
         (_c2 = PickerPanelRef.current) == null ? void 0 : _c2.removeEventListener("touchend", touchEnd);
       };
@@ -14232,8 +14242,8 @@ Please add \`${key}Action\` when creating your handler.`);
       defaultValue: [...defaultValue],
       finalValue: [...defaultValue],
       onChange: (val) => {
-        var _a2;
-        (_a2 = props.onConfirm) == null ? void 0 : _a2.call(props, setSelectedOptions(), val);
+        var _a;
+        (_a = props.onConfirm) == null ? void 0 : _a.call(props, setSelectedOptions(), val);
       }
     });
     const [innerVisible, setInnerVisible] = usePropsValue({
@@ -14241,8 +14251,8 @@ Please add \`${key}Action\` when creating your handler.`);
       defaultValue: false,
       finalValue: false,
       onChange: (val) => {
-        var _a2;
-        (_a2 = props.onClose) == null ? void 0 : _a2.call(props, setSelectedOptions(), innerValue);
+        var _a;
+        (_a = props.onClose) == null ? void 0 : _a.call(props, setSelectedOptions(), innerValue);
       }
     });
     const [innerValue, setInnerValue] = React.useState(selectedValue);
@@ -14344,14 +14354,14 @@ Please add \`${key}Action\` when creating your handler.`);
       return options22;
     };
     const chooseItem = (columnOptions, columnIndex2) => {
-      var _a2, _b;
+      var _a, _b;
       const values = [];
       const start2 = columnIndex2;
       if (columnOptions && Object.keys(columnOptions).length) {
         if (values[columnIndex2] !== columnOptions.value) {
           if (columnsType() === "cascade") {
             values[columnIndex2] = columnOptions.value || "";
-            while ((_a2 = columnOptions == null ? void 0 : columnOptions.children) == null ? void 0 : _a2[0]) {
+            while ((_a = columnOptions == null ? void 0 : columnOptions.children) == null ? void 0 : _a[0]) {
               values[columnIndex2 + 1] = columnOptions.children[0].value;
               columnIndex2++;
               columnOptions = columnOptions.children[0];
@@ -14427,9 +14437,9 @@ Please add \`${key}Action\` when creating your handler.`);
         visible: innerVisible,
         position: "bottom",
         onOverlayClick: () => {
-          var _a2;
+          var _a;
           if (closeOnOverlayClick) {
-            (_a2 = props.onCancel) == null ? void 0 : _a2.call(props);
+            (_a = props.onCancel) == null ? void 0 : _a.call(props);
             setInnerVisible(false);
           }
         },
@@ -14620,7 +14630,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     const handlePickerChange = (selectedOptions, selectedValue, index) => {
-      var _a2;
+      var _a;
       const rangeType = type2.toLocaleLowerCase();
       if (["date", "datetime", "datehour", "month-day", "year-month"].includes(
         rangeType
@@ -14659,7 +14669,7 @@ Please add \`${key}Action\` when creating your handler.`);
         } else if (rangeType === "datehour") {
           date2 = new Date(year, month, day, Number(formatDate[3]));
         }
-        const isEqual2 = ((_a2 = new Date(selectedDate)) == null ? void 0 : _a2.getTime()) === (date2 == null ? void 0 : date2.getTime());
+        const isEqual2 = ((_a = new Date(selectedDate)) == null ? void 0 : _a.getTime()) === (date2 == null ? void 0 : date2.getTime());
         date2 && isDate(date2) && !isEqual2 && setSelectedDate(formatValue(date2));
       }
       props.onChange && props.onChange(selectedOptions, selectedValue, index);
@@ -14676,7 +14686,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return { text: padMin + fatter, value: padMin };
     };
     const generateColumn = (min, max, val, type22, columnIndex) => {
-      var _a2;
+      var _a;
       let cmin = min;
       const arr = [];
       let index = 0;
@@ -14687,11 +14697,11 @@ Please add \`${key}Action\` when creating your handler.`);
         } else {
           cmin++;
         }
-        if (cmin <= val) {
+        if (cmin <= Number(val)) {
           index++;
         }
       }
-      pickerValue[columnIndex] = (_a2 = arr[index]) == null ? void 0 : _a2.value;
+      pickerValue[columnIndex] = (_a = arr[index]) == null ? void 0 : _a.value;
       setPickerValue([...pickerValue]);
       if (props.filter && props.filter(type22, arr)) {
         return props.filter(type22, arr);
@@ -15812,21 +15822,13 @@ Please add \`${key}Action\` when creating your handler.`);
   const SECRET = "NUT_FORM_INTERNAL";
   class FormStore {
     constructor() {
-      // 初始化数据
-      __publicField(this, "initialValues", {});
-      __publicField(this, "updateList", []);
-      // 存放表单中所有的数据 eg. {password: "ddd",username: "123"}
-      __publicField(this, "store", {});
-      // 所有的组件实例
-      __publicField(this, "fieldEntities", []);
-      // 校验成功或失败的回调，onFinish、onFinishFailed
-      __publicField(this, "callbacks", {});
-      __publicField(this, "errors", {});
-      /**
-       * 注册组件实例
-       * @param field
-       */
-      __publicField(this, "registerField", (field) => {
+      this.initialValues = {};
+      this.updateList = [];
+      this.store = {};
+      this.fieldEntities = [];
+      this.callbacks = {};
+      this.errors = {};
+      this.registerField = (field) => {
         this.fieldEntities.push(field);
         return () => {
           this.fieldEntities = this.fieldEntities.filter((item) => item !== field);
@@ -15834,19 +15836,12 @@ Please add \`${key}Action\` when creating your handler.`);
             delete this.store[field.props.name];
           }
         };
-      });
-      /**
-       * 获取 formItem 的值
-       * @param name
-       */
-      __publicField(this, "getFieldValue", (name) => {
-        var _a2;
-        return (_a2 = this.store) == null ? void 0 : _a2[name];
-      });
-      /**
-       * 获取全部字段
-       */
-      __publicField(this, "getFieldsValue", (nameList) => {
+      };
+      this.getFieldValue = (name) => {
+        var _a;
+        return (_a = this.store) == null ? void 0 : _a[name];
+      };
+      this.getFieldsValue = (nameList) => {
         if (typeof nameList === "boolean") {
           return JSON.parse(JSON.stringify(this.store));
         }
@@ -15855,23 +15850,14 @@ Please add \`${key}Action\` when creating your handler.`);
           fieldsValue[field] = this.getFieldValue(field);
         });
         return fieldsValue;
-      });
-      /**
-       * 设置 form 的初始值，之后在 reset 的时候使用
-       * @param values
-       * @param init
-       */
-      __publicField(this, "setInitialValues", (values, init) => {
+      };
+      this.setInitialValues = (values, init) => {
         if (init) {
           this.initialValues = values;
           this.store = values;
         }
-      });
-      /**
-       * 存储组件数据
-       * @param newStore { [name]: newValue }
-       */
-      __publicField(this, "setFieldsValue", (newStore) => {
+      };
+      this.setFieldsValue = (newStore) => {
         this.store = {
           ...this.store,
           ...newStore
@@ -15893,15 +15879,15 @@ Please add \`${key}Action\` when creating your handler.`);
             item.entity.onStoreChange("update");
           }
         });
-      });
-      __publicField(this, "setCallback", (callback) => {
+      };
+      this.setCallback = (callback) => {
         this.callbacks = {
           ...this.callbacks,
           ...callback
         };
-      });
-      __publicField(this, "validateFields", async (nameList) => {
-        var _a2;
+      };
+      this.validateFields = async (nameList) => {
+        var _a;
         let filterEntitys = [];
         const errs = [];
         this.errors.length = 0;
@@ -15927,7 +15913,7 @@ Please add \`${key}Action\` when creating your handler.`);
           }
           const validator = new Schema(descriptor);
           try {
-            await validator.validate({ [name]: (_a2 = this.store) == null ? void 0 : _a2[name] });
+            await validator.validate({ [name]: (_a = this.store) == null ? void 0 : _a[name] });
           } catch ({ errors }) {
             if (errors) {
               errs.push(...errors);
@@ -15941,25 +15927,24 @@ Please add \`${key}Action\` when creating your handler.`);
           entity.onStoreChange("validate");
         }
         return errs;
-      });
-      __publicField(this, "submit", async () => {
-        var _a2, _b, _c, _d;
+      };
+      this.submit = async () => {
+        var _a, _b, _c, _d;
         const errors = await this.validateFields();
         if (errors.length === 0) {
-          (_b = (_a2 = this.callbacks).onFinish) == null ? void 0 : _b.call(_a2, this.store);
+          (_b = (_a = this.callbacks).onFinish) == null ? void 0 : _b.call(_a, this.store);
         } else if (errors.length > 0) {
           (_d = (_c = this.callbacks).onFinishFailed) == null ? void 0 : _d.call(_c, this.store, errors);
         }
-      });
-      __publicField(this, "resetFields", () => {
+      };
+      this.resetFields = () => {
         this.errors.length = 0;
         this.store = this.initialValues;
         this.fieldEntities.forEach((entity) => {
           entity.onStoreChange("reset");
         });
-      });
-      // 监听事件
-      __publicField(this, "registerUpdate", (field, shouldUpdate) => {
+      };
+      this.registerUpdate = (field, shouldUpdate) => {
         this.updateList.push({
           entity: field,
           condition: shouldUpdate
@@ -15967,11 +15952,11 @@ Please add \`${key}Action\` when creating your handler.`);
         return () => {
           this.updateList = this.updateList.filter((i) => i.entity !== field);
         };
-      });
-      __publicField(this, "dispatch", ({ name }) => {
+      };
+      this.dispatch = ({ name }) => {
         this.validateFields([name]);
-      });
-      __publicField(this, "getInternal", (key) => {
+      };
+      this.getInternal = (key) => {
         if (key === SECRET) {
           return {
             registerField: this.registerField,
@@ -15983,8 +15968,8 @@ Please add \`${key}Action\` when creating your handler.`);
             registerUpdate: this.registerUpdate
           };
         }
-      });
-      __publicField(this, "getForm", () => {
+      };
+      this.getForm = () => {
         return {
           getFieldValue: this.getFieldValue,
           getFieldsValue: this.getFieldsValue,
@@ -15995,7 +15980,7 @@ Please add \`${key}Action\` when creating your handler.`);
           errors: this.errors,
           getInternal: this.getInternal
         };
-      });
+      };
       this.callbacks = {
         onFinish: () => {
         },
@@ -16115,19 +16100,15 @@ Please add \`${key}Action\` when creating your handler.`);
     shouldUpdate: false,
     noStyle: false
   };
-  class FormItem extends React.Component {
+  const _FormItem = class _FormItem extends React.Component {
     constructor(props) {
       super(props);
-      __publicField(this, "cancelRegister");
-      __publicField(this, "componentRef");
-      __publicField(this, "eventOff");
-      // children添加value属性和onChange事件
-      __publicField(this, "getControlled", (children) => {
-        var _a2;
+      this.getControlled = (children) => {
+        var _a;
         const { setFieldsValue, getFieldValue } = this.context;
         const { dispatch } = this.context.getInternal(SECRET);
         const { name = "" } = this.props;
-        if ((_a2 = children == null ? void 0 : children.props) == null ? void 0 : _a2.defaultValue) {
+        if ((_a = children == null ? void 0 : children.props) == null ? void 0 : _a.defaultValue) {
           console.warn("通过 initialValue 设置初始值");
         }
         const fieldValue = getFieldValue(name);
@@ -16149,7 +16130,7 @@ Please add \`${key}Action\` when creating your handler.`);
         const { validateTrigger } = this.props;
         let validateTriggers = [this.props.trigger || "onChange"];
         if (validateTrigger) {
-          validateTriggers = typeof validateTrigger === "string" ? [...validateTriggers, validateTrigger] : [...validateTriggers, ...validateTrigger];
+          validateTriggers = typeof validateTrigger === "string" ? [validateTrigger] : [...validateTrigger];
           validateTriggers.forEach((trigger) => {
             const originTrigger = controlled[trigger];
             controlled[trigger] = (...args) => {
@@ -16179,21 +16160,21 @@ Please add \`${key}Action\` when creating your handler.`);
           };
         }
         return controlled;
-      });
-      __publicField(this, "refresh", () => {
+      };
+      this.refresh = () => {
         this.setState(({ resetCount }) => ({
           resetCount: resetCount + 1
         }));
-      });
-      __publicField(this, "onStoreChange", (type2) => {
+      };
+      this.onStoreChange = (type2) => {
         if (type2 === "reset") {
           this.context.errors[this.props.name] = [];
           this.refresh();
         } else {
           this.forceUpdate();
         }
-      });
-      __publicField(this, "renderLayout", (childNode) => {
+      };
+      this.renderLayout = (childNode) => {
         const {
           label,
           name,
@@ -16228,7 +16209,7 @@ Please add \`${key}Action\` when creating your handler.`);
             item[0].message
           ))
         );
-      });
+      };
       this.componentRef = React.createRef();
       this.state = {
         resetCount: 1
@@ -16261,9 +16242,10 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       return /* @__PURE__ */ React.createElement(React.Fragment, { key: this.state.resetCount }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
     }
-  }
-  __publicField(FormItem, "defaultProps", defaultProps$W);
-  __publicField(FormItem, "contextType", Context);
+  };
+  _FormItem.defaultProps = defaultProps$W;
+  _FormItem.contextType = Context;
+  let FormItem = _FormItem;
   const InnerForm = Form;
   InnerForm.Item = FormItem;
   InnerForm.useForm = useForm;
@@ -16352,12 +16334,12 @@ Please add \`${key}Action\` when creating your handler.`);
             setValue("");
           },
           focus: () => {
-            var _a2;
-            (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+            var _a;
+            (_a = inputRef.current) == null ? void 0 : _a.focus();
           },
           blur: () => {
-            var _a2;
-            (_a2 = inputRef.current) == null ? void 0 : _a2.blur();
+            var _a;
+            (_a = inputRef.current) == null ? void 0 : _a.blur();
           },
           get nativeElement() {
             return inputRef.current;
@@ -16447,14 +16429,14 @@ Please add \`${key}Action\` when creating your handler.`);
               handleInput(e2.currentTarget.value);
             },
             onCompositionStart: (e2) => {
-              var _a2;
+              var _a;
               composingRef.current = true;
-              (_a2 = props.onCompositionStart) == null ? void 0 : _a2.call(props, e2);
+              (_a = props.onCompositionStart) == null ? void 0 : _a.call(props, e2);
             },
             onCompositionEnd: (e2) => {
-              var _a2;
+              var _a;
               composingRef.current = false;
-              (_a2 = props.onCompositionEnd) == null ? void 0 : _a2.call(props, e2);
+              (_a = props.onCompositionEnd) == null ? void 0 : _a.call(props, e2);
             }
           }
         ),
@@ -16521,14 +16503,15 @@ Please add \`${key}Action\` when creating your handler.`);
     const [focused, setFocused] = React.useState(false);
     const inputRef = React.useRef(null);
     React.useEffect(() => {
-      var _a2, _b;
+      var _a, _b;
       if (focused) {
-        (_b = (_a2 = inputRef.current) == null ? void 0 : _a2.select) == null ? void 0 : _b.call(_a2);
+        (_b = (_a = inputRef.current) == null ? void 0 : _a.select) == null ? void 0 : _b.call(_a);
       }
     }, [focused]);
     const [shadowValue, setShadowValue] = usePropsValue({
       value: typeof value === "string" ? parseFloat(value) : value,
       defaultValue: typeof defaultValue === "string" ? parseFloat(defaultValue) : defaultValue,
+      finalValue: 0,
       onChange: (value2) => {
       }
     });
@@ -16582,7 +16565,7 @@ Please add \`${key}Action\` when creating your handler.`);
         );
         const nextValue = bound2(shouldOverBoundary, Number(min), Number(max));
         setShadowValue(nextValue);
-        if (negative ? shouldOverBoundary < min : shouldOverBoundary > max) {
+        if (negative ? shouldOverBoundary < Number(min) : shouldOverBoundary > Number(max)) {
           onOverlimit == null ? void 0 : onOverlimit(e2);
         } else {
           onChange == null ? void 0 : onChange(nextValue, e2);
@@ -17468,6 +17451,7 @@ Please add \`${key}Action\` when creating your handler.`);
     marks: {}
   };
   const Range = (props) => {
+    const rtl = useRtl();
     const {
       className,
       range: range2,
@@ -17580,15 +17564,17 @@ Please add \`${key}Action\` when creating your handler.`);
           transition: dragStatus ? "none" : void 0
         };
       }
+      const dir = rtl ? "right" : "left";
       return {
         width: calcMainAxis(),
-        left: calcOffset(),
+        [dir]: calcOffset(),
         transition: dragStatus ? "none" : void 0
       };
     };
     const marksStyle = (mark) => {
+      const dir = rtl ? "right" : "left";
       let style = {
-        left: `${(mark - min) / scope() * 100}%`
+        [dir]: `${(mark - min) / scope() * 100}%`
       };
       if (vertical) {
         style = {
@@ -17680,6 +17666,7 @@ Please add \`${key}Action\` when creating your handler.`);
       let delta = touch.deltaX.current;
       let total = rect.width;
       let diff = delta / total * scope();
+      diff = rtl ? -diff : diff;
       if (vertical) {
         delta = touch.deltaY.current;
         total = rect.height;
@@ -17837,8 +17824,8 @@ Please add \`${key}Action\` when creating your handler.`);
       setScore(value2);
     };
     const getScoreByPosition = (x) => {
-      var _a2;
-      if ((_a2 = rateRects.current) == null ? void 0 : _a2.length) {
+      var _a;
+      if ((_a = rateRects.current) == null ? void 0 : _a.length) {
         for (let index = rateRects.current.length - 1; index >= 0; index--) {
           const item = rateRects.current[index];
           if (item && x > item.left) {
@@ -18518,22 +18505,14 @@ Please add \`${key}Action\` when creating your handler.`);
   TextArea.displayName = "NutTextArea";
   class UploadOptions {
     constructor() {
-      __publicField(this, "url", "");
-      __publicField(this, "name", "file");
-      __publicField(this, "fileType", "image");
-      __publicField(this, "formData");
-      __publicField(this, "sourceFile");
-      __publicField(this, "method", "post");
-      __publicField(this, "xhrState", 200);
-      __publicField(this, "timeout", 30 * 1e3);
-      __publicField(this, "headers", {});
-      __publicField(this, "withCredentials", false);
-      __publicField(this, "onStart");
-      __publicField(this, "taroFilePath");
-      __publicField(this, "onProgress");
-      __publicField(this, "onSuccess");
-      __publicField(this, "onFailure");
-      __publicField(this, "beforeXhrUpload");
+      this.url = "";
+      this.name = "file";
+      this.fileType = "image";
+      this.method = "post";
+      this.xhrState = 200;
+      this.timeout = 30 * 1e3;
+      this.headers = {};
+      this.withCredentials = false;
     }
   }
   const UPLOADING = "uploading";
@@ -18541,11 +18520,10 @@ Please add \`${key}Action\` when creating your handler.`);
   const ERROR = "error";
   class Upload {
     constructor(options2) {
-      __publicField(this, "options");
       this.options = options2;
     }
     upload() {
-      var _a2;
+      var _a;
       const { options: options2 } = this;
       const xhr = new XMLHttpRequest();
       xhr.timeout = options2.timeout;
@@ -18553,16 +18531,16 @@ Please add \`${key}Action\` when creating your handler.`);
         xhr.upload.addEventListener(
           "progress",
           (e2) => {
-            var _a3;
-            (_a3 = options2.onProgress) == null ? void 0 : _a3.call(options2, e2, options2);
+            var _a2;
+            (_a2 = options2.onProgress) == null ? void 0 : _a2.call(options2, e2, options2);
           },
           false
         );
         xhr.onreadystatechange = () => {
-          var _a3, _b;
+          var _a2, _b;
           if (xhr.readyState === 4) {
             if (xhr.status === options2.xhrState) {
-              (_a3 = options2.onSuccess) == null ? void 0 : _a3.call(options2, xhr.responseText, options2);
+              (_a2 = options2.onSuccess) == null ? void 0 : _a2.call(options2, xhr.responseText, options2);
             } else {
               (_b = options2.onFailure) == null ? void 0 : _b.call(options2, xhr.responseText, options2);
             }
@@ -18573,7 +18551,7 @@ Please add \`${key}Action\` when creating your handler.`);
         for (const [key, value] of Object.entries(options2.headers)) {
           xhr.setRequestHeader(key, value);
         }
-        (_a2 = options2.onStart) == null ? void 0 : _a2.call(options2, options2);
+        (_a = options2.onStart) == null ? void 0 : _a.call(options2, options2);
         if (options2.beforeXhrUpload) {
           options2.beforeXhrUpload(xhr, options2);
         } else {
@@ -18618,6 +18596,7 @@ Please add \`${key}Action\` when creating your handler.`);
     delay: 0
   };
   const Progress = (props) => {
+    const rtl = useRtl();
     const {
       className,
       style,
@@ -18711,7 +18690,7 @@ Please add \`${key}Action\` when creating your handler.`);
         "div",
         {
           className: `${classPrefix2}-text`,
-          style: { left: `${displayPercent}%` }
+          style: rtl ? { right: `${displayPercent}%` } : { left: `${displayPercent}%` }
         },
         children || /* @__PURE__ */ React.createElement(
           "div",
@@ -18745,7 +18724,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return item.loadingIcon || /* @__PURE__ */ React.createElement(t$2, { className: "nut-icon-loading", color: "#fff" });
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, fileList.length !== 0 && fileList.map((item, index) => {
-      var _a2;
+      var _a;
       return /* @__PURE__ */ React.createElement(
         "div",
         {
@@ -18760,7 +18739,7 @@ Please add \`${key}Action\` when creating your handler.`);
             onClick: () => onDeleteItem(item, index)
           }
         ),
-        previewType === "picture" && !children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a2 = item.type) == null ? void 0 : _a2.includes("image")) ? /* @__PURE__ */ React.createElement(React.Fragment, null, item.url && /* @__PURE__ */ React.createElement(
+        previewType === "picture" && !children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React.createElement(React.Fragment, null, item.url && /* @__PURE__ */ React.createElement(
           "img",
           {
             className: "nut-uploader-preview-img-c",
@@ -18814,18 +18793,11 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   class FileItem {
     constructor() {
-      __publicField(this, "status", "ready");
-      __publicField(this, "message", "准备中..");
-      __publicField(this, "uid", (/* @__PURE__ */ new Date()).getTime().toString());
-      __publicField(this, "name");
-      __publicField(this, "url");
-      __publicField(this, "type");
-      __publicField(this, "path");
-      __publicField(this, "percentage", 0);
-      __publicField(this, "formData", {});
-      __publicField(this, "responseText");
-      __publicField(this, "loadingIcon");
-      __publicField(this, "failIcon");
+      this.status = "ready";
+      this.message = "准备中..";
+      this.uid = (/* @__PURE__ */ new Date()).getTime().toString();
+      this.percentage = 0;
+      this.formData = {};
     }
   }
   const defaultProps$G = {
@@ -18933,11 +18905,11 @@ Please add \`${key}Action\` when creating your handler.`);
       el.value = "";
     };
     const executeUpload = (fileItem, index) => {
-      var _a2, _b;
+      var _a, _b;
       const uploadOption = new UploadOptions();
       uploadOption.url = url;
       for (const [key, value2] of Object.entries(data)) {
-        (_a2 = fileItem.formData) == null ? void 0 : _a2.append(key, value2);
+        (_a = fileItem.formData) == null ? void 0 : _a.append(key, value2);
       }
       uploadOption.formData = fileItem.formData;
       uploadOption.timeout = timeout * 1;
@@ -19024,7 +18996,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const readFile = (files) => {
       files.forEach((file, index) => {
-        var _a2;
+        var _a;
         const formData = new FormData();
         formData.append(name, file);
         const fileItem = new FileItem();
@@ -19035,7 +19007,7 @@ Please add \`${key}Action\` when creating your handler.`);
         fileItem.uid = file.lastModified + fileItem.uid;
         fileItem.message = autoUpload ? locale.uploader.readyUpload : locale.uploader.waitingUpload;
         executeUpload(fileItem, index);
-        if (preview && ((_a2 = file.type) == null ? void 0 : _a2.includes("image"))) {
+        if (preview && ((_a = file.type) == null ? void 0 : _a.includes("image"))) {
           const reader = new FileReader();
           reader.onload = (event) => {
             fileItem.url = event.target.result;
@@ -19108,7 +19080,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const handleItemClick = (file, index) => {
       onFileItemClick == null ? void 0 : onFileItemClick(file, index);
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-slot" }, children || /* @__PURE__ */ React.createElement(Button, { size: "small", type: "primary" }, "上传文件"), maxCount > fileList.length && /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-slot" }, children || /* @__PURE__ */ React.createElement(Button, { size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React.createElement(
       "input",
       {
         className: "nut-uploader-input",
@@ -19133,7 +19105,7 @@ Please add \`${key}Action\` when creating your handler.`);
           children
         }
       }
-    ), maxCount > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React.createElement(
+    ), Number(maxCount) > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React.createElement(
       "div",
       {
         className: classNames("nut-uploader-upload", previewType, {
@@ -19273,8 +19245,8 @@ Please add \`${key}Action\` when creating your handler.`);
   }
   async function concurrentUnmount(container) {
     return Promise.resolve().then(() => {
-      var _a2;
-      (_a2 = container[MARK]) == null ? void 0 : _a2.unmount();
+      var _a;
+      (_a = container[MARK]) == null ? void 0 : _a.unmount();
       delete container[MARK];
     });
   }
@@ -19318,7 +19290,7 @@ Please add \`${key}Action\` when creating your handler.`);
       const ret = _onConfirm == null ? void 0 : _onConfirm();
       if (ret && ret.then) {
         renderFunction(dialogConfig);
-        ret.then(
+        return ret.then(
           () => {
             onCancel(true);
           },
@@ -19519,6 +19491,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...restProps
     } = props;
     const classPrefix2 = "nut-dialog";
+    const [loading, setLoading] = React.useState(false);
     const renderFooter = () => {
       if (footer === null)
         return "";
@@ -19531,10 +19504,16 @@ Please add \`${key}Action\` when creating your handler.`);
         onClose == null ? void 0 : onClose();
         onCancel == null ? void 0 : onCancel();
       };
-      const handleOk = (e2) => {
+      const handleOk = async (e2) => {
         e2.stopPropagation();
-        onClose == null ? void 0 : onClose();
-        onConfirm == null ? void 0 : onConfirm(e2);
+        setLoading(true);
+        try {
+          await (onConfirm == null ? void 0 : onConfirm(e2));
+          setLoading(false);
+          onClose == null ? void 0 : onClose();
+        } catch {
+          setLoading(false);
+        }
       };
       return footer || /* @__PURE__ */ React.createElement(React.Fragment, null, !hideCancelButton && /* @__PURE__ */ React.createElement(
         Button,
@@ -19552,7 +19531,8 @@ Please add \`${key}Action\` when creating your handler.`);
             disabled: disableConfirmButton
           }),
           disabled: disableConfirmButton,
-          onClick: (e2) => handleOk(e2)
+          onClick: (e2) => handleOk(e2),
+          loading
         },
         confirmText || locale.confirm
       ));
@@ -19796,16 +19776,16 @@ Please add \`${key}Action\` when creating your handler.`);
     const distance = React.useRef(0);
     const classes = classNames(classPrefix$d, className);
     React.useEffect(() => {
-      var _a2;
+      var _a;
       if (target && document.getElementById(target)) {
         scrollEl.current = document.getElementById(target);
       } else {
         scrollEl.current = window;
       }
-      (_a2 = scrollEl.current) == null ? void 0 : _a2.addEventListener("scroll", handleScroll, capture);
+      (_a = scrollEl.current) == null ? void 0 : _a.addEventListener("scroll", handleScroll, capture);
       return () => {
-        var _a3;
-        (_a3 = scrollEl.current) == null ? void 0 : _a3.removeEventListener("scroll", handleScroll, capture);
+        var _a2;
+        (_a2 = scrollEl.current) == null ? void 0 : _a2.removeEventListener("scroll", handleScroll, capture);
       };
     }, [hasMore, isInfiniting, onLoadMore]);
     React.useEffect(() => {
@@ -19957,6 +19937,7 @@ Please add \`${key}Action\` when creating your handler.`);
   Loading.displayName = "NutLoading";
   const defaultProps$z = {
     ...ComponentDefaults,
+    align: "left",
     direction: "horizontal",
     list: [],
     duration: 1e3,
@@ -19971,10 +19952,12 @@ Please add \`${key}Action\` when creating your handler.`);
     speed: 50
   };
   const NoticeBar = (props) => {
+    const rtl = useRtl();
     const {
       children,
       className,
       style,
+      align,
       direction,
       list,
       duration,
@@ -20079,7 +20062,7 @@ Please add \`${key}Action\` when creating your handler.`);
         }
         const wrapW = getRect(wrapRef.current).width;
         const offsetW = getRect(contentRef.current).width;
-        const canScroll = scrollable == null ? offsetW > wrapW : scrollable;
+        const canScroll = align === "left" && scrollable == null ? offsetW > wrapW : scrollable;
         SetIsCanScroll(canScroll);
         if (canScroll) {
           SetWrapWidth(wrapW);
@@ -20129,7 +20112,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClose && onClose(event);
     };
     const isEllipsis = () => {
-      if (isCanScroll == null) {
+      if (isCanScroll == null && align === "left") {
         return wrap;
       }
       return !isCanScroll && !wrap;
@@ -20137,7 +20120,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const contentStyle = {
       animationDelay: `${firstRound ? delay : 0}s`,
       animationDuration: `${animationDuration}s`,
-      transform: `translateX(${firstRound ? 0 : `${wrapWidth}px`})`
+      transform: `translateX(${firstRound ? 0 : `${rtl ? -wrapWidth : wrapWidth}px`})`
     };
     const barStyle = {
       height: isVertical ? `${height}px` : ""
@@ -20279,15 +20262,17 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     const noticebarClass = classNames({
-      "nut-noticebar-box": true,
-      [`nut-noticebar-box-wrapable`]: wrap
+      [`${classPrefix2}-box`]: true,
+      [`${classPrefix2}-box-wrapable`]: wrap,
+      [`${classPrefix2}-box-${align}`]: true
     });
+    const cls = classNames(classPrefix2, className);
     React.useEffect(() => {
       return () => {
         stopAutoPlay();
       };
     }, []);
-    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className || ""}`, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick2 }, leftIcon ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null, /* @__PURE__ */ React.createElement("div", { ref: wrapRef, className: "nut-noticebar-box-wrap" }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: cls, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick2 }, leftIcon ? /* @__PURE__ */ React.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null, /* @__PURE__ */ React.createElement("div", { ref: wrapRef, className: "nut-noticebar-box-wrap" }, /* @__PURE__ */ React.createElement(
       "div",
       {
         ref: contentRef,
@@ -20357,10 +20342,9 @@ Please add \`${key}Action\` when creating your handler.`);
   NoticeBar.defaultProps = defaultProps$z;
   NoticeBar.displayName = "NutNoticeBar";
   const classPrefix$c = "nut-notify";
-  let Notification$1 = (_a = class extends React__namespace.PureComponent {
+  let Notification$1 = class Notification extends React__namespace.PureComponent {
     constructor(props) {
       super(props);
-      __publicField(this, "closeTimer");
       this.close = this.close.bind(this);
       this.startCloseTimer = this.startCloseTimer.bind(this);
       this.clearCloseTimer = this.clearCloseTimer.bind(this);
@@ -20433,7 +20417,7 @@ Please add \`${key}Action\` when creating your handler.`);
         )
       ));
     }
-  }, __publicField(_a, "newInstance"), _a);
+  };
   Notification$1.newInstance = (properties, callback) => {
     const element = document.createElement("div");
     const id = properties.id ? properties.id : `${(/* @__PURE__ */ new Date()).getTime()}`;
@@ -20522,6 +20506,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const defaultProps$y = {
     ...ComponentDefaults,
     list: [],
+    theme: "light",
     location: "bottom",
     visible: false,
     offset: [0, 12],
@@ -20543,6 +20528,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const {
       children,
       list,
+      theme,
       location,
       visible,
       offset,
@@ -20599,8 +20585,8 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     useClickAway(
       () => {
-        var _a2;
-        (_a2 = props.onClick) == null ? void 0 : _a2.call(props);
+        var _a;
+        (_a = props.onClick) == null ? void 0 : _a.call(props);
         onClose == null ? void 0 : onClose();
       },
       targetSet,
@@ -20626,7 +20612,8 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const classes = classNames(
       {
-        [`${classPrefix$b}`]: true
+        [`${classPrefix$b}`]: true,
+        [`${classPrefix$b}-${theme}`]: theme === "dark"
       },
       className
     );
@@ -20636,11 +20623,11 @@ Please add \`${key}Action\` when creating your handler.`);
       return `${prefixCls2} ${prefixCls2}-${direction} ${prefixCls2}-${location}`;
     };
     const getRootPosition = () => {
-      var _a2, _b;
+      var _a, _b;
       const styles = {};
       if (!rootPosition)
         return {};
-      const contentWidth = (_a2 = popoverContentRef.current) == null ? void 0 : _a2.clientWidth;
+      const contentWidth = (_a = popoverContentRef.current) == null ? void 0 : _a.clientWidth;
       const contentHeight = (_b = popoverContentRef.current) == null ? void 0 : _b.clientHeight;
       const { width, height, left, top, right } = rootPosition;
       const direction = location.split("-")[0];
@@ -20713,12 +20700,12 @@ Please add \`${key}Action\` when creating your handler.`);
       return styles;
     };
     const handleSelect = (item, index) => {
-      var _a2;
+      var _a;
       if (!item.disabled) {
         onSelect == null ? void 0 : onSelect(item, index);
       }
       if (closeOnActionClick) {
-        (_a2 = props.onClick) == null ? void 0 : _a2.call(props);
+        (_a = props.onClick) == null ? void 0 : _a.call(props);
         onClose == null ? void 0 : onClose();
       }
     };
@@ -20728,8 +20715,8 @@ Please add \`${key}Action\` when creating your handler.`);
         className: "nut-popover-wrapper",
         ref: popoverRef,
         onClick: () => {
-          var _a2;
-          (_a2 = props.onClick) == null ? void 0 : _a2.call(props);
+          var _a;
+          (_a = props.onClick) == null ? void 0 : _a.call(props);
           if (!visible) {
             onOpen == null ? void 0 : onOpen();
           } else {
@@ -20779,8 +20766,8 @@ Please add \`${key}Action\` when creating your handler.`);
                 {
                   className: "nut-popover-menu-item-action-icon",
                   onClick: (e2) => {
-                    var _a2, _b;
-                    return (_b = (_a2 = item.action) == null ? void 0 : _a2.onClick) == null ? void 0 : _b.call(_a2, e2);
+                    var _a, _b;
+                    return (_b = (_a = item.action) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a, e2);
                   }
                 },
                 item.action.icon
@@ -20857,8 +20844,8 @@ Please add \`${key}Action\` when creating your handler.`);
     const elementRef = React.useRef(null);
     const pullingRef = React.useRef(false);
     React.useEffect(() => {
-      var _a2;
-      (_a2 = elementRef.current) == null ? void 0 : _a2.addEventListener("touchmove", () => {
+      var _a;
+      (_a = elementRef.current) == null ? void 0 : _a.addEventListener("touchmove", () => {
       });
     }, []);
     async function doRefresh() {
@@ -20948,16 +20935,16 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: `${classPrefix2}-head-content-icons` }, (status2 === "pulling" || status2 === "complete") && /* @__PURE__ */ React.createElement(t$2, null), (status2 === "canRelease" || status2 === "refreshing") && /* @__PURE__ */ React.createElement(t$1, null)));
     };
     const renderStatusIcon = () => {
-      var _a2;
+      var _a;
       if (props.renderIcon) {
-        return (_a2 = props.renderIcon) == null ? void 0 : _a2.call(props, status);
+        return (_a = props.renderIcon) == null ? void 0 : _a.call(props, status);
       }
       return renderIcons(status);
     };
     const renderStatusText = () => {
-      var _a2;
+      var _a;
       if (props.renderText) {
-        return (_a2 = props.renderText) == null ? void 0 : _a2.call(props, status);
+        return (_a = props.renderText) == null ? void 0 : _a.call(props, status);
       }
       if (status === "pulling")
         return props.pullingText;
@@ -21027,7 +21014,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const classPrefix$9 = `nut-avatar`;
   const Avatar = (props) => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
     const {
       children,
       size,
@@ -21054,7 +21041,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const parent = React.useContext(AvatarContext);
     const sizeValue = ["large", "normal", "small"];
     const classes = classNames({
-      [`nut-avatar-${((_a2 = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _a2.size) || size || "normal"}`]: true,
+      [`nut-avatar-${((_a = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _a.size) || size || "normal"}`]: true,
       [`nut-avatar-${((_b = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _b.shape) || shape}`]: true
     });
     const cls = classNames(classPrefix$9, classes, className);
@@ -21072,20 +21059,20 @@ Please add \`${key}Action\` when creating your handler.`);
       color: `${(_g = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _g.maxColor}`
     };
     React.useEffect(() => {
-      var _a3;
-      const avatarChildren = (_a3 = parent == null ? void 0 : parent.avatarGroupRef) == null ? void 0 : _a3.current.children;
+      var _a2;
+      const avatarChildren = (_a2 = parent == null ? void 0 : parent.avatarGroupRef) == null ? void 0 : _a2.current.children;
       if (avatarChildren) {
         avatarLength(avatarChildren);
       }
     }, []);
     const avatarLength = (children2) => {
-      var _a3, _b2, _c2;
+      var _a2, _b2, _c2;
       for (let i = 0; i < children2.length; i++) {
         if (children2[i] && children2[i].classList && children2[i].classList[0] === "nut-avatar") {
           children2[i].setAttribute("data-index", i + 1);
         }
       }
-      const index = Number((_b2 = (_a3 = avatarRef == null ? void 0 : avatarRef.current) == null ? void 0 : _a3.dataset) == null ? void 0 : _b2.index);
+      const index = Number((_b2 = (_a2 = avatarRef == null ? void 0 : avatarRef.current) == null ? void 0 : _a2.dataset) == null ? void 0 : _b2.index);
       const maxCount = (_c2 = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c2.max;
       setMaxSum(children2.length);
       setAvatarIndex(index);
@@ -21224,20 +21211,20 @@ Please add \`${key}Action\` when creating your handler.`);
     const leftWidth = actionWidth.left;
     const rightWidth = actionWidth.right;
     const onTouchStart = (event) => {
-      var _a2;
+      var _a;
       if (!props.disabled) {
         startOffset.current = state.offset;
         touch.start(event);
-        (_a2 = props.onTouchStart) == null ? void 0 : _a2.call(props, event);
+        (_a = props.onTouchStart) == null ? void 0 : _a.call(props, event);
       }
     };
     const onTouchMove = (event) => {
-      var _a2;
+      var _a;
       if (props.disabled) {
         return;
       }
       touch.move(event);
-      (_a2 = props.onTouchMove) == null ? void 0 : _a2.call(props, event);
+      (_a = props.onTouchMove) == null ? void 0 : _a.call(props, event);
       if (touch.isHorizontal()) {
         lockClick.current = true;
         const newState = { ...state, dragging: true };
@@ -21254,14 +21241,14 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     const onTouchEnd = (event) => {
-      var _a2;
+      var _a;
       if (state.dragging) {
         setState((v) => ({ ...v, dragging: false }));
         toggle(state.offset > 0 ? "left" : "right");
         setTimeout(() => {
           lockClick.current = false;
         }, 0);
-        (_a2 = props.onTouchEnd) == null ? void 0 : _a2.call(props, event);
+        (_a = props.onTouchEnd) == null ? void 0 : _a.call(props, event);
       }
     };
     const toggle = (side) => {
@@ -21276,18 +21263,18 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     const open = (side) => {
-      var _a2;
+      var _a;
       opened.current = true;
       const offset = side === "left" ? leftWidth : -rightWidth;
       const name = props.name;
-      (_a2 = props.onOpen) == null ? void 0 : _a2.call(props, { name, position: side });
+      (_a = props.onOpen) == null ? void 0 : _a.call(props, { name, position: side });
       setState((v) => ({ ...v, offset: Number(offset) || 0 }));
     };
     const close = (position) => {
-      var _a2;
+      var _a;
       if (opened.current) {
         opened.current = false;
-        (_a2 = props.onClose) == null ? void 0 : _a2.call(props, {
+        (_a = props.onClose) == null ? void 0 : _a.call(props, {
           name: props.name,
           position: position || "left"
         });
@@ -21381,7 +21368,6 @@ Please add \`${key}Action\` when creating your handler.`);
   class Notification extends React__namespace.PureComponent {
     constructor(props) {
       super(props);
-      __publicField(this, "closeTimer");
       this.close = this.close.bind(this);
       this.startCloseTimer = this.startCloseTimer.bind(this);
       this.clearCloseTimer = this.clearCloseTimer.bind(this);
@@ -21495,7 +21481,6 @@ Please add \`${key}Action\` when creating your handler.`);
       ));
     }
   }
-  __publicField(Notification, "newInstance");
   Notification.newInstance = (properties, callback) => {
     const element = document.createElement("div");
     const id = properties.id ? properties.id : `${(/* @__PURE__ */ new Date()).getTime()}`;
@@ -21707,7 +21692,7 @@ Please add \`${key}Action\` when creating your handler.`);
   CountUp.defaultProps = defaultProps$r;
   CountUp.displayName = "NutCountUp";
   const defaultProps$q = {};
-  class AnimatingNumbers extends React.Component {
+  const _AnimatingNumbers = class _AnimatingNumbers extends React.Component {
     constructor(props) {
       super(props);
       this.state = {};
@@ -21715,10 +21700,11 @@ Please add \`${key}Action\` when creating your handler.`);
     render() {
       return /* @__PURE__ */ React.createElement("div", { className: "nut-animatingnumbers" });
     }
-  }
-  __publicField(AnimatingNumbers, "defaultProps", defaultProps$q);
-  __publicField(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
-  __publicField(AnimatingNumbers, "CountUp", CountUp);
+  };
+  _AnimatingNumbers.defaultProps = defaultProps$q;
+  _AnimatingNumbers.displayName = "NutAnimatingNumbers";
+  _AnimatingNumbers.CountUp = CountUp;
+  let AnimatingNumbers = _AnimatingNumbers;
   AnimatingNumbers.CountUp = CountUp;
   const defaultProps$p = {
     ...ComponentDefaults,
@@ -21981,7 +21967,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const classPrefix$6 = `nut-circleprogress`;
   const CircleProgress = (props) => {
-    var _a2;
+    var _a;
     const {
       children,
       percent,
@@ -22040,7 +22026,7 @@ Please add \`${key}Action\` when creating your handler.`);
       });
       return stopArr;
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, style: styles, ...restProps }, /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 100 100" }, /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: refRandomId, x1: "100%", y1: "0%", x2: "0%", y2: "0%" }, (_a2 = stop2()) == null ? void 0 : _a2.map((item, index) => {
+    return /* @__PURE__ */ React.createElement("div", { className: classes, style: styles, ...restProps }, /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 100 100" }, /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: refRandomId, x1: "100%", y1: "0%", x2: "0%", y2: "0%" }, (_a = stop2()) == null ? void 0 : _a.map((item, index) => {
       return /* @__PURE__ */ React.createElement("stop", { key: index, offset: item.key, stopColor: item.value });
     }))), /* @__PURE__ */ React.createElement(
       "path",
@@ -22126,8 +22112,8 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     const getOffsetHeight = () => {
-      var _a2;
-      const height = (_a2 = contentRef.current) == null ? void 0 : _a2.offsetHeight;
+      var _a;
+      const height = (_a = contentRef.current) == null ? void 0 : _a.offsetHeight;
       return height ? `${height}px` : "";
     };
     const toggle = () => {
@@ -22309,7 +22295,7 @@ Please add \`${key}Action\` when creating your handler.`);
       if (!timeStr)
         return Date.now();
       let t2 = timeStr;
-      t2 = t2 > 0 ? +t2 : t2.toString().replace(/-/g, "/");
+      t2 = Number(t2) > 0 ? +t2 : t2.toString().replace(/-/g, "/");
       return new Date(t2).getTime();
     };
     const initTime = () => {
@@ -22508,7 +22494,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const classPrefix$5 = `nut-ellipsis`;
   const Ellipsis = (props) => {
-    var _a2, _b;
+    var _a, _b;
     const {
       children,
       content,
@@ -22648,7 +22634,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const handleClick2 = () => {
       onClick && onClick();
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classes, onClick: handleClick2, ref: root2, ...rest }, /* @__PURE__ */ React.createElement("div", null, !exceeded ? content : null, exceeded && !expanded ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_a2 = ellipsis.current) == null ? void 0 : _a2.leading, expandText ? /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classes, onClick: handleClick2, ref: root2, ...rest }, /* @__PURE__ */ React.createElement("div", null, !exceeded ? content : null, exceeded && !expanded ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_a = ellipsis.current) == null ? void 0 : _a.leading, expandText ? /* @__PURE__ */ React.createElement(
       "span",
       {
         className: "nut-ellipsis-text",
@@ -22865,7 +22851,7 @@ Please add \`${key}Action\` when creating your handler.`);
       swiperRef.current.autoplayTimer = null;
     };
     const startPlay = () => {
-      if (mergedProps.autoPlay <= 0 || swiperItemCount <= 1)
+      if (Number(mergedProps.autoPlay) <= 0 || swiperItemCount <= 1)
         return;
       stopAutoPlay();
       swiperRef.current.autoplayTimer = setTimeout(() => {
@@ -22936,7 +22922,7 @@ Please add \`${key}Action\` when creating your handler.`);
       isEmit = false,
       movingStatus = false
     }) => {
-      var _a2;
+      var _a;
       if (swiperItemCount <= 1)
         return;
       const targetActive = getActive(pace);
@@ -22953,7 +22939,7 @@ Please add \`${key}Action\` when creating your handler.`);
         setChildOffset(childOffset);
       }
       if (isEmit && active !== targetActive) {
-        (_a2 = props.onChange) == null ? void 0 : _a2.call(props, (targetActive + swiperItemCount) % swiperItemCount);
+        (_a = props.onChange) == null ? void 0 : _a.call(props, (targetActive + swiperItemCount) % swiperItemCount);
       }
       active = targetActive;
       setActive(targetActive);
@@ -23114,13 +23100,13 @@ Please add \`${key}Action\` when creating your handler.`);
         { name: "touchend", e: onTouchEnd }
       ];
       events.forEach((item) => {
-        var _a2;
-        (_a2 = container.current) == null ? void 0 : _a2.addEventListener(item.name, item.e, false);
+        var _a;
+        (_a = container.current) == null ? void 0 : _a.addEventListener(item.name, item.e, false);
       });
       return () => {
         events.forEach((item) => {
-          var _a2;
-          (_a2 = container.current) == null ? void 0 : _a2.removeEventListener(item.name, item.e, false);
+          var _a;
+          (_a = container.current) == null ? void 0 : _a.removeEventListener(item.name, item.e, false);
         });
       };
     });
@@ -23236,8 +23222,8 @@ Please add \`${key}Action\` when creating your handler.`);
       defaultValue,
       finalValue: defaultValue,
       onChange: (val) => {
-        var _a2;
-        (_a2 = props.onChange) == null ? void 0 : _a2.call(props, val);
+        var _a;
+        (_a = props.onChange) == null ? void 0 : _a.call(props, val);
       }
     });
     const [showPop, setShowPop] = React.useState(visible);
@@ -23348,9 +23334,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     };
     const slideChangeEnd = (page) => {
-      var _a2;
+      var _a;
       setActive(page + 1);
-      (_a2 = props.onChange) == null ? void 0 : _a2.call(props, page + 1);
+      (_a = props.onChange) == null ? void 0 : _a.call(props, page + 1);
     };
     const onCloseInner = () => {
       setShowPop(false);
@@ -23649,8 +23635,8 @@ Please add \`${key}Action\` when creating your handler.`);
       return index === +parent.propSteps.value ? "process" : "wait";
     };
     const handleClickStep = () => {
-      var _a2, _b;
-      ((_a2 = parent.propSteps) == null ? void 0 : _a2.onStepClick) && ((_b = parent.propSteps) == null ? void 0 : _b.onStepClick(value));
+      var _a, _b;
+      ((_a = parent.propSteps) == null ? void 0 : _a.onStepClick) && ((_b = parent.propSteps) == null ? void 0 : _b.onStepClick(value));
     };
     const classPrefix2 = `nut-step`;
     const classes = classNames(
@@ -23706,7 +23692,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   Steps.defaultProps = defaultProps$b;
   Steps.displayName = "NutSteps";
-  function useTableSticky(columns) {
+  function useTableSticky(columns, rtl = false) {
     const [isSticky, setIsSticky] = React.useState(false);
     const [stickyColumnStyleMap, setStickyColumnStyleMap] = React.useState({});
     const [stickyColumnClassMap, setStickyColumnClassMap] = React.useState({});
@@ -23721,9 +23707,9 @@ Please add \`${key}Action\` when creating your handler.`);
       let _stickyLeftWidth = 0;
       let _stickyRightWidth = 0;
       leftColumns.forEach((curr, index) => {
-        leftColumns[index - 1] || {};
+        const dir = rtl ? "right" : "left";
         _columnStyleMap[curr.key] = {
-          left: _stickyLeftWidth || 0,
+          [dir]: _stickyLeftWidth || 0,
           width: curr.width || "auto"
         };
         _columnClassMap[curr.key] = {
@@ -23739,9 +23725,9 @@ Please add \`${key}Action\` when creating your handler.`);
       });
       for (let i = rightColumns.length - 1; i >= 0; i--) {
         const curr = rightColumns[i];
-        rightColumns[i + 1] || {};
+        const dir = rtl ? "left" : "right";
         _columnStyleMap[curr.key] = {
-          right: _stickyRightWidth || 0,
+          [dir]: _stickyRightWidth || 0,
           width: curr.width || "auto"
         };
         _columnClassMap[curr.key] = {
@@ -23788,6 +23774,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const Table = (props) => {
     const { locale } = useConfig();
+    const rtl = useRtl();
     defaultProps$a.noData = locale.noData;
     const {
       children,
@@ -23818,7 +23805,7 @@ Please add \`${key}Action\` when creating your handler.`);
       stickyRightWidth,
       getStickyClass,
       getStickyStyle
-    } = useTableSticky(columns);
+    } = useTableSticky(columns, rtl);
     React.useEffect(() => {
       setValue(data);
     }, [data]);
@@ -24367,8 +24354,8 @@ Please add \`${key}Action\` when creating your handler.`);
       setListTotalSize(totalSize);
     }, [list, itemHeight, horizontal]);
     const getElement = React.useCallback(() => {
-      var _a2;
-      return ((_a2 = scrollRef.current) == null ? void 0 : _a2.parentElement) || document.body;
+      var _a;
+      return ((_a = scrollRef.current) == null ? void 0 : _a.parentElement) || document.body;
     }, []);
     React.useEffect(() => {
       if (containerHeight)
@@ -24545,8 +24532,8 @@ Please add \`${key}Action\` when creating your handler.`);
         barrageCWidth.current = barrageBody.current.offsetWidth;
       }
       setTimeout(() => {
-        var _a2;
-        (_a2 = barrageBody.current) == null ? void 0 : _a2.style.setProperty(
+        var _a;
+        (_a = barrageBody.current) == null ? void 0 : _a.style.setProperty(
           "--move-distance",
           `-${barrageCWidth.current}px`
         );
@@ -24795,8 +24782,8 @@ Please add \`${key}Action\` when creating your handler.`);
         ];
       }
       newActiveTime = newActiveTime.filter((item) => {
-        var _a2;
-        return ((_a2 = item[optionKey.childrenKey]) == null ? void 0 : _a2.length) > 0;
+        var _a;
+        return ((_a = item[optionKey.childrenKey]) == null ? void 0 : _a.length) > 0;
       });
       setActiveTime(newActiveTime);
       onTimeChange && onTimeChange(selectTime, newActiveTime);