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

package/dist/nutui.react.es.js

@@ -1,15 +1,8 @@
-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)
+* @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;
 import * as React from "react";
 import React__default, { useCallback, createContext, useContext, useState, useRef, useEffect, useLayoutEffect, forwardRef, useMemo as useMemo$1, useImperativeHandle, isValidElement, Component } from "react";
 import * as ReactDOM from "react-dom";
@@ -1696,8 +1689,8 @@ lodash_isequal.exports;
   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;
@@ -2029,7 +2022,7 @@ lodash_isequal.exports;
         object4 = object4.buffer;
         other = other.buffer;
       case arrayBufferTag:
-        if (object4.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object4), new Uint8Array2(other))) {
+        if (object4.byteLength != other.byteLength || !equalFunc(new Uint8Array(object4), new Uint8Array(other))) {
           return false;
         }
         return true;
@@ -2386,11 +2379,23 @@ const zhCN = {
     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 = () => {
@@ -2407,16 +2412,24 @@ function convertThemeVarsToCSSVars(themeVars) {
   });
   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);
@@ -5109,18 +5122,6 @@ const SafeArea = (props) => {
     }
   );
 };
-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: "",
@@ -5195,13 +5196,13 @@ const BackTop = (props) => {
     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) => {
@@ -11066,8 +11067,8 @@ const SubSideNavBar = (props) => {
     onClick && onClick({ title, value, isShow });
   };
   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]);
@@ -11115,7 +11116,8 @@ const defaultProps$1b = {
   color: ""
 };
 const Badge = (props) => {
-  var _a2;
+  var _a;
+  const rtl = useRtl();
   const { className, style, value, max, children, dot, top, right, color } = {
     ...defaultProps$1b,
     ...props
@@ -11147,13 +11149,14 @@ const Badge = (props) => {
     `${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;
   };
@@ -11584,22 +11587,19 @@ const convertListToOptions = (list, options2) => {
 };
 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",
@@ -11793,10 +11793,10 @@ const InternalCascader = (props, ref) => {
         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) {
@@ -11832,8 +11832,8 @@ const InternalCascader = (props, ref) => {
     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);
     }
@@ -11903,9 +11903,9 @@ const InternalCascader = (props, ref) => {
     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,
@@ -11951,7 +11951,7 @@ const InternalCascader = (props, ref) => {
         value: tabvalue,
         title: () => {
           return optionsData.map((pane, index) => {
-            var _a2, _b;
+            var _a, _b;
             return /* @__PURE__ */ React__default.createElement(
               "div",
               {
@@ -11962,15 +11962,15 @@ const InternalCascader = (props, ref) => {
                 className: `nut-tabs-titles-item ${tabvalue === pane.paneKey ? "nut-tabs-titles-item-active" : ""}`,
                 key: pane.paneKey
               },
-              /* @__PURE__ */ React__default.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__default.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__default.createElement("span", { className: "nut-tabs-titles-item-line" })
             );
           });
         }
       },
       !state.initLoading && state.panes.length ? optionsData.map((pane) => {
-        var _a2;
-        return /* @__PURE__ */ React__default.createElement(Tabs.TabPane, { key: pane.paneKey, value: pane.paneKey }, /* @__PURE__ */ React__default.createElement("div", { className: classesPane }, (_a2 = pane.nodes) == null ? void 0 : _a2.map(
+        var _a;
+        return /* @__PURE__ */ React__default.createElement(Tabs.TabPane, { key: pane.paneKey, value: pane.paneKey }, /* @__PURE__ */ React__default.createElement("div", { className: classesPane }, (_a = pane.nodes) == null ? void 0 : _a.map(
           (node, index) => renderItem(pane, node, index)
         )));
       }) : /* @__PURE__ */ React__default.createElement(Tabs.TabPane, null, /* @__PURE__ */ React__default.createElement("div", { className: classesPane }))
@@ -13164,8 +13164,8 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onDayClick && onDayClick(param);
   };
   const scrollToDate = (date4) => {
-    var _a2;
-    (_a2 = calendarRef.current) == null ? void 0 : _a2.scrollToDate(date4);
+    var _a;
+    (_a = calendarRef.current) == null ? void 0 : _a.scrollToDate(date4);
   };
   const yearMonthChange = (param) => {
     onPageChange && onPageChange(param);
@@ -13665,6 +13665,7 @@ const Context$1 = CheckboxGroupContext;
 const defaultProps$$ = {
   max: void 0,
   min: void 0,
+  list: false,
   labelPosition: "right",
   direction: "vertical",
   onChange: (value) => {
@@ -13680,6 +13681,7 @@ const CheckboxGroup = React__default.forwardRef(
       children,
       className,
       disabled,
+      list,
       onChange,
       value,
       defaultValue,
@@ -13743,6 +13745,7 @@ const CheckboxGroup = React__default.forwardRef(
           labelPosition: labelPosition || "right",
           disabled,
           max,
+          list,
           onLimit,
           value: _value,
           check: (value2) => {
@@ -13769,7 +13772,8 @@ const CheckboxGroup = React__default.forwardRef(
           className: classNames(
             classPrefix$i,
             {
-              [`nut-checkboxgroup-${props.direction}`]: props.direction
+              [`nut-checkboxgroup-${props.direction}`]: props.direction,
+              [`nut-checkboxgroup-list`]: list
             },
             className
           ),
@@ -13912,7 +13916,13 @@ const Checkbox = (props) => {
       innerChecked && activeIcon ? /* @__PURE__ */ React__default.createElement("div", { className: classNames(`${classPrefix$h}-button-icon`) }, activeIcon) : null
     );
   };
+  const renderListItem = () => {
+    return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$h}-list-item` }, renderLabel(), renderIcon());
+  };
   const renderCheckboxItem = () => {
+    if (ctx2 == null ? void 0 : ctx2.list) {
+      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderListItem());
+    }
     if (shape === "button") {
       return renderButton();
     }
@@ -14103,14 +14113,14 @@ const InternalPickerPanel = (props, ref) => {
     moving: moving.current
   }));
   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);
     };
@@ -14214,8 +14224,8 @@ const InternalPicker = (props, ref) => {
     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({
@@ -14223,8 +14233,8 @@ const InternalPicker = (props, ref) => {
     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] = useState(selectedValue);
@@ -14326,14 +14336,14 @@ const InternalPicker = (props, ref) => {
     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];
@@ -14409,9 +14419,9 @@ const InternalPicker = (props, ref) => {
       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);
         }
       },
@@ -14602,7 +14612,7 @@ const DatePicker = (props) => {
     }
   };
   const handlePickerChange = (selectedOptions, selectedValue, index) => {
-    var _a2;
+    var _a;
     const rangeType = type4.toLocaleLowerCase();
     if (["date", "datetime", "datehour", "month-day", "year-month"].includes(
       rangeType
@@ -14641,7 +14651,7 @@ const DatePicker = (props) => {
       } else if (rangeType === "datehour") {
         date4 = new Date(year, month, day, Number(formatDate[3]));
       }
-      const isEqual2 = ((_a2 = new Date(selectedDate)) == null ? void 0 : _a2.getTime()) === (date4 == null ? void 0 : date4.getTime());
+      const isEqual2 = ((_a = new Date(selectedDate)) == null ? void 0 : _a.getTime()) === (date4 == null ? void 0 : date4.getTime());
       date4 && isDate(date4) && !isEqual2 && setSelectedDate(formatValue(date4));
     }
     props.onChange && props.onChange(selectedOptions, selectedValue, index);
@@ -14658,7 +14668,7 @@ const DatePicker = (props) => {
     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;
@@ -14669,11 +14679,11 @@ const DatePicker = (props) => {
       } 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);
@@ -15794,21 +15804,13 @@ Schema.validators = validators;
 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);
@@ -15816,19 +15818,12 @@ class FormStore {
           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));
       }
@@ -15837,23 +15832,14 @@ class FormStore {
         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
@@ -15875,15 +15861,15 @@ class FormStore {
           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;
@@ -15909,7 +15895,7 @@ class FormStore {
         }
         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);
@@ -15923,25 +15909,24 @@ class FormStore {
         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
@@ -15949,11 +15934,11 @@ class FormStore {
       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,
@@ -15965,8 +15950,8 @@ class FormStore {
           registerUpdate: this.registerUpdate
         };
       }
-    });
-    __publicField(this, "getForm", () => {
+    };
+    this.getForm = () => {
       return {
         getFieldValue: this.getFieldValue,
         getFieldsValue: this.getFieldsValue,
@@ -15977,7 +15962,7 @@ class FormStore {
         errors: this.errors,
         getInternal: this.getInternal
       };
-    });
+    };
     this.callbacks = {
       onFinish: () => {
       },
@@ -16097,19 +16082,15 @@ const defaultProps$W = {
   shouldUpdate: false,
   noStyle: false
 };
-class FormItem extends React__default.Component {
+const _FormItem = class _FormItem extends React__default.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);
@@ -16131,7 +16112,7 @@ class FormItem extends React__default.Component {
       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) => {
@@ -16161,21 +16142,21 @@ class FormItem extends React__default.Component {
         };
       }
       return controlled;
-    });
-    __publicField(this, "refresh", () => {
+    };
+    this.refresh = () => {
       this.setState(({ resetCount }) => ({
         resetCount: resetCount + 1
       }));
-    });
-    __publicField(this, "onStoreChange", (type4) => {
+    };
+    this.onStoreChange = (type4) => {
       if (type4 === "reset") {
         this.context.errors[this.props.name] = [];
         this.refresh();
       } else {
         this.forceUpdate();
       }
-    });
-    __publicField(this, "renderLayout", (childNode) => {
+    };
+    this.renderLayout = (childNode) => {
       const {
         label,
         name,
@@ -16210,7 +16191,7 @@ class FormItem extends React__default.Component {
           item[0].message
         ))
       );
-    });
+    };
     this.componentRef = React__default.createRef();
     this.state = {
       resetCount: 1
@@ -16243,9 +16224,10 @@ class FormItem extends React__default.Component {
     }
     return /* @__PURE__ */ React__default.createElement(React__default.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;
@@ -16334,12 +16316,12 @@ const Input = forwardRef(
           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;
@@ -16429,14 +16411,14 @@ const Input = forwardRef(
             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);
           }
         }
       ),
@@ -16503,14 +16485,15 @@ const InputNumber = (props) => {
   const [focused, setFocused] = useState(false);
   const inputRef = useRef(null);
   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) => {
     }
   });
@@ -16564,7 +16547,7 @@ const InputNumber = (props) => {
       );
       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);
@@ -17450,6 +17433,7 @@ const defaultProps$O = {
   marks: {}
 };
 const Range = (props) => {
+  const rtl = useRtl();
   const {
     className,
     range: range3,
@@ -17562,15 +17546,17 @@ const Range = (props) => {
         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 = {
@@ -17662,6 +17648,7 @@ const Range = (props) => {
     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;
@@ -17819,8 +17806,8 @@ const Rate = (props) => {
     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) {
@@ -18500,22 +18487,14 @@ TextArea.defaultProps = defaultProps$I;
 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";
@@ -18523,11 +18502,10 @@ const SUCCESS = "success";
 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;
@@ -18535,16 +18513,16 @@ class Upload {
       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);
           }
@@ -18555,7 +18533,7 @@ class Upload {
       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 {
@@ -18600,6 +18578,7 @@ const defaultProps$H = {
   delay: 0
 };
 const Progress = (props) => {
+  const rtl = useRtl();
   const {
     className,
     style,
@@ -18693,7 +18672,7 @@ const Progress = (props) => {
       "div",
       {
         className: `${classPrefix2}-text`,
-        style: { left: `${displayPercent}%` }
+        style: rtl ? { right: `${displayPercent}%` } : { left: `${displayPercent}%` }
       },
       children || /* @__PURE__ */ React__default.createElement(
         "div",
@@ -18727,7 +18706,7 @@ const Preview = ({
     return item.loadingIcon || /* @__PURE__ */ React__default.createElement(t$2, { className: "nut-icon-loading", color: "#fff" });
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, fileList.length !== 0 && fileList.map((item, index) => {
-    var _a2;
+    var _a;
     return /* @__PURE__ */ React__default.createElement(
       "div",
       {
@@ -18742,7 +18721,7 @@ const Preview = ({
           onClick: () => onDeleteItem(item, index)
         }
       ),
-      previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a2 = item.type) == null ? void 0 : _a2.includes("image")) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement(
+      previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement(
         "img",
         {
           className: "nut-uploader-preview-img-c",
@@ -18796,18 +18775,11 @@ const Preview = ({
 };
 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 = {
@@ -18915,11 +18887,11 @@ const InternalUploader = (props, ref) => {
     el.value = "";
   };
   const executeUpload = (fileItem, index) => {
-    var _a2, _b;
+    var _a, _b;
     const uploadOption = new UploadOptions();
     uploadOption.url = url2;
     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 = timeout2 * 1;
@@ -19006,7 +18978,7 @@ const InternalUploader = (props, ref) => {
   };
   const readFile = (files) => {
     files.forEach((file, index) => {
-      var _a2;
+      var _a;
       const formData = new FormData();
       formData.append(name, file);
       const fileItem = new FileItem();
@@ -19017,7 +18989,7 @@ const InternalUploader = (props, ref) => {
       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;
@@ -19090,7 +19062,7 @@ const InternalUploader = (props, ref) => {
   const handleItemClick = (file, index) => {
     onFileItemClick == null ? void 0 : onFileItemClick(file, index);
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-slot" }, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"), maxCount > fileList.length && /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-slot" }, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"), Number(maxCount) > fileList.length && /* @__PURE__ */ React__default.createElement(
     "input",
     {
       className: "nut-uploader-input",
@@ -19115,7 +19087,7 @@ const InternalUploader = (props, ref) => {
         children
       }
     }
-  ), maxCount > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement(
+  ), Number(maxCount) > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: classNames("nut-uploader-upload", previewType, {
@@ -19255,8 +19227,8 @@ function legacyUnmount(container) {
 }
 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];
   });
 }
@@ -19300,7 +19272,7 @@ const confirm = (config2, renderFunc) => {
     const ret = _onConfirm == null ? void 0 : _onConfirm();
     if (ret && ret.then) {
       renderFunction(dialogConfig);
-      ret.then(
+      return ret.then(
         () => {
           onCancel(true);
         },
@@ -19501,6 +19473,7 @@ const BaseDialog = (props, ref) => {
     ...restProps
   } = props;
   const classPrefix2 = "nut-dialog";
+  const [loading, setLoading] = useState(false);
   const renderFooter = () => {
     if (footer === null)
       return "";
@@ -19513,10 +19486,16 @@ const BaseDialog = (props, ref) => {
       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__default.createElement(React__default.Fragment, null, !hideCancelButton && /* @__PURE__ */ React__default.createElement(
       Button,
@@ -19534,7 +19513,8 @@ const BaseDialog = (props, ref) => {
           disabled: disableConfirmButton
         }),
         disabled: disableConfirmButton,
-        onClick: (e2) => handleOk(e2)
+        onClick: (e2) => handleOk(e2),
+        loading
       },
       confirmText || locale.confirm
     ));
@@ -19778,16 +19758,16 @@ const InfiniteLoading = (props) => {
   const distance = useRef(0);
   const classes = classNames(classPrefix$d, className);
   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]);
   useEffect(() => {
@@ -19939,6 +19919,7 @@ Loading.defaultProps = defaultProps$A;
 Loading.displayName = "NutLoading";
 const defaultProps$z = {
   ...ComponentDefaults,
+  align: "left",
   direction: "horizontal",
   list: [],
   duration: 1e3,
@@ -19953,10 +19934,12 @@ const defaultProps$z = {
   speed: 50
 };
 const NoticeBar = (props) => {
+  const rtl = useRtl();
   const {
     children,
     className,
     style,
+    align,
     direction,
     list,
     duration,
@@ -20061,7 +20044,7 @@ const NoticeBar = (props) => {
       }
       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);
@@ -20111,7 +20094,7 @@ const NoticeBar = (props) => {
     onClose && onClose(event);
   };
   const isEllipsis = () => {
-    if (isCanScroll == null) {
+    if (isCanScroll == null && align === "left") {
       return wrap;
     }
     return !isCanScroll && !wrap;
@@ -20119,7 +20102,7 @@ const NoticeBar = (props) => {
   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` : ""
@@ -20261,15 +20244,17 @@ const NoticeBar = (props) => {
     }
   };
   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);
   useEffect(() => {
     return () => {
       stopAutoPlay();
     };
   }, []);
-  return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2} ${className || ""}`, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React__default.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick2 }, leftIcon ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null, /* @__PURE__ */ React__default.createElement("div", { ref: wrapRef, className: "nut-noticebar-box-wrap" }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: cls, style }, showNoticeBar && direction === "horizontal" ? /* @__PURE__ */ React__default.createElement("div", { className: noticebarClass, style: barStyle, onClick: handleClick2 }, leftIcon ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-noticebar-box-left-icon" }, leftIcon) : null, /* @__PURE__ */ React__default.createElement("div", { ref: wrapRef, className: "nut-noticebar-box-wrap" }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       ref: contentRef,
@@ -20339,10 +20324,9 @@ const NoticeBar = (props) => {
 NoticeBar.defaultProps = defaultProps$z;
 NoticeBar.displayName = "NutNoticeBar";
 const classPrefix$c = "nut-notify";
-let Notification$1 = (_a = class extends React.PureComponent {
+let Notification$1 = class Notification extends React.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);
@@ -20415,7 +20399,7 @@ let Notification$1 = (_a = class extends React.PureComponent {
       )
     ));
   }
-}, __publicField(_a, "newInstance"), _a);
+};
 Notification$1.newInstance = (properties, callback) => {
   const element = document.createElement("div");
   const id = properties.id ? properties.id : `${(/* @__PURE__ */ new Date()).getTime()}`;
@@ -20504,6 +20488,7 @@ const Notify = {
 const defaultProps$y = {
   ...ComponentDefaults,
   list: [],
+  theme: "light",
   location: "bottom",
   visible: false,
   offset: [0, 12],
@@ -20525,6 +20510,7 @@ const Popover = (props) => {
   const {
     children,
     list,
+    theme,
     location,
     visible,
     offset,
@@ -20581,8 +20567,8 @@ const Popover = (props) => {
   }
   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,
@@ -20608,7 +20594,8 @@ const Popover = (props) => {
   };
   const classes = classNames(
     {
-      [`${classPrefix$b}`]: true
+      [`${classPrefix$b}`]: true,
+      [`${classPrefix$b}-${theme}`]: theme === "dark"
     },
     className
   );
@@ -20618,11 +20605,11 @@ const Popover = (props) => {
     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];
@@ -20695,12 +20682,12 @@ const Popover = (props) => {
     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();
     }
   };
@@ -20710,8 +20697,8 @@ const Popover = (props) => {
       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 {
@@ -20761,8 +20748,8 @@ const Popover = (props) => {
               {
                 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
@@ -20839,8 +20826,8 @@ const PullToRefresh = (p) => {
   const elementRef = useRef(null);
   const pullingRef = useRef(false);
   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() {
@@ -20930,16 +20917,16 @@ const PullToRefresh = (p) => {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("i", { className: `${classPrefix2}-head-content-icons` }, (status2 === "pulling" || status2 === "complete") && /* @__PURE__ */ React__default.createElement(t$2, null), (status2 === "canRelease" || status2 === "refreshing") && /* @__PURE__ */ React__default.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;
@@ -21009,7 +20996,7 @@ const defaultProps$v = {
 };
 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,
@@ -21036,7 +21023,7 @@ const Avatar = (props) => {
   const parent = 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);
@@ -21054,20 +21041,20 @@ const Avatar = (props) => {
     color: `${(_g = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _g.maxColor}`
   };
   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);
@@ -21206,20 +21193,20 @@ const Swipe = forwardRef((props, instanceRef) => {
   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 };
@@ -21236,14 +21223,14 @@ const Swipe = forwardRef((props, instanceRef) => {
     }
   };
   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) => {
@@ -21258,18 +21245,18 @@ const Swipe = forwardRef((props, instanceRef) => {
     }
   };
   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"
       });
@@ -21360,10 +21347,9 @@ const Swipe = forwardRef((props, instanceRef) => {
 Swipe.defaultProps = defaultProps$t;
 Swipe.displayName = "NutSwipe";
 const classPrefix$8 = "nut-toast";
-class Notification extends React.PureComponent {
+class Notification2 extends React.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);
@@ -21477,8 +21463,7 @@ class Notification extends React.PureComponent {
     ));
   }
 }
-__publicField(Notification, "newInstance");
-Notification.newInstance = (properties, callback) => {
+Notification2.newInstance = (properties, callback) => {
   const element = document.createElement("div");
   const id = properties.id ? properties.id : `${(/* @__PURE__ */ new Date()).getTime()}`;
   element.id = id;
@@ -21498,7 +21483,7 @@ Notification.newInstance = (properties, callback) => {
       }
     });
   }
-  render(/* @__PURE__ */ React.createElement(Notification, { ...properties, ref }), element);
+  render(/* @__PURE__ */ React.createElement(Notification2, { ...properties, ref }), element);
 };
 let messageInstance = null;
 let options = {
@@ -21524,7 +21509,7 @@ function getInstance(props, callback) {
     messageInstance.destroy();
     messageInstance = null;
   }
-  Notification.newInstance(props, (notification) => {
+  Notification2.newInstance(props, (notification) => {
     return callback && callback(notification);
   });
 }
@@ -21689,7 +21674,7 @@ const CountUp = (props) => {
 CountUp.defaultProps = defaultProps$r;
 CountUp.displayName = "NutCountUp";
 const defaultProps$q = {};
-class AnimatingNumbers extends Component {
+const _AnimatingNumbers = class _AnimatingNumbers extends Component {
   constructor(props) {
     super(props);
     this.state = {};
@@ -21697,10 +21682,11 @@ class AnimatingNumbers extends Component {
   render() {
     return /* @__PURE__ */ React__default.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,
@@ -21963,7 +21949,7 @@ const defaultProps$o = {
 };
 const classPrefix$6 = `nut-circleprogress`;
 const CircleProgress = (props) => {
-  var _a2;
+  var _a;
   const {
     children,
     percent,
@@ -22022,7 +22008,7 @@ const CircleProgress = (props) => {
     });
     return stopArr;
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes, style: styles, ...restProps }, /* @__PURE__ */ React__default.createElement("svg", { viewBox: "0 0 100 100" }, /* @__PURE__ */ React__default.createElement("defs", null, /* @__PURE__ */ React__default.createElement("linearGradient", { id: refRandomId, x1: "100%", y1: "0%", x2: "0%", y2: "0%" }, (_a2 = stop2()) == null ? void 0 : _a2.map((item, index) => {
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, style: styles, ...restProps }, /* @__PURE__ */ React__default.createElement("svg", { viewBox: "0 0 100 100" }, /* @__PURE__ */ React__default.createElement("defs", null, /* @__PURE__ */ React__default.createElement("linearGradient", { id: refRandomId, x1: "100%", y1: "0%", x2: "0%", y2: "0%" }, (_a = stop2()) == null ? void 0 : _a.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement("stop", { key: index, offset: item.key, stopColor: item.value });
   }))), /* @__PURE__ */ React__default.createElement(
     "path",
@@ -22108,8 +22094,8 @@ const CollapseItem = (props) => {
     }
   };
   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 = () => {
@@ -22291,7 +22277,7 @@ const InternalCountDown = (props, ref) => {
     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 = () => {
@@ -22490,7 +22476,7 @@ const defaultProps$k = {
 };
 const classPrefix$5 = `nut-ellipsis`;
 const Ellipsis = (props) => {
-  var _a2, _b;
+  var _a, _b;
   const {
     children,
     content,
@@ -22630,7 +22616,7 @@ const Ellipsis = (props) => {
   const handleClick2 = () => {
     onClick && onClick();
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes, onClick: handleClick2, ref: root2, ...rest }, /* @__PURE__ */ React__default.createElement("div", null, !exceeded ? content : null, exceeded && !expanded ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (_a2 = ellipsis.current) == null ? void 0 : _a2.leading, expandText ? /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, onClick: handleClick2, ref: root2, ...rest }, /* @__PURE__ */ React__default.createElement("div", null, !exceeded ? content : null, exceeded && !expanded ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (_a = ellipsis.current) == null ? void 0 : _a.leading, expandText ? /* @__PURE__ */ React__default.createElement(
     "span",
     {
       className: "nut-ellipsis-text",
@@ -22847,7 +22833,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     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(() => {
@@ -22918,7 +22904,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
     isEmit = false,
     movingStatus = false
   }) => {
-    var _a2;
+    var _a;
     if (swiperItemCount <= 1)
       return;
     const targetActive = getActive(pace);
@@ -22935,7 +22921,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
       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);
@@ -23096,13 +23082,13 @@ const Swiper = React__default.forwardRef((props, ref) => {
       { 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);
       });
     };
   });
@@ -23218,8 +23204,8 @@ const ImagePreview = (props) => {
     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] = useState(visible);
@@ -23330,9 +23316,9 @@ const ImagePreview = (props) => {
     );
   };
   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);
@@ -23631,8 +23617,8 @@ const Step = (props) => {
     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(
@@ -23688,7 +23674,7 @@ const Steps = (props) => {
 };
 Steps.defaultProps = defaultProps$b;
 Steps.displayName = "NutSteps";
-function useTableSticky(columns) {
+function useTableSticky(columns, rtl = false) {
   const [isSticky, setIsSticky] = useState(false);
   const [stickyColumnStyleMap, setStickyColumnStyleMap] = useState({});
   const [stickyColumnClassMap, setStickyColumnClassMap] = useState({});
@@ -23703,9 +23689,9 @@ function useTableSticky(columns) {
     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] = {
@@ -23721,9 +23707,9 @@ function useTableSticky(columns) {
     });
     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] = {
@@ -23770,6 +23756,7 @@ const defaultProps$a = {
 };
 const Table = (props) => {
   const { locale } = useConfig();
+  const rtl = useRtl();
   defaultProps$a.noData = locale.noData;
   const {
     children,
@@ -23800,7 +23787,7 @@ const Table = (props) => {
     stickyRightWidth,
     getStickyClass,
     getStickyStyle
-  } = useTableSticky(columns);
+  } = useTableSticky(columns, rtl);
   useEffect(() => {
     setValue(data);
   }, [data]);
@@ -24349,8 +24336,8 @@ const VirtualList = (props) => {
     setListTotalSize(totalSize);
   }, [list, itemHeight, horizontal]);
   const getElement = 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;
   }, []);
   useEffect(() => {
     if (containerHeight)
@@ -24527,8 +24514,8 @@ const InternalBarrage = (props, ref) => {
       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`
       );
@@ -24777,8 +24764,8 @@ const TimeSelect = (props) => {
       ];
     }
     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);