@nutui/nutui-react-taro 2.0.3 → 2.0.4-beta.0

package/dist/nutui.react.es.js

@@ -5,11 +5,11 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.3 Wed Jul 12 2023 18:04:02 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.4-beta.0 Fri Jul 14 2023 14:17:28 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
-import React, { useCallback, createContext, useMemo, useContext, useState, useEffect, useRef, isValidElement, useImperativeHandle, forwardRef, Component, Children } from "react";
+import React, { useCallback, createContext, useContext, useState, useEffect, useRef, useMemo, isValidElement, useImperativeHandle, forwardRef, Component, Children } from "react";
 import Taro, { getEnv, usePageScroll, getSystemInfoSync, pageScrollTo, nextTick, createSelectorQuery, ENV_TYPE, canvasToTempFilePath, uploadFile, chooseMedia, chooseImage, useReady, createInnerAudioContext, getSystemInfo, createOffscreenCanvas } from "@tarojs/taro";
 import { Image as Image$2, View, ScrollView, PickerView, PickerViewColumn, Input as Input$1, Textarea, Swiper as Swiper$1, SwiperItem as SwiperItem$1, Video as Video$1 } from "@tarojs/components";
 import ReactDOM, { createPortal } from "react-dom";
@@ -1957,16 +1957,16 @@ const defaultProps$1r = {
   description: "",
   divider: true
 };
-const classPrefix$n = "nut-cell-group";
+const classPrefix$o = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, style, title, description, divider, ...rest } = {
     ...defaultProps$1r,
     ...props
   };
-  return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$n, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__description` }, description) : null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$o, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__description` }, description) : null, /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: `${classPrefix$n}__wrap ${divider ? `${classPrefix$n}__wrap--divider` : ""}`
+      className: `${classPrefix$o}__wrap ${divider ? `${classPrefix$o}__wrap--divider` : ""}`
     },
     children
   ));
@@ -1983,7 +1983,7 @@ const defaultProps$1q = {
   onClick: (event) => {
   }
 };
-const classPrefix$m = "nut-cell";
+const classPrefix$n = "nut-cell";
 const Cell = (props) => {
   const {
     children,
@@ -2014,19 +2014,19 @@ const Cell = (props) => {
   return /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: classNames(classPrefix$m, className),
+      className: classNames(classPrefix$n, className),
       onClick: (event) => handleClick(event),
       style: baseStyle,
       ...rest
     },
-    children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
+    children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix$m}__extra`,
+        className: `${classPrefix$n}__extra`,
         style: styles
       },
       extra
-    ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__divider` }))
+    ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__divider` }))
   );
 };
 Cell.defaultProps = defaultProps$1q;
@@ -2446,8 +2446,10 @@ const zhCN = {
   }
 };
 const defaultProps$1p = {
+  ...ComponentDefaults,
   locale: zhCN
 };
+const classPrefix$m = "nut-configprovider";
 const defaultConfigRef = {
   current: {
     locale: zhCN
@@ -2468,13 +2470,12 @@ function convertThemeVarsToCSSVars(themeVars) {
   return cssVars;
 }
 const ConfigProvider = (props) => {
-  const { children, ...config2 } = { ...defaultProps$1p, ...props };
+  const { children, className, ...config2 } = { ...defaultProps$1p, ...props };
   const parentConfig = useConfig();
-  const theme = config2.theme || {};
-  const style = useMemo(
-    () => convertThemeVarsToCSSVars(theme),
-    [theme]
-  );
+  const style = {
+    ...convertThemeVarsToCSSVars(config2.theme || {}),
+    ...config2.style
+  };
   return /* @__PURE__ */ React.createElement(
     ConfigContext.Provider,
     {
@@ -2483,7 +2484,7 @@ const ConfigProvider = (props) => {
         ...config2
       }
     },
-    /* @__PURE__ */ React.createElement("div", { style }, children)
+    /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$m, className), style }, children)
   );
 };
 ConfigProvider.defaultProps = defaultProps$1p;
@@ -5854,9 +5855,22 @@ const TabPane = (props) => {
   );
   return children ? /* @__PURE__ */ React.createElement("div", { className: classes }, !disabled && children) : null;
 };
+function requestAniFrame() {
+  if (typeof window !== "undefined") {
+    const _window = window;
+    return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
+      _window.setTimeout(callback, 1e3 / 60);
+    };
+  }
+  return function(callback) {
+    setTimeout(callback, 1e3 / 60);
+  };
+}
+const requestAniFrame$1 = requestAniFrame();
 const defaultProps$15 = {
   ...ComponentDefaults,
   tabStyle: {},
+  name: "",
   activeColor: "",
   direction: "horizontal",
   activeType: "line",
@@ -5873,6 +5887,7 @@ const Tabs = (props) => {
     duration,
     align,
     title,
+    name,
     children,
     onClick,
     onChange,
@@ -5938,6 +5953,98 @@ const Tabs = (props) => {
     color: activeType === "smile" ? activeColor : "",
     background: activeType === "line" ? activeColor : ""
   };
+  const getRect2 = (selector) => {
+    return new Promise((resolve) => {
+      Taro.createSelectorQuery().select(selector).boundingClientRect().exec((rect = []) => {
+        resolve(rect[0]);
+      });
+    });
+  };
+  const getAllRect = (selector) => {
+    return new Promise((resolve) => {
+      Taro.createSelectorQuery().selectAll(selector).boundingClientRect().exec((rect = []) => resolve(rect[0]));
+    });
+  };
+  const scrollWithAnimation = useRef(false);
+  const navRectRef = useRef();
+  const titleRectRef = useRef([]);
+  const canShowLabel = useRef(false);
+  const scrollLeft = useRef(0);
+  const scrollTop = useRef(0);
+  const scrollDirection = (to, direction2) => {
+    let count = 0;
+    const from = direction2 === "horizontal" ? scrollLeft.current : scrollTop.current;
+    const frames = 1;
+    function animate() {
+      if (direction2 === "horizontal") {
+        scrollLeft.current += (to - from) / frames;
+      } else {
+        scrollTop.current += (to - from) / frames;
+      }
+      if (++count < frames) {
+        requestAniFrame$1(animate);
+      }
+    }
+    animate();
+  };
+  const scrollIntoView = () => {
+    console.log(name, props);
+    if (!name)
+      return;
+    requestAniFrame$1(() => {
+      Promise.all([
+        getRect2(`#nut-tabs__titles_${name}`),
+        getAllRect(`#nut-tabs__titles_${name} .nut-tabs__titles-item`)
+      ]).then(([navRect, titleRects]) => {
+        navRectRef.current = navRect;
+        titleRectRef.current = titleRects;
+        if (navRectRef.current) {
+          if (props.direction === "vertical") {
+            const titlesTotalHeight = titleRects.reduce(
+              (prev, curr) => prev + curr.height,
+              0
+            );
+            if (titlesTotalHeight > navRectRef.current.height) {
+              canShowLabel.current = true;
+            } else {
+              canShowLabel.current = false;
+            }
+          } else {
+            const titlesTotalWidth = titleRects.reduce(
+              (prev, curr) => prev + curr.width,
+              0
+            );
+            if (titlesTotalWidth > navRectRef.current.width) {
+              canShowLabel.current = true;
+            } else {
+              canShowLabel.current = false;
+            }
+          }
+        }
+        const titleRect = titleRectRef.current[value];
+        let to = 0;
+        if (props.direction === "vertical") {
+          const DEFAULT_PADDING = 11;
+          const top = titleRects.slice(0, value).reduce(
+            (prev, curr) => prev + curr.height + 0,
+            DEFAULT_PADDING
+          );
+          to = top - (navRectRef.current.height - titleRect.height) / 2;
+        } else {
+          const DEFAULT_PADDING = 31;
+          const left = titleRects.slice(0, value).reduce(
+            (prev, curr) => prev + curr.width + 20,
+            DEFAULT_PADDING
+          );
+          to = left - (navRectRef.current.width - titleRect.width) / 2;
+        }
+        nextTick(() => {
+          scrollWithAnimation.current = true;
+        });
+        scrollDirection(to, direction);
+      });
+    });
+  };
   const scrollIntoRef = useRef(0);
   useEffect(() => {
     const index = titles.current.findIndex((t) => t.value === value);
@@ -5947,6 +6054,7 @@ const Tabs = (props) => {
     });
     const scrollToIndex = index - 2;
     scrollIntoRef.current = scrollToIndex < 0 ? 0 : scrollToIndex;
+    scrollIntoView();
   }, [value]);
   const tabChange = (item, index) => {
     onClick && onClick(item.value);
@@ -5961,15 +6069,17 @@ const Tabs = (props) => {
       enableFlex: true,
       scrollX: direction === "horizontal",
       scrollY: direction === "vertical",
+      scrollLeft: scrollLeft.current,
+      scrollTop: scrollTop.current,
       showScrollbar: false,
       scrollIntoViewAlignment: "center",
-      scrollWithAnimation: true,
-      scrollIntoView: `scrollIntoView${scrollIntoRef.current}`,
+      scrollWithAnimation: scrollWithAnimation.current,
+      id: `nut-tabs__titles_${name}`,
       className: classesTitle,
       style: { ...tabStyle },
       ref: navRef
     },
-    !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
+    /* @__PURE__ */ React.createElement(View, { className: "nut-tabs__list" }, !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
       return /* @__PURE__ */ React.createElement(
         View,
         {
@@ -5978,7 +6088,7 @@ const Tabs = (props) => {
           onClick: (e) => {
             tabChange(item);
           },
-          className: classNames(`${classPrefix$i}__titles-item`, {
+          className: classNames(`${classPrefix$i}__titles-item taro`, {
             [`nut-tabs__titles-item--active`]: !item.disabled && String(item.value) === String(value),
             [`nut-tabs__titles-item--disabled`]: item.disabled,
             [`nut-tabs__titles-item--${align}`]: align
@@ -6013,7 +6123,7 @@ const Tabs = (props) => {
           item.title
         )
       );
-    })
+    }))
   ), /* @__PURE__ */ React.createElement(View, { className: `${classPrefix$i}__content__wrap` }, /* @__PURE__ */ React.createElement(View, { className: `${classPrefix$i}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
     if (!React.isValidElement(child)) {
       return null;
@@ -6264,11 +6374,7 @@ const InternalCascader = (props, ref) => {
   const [innerValue, setInnerValue] = usePropsValue({
     value,
     defaultValue,
-    finalValue: defaultValue,
-    onChange: (val) => {
-      var _a;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, val);
-    }
+    finalValue: defaultValue
   });
   const [state] = useState({
     optionsData: [],
@@ -6299,11 +6405,6 @@ const InternalCascader = (props, ref) => {
   useEffect(() => {
     initData();
   }, [options, format2]);
-  useEffect(() => {
-    if (defaultValue && defaultValue !== innerValue) {
-      setInnerValue(defaultValue);
-    }
-  }, [defaultValue]);
   const initData = async () => {
     state.lazyLoadMap.clear();
     if (format2 && Object.keys(format2).length > 0) {
@@ -6955,18 +7056,6 @@ const getPreMonthDates = (type4, year, month, firstDayOfWeek) => {
   });
   return months.slice(preDates - days);
 };
-function requestAniFrame() {
-  if (typeof window !== "undefined") {
-    const _window = window;
-    return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
-      _window.setTimeout(callback, 1e3 / 60);
-    };
-  }
-  return function(callback) {
-    setTimeout(callback, 1e3 / 60);
-  };
-}
-const requestAniFrame$1 = requestAniFrame();
 const splitDate = (date4) => {
   const split = date4.indexOf("-") !== -1 ? "-" : "/";
   return date4.split(split);
@@ -10153,7 +10242,7 @@ class FormItem extends React.Component {
     __publicField(this, "getControlled", (children) => {
       var _a;
       const { setFieldsValue, getFieldValue } = this.context;
-      const { name } = this.props;
+      const { name = "" } = this.props;
       if ((_a = children == null ? void 0 : children.props) == null ? void 0 : _a.defaultValue) {
         console.warn("通过 initialValue 设置初始值");
       }

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.3 Wed Jul 12 2023 18:04:02 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.4-beta.0 Fri Jul 14 2023 14:17:28 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1957,16 +1957,16 @@ var __publicField = (obj, key, value) => {
     description: "",
     divider: true
   };
-  const classPrefix$n = "nut-cell-group";
+  const classPrefix$o = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, style, title, description, divider, ...rest } = {
       ...defaultProps$1r,
       ...props
     };
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$n, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__description` }, description) : null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$o, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$o}__description` }, description) : null, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix$n}__wrap ${divider ? `${classPrefix$n}__wrap--divider` : ""}`
+        className: `${classPrefix$o}__wrap ${divider ? `${classPrefix$o}__wrap--divider` : ""}`
       },
       children
     ));
@@ -1983,7 +1983,7 @@ var __publicField = (obj, key, value) => {
     onClick: (event) => {
     }
   };
-  const classPrefix$m = "nut-cell";
+  const classPrefix$n = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -2014,19 +2014,19 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$m, className),
+        className: classNames(classPrefix$n, className),
         onClick: (event) => handleClick(event),
         style: baseStyle,
         ...rest
       },
-      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
+      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix$m}__extra`,
+          className: `${classPrefix$n}__extra`,
           style: styles
         },
         extra
-      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__divider` }))
+      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__divider` }))
     );
   };
   Cell.defaultProps = defaultProps$1q;
@@ -2446,8 +2446,10 @@ var __publicField = (obj, key, value) => {
     }
   };
   const defaultProps$1p = {
+    ...ComponentDefaults,
     locale: zhCN
   };
+  const classPrefix$m = "nut-configprovider";
   const defaultConfigRef = {
     current: {
       locale: zhCN
@@ -2468,13 +2470,12 @@ var __publicField = (obj, key, value) => {
     return cssVars;
   }
   const ConfigProvider = (props) => {
-    const { children, ...config2 } = { ...defaultProps$1p, ...props };
+    const { children, className, ...config2 } = { ...defaultProps$1p, ...props };
     const parentConfig = useConfig();
-    const theme = config2.theme || {};
-    const style = React.useMemo(
-      () => convertThemeVarsToCSSVars(theme),
-      [theme]
-    );
+    const style = {
+      ...convertThemeVarsToCSSVars(config2.theme || {}),
+      ...config2.style
+    };
     return /* @__PURE__ */ React.createElement(
       ConfigContext.Provider,
       {
@@ -2483,7 +2484,7 @@ var __publicField = (obj, key, value) => {
           ...config2
         }
       },
-      /* @__PURE__ */ React.createElement("div", { style }, children)
+      /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$m, className), style }, children)
     );
   };
   ConfigProvider.defaultProps = defaultProps$1p;
@@ -5854,9 +5855,22 @@ var __publicField = (obj, key, value) => {
     );
     return children ? /* @__PURE__ */ React.createElement("div", { className: classes }, !disabled && children) : null;
   };
+  function requestAniFrame() {
+    if (typeof window !== "undefined") {
+      const _window = window;
+      return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
+        _window.setTimeout(callback, 1e3 / 60);
+      };
+    }
+    return function(callback) {
+      setTimeout(callback, 1e3 / 60);
+    };
+  }
+  const requestAniFrame$1 = requestAniFrame();
   const defaultProps$15 = {
     ...ComponentDefaults,
     tabStyle: {},
+    name: "",
     activeColor: "",
     direction: "horizontal",
     activeType: "line",
@@ -5873,6 +5887,7 @@ var __publicField = (obj, key, value) => {
       duration,
       align,
       title,
+      name,
       children,
       onClick,
       onChange,
@@ -5938,6 +5953,98 @@ var __publicField = (obj, key, value) => {
       color: activeType === "smile" ? activeColor : "",
       background: activeType === "line" ? activeColor : ""
     };
+    const getRect2 = (selector) => {
+      return new Promise((resolve) => {
+        Taro.createSelectorQuery().select(selector).boundingClientRect().exec((rect = []) => {
+          resolve(rect[0]);
+        });
+      });
+    };
+    const getAllRect = (selector) => {
+      return new Promise((resolve) => {
+        Taro.createSelectorQuery().selectAll(selector).boundingClientRect().exec((rect = []) => resolve(rect[0]));
+      });
+    };
+    const scrollWithAnimation = React.useRef(false);
+    const navRectRef = React.useRef();
+    const titleRectRef = React.useRef([]);
+    const canShowLabel = React.useRef(false);
+    const scrollLeft = React.useRef(0);
+    const scrollTop = React.useRef(0);
+    const scrollDirection = (to, direction2) => {
+      let count = 0;
+      const from = direction2 === "horizontal" ? scrollLeft.current : scrollTop.current;
+      const frames = 1;
+      function animate() {
+        if (direction2 === "horizontal") {
+          scrollLeft.current += (to - from) / frames;
+        } else {
+          scrollTop.current += (to - from) / frames;
+        }
+        if (++count < frames) {
+          requestAniFrame$1(animate);
+        }
+      }
+      animate();
+    };
+    const scrollIntoView = () => {
+      console.log(name, props);
+      if (!name)
+        return;
+      requestAniFrame$1(() => {
+        Promise.all([
+          getRect2(`#nut-tabs__titles_${name}`),
+          getAllRect(`#nut-tabs__titles_${name} .nut-tabs__titles-item`)
+        ]).then(([navRect, titleRects]) => {
+          navRectRef.current = navRect;
+          titleRectRef.current = titleRects;
+          if (navRectRef.current) {
+            if (props.direction === "vertical") {
+              const titlesTotalHeight = titleRects.reduce(
+                (prev, curr) => prev + curr.height,
+                0
+              );
+              if (titlesTotalHeight > navRectRef.current.height) {
+                canShowLabel.current = true;
+              } else {
+                canShowLabel.current = false;
+              }
+            } else {
+              const titlesTotalWidth = titleRects.reduce(
+                (prev, curr) => prev + curr.width,
+                0
+              );
+              if (titlesTotalWidth > navRectRef.current.width) {
+                canShowLabel.current = true;
+              } else {
+                canShowLabel.current = false;
+              }
+            }
+          }
+          const titleRect = titleRectRef.current[value];
+          let to = 0;
+          if (props.direction === "vertical") {
+            const DEFAULT_PADDING = 11;
+            const top = titleRects.slice(0, value).reduce(
+              (prev, curr) => prev + curr.height + 0,
+              DEFAULT_PADDING
+            );
+            to = top - (navRectRef.current.height - titleRect.height) / 2;
+          } else {
+            const DEFAULT_PADDING = 31;
+            const left = titleRects.slice(0, value).reduce(
+              (prev, curr) => prev + curr.width + 20,
+              DEFAULT_PADDING
+            );
+            to = left - (navRectRef.current.width - titleRect.width) / 2;
+          }
+          Taro.nextTick(() => {
+            scrollWithAnimation.current = true;
+          });
+          scrollDirection(to, direction);
+        });
+      });
+    };
     const scrollIntoRef = React.useRef(0);
     React.useEffect(() => {
       const index = titles.current.findIndex((t) => t.value === value);
@@ -5947,6 +6054,7 @@ var __publicField = (obj, key, value) => {
       });
       const scrollToIndex = index - 2;
       scrollIntoRef.current = scrollToIndex < 0 ? 0 : scrollToIndex;
+      scrollIntoView();
     }, [value]);
     const tabChange = (item, index) => {
       onClick && onClick(item.value);
@@ -5961,15 +6069,17 @@ var __publicField = (obj, key, value) => {
         enableFlex: true,
         scrollX: direction === "horizontal",
         scrollY: direction === "vertical",
+        scrollLeft: scrollLeft.current,
+        scrollTop: scrollTop.current,
         showScrollbar: false,
         scrollIntoViewAlignment: "center",
-        scrollWithAnimation: true,
-        scrollIntoView: `scrollIntoView${scrollIntoRef.current}`,
+        scrollWithAnimation: scrollWithAnimation.current,
+        id: `nut-tabs__titles_${name}`,
         className: classesTitle,
         style: { ...tabStyle },
         ref: navRef
       },
-      !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
+      /* @__PURE__ */ React.createElement(components.View, { className: "nut-tabs__list" }, !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
         return /* @__PURE__ */ React.createElement(
           components.View,
           {
@@ -5978,7 +6088,7 @@ var __publicField = (obj, key, value) => {
             onClick: (e) => {
               tabChange(item);
             },
-            className: classNames(`${classPrefix$i}__titles-item`, {
+            className: classNames(`${classPrefix$i}__titles-item taro`, {
               [`nut-tabs__titles-item--active`]: !item.disabled && String(item.value) === String(value),
               [`nut-tabs__titles-item--disabled`]: item.disabled,
               [`nut-tabs__titles-item--${align}`]: align
@@ -6013,7 +6123,7 @@ var __publicField = (obj, key, value) => {
             item.title
           )
         );
-      })
+      }))
     ), /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$i}__content__wrap` }, /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$i}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
       if (!React.isValidElement(child)) {
         return null;
@@ -6264,11 +6374,7 @@ var __publicField = (obj, key, value) => {
     const [innerValue, setInnerValue] = usePropsValue({
       value,
       defaultValue,
-      finalValue: defaultValue,
-      onChange: (val) => {
-        var _a;
-        (_a = props.onChange) == null ? void 0 : _a.call(props, val);
-      }
+      finalValue: defaultValue
     });
     const [state] = React.useState({
       optionsData: [],
@@ -6299,11 +6405,6 @@ var __publicField = (obj, key, value) => {
     React.useEffect(() => {
       initData();
     }, [options, format2]);
-    React.useEffect(() => {
-      if (defaultValue && defaultValue !== innerValue) {
-        setInnerValue(defaultValue);
-      }
-    }, [defaultValue]);
     const initData = async () => {
       state.lazyLoadMap.clear();
       if (format2 && Object.keys(format2).length > 0) {
@@ -6955,18 +7056,6 @@ var __publicField = (obj, key, value) => {
     });
     return months.slice(preDates - days);
   };
-  function requestAniFrame() {
-    if (typeof window !== "undefined") {
-      const _window = window;
-      return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
-        _window.setTimeout(callback, 1e3 / 60);
-      };
-    }
-    return function(callback) {
-      setTimeout(callback, 1e3 / 60);
-    };
-  }
-  const requestAniFrame$1 = requestAniFrame();
   const splitDate = (date2) => {
     const split = date2.indexOf("-") !== -1 ? "-" : "/";
     return date2.split(split);
@@ -10153,7 +10242,7 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "getControlled", (children) => {
         var _a;
         const { setFieldsValue, getFieldValue } = this.context;
-        const { name } = this.props;
+        const { name = "" } = this.props;
         if ((_a = children == null ? void 0 : children.props) == null ? void 0 : _a.defaultValue) {
           console.warn("通过 initialValue 设置初始值");
         }