@nutui/nutui-react-taro 2.3.2 → 2.3.3

package/dist/esm/{infiniteloading.taro-cQRDXtbb.js → infiniteloading.taro-eSS7cIsT.js}

@@ -58,10 +58,10 @@ const InfiniteLoading = (props) => {
     isTouching.current = false;
   };
   const scrollAction = (e) => {
+    var _a;
+    scrollTop.current = (_a = e.target) == null ? void 0 : _a.scrollTop;
     if (e.target.scrollTop <= 0) {
       e.target.scrollTop = 0;
-    } else if (e.target.scrollTop >= scrollHeight.current) {
-      e.target.scrollTop = scrollHeight.current;
     }
     onScroll && onScroll(e.target.scrollTop);
   };

package/dist/esm/{inputnumber.taro-XcwIk4rB.js → inputnumber.taro-7QptygT3.js}

@@ -180,13 +180,13 @@ const InputNumber = (props) => {
     React__default.createElement(
       "div",
       { className: "nut-input-minus" },
-      React__default.createElement(Minus, { className: iconMinusClasses, onClick: reduceNumber })
+      React__default.createElement(Minus, { className: iconMinusClasses, onClick: (e) => reduceNumber(e) })
     ),
     React__default.createElement(React__default.Fragment, null, formatter ? React__default.createElement("input", { className: "nut-number-input", type: "text", min, max, disabled, readOnly, value: _checked, onInput: changeFormatValue, onBlur: burFormatValue, onFocus: focusValue }) : React__default.createElement("input", { className: "nut-number-input", type: "digit", min, max, disabled, readOnly, value: _checked, onInput: changeValue, onBlur: burValue, onFocus: focusValue })),
     React__default.createElement(
       "div",
       { className: "nut-input-add" },
-      React__default.createElement(Plus, { className: iconAddClasses, onClick: addNumber })
+      React__default.createElement(Plus, { className: iconAddClasses, onClick: (e) => addNumber(e) })
     )
   );
 };

package/dist/esm/nutui-react.es.js

@@ -20,25 +20,25 @@ import { N } from "./navbar.taro-v0VHQWR4.js";
 import { S as S4 } from "./sidenavbar.taro-J5SEKQIh.js";
 import { S as S5 } from "./sidenavbaritem.taro-AxJNRAdi.js";
 import { S as S6 } from "./subsidenavbar.taro-Zy52MDDG.js";
-import { T } from "./tabbar.taro-lM7-vxOz.js";
-import { T as T2 } from "./tabbaritem.taro-Q5uY6b9_.js";
+import { T } from "./tabbar.taro-QE0rjSKE.js";
+import { T as T2 } from "./tabbaritem.taro-t9C07OYX.js";
 import { T as T3 } from "./tabpane.taro-5k7wWimS.js";
-import { T as T4 } from "./tabs.taro-HezOZhRs.js";
-import { A } from "./address.taro-DwplktN_.js";
-import { C as C5 } from "./calendar.taro-Tuy-Kr-q.js";
-import { C as C6 } from "./calendaritem.taro-22chQZnN.js";
+import { T as T4 } from "./tabs.taro-uXbRqGVo.js";
+import { A } from "./address.taro-sTqrtuxC.js";
+import { C as C5 } from "./calendar.taro-Kf91Qo5t.js";
+import { C as C6 } from "./calendaritem.taro-G5BaVw8e.js";
 import { C as C7 } from "./calendarcard.taro-QStCLFET.js";
-import { C as C8 } from "./cascader.taro-gspYp5PT.js";
+import { C as C8 } from "./cascader.taro-DYMZD6ik.js";
 import { C as C9, a } from "./checkbox.taro-doAmyAh6.js";
-import { D as D2 } from "./datepicker.taro-a2BIZNUH.js";
+import { D as D2 } from "./datepicker.taro-7xNSgNRT.js";
 import { default as default2 } from "./Form.js";
 import { F as F2 } from "./formitem.taro-4ofczzxA.js";
 import { I as I2 } from "./input.taro-8gs046AH.js";
-import { I as I3 } from "./inputnumber.taro-XcwIk4rB.js";
+import { I as I3 } from "./inputnumber.taro-7QptygT3.js";
 import { M } from "./menu.taro-ODwHYGFM.js";
 import { M as M2 } from "./menuitem.taro-9nyTDLpt.js";
 import { N as N2 } from "./numberkeyboard.taro-gJhSoXsl.js";
-import { P } from "./picker.taro-4lJuJ4rX.js";
+import { P } from "./picker.taro-pRzPNgyZ.js";
 import { R as R2, a as a2 } from "./radio.taro-mZvB2wwi.js";
 import { R as R3 } from "./range.taro-S6WTiP1X.js";
 import { R as R4 } from "./rate.taro-ZkOVGSDs.js";
@@ -52,14 +52,14 @@ import { A as A2 } from "./actionsheet.taro-gfhQciJ4.js";
 import { B as B3 } from "./badge.taro-993L861f.js";
 import { B as B4 } from "./dialog.taro-UQN2mJZR.js";
 import { D as D3 } from "./drag.taro-BwcleRuB.js";
-import { E as E2 } from "./empty.taro-9bGPftO1.js";
-import { I as I4 } from "./infiniteloading.taro-cQRDXtbb.js";
+import { E as E2 } from "./empty.taro-CE-H96el.js";
+import { I as I4 } from "./infiniteloading.taro-eSS7cIsT.js";
 import { L as L2 } from "./loading.taro-aHN6xLIT.js";
 import { N as N3 } from "./noticebar.taro-bHnEzTvL.js";
 import { N as N4 } from "./notify.taro-mA9KS8qh.js";
 import { P as P2 } from "./popover.taro-N1dZfUxf.js";
 import { P as P3 } from "./popup.taro-2FdJu1kg.js";
-import { P as P4 } from "./pulltorefresh.taro-GxK5LBIE.js";
+import { P as P4 } from "./pulltorefresh.taro-h0P58sPG.js";
 import { S as S11 } from "./skeleton.taro-Pg7WtP0e.js";
 import { S as S12 } from "./swipe.taro-p2ONOq1o.js";
 import { T as T6 } from "./toast.taro-xnEQSCDJ.js";
@@ -71,7 +71,7 @@ import { A as A6 } from "./avatargroup.taro-h6dpv6UX.js";
 import { C as C10 } from "./circleprogress.taro-myZgamBw.js";
 import { C as C11 } from "./collapse.taro-l21-Cvji.js";
 import { C as C12 } from "./collapseitem.taro-9w-h_UP6.js";
-import { C as C13 } from "./countdown.taro-_7iZfeff.js";
+import { C as C13 } from "./countdown.taro-rJngrZUZ.js";
 import { E as E3 } from "./ellipsis.taro-ov_C4kbs.js";
 import { I as I5 } from "./imagepreview.taro-DKFWoFNy.js";
 import { I as I6 } from "./indicator.taro-ZH6MICsS.js";
@@ -82,7 +82,7 @@ import { S as S13 } from "./step.taro-kCAQ4Q3-.js";
 import { S as S14 } from "./steps.taro-n6BT6nWE.js";
 import { default as default4 } from "./Swiper.js";
 import { S as S15 } from "./swiperitem.taro-BC1CE0T-.js";
-import { T as T7 } from "./table.taro-NO-C8ayh.js";
+import { T as T7 } from "./table.taro-Zyemar_o.js";
 import { T as T8 } from "./tag.taro-5KC_wObY.js";
 import { T as T9 } from "./tour.taro-_3C-szH1.js";
 import { V } from "./video.taro-MDBF77xf.js";
@@ -112,6 +112,7 @@ import "./use-props-value-vKr0R0AX.js";
 import "./use-force-update-0oEVD8Nr.js";
 import "./raf-UzmDvMUW.js";
 import "./date-nxKOxj5-.js";
+import "./pad-zero-iY-0-oys.js";
 import "./index-YvHA__3D.js";
 import "./use-custom-event-XvsODK8c.js";
 import "react-dom";

package/dist/esm/pad-zero-iY-0-oys.js

@@ -0,0 +1,10 @@
+const padZero = (num, targetLength = 2) => {
+  let str = `${num}`;
+  while (str.length < targetLength) {
+    str = `0${str}`;
+  }
+  return str;
+};
+export {
+  padZero as p
+};

package/dist/esm/{picker.taro-4lJuJ4rX.js → picker.taro-pRzPNgyZ.js}

@@ -342,7 +342,7 @@ const InternalPicker = (props, ref) => {
   };
   useEffect(() => {
     setInnerValue(innerValue !== selectedValue ? selectedValue : innerValue);
-  }, [innerVisible]);
+  }, [innerVisible, selectedValue]);
   useEffect(() => {
     if (innerVisible) {
       init();

package/dist/esm/{pulltorefresh.taro-GxK5LBIE.js → pulltorefresh.taro-h0P58sPG.js}

@@ -1,5 +1,6 @@
 import React__default, { useRef, useState } from "react";
 import { View } from "@tarojs/components";
+import { Loading, More } from "@nutui/icons-react-taro";
 import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
 import { u as useTouch } from "./use-touch-BUFdkOSA.js";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
@@ -59,28 +60,21 @@ const PullToRefresh = (p) => {
   const pullingRef = useRef(false);
   const [status, setStatus] = useState("pulling");
   const [height, setHeight] = useState(0);
-  const renderIcons = () => {
+  const renderIcons = (status2) => {
     return React__default.createElement(
       React__default.Fragment,
       null,
-      React__default.createElement(
-        "i",
-        { className: `${classPrefix}-head-content-icons` },
-        (status === "pulling" || status === "complete") && React__default.createElement(
-          "svg",
-          { xmlns: "http://www.w3.org/2000/svg", width: "36", height: "26", viewBox: "0 0 36 26", fill: "none" },
-          React__default.createElement("path", { d: "M34.7243 10.965C32.842 8.94809 32.4297 5.92727 31.2018 4.90525C29.9738 3.88324 28.1722 5.51123 27.5089 6.46993C23.8429 3.88324 17.9809 4.00082 17.9809 4.00082C17.9809 4.00082 12.1458 3.88324 8.47083 6.46993C7.80754 5.51123 6.01488 3.88324 4.78691 4.90525C3.55894 5.92727 3.15559 8.94809 1.2733 10.965C-0.133943 12.4844 -0.250465 12.9276 0.323186 14.1305C0.887874 15.3334 4.40149 16.3283 6.88432 13.9496C7.21596 15.1887 10.0125 21.9991 17.9899 21.9991C25.9672 21.9991 28.7817 15.1887 29.1043 13.9496C31.5872 16.3283 35.1098 15.3334 35.6834 14.1305C36.2481 12.9276 36.1316 12.4844 34.7243 10.965Z", fill: "#8C8C8C" })
-        ),
-        (status === "canRelease" || status === "refreshing") && React__default.createElement(
-          "svg",
-          { xmlns: "http://www.w3.org/2000/svg", width: "36", height: "26", viewBox: "0 0 36 26", fill: "none" },
-          React__default.createElement("circle", { cx: "33", cy: "13", r: "3", fill: "#8C8C8C" }),
-          React__default.createElement("circle", { cx: "18", cy: "13", r: "3", fill: "#8C8C8C" }),
-          React__default.createElement("circle", { cx: "3", cy: "13", r: "3", fill: "#8C8C8C" })
-        )
-      )
+      (status2 === "pulling" || status2 === "complete") && React__default.createElement(Loading, null),
+      (status2 === "canRelease" || status2 === "refreshing") && React__default.createElement(More, null)
     );
   };
+  const renderStatusIcon = () => {
+    var _a;
+    if (props.renderIcon) {
+      return (_a = props.renderIcon) == null ? void 0 : _a.call(props, status);
+    }
+    return renderIcons(status);
+  };
   const renderStatusText = () => {
     var _a;
     if (props.renderText) {
@@ -151,7 +145,7 @@ const PullToRefresh = (p) => {
       React__default.createElement(
         "div",
         { className: `${classPrefix}-head-content`, style: { height: headHeight } },
-        renderIcons(),
+        React__default.createElement("div", null, renderStatusIcon()),
         React__default.createElement("div", null, renderStatusText())
       )
     ),

package/dist/esm/{tabbar.taro-lM7-vxOz.js → tabbar.taro-QE0rjSKE.js}

@@ -2,7 +2,7 @@ import React__default from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
-import { T as TabbarItem } from "./tabbaritem.taro-Q5uY6b9_.js";
+import { a as TabbarContext, T as TabbarItem } from "./tabbaritem.taro-t9C07OYX.js";
 const defaultProps = {
   ...ComponentDefaults,
   defaultValue: 0,
@@ -30,20 +30,20 @@ const Tabbar = (props) => {
     { className: classNames(classPrefix, {
       [`${classPrefix}-fixed`]: fixed
     }, className), style },
-    React__default.createElement("div", { className: `${classPrefix}-wrap` }, React__default.Children.map(children, (child, idx) => {
-      if (!React__default.isValidElement(child)) {
-        return null;
-      }
-      const childProps = {
-        ...child.props,
-        active: idx === selectIndex,
-        index: idx,
-        inactiveColor,
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-wrap` },
+      React__default.createElement(TabbarContext.Provider, { value: {
+        selectIndex,
         activeColor,
+        inactiveColor,
         handleClick: setSelectIndex
-      };
-      return React__default.cloneElement(child, childProps);
-    })),
+      } }, React__default.Children.map(children, (child, index) => {
+        if (!React__default.isValidElement(child))
+          return null;
+        return React__default.cloneElement(child, { ...child.props, index });
+      }))
+    ),
     (fixed || safeArea) && React__default.createElement("div", { className: `${classPrefix}-safe-area` })
   );
 };

package/dist/esm/{tabbaritem.taro-Q5uY6b9_.js → tabbaritem.taro-t9C07OYX.js}

@@ -1,13 +1,12 @@
-import React__default from "react";
+import React__default, { useContext } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
 import { B as Badge } from "./badge.taro-993L861f.js";
+const TabbarContext = React__default.createContext(null);
 const defaultProps = {
   ...ComponentDefaults,
   title: "",
   icon: null,
-  active: false,
-  index: 0,
   value: "",
   dot: false,
   max: 99,
@@ -15,10 +14,25 @@ const defaultProps = {
   right: "5"
 };
 const TabbarItem = (props) => {
-  const { className, style, title, icon, active, activeColor, inactiveColor, index, value, dot, max, top, right, handleClick, ...rest } = {
+  const ctx = useContext(TabbarContext);
+  const {
+    className,
+    style,
+    title,
+    icon,
+    value,
+    dot,
+    max,
+    top,
+    right,
+    // @ts-ignore
+    index,
+    ...rest
+  } = {
     ...defaultProps,
     ...props
   };
+  const active = index === (ctx == null ? void 0 : ctx.selectIndex);
   const classPrefix = "nut-tabbar-item";
   const tabbarItemClass = classNames(classPrefix, {
     [`${classPrefix}-active`]: active
@@ -33,12 +47,12 @@ const TabbarItem = (props) => {
     max,
     top,
     right,
-    color: activeColor
+    color: ctx == null ? void 0 : ctx.activeColor
   };
   return React__default.createElement("div", { className: tabbarItemClass, style: {
-    color: active ? activeColor : inactiveColor,
+    color: active ? ctx == null ? void 0 : ctx.activeColor : ctx == null ? void 0 : ctx.inactiveColor,
     ...style
-  }, onClick: () => handleClick(index), ...rest }, icon ? React__default.createElement(
+  }, onClick: () => ctx == null ? void 0 : ctx.handleClick(index), ...rest }, icon ? React__default.createElement(
     React__default.Fragment,
     null,
     React__default.createElement(
@@ -54,5 +68,6 @@ const TabbarItem = (props) => {
   ));
 };
 export {
-  TabbarItem as T
+  TabbarItem as T,
+  TabbarContext as a
 };

package/dist/esm/table.taro-Zyemar_o.js

@@ -0,0 +1,184 @@
+import React__default, { useState, useEffect, useCallback, useRef } from "react";
+import classNames from "classnames";
+import { ArrowDown } from "@nutui/icons-react-taro";
+import { u as useConfig } from "./configprovider.taro-_wngOo0k.js";
+import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
+function useTableSticky(columns) {
+  const [isSticky, setIsSticky] = useState(false);
+  const [stickyColumnStyleMap, setStickyColumnStyleMap] = useState({});
+  const [stickyColumnClassMap, setStickyColumnClassMap] = useState({});
+  const [stickyLeftWidth, setStickyLeftWidth] = useState(0);
+  const [stickyRightWidth, setStickyRightWidth] = useState(0);
+  useEffect(() => {
+    const leftColumns = columns.filter((item) => item.fixed === "left") || [];
+    const rightColumns = columns.filter((item) => item.fixed === "right") || [];
+    const middleColumns = columns.filter((item) => !item.fixed) || [];
+    const _columnStyleMap = {};
+    const _columnClassMap = {};
+    let _stickyLeftWidth = 0;
+    let _stickyRightWidth = 0;
+    leftColumns.forEach((curr, index) => {
+      leftColumns[index - 1] || {};
+      _columnStyleMap[curr.key] = {
+        left: _stickyLeftWidth || 0,
+        width: curr.width || "auto"
+      };
+      _columnClassMap[curr.key] = {
+        "nut-table-fixed-left": true,
+        "nut-table-fixed-left-last": index === leftColumns.length - 1
+      };
+      _stickyLeftWidth += curr.width || 0;
+    });
+    middleColumns.forEach((curr) => {
+      _columnStyleMap[curr.key] = {
+        width: curr.width || "auto"
+      };
+    });
+    for (let i = rightColumns.length - 1; i >= 0; i--) {
+      const curr = rightColumns[i];
+      rightColumns[i + 1] || {};
+      _columnStyleMap[curr.key] = {
+        right: _stickyRightWidth || 0,
+        width: curr.width || "auto"
+      };
+      _columnClassMap[curr.key] = {
+        "nut-table-fixed-right": true,
+        "nut-table-fixed-right-first": i === 0
+      };
+      _stickyRightWidth += curr.width || 0;
+    }
+    setIsSticky(leftColumns.length > 0 || rightColumns.length > 0);
+    setStickyColumnStyleMap(_columnStyleMap);
+    setStickyColumnClassMap(_columnClassMap);
+    setStickyLeftWidth(_stickyLeftWidth);
+    setStickyRightWidth(_stickyRightWidth);
+  }, [columns]);
+  const getStickyStyle = useCallback((key) => {
+    return stickyColumnStyleMap[key];
+  }, [stickyColumnStyleMap]);
+  const getStickyClass = useCallback((key) => {
+    return stickyColumnClassMap[key];
+  }, [stickyColumnClassMap]);
+  return {
+    isSticky,
+    stickyLeftWidth,
+    stickyRightWidth,
+    getStickyClass,
+    getStickyStyle
+  };
+}
+const defaultProps = {
+  ...ComponentDefaults,
+  columns: [],
+  data: [],
+  bordered: true,
+  striped: false,
+  noData: "",
+  sorterIcon: null,
+  showHeader: true
+};
+const Table = (props) => {
+  const { locale } = useConfig();
+  defaultProps.noData = locale.noData;
+  const { children, className, style, columns, data, bordered, summary, striped, noData, sorterIcon, showHeader, onSort, ...rest } = {
+    ...defaultProps,
+    ...props
+  };
+  const sortedMapping = useRef({});
+  const [innerValue, setValue] = usePropsValue({
+    defaultValue: data,
+    finalValue: []
+  });
+  const { isSticky, stickyLeftWidth, stickyRightWidth, getStickyClass, getStickyStyle } = useTableSticky(columns);
+  useEffect(() => {
+    setValue(data);
+  }, [data]);
+  const classPrefix = "nut-table";
+  const headerClassPrefix = `${classPrefix}-main-head-tr`;
+  const bodyClassPrefix = `${classPrefix}-main-body-tr`;
+  const cls = classNames(classPrefix, className);
+  const handleSorterClick = (item) => {
+    if (item.sorter && !sortedMapping.current[item.key]) {
+      const copied = [...innerValue];
+      if (typeof item.sorter === "function") {
+        copied.sort(item.sorter);
+      } else if (item.sorter === "default") {
+        copied.sort();
+      }
+      sortedMapping.current[item.key] = true;
+      setValue(copied, true);
+      onSort && onSort(item, copied);
+    } else {
+      sortedMapping.current[item.key] = false;
+      setValue(data);
+    }
+  };
+  const cellClasses = (item) => {
+    return {
+      [`${headerClassPrefix}-border`]: props.bordered,
+      [`${headerClassPrefix}-align${item.align ? item.align : ""}`]: true
+    };
+  };
+  const getColumnItem = (value) => {
+    return columns.filter((item) => item.key === value)[0];
+  };
+  const renderHeadCells = () => {
+    return columns.map((item, index) => {
+      return React__default.createElement(
+        "div",
+        { className: classNames(`${headerClassPrefix}-th`, cellClasses(item), getStickyClass(item.key)), key: item.key, onClick: () => handleSorterClick(item), style: getStickyStyle(item.key) },
+        item.title,
+        " ",
+        item.sorter && (sorterIcon || React__default.createElement(ArrowDown, { width: "12px", height: "12px" }))
+      );
+    });
+  };
+  const sortDataItem = () => {
+    return columns.map((columns2) => {
+      return [columns2.key, columns2.render];
+    });
+  };
+  const renderBodyTds = (item, rowIndex) => {
+    return sortDataItem().map(([value, render]) => {
+      return React__default.createElement("div", { className: classNames(`${bodyClassPrefix}-td`, cellClasses(getColumnItem(value)), getStickyClass(value)), key: value, style: getStickyStyle(value) }, typeof item[value] === "function" || typeof render === "function" ? React__default.createElement("div", null, render ? render(item, rowIndex) : item[value](item)) : item[value]);
+    });
+  };
+  const renderBodyTrs = () => {
+    return innerValue.map((item, index) => {
+      return React__default.createElement("div", { className: bodyClassPrefix, key: index }, renderBodyTds(item, index));
+    });
+  };
+  return React__default.createElement(
+    "div",
+    { className: cls, ...rest },
+    React__default.createElement(
+      "div",
+      { className: classNames(`${classPrefix}-wrapper`), style },
+      React__default.createElement(
+        "div",
+        { className: classNames(`${classPrefix}-main`, {
+          [`${classPrefix}-main-striped`]: striped
+        }) },
+        showHeader && React__default.createElement(
+          "div",
+          { className: `${classPrefix}-main-head` },
+          React__default.createElement("div", { className: headerClassPrefix }, renderHeadCells())
+        ),
+        React__default.createElement("div", { className: `${classPrefix}-main-body` }, renderBodyTrs())
+      )
+    ),
+    isSticky ? React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement("div", { className: `${classPrefix}-sticky-left`, style: { width: stickyLeftWidth } }),
+      React__default.createElement("div", { className: `${classPrefix}-sticky-right`, style: { width: stickyRightWidth } })
+    ) : null,
+    (summary || innerValue.length === 0) && React__default.createElement("div", { className: `${classPrefix}-summary` }, summary || noData)
+  );
+};
+Table.defaultProps = defaultProps;
+Table.displayName = "NutTable";
+export {
+  Table as T
+};

package/dist/esm/{tabs.taro-HezOZhRs.js → tabs.taro-uXbRqGVo.js}

@@ -1,4 +1,4 @@
-import React__default, { useState, useRef, useEffect } from "react";
+import React__default, { useRef, useState, useEffect } from "react";
 import { View, ScrollView } from "@tarojs/components";
 import classNames from "classnames";
 import { JoySmile } from "@nutui/icons-react-taro";
@@ -8,10 +8,24 @@ import { T as TabPane } from "./tabpane.taro-5k7wWimS.js";
 import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
 import { u as useForceUpdate } from "./use-force-update-0oEVD8Nr.js";
 import { r as requestAniFrame } from "./raf-UzmDvMUW.js";
+const idCounter = {};
+function uniqueId(prefix = "$nut$") {
+  if (!idCounter[prefix]) {
+    idCounter[prefix] = 0;
+  }
+  const id = ++idCounter[prefix];
+  if (prefix === "$nut$") {
+    return `${id}`;
+  }
+  return `${prefix}${id}`;
+}
+function useUuid() {
+  const idRef = useRef(uniqueId());
+  return idRef.current;
+}
 const defaultProps = {
   ...ComponentDefaults,
   tabStyle: {},
-  name: "",
   activeColor: "",
   direction: "horizontal",
   activeType: "line",
@@ -24,6 +38,7 @@ const Tabs = (props) => {
     ...defaultProps,
     ...props
   };
+  const uuid = useUuid();
   const [value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue,
@@ -110,16 +125,16 @@ const Tabs = (props) => {
     animate();
   };
   const scrollIntoView = () => {
-    if (!name)
-      return;
     requestAniFrame(() => {
       Promise.all([
-        getRect(`#nut-tabs-titles-${name} .nut-tabs-list`),
-        getAllRect(`#nut-tabs-titles-${name} .nut-tabs-titles-item`)
+        getRect(`#nut-tabs-titles-${name || uuid} .nut-tabs-list`),
+        getAllRect(`#nut-tabs-titles-${name || uuid} .nut-tabs-titles-item`)
       ]).then(([navRect, titleRects]) => {
         navRectRef.current = navRect;
         titleRectRef.current = titleRects;
         const titleRect = titleRectRef.current[value];
+        if (!titleRect)
+          return;
         let to = 0;
         if (props.direction === "vertical") {
           const DEFAULT_PADDING = 11;
@@ -157,7 +172,7 @@ const Tabs = (props) => {
     { className: classes, ...rest },
     React__default.createElement(
       ScrollView,
-      { enableFlex: true, scrollX: direction === "horizontal", scrollY: direction === "vertical", scrollLeft, scrollTop, showScrollbar: false, scrollWithAnimation: scrollWithAnimation.current, id: `nut-tabs-titles-${name}`, className: classesTitle, style: { ...tabStyle } },
+      { enableFlex: true, scrollX: direction === "horizontal", scrollY: direction === "vertical", scrollLeft, scrollTop, showScrollbar: false, scrollWithAnimation: scrollWithAnimation.current, id: `nut-tabs-titles-${name || uuid}`, className: classesTitle, style: { ...tabStyle } },
       React__default.createElement(View, { className: "nut-tabs-list", ref: navRef }, !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
         return React__default.createElement(
           View,

package/dist/esm/types/src/packages/cascader/cascader.d.ts

@@ -20,6 +20,10 @@ export interface CascaderProps extends Pick<PopupProps, 'className' | 'style' |
     onChange: (value: CascaderValue, params?: any) => void;
     onPathChange: (value: CascaderValue, params: any) => void;
 }
+export type CascaderActions = {
+    open: () => void;
+    close: () => void;
+};
 export declare const Cascader: React.ForwardRefExoticComponent<Partial<CascaderProps> & {
     children?: React.ReactNode;
 } & React.RefAttributes<unknown>>;

package/dist/esm/types/src/packages/cascader/cascader.taro.d.ts

@@ -20,6 +20,10 @@ export interface CascaderProps extends Pick<PopupProps, 'className' | 'style' |
     onChange: (value: CascaderValue, params?: any) => void;
     onPathChange: (value: CascaderValue, params: any) => void;
 }
+export type CascaderActions = {
+    open: () => void;
+    close: () => void;
+};
 export declare const Cascader: React.ForwardRefExoticComponent<Partial<CascaderProps> & {
     children?: React.ReactNode;
 } & React.RefAttributes<unknown>>;