@nutui/nutui-react-taro 1.3.12 → 1.3.13

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.12-beta.4 Wed Nov 23 2022 16:32:35 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.13 Wed Nov 30 2022 17:53:16 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -87,7 +87,7 @@
     classname.exports = classname_production_min;
   }
   const cn = classname.exports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
-  const defaultProps$1r = {
+  const defaultProps$1u = {
     name: "",
     size: "",
     classPrefix: "nut-icon",
@@ -115,7 +115,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1r,
+      ...defaultProps$1u,
       ...props
     };
     const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -149,13 +149,13 @@
       children
     );
   }
-  Icon$1.defaultProps = defaultProps$1r;
+  Icon$1.defaultProps = defaultProps$1u;
   Icon$1.displayName = "NutIcon";
   const ComponentDefaults = {
     iconClassPrefix: "nut-icon",
     iconFontClassName: "nutui-iconfont"
   };
-  const defaultProps$1q = {
+  const defaultProps$1t = {
     ...ComponentDefaults,
     className: "",
     color: "",
@@ -191,7 +191,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$1q,
+      ...defaultProps$1t,
       ...props
     };
     const getStyle = React.useCallback(() => {
@@ -270,9 +270,9 @@
       className: icon || loading ? "text" : ""
     }, children)));
   };
-  Button.defaultProps = defaultProps$1q;
+  Button.defaultProps = defaultProps$1t;
   Button.displayName = "NutButton";
-  const defaultProps$1p = {
+  const defaultProps$1s = {
     ...ComponentDefaults,
     title: null,
     subTitle: null,
@@ -318,14 +318,16 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$1p,
+      ...defaultProps$1s,
       ...props
     };
     const b2 = cn("cell");
     const handleClick2 = (event) => {
       onClick(event);
       const link = to2 || url;
-      replace ? Taro__default["default"].redirectTo({ url: link }) : Taro__default["default"].navigateTo({ url: link });
+      if (link) {
+        replace ? Taro__default["default"].redirectTo({ url: link }) : Taro__default["default"].navigateTo({ url: link });
+      }
     };
     const baseStyle = {
       borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : `${roundRadius}px`
@@ -367,9 +369,9 @@
       className: b2("link")
     }) : linkSlot));
   };
-  Cell$1.defaultProps = defaultProps$1p;
+  Cell$1.defaultProps = defaultProps$1s;
   Cell$1.displayName = "NutCell";
-  const defaultProps$1o = {
+  const defaultProps$1r = {
     title: "",
     desc: "",
     className: "",
@@ -378,7 +380,7 @@
   };
   const CellGroup = (props) => {
     const { children, className, title, desc, titleSlot, descSlot } = {
-      ...defaultProps$1o,
+      ...defaultProps$1r,
       ...props
     };
     const b2 = cn("cell-group");
@@ -392,7 +394,7 @@
       className: b2("wrap")
     }, children));
   };
-  CellGroup.defaultProps = defaultProps$1o;
+  CellGroup.defaultProps = defaultProps$1r;
   CellGroup.displayName = "NutCellGroup";
   var classnames = { exports: {} };
   /*!
@@ -1039,7 +1041,7 @@
   };
   CSSTransition.propTypes = {};
   var CSSTransition$1 = CSSTransition;
-  const defaultProps$1n = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -1225,7 +1227,7 @@
     }, [position]);
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, renderToContainer(teleport, renderNode()));
   };
-  Popup.defaultProps = defaultProps$1n;
+  Popup.defaultProps = defaultProps$1q;
   Popup.displayName = "NutPopup";
   const zhCN = {
     save: "\u4FDD\u5B58",
@@ -1350,9 +1352,12 @@
       canReleaseText: "\u677E\u5F00\u5237\u65B0",
       refreshingText: "\u52A0\u8F7D\u4E2D...",
       completeText: "\u5237\u65B0\u6210\u529F"
+    },
+    watermark: {
+      errorCanvasTips: "\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301Canvas"
     }
   };
-  const defaultProps$1m = {
+  const defaultProps$1p = {
     locale: zhCN
   };
   const defaultConfigRef$1 = {
@@ -1369,7 +1374,7 @@
   };
   const ConfigContext$1 = React.createContext(null);
   const ConfigProvider = (props) => {
-    const { children, ...config2 } = { ...defaultProps$1m, ...props };
+    const { children, ...config2 } = { ...defaultProps$1p, ...props };
     const parentConfig = useConfig$1();
     return /* @__PURE__ */ React__default["default"].createElement(ConfigContext$1.Provider, {
       value: {
@@ -1378,19 +1383,110 @@
       }
     }, children);
   };
-  ConfigProvider.defaultProps = defaultProps$1m;
+  ConfigProvider.defaultProps = defaultProps$1p;
   ConfigProvider.displayName = "NutConfigProvider";
-  const defaultProps$1l = {};
+  const defaultProps$1o = {
+    fit: "fill",
+    position: "center",
+    alt: "",
+    width: "center",
+    height: "",
+    round: false,
+    showError: true,
+    showLoading: true
+  };
+  const Image = (props) => {
+    useConfig$1();
+    const {
+      children,
+      className,
+      style,
+      src,
+      fit,
+      position,
+      alt,
+      width,
+      height,
+      round,
+      radius,
+      showError,
+      showLoading,
+      slotError,
+      slotLoding,
+      onClick,
+      onLoad,
+      onError
+    } = { ...defaultProps$1o, ...props };
+    const [loading, setLoading] = React.useState(true);
+    const [isError, setIsError] = React.useState(false);
+    React.useEffect(() => {
+      if (src) {
+        setIsError(false);
+        setLoading(true);
+      }
+    }, [src]);
+    const load = () => {
+      setLoading(false);
+      onLoad && onLoad();
+    };
+    const error = () => {
+      setIsError(true);
+      setLoading(false);
+      onError && onError();
+    };
+    const pxCheck2 = (value) => {
+      return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+    };
+    const stylebox = {
+      height: height ? pxCheck2(height) : "",
+      width: width ? pxCheck2(width) : "",
+      overflow: radius !== void 0 && radius !== null ? "hidden" : "",
+      borderRadius: radius !== void 0 && radius !== null ? pxCheck2(radius) : ""
+    };
+    const styles = {
+      objectFit: fit,
+      objectPosition: position,
+      ...style
+    };
+    const imageClick = (event) => {
+      onClick && onClick(event);
+    };
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: `nut-image ${round ? "nut-image-round" : ""}`,
+      style: stylebox,
+      onClick: (e2) => {
+        imageClick(e2);
+      }
+    }, /* @__PURE__ */ React__default["default"].createElement("img", {
+      className: "nut-img",
+      style: styles,
+      src,
+      alt,
+      onLoad: load,
+      onError: error
+    }), showLoading && loading ? /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "nut-img-loading"
+    }, slotLoding || children || /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      name: "image"
+    })) : null, showError && isError && !loading ? /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "nut-img-error"
+    }, slotError || children || /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      name: "image-error"
+    })) : null);
+  };
+  Image.defaultProps = defaultProps$1o;
+  Image.displayName = "NutImage";
+  const defaultProps$1n = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1l, ...props });
+    ({ ...defaultProps$1n, ...props });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-layout"
     }, "Layout");
   };
-  Layout.defaultProps = defaultProps$1l;
+  Layout.defaultProps = defaultProps$1n;
   Layout.displayName = "NutLayout";
   const DataContext$2 = React.createContext({});
-  const defaultProps$1k = {
+  const defaultProps$1m = {
     span: "24",
     offset: "0",
     gutter: "0"
@@ -1404,7 +1500,7 @@
       children,
       onClick
     } = {
-      ...defaultProps$1k,
+      ...defaultProps$1m,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -1432,9 +1528,9 @@
       }
     }, children);
   };
-  Col.defaultProps = defaultProps$1k;
+  Col.defaultProps = defaultProps$1m;
   Col.displayName = "NutCol";
-  const defaultProps$1j = {
+  const defaultProps$1l = {
     type: "",
     justify: "start",
     align: "flex-start",
@@ -1453,7 +1549,7 @@
       gutter,
       onClick
     } = {
-      ...defaultProps$1j,
+      ...defaultProps$1l,
       ...props
     };
     const prefixCls = "nut-row";
@@ -1488,9 +1584,9 @@
       children
     ));
   };
-  Row.defaultProps = defaultProps$1j;
+  Row.defaultProps = defaultProps$1l;
   Row.displayName = "NutRow";
-  const defaultProps$1i = {
+  const defaultProps$1k = {
     contentPosition: "center",
     dashed: false,
     hairline: true,
@@ -1507,7 +1603,7 @@
       direction,
       ...rest
     } = {
-      ...defaultProps$1i,
+      ...defaultProps$1k,
       ...props
     };
     const dividerBem = cn("divider");
@@ -1528,9 +1624,9 @@
       ...rest
     }, children);
   };
-  Divider.defaultProps = defaultProps$1i;
+  Divider.defaultProps = defaultProps$1k;
   Divider.displayName = "NutDivider";
-  const defaultProps$1h = {
+  const defaultProps$1j = {
     columnNum: 4,
     border: true,
     gutter: 0,
@@ -1557,7 +1653,7 @@
       iconColor,
       className,
       ...rest
-    } = { ...defaultProps$1h, ...props };
+    } = { ...defaultProps$1j, ...props };
     const childrenDom = React__default["default"].Children.toArray(children);
     const pxCheck2 = (value) => {
       return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -1596,9 +1692,9 @@
       });
     }));
   };
-  Grid.defaultProps = defaultProps$1h;
+  Grid.defaultProps = defaultProps$1j;
   Grid.displayName = "NutGrid";
-  const defaultProps$1g = {
+  const defaultProps$1i = {
     ...ComponentDefaults,
     text: "",
     icon: "",
@@ -1637,7 +1733,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1g,
+      ...defaultProps$1i,
       ...props
     };
     const b2 = cn("grid-item");
@@ -1685,7 +1781,7 @@
       className: "nut-grid-item__text"
     }, text), children && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children)));
   };
-  GridItem.defaultProps = defaultProps$1g;
+  GridItem.defaultProps = defaultProps$1i;
   GridItem.displayName = "NutGridItem";
   const defaultConfigRef = {
     current: {
@@ -1700,17 +1796,17 @@
     return (_a = React.useContext(ConfigContext)) != null ? _a : getDefaultConfig();
   };
   const ConfigContext = React.createContext(null);
-  const defaultProps$1f = {};
+  const defaultProps$1h = {};
   const Sticky = (props) => {
     useConfig();
-    ({ ...defaultProps$1f, ...props });
+    ({ ...defaultProps$1h, ...props });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-sticky"
     }, "Sticky");
   };
-  Sticky.defaultProps = defaultProps$1f;
+  Sticky.defaultProps = defaultProps$1h;
   Sticky.displayName = "NutSticky";
-  const defaultProps$1e = {
+  const defaultProps$1g = {
     ...ComponentDefaults,
     title: "",
     desc: "",
@@ -1746,7 +1842,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$1e,
+      ...defaultProps$1g,
       ...props
     };
     const b2 = cn("navbar");
@@ -1815,9 +1911,9 @@
       className: `${b2("")}--placeholder`
     }, renderWrapper()) : renderWrapper());
   };
-  NavBar.defaultProps = defaultProps$1e;
+  NavBar.defaultProps = defaultProps$1g;
   NavBar.displayName = "NutNavBar";
-  const defaultProps$1d = {
+  const defaultProps$1f = {
     ...ComponentDefaults,
     fixednavClass: "nut-fixednav",
     activeText: "",
@@ -1847,7 +1943,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$1d,
+      ...defaultProps$1f,
       ...props
     };
     const b2 = cn("fixednav");
@@ -1902,9 +1998,9 @@
       className: "text"
     }, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
   };
-  FixedNav.defaultProps = defaultProps$1d;
+  FixedNav.defaultProps = defaultProps$1f;
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$1c = {
+  const defaultProps$1e = {
     visible: 0,
     bottom: false,
     size: 20,
@@ -1932,7 +2028,7 @@
       tabSwitch,
       onSwitch
     } = {
-      ...defaultProps$1c,
+      ...defaultProps$1e,
       ...props
     };
     const b2 = cn("tabbar");
@@ -1968,9 +2064,9 @@
       return React__default["default"].cloneElement(child, childProps);
     }));
   };
-  Tabbar.defaultProps = defaultProps$1c;
+  Tabbar.defaultProps = defaultProps$1e;
   Tabbar.displayName = "NutTabbar";
-  const defaultProps$1b = {
+  const defaultProps$1d = {
     ...ComponentDefaults,
     dot: false,
     size: "",
@@ -2006,7 +2102,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$1b,
+      ...defaultProps$1d,
       ...props
     };
     const b2 = cn("tabbar-item");
@@ -2056,7 +2152,7 @@
   var require$$0 = /* @__PURE__ */ getAugmentedNamespace(index_cjs$1);
   var index_cjs = require$$0;
   const elevatorContext = React.createContext({});
-  const defaultProps$1a = {
+  const defaultProps$1c = {
     height: "200px",
     acceptKey: "title",
     indexList: [],
@@ -2079,7 +2175,7 @@
       children,
       ...rest
     } = {
-      ...defaultProps$1a,
+      ...defaultProps$1c,
       ...props
     };
     const b2 = cn("elevator");
@@ -2279,9 +2375,9 @@
       }, item[acceptKey]);
     }))));
   };
-  Elevator.defaultProps = defaultProps$1a;
+  Elevator.defaultProps = defaultProps$1c;
   Elevator.displayName = "NutElevator";
-  const defaultProps$19 = {
+  const defaultProps$1b = {
     defaultValue: 1,
     mode: "multi",
     prevText: "",
@@ -2298,7 +2394,7 @@
   };
   const Pagination = (props) => {
     const { locale } = useConfig$1();
-    ({ ...defaultProps$19, ...props });
+    ({ ...defaultProps$1b, ...props });
     const {
       modelValue,
       mode,
@@ -2415,7 +2511,7 @@
       onClick: (e2) => selectPage(Number(currentPage) + 1, true)
     }, nextText || locale.pagination.next));
   };
-  Pagination.defaultProps = defaultProps$19;
+  Pagination.defaultProps = defaultProps$1b;
   Pagination.displayName = "NutPagination";
   class Title {
     constructor() {
@@ -2425,7 +2521,7 @@
       this.index = 0;
     }
   }
-  const defaultProps$18 = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     tabStyle: {},
     value: 0,
@@ -2466,7 +2562,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$18,
+      ...defaultProps$1a,
       ...props
     };
     const [currentItem, setCurrentItem] = React.useState({ index: 0 });
@@ -2584,9 +2680,9 @@
       return React__default["default"].cloneElement(child, childProps);
     }))));
   };
-  Tabs.defaultProps = defaultProps$18;
+  Tabs.defaultProps = defaultProps$1a;
   Tabs.displayName = "NutTabs";
-  const defaultProps$17 = {
+  const defaultProps$19 = {
     title: "",
     paneKey: "",
     activeKey: "",
@@ -2594,7 +2690,7 @@
   };
   const TabPane = (props) => {
     const { children, paneKey, activeKey, autoHeightClassName, className } = {
-      ...defaultProps$17,
+      ...defaultProps$19,
       ...props
     };
     const b2 = cn("tabpane");
@@ -2610,7 +2706,7 @@
       className: classes
     }, children);
   };
-  const defaultProps$16 = {
+  const defaultProps$18 = {
     size: 3,
     current: 1,
     block: false,
@@ -2630,7 +2726,7 @@
       vertical,
       ...rest
     } = {
-      ...defaultProps$16,
+      ...defaultProps$18,
       ...props
     };
     const b2 = cn("indicator");
@@ -2664,7 +2760,7 @@
       ...rest
     }, renderEles());
   };
-  Indicator.defaultProps = defaultProps$16;
+  Indicator.defaultProps = defaultProps$18;
   Indicator.displayName = "NutIndicator";
   const handleClick = (e2) => {
     e2.stopPropagation();
@@ -2680,7 +2776,7 @@
     }
   };
   const OffsetContext = React.createContext(20);
-  const defaultProps$15 = {
+  const defaultProps$17 = {
     showhead: false,
     position: "left",
     width: "80%"
@@ -2698,7 +2794,7 @@
       onClose,
       ...rest
     } = {
-      ...defaultProps$15,
+      ...defaultProps$17,
       ...props
     };
     const offset = props.offset ? Number(props.offset) : 20;
@@ -2726,14 +2822,14 @@
       className: "nut-sidenavbar__content"
     }, children))))));
   };
-  SideNavBar.defaultProps = defaultProps$15;
+  SideNavBar.defaultProps = defaultProps$17;
   SideNavBar.displayName = "NutSideNavBar";
-  const defaultProps$14 = {
+  const defaultProps$16 = {
     open: true
   };
   const SubSideNavBar = (props) => {
     const { title, ikey, children, onClick, open, ...rest } = {
-      ...defaultProps$14,
+      ...defaultProps$16,
       ...props
     };
     const offset = React.useContext(OffsetContext);
@@ -2804,7 +2900,7 @@
       ...rest
     }, title);
   };
-  const defaultProps$13 = {
+  const defaultProps$15 = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -2827,7 +2923,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$13,
+      ...defaultProps$15,
       ...props
     };
     const parentRef = React.useRef(null);
@@ -2924,9 +3020,9 @@
       })));
     })), cloneChildren()));
   };
-  Menu.defaultProps = defaultProps$13;
+  Menu.defaultProps = defaultProps$15;
   Menu.displayName = "NutMenu";
-  const defaultProps$12 = {
+  const defaultProps$14 = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -2941,7 +3037,7 @@
   };
   const MenuItem = React.forwardRef((props, ref) => {
     useConfig$1();
-    const mergedProps = { ...defaultProps$12, ...props };
+    const mergedProps = { ...defaultProps$14, ...props };
     const {
       style,
       options,
@@ -2957,7 +3053,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$12,
+      ...defaultProps$14,
       ...props
     };
     const { activeColor, showPopup, parent, orderKey } = mergedProps;
@@ -3078,7 +3174,7 @@
       }, item.text));
     }), children))));
   });
-  MenuItem.defaultProps = defaultProps$12;
+  MenuItem.defaultProps = defaultProps$14;
   MenuItem.displayName = "NutMenuItem";
   const MIN_DISTANCE = 10;
   function getDirection(x2, y2) {
@@ -3149,7 +3245,7 @@
     const res = await element.getBoundingClientRect();
     return res;
   };
-  const defaultProps$11 = {
+  const defaultProps$13 = {
     name: "",
     size: "",
     classPrefix: "nut-icon",
@@ -3177,7 +3273,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$11,
+      ...defaultProps$13,
       ...props
     };
     const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -3211,9 +3307,9 @@
       children
     );
   }
-  Icon.defaultProps = defaultProps$11;
+  Icon.defaultProps = defaultProps$13;
   Icon.displayName = "NutIcon";
-  const defaultProps$10 = {
+  const defaultProps$12 = {
     id: "",
     style: {},
     icon: null,
@@ -3258,7 +3354,7 @@
       visible,
       onClose,
       ...rest
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$12, ...props };
     let timer;
     const [openState, SetOpenState] = React.useState(false);
     React.useEffect(() => {
@@ -3347,9 +3443,9 @@
       className: toastBem("text")
     }, msg))) : null);
   };
-  Toast.defaultProps = defaultProps$10;
+  Toast.defaultProps = defaultProps$12;
   Toast.displayName = "NutToast";
-  const defaultProps$$ = {
+  const defaultProps$11 = {
     range: false,
     hiddenRange: false,
     hiddenTag: false,
@@ -3386,8 +3482,8 @@
       minDesc,
       maxDesc,
       curValueDesc
-    } = { ...defaultProps$$, ...props };
-    let { min, max, step } = { ...defaultProps$$, ...props };
+    } = { ...defaultProps$11, ...props };
+    let { min, max, step } = { ...defaultProps$11, ...props };
     min = Number(min);
     max = Number(max);
     step = Number(step);
@@ -3738,7 +3834,7 @@
       }
     }));
   };
-  Range.defaultProps = defaultProps$$;
+  Range.defaultProps = defaultProps$11;
   Range.displayName = "NutRange";
   const Utils = {
     isLeapYear(y2) {
@@ -3832,7 +3928,7 @@
     };
   }
   var requestAniFrame$1 = requestAniFrame();
-  const defaultProps$_ = {
+  const defaultProps$10 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -3861,7 +3957,7 @@
       onChoose,
       onUpdate,
       onClose
-    } = { ...defaultProps$_, ...props };
+    } = { ...defaultProps$10, ...props };
     const weeks = locale.calendaritem.weekdays;
     const [yearMonthTitle, setYearMonthTitle] = React.useState("");
     const [unLoadPrev, setUnLoadPrev] = React.useState(false);
@@ -4285,9 +4381,9 @@
       onClick: confirm
     }, locale.confirm)) : ""));
   };
-  CalendarItem.defaultProps = defaultProps$_;
+  CalendarItem.defaultProps = defaultProps$10;
   CalendarItem.displayName = "NutCalendarItem";
-  const defaultProps$Z = {
+  const defaultProps$$ = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -4315,7 +4411,7 @@
       endDate,
       onClose,
       onChoose
-    } = { ...defaultProps$Z, ...props };
+    } = { ...defaultProps$$, ...props };
     const close = () => {
       onClose && onClose();
     };
@@ -4361,9 +4457,9 @@
       onChoose: choose
     }));
   };
-  Calendar.defaultProps = defaultProps$Z;
+  Calendar.defaultProps = defaultProps$$;
   Calendar.displayName = "NutCalendar";
-  const defaultProps$Y = {
+  const defaultProps$_ = {
     disabled: false,
     checkedValue: [],
     max: void 0,
@@ -4373,7 +4469,7 @@
   };
   const CheckboxGroup = React__default["default"].forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$Y, ...props };
+      const { children } = { ...defaultProps$_, ...props };
       const b2 = cn("checkboxgroup");
       const {
         className,
@@ -4480,9 +4576,9 @@
       }, (options == null ? void 0 : options.length) ? renderOptionsChildren() : cloneChildren());
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$Y;
+  CheckboxGroup.defaultProps = defaultProps$_;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$X = {
+  const defaultProps$Z = {
     ...ComponentDefaults,
     checked: false,
     disabled: false,
@@ -4498,7 +4594,7 @@
   };
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$X,
+      ...defaultProps$Z,
       ...props
     };
     const b2 = cn("checkbox");
@@ -4580,7 +4676,7 @@
       onClick: handleClick2
     }, renderIcon(), renderLabel());
   };
-  Checkbox.defaultProps = defaultProps$X;
+  Checkbox.defaultProps = defaultProps$Z;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const InternalPickerSlot = (props, ref) => {
@@ -5027,7 +5123,7 @@
   };
   const Picker = React__default["default"].forwardRef(InternalPicker);
   const currentYear = new Date().getFullYear();
-  const defaultProps$W = {
+  const defaultProps$Y = {
     modelValue: null,
     visible: false,
     title: "",
@@ -5058,7 +5154,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$W,
+      ...defaultProps$Y,
       ...props
     };
     const [show, setShow] = React.useState(false);
@@ -5323,9 +5419,9 @@
       ref: pickerRef
     }));
   };
-  DatePicker.defaultProps = defaultProps$W;
+  DatePicker.defaultProps = defaultProps$Y;
   DatePicker.displayName = "NutDatePicker";
-  const defaultProps$V = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     disabled: false,
     buttonSize: "",
@@ -5372,7 +5468,7 @@
       iconFontClassName,
       ...restProps
     } = {
-      ...defaultProps$V,
+      ...defaultProps$X,
       ...props
     };
     const [inputValue, setInputValue] = React.useState(modelValue);
@@ -5508,7 +5604,7 @@
       onClick: addNumber
     }));
   };
-  InputNumber.defaultProps = defaultProps$V;
+  InputNumber.defaultProps = defaultProps$X;
   InputNumber.displayName = "NutInputNumber";
   function trimExtraChar(value, char, regExp) {
     const index = value.indexOf(char);
@@ -5534,7 +5630,7 @@
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$U = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     type: "text",
     name: "",
@@ -5631,7 +5727,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$U,
+      ...defaultProps$W,
       ...props
     };
     locale.placeholder = placeholder || locale.placeholder;
@@ -5862,14 +5958,14 @@
       }
     }, errorMessage) : null)));
   });
-  Input.defaultProps = defaultProps$U;
+  Input.defaultProps = defaultProps$W;
   Input.displayName = "NutInput";
   const radioContext = {
     onChange: (val) => {
     }
   };
   var RadioContext = React__default["default"].createContext(radioContext);
-  const defaultProps$T = {
+  const defaultProps$V = {
     value: null,
     textPosition: "right",
     onChange: (value) => {
@@ -5879,7 +5975,7 @@
   };
   const RadioGroup = React__default["default"].forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$T, ...props };
+      const { children } = { ...defaultProps$V, ...props };
       cn("RadioGroup");
       const {
         className,
@@ -5944,9 +6040,9 @@
       }, (options == null ? void 0 : options.length) ? renderOptionsChildren() : cloneChildren()));
     }
   );
-  RadioGroup.defaultProps = defaultProps$T;
+  RadioGroup.defaultProps = defaultProps$V;
   RadioGroup.displayName = "NutRadioGroup";
-  const defaultProps$S = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     disabled: false,
     checked: false,
@@ -5961,7 +6057,7 @@
   };
   const Radio$1 = (props) => {
     const { children } = {
-      ...defaultProps$S,
+      ...defaultProps$U,
       ...props
     };
     const {
@@ -6041,11 +6137,11 @@
       ...rest
     }, renderRadioItem());
   };
-  Radio$1.defaultProps = defaultProps$S;
+  Radio$1.defaultProps = defaultProps$U;
   Radio$1.displayName = "NutRadio";
   Radio$1.RadioGroup = RadioGroup;
   var Radio = Radio$1;
-  const defaultProps$R = {
+  const defaultProps$T = {
     ...ComponentDefaults,
     count: 5,
     modelValue: 0,
@@ -6080,7 +6176,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$R,
+      ...defaultProps$T,
       ...props
     };
     const b2 = cn("rate");
@@ -6147,9 +6243,9 @@
       }));
     }));
   };
-  Rate.defaultProps = defaultProps$R;
+  Rate.defaultProps = defaultProps$T;
   Rate.displayName = "NutRate";
-  const defaultProps$Q = {
+  const defaultProps$S = {
     ...ComponentDefaults,
     title: "",
     desc: "",
@@ -6317,9 +6413,9 @@
       onClick: () => sure()
     }, locale.confirm)) : null)));
   };
-  ShortPassword.defaultProps = defaultProps$Q;
+  ShortPassword.defaultProps = defaultProps$S;
   ShortPassword.displayName = "NutShortPassword";
-  const defaultProps$P = {
+  const defaultProps$R = {
     defaultValue: "",
     textAlign: "left",
     limitshow: false,
@@ -6347,7 +6443,7 @@
       onChange,
       onBlur,
       onFocus
-    } = { ...defaultProps$P, ...props };
+    } = { ...defaultProps$R, ...props };
     const textareaBem = cn("textarea");
     const [inputValue, SetInputValue] = React.useState("");
     React.useEffect(() => {
@@ -6412,9 +6508,9 @@
       className: textareaBem("limit")
     }, [...inputValue].length, "/", maxlength < 0 ? 0 : maxlength) : null);
   };
-  TextArea.defaultProps = defaultProps$P;
+  TextArea.defaultProps = defaultProps$R;
   TextArea.displayName = "NutTextArea";
-  const defaultProps$O = {
+  const defaultProps$Q = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -6462,7 +6558,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$O,
+      ...defaultProps$Q,
       ...props
     };
     const b2 = cn("progress");
@@ -6540,7 +6636,7 @@
       color: iconColor
     })));
   };
-  Progress.defaultProps = defaultProps$O;
+  Progress.defaultProps = defaultProps$Q;
   Progress.displayName = "NutProgress";
   class UploadOptions {
     constructor() {
@@ -6638,7 +6734,7 @@
       }
     }
   }
-  const defaultProps$N = {
+  const defaultProps$P = {
     ...ComponentDefaults,
     url: "",
     maximum: 9,
@@ -6710,7 +6806,7 @@
       onBeforeXhrUpload,
       onBeforeDelete,
       ...restProps
-    } = { ...defaultProps$N, ...props };
+    } = { ...defaultProps$P, ...props };
     const [fileList, setFileList] = React.useState([]);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
@@ -6998,9 +7094,9 @@
     })));
   };
   const Uploader = React__default["default"].forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$N;
+  Uploader.defaultProps = defaultProps$P;
   Uploader.displayName = "NutUploader";
-  const defaultProps$M = {
+  const defaultProps$O = {
     data: {
       text: "",
       value: "",
@@ -7009,13 +7105,14 @@
       loading: false,
       children: []
     },
+    activeColor: "#fa2c19",
     checked: false,
     chooseItem: () => {
     }
   };
   const InternalCascaderItem = (props) => {
-    const { data, checked, chooseItem } = {
-      ...defaultProps$M,
+    const { data, checked, chooseItem, activeColor } = {
+      ...defaultProps$O,
       ...props
     };
     const b2 = cn("cascader-item");
@@ -7035,6 +7132,7 @@
     const initData = () => {
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
+      style: { color: checked ? activeColor : "" },
       className: classes,
       onClick: () => {
         chooseItem(data);
@@ -7051,7 +7149,7 @@
     }));
   };
   const CascaderItem = React__default["default"].forwardRef(InternalCascaderItem);
-  CascaderItem.defaultProps = defaultProps$M;
+  CascaderItem.defaultProps = defaultProps$O;
   CascaderItem.displayName = "NutCascaderItem";
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -7185,9 +7283,11 @@
       return pathNodes;
     }
   }
-  const defaultProps$L = {
+  const defaultProps$N = {
     className: "",
     style: {},
+    activeColor: "#fa2c19",
+    tabsColor: "",
     poppable: true,
     visible: false,
     options: [],
@@ -7215,6 +7315,7 @@
     const {
       className,
       style,
+      tabsColor,
       poppable,
       visible,
       options,
@@ -7232,7 +7333,7 @@
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$L, ...props };
+    } = { ...defaultProps$N, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optiosData, setOptiosData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -7456,7 +7557,8 @@
             }, /* @__PURE__ */ React__default["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) && "\u8BF7\u9009\u62E9", !(!state.initLoading && state.panes.length) && "Loading..."), /* @__PURE__ */ React__default["default"].createElement("span", {
-              className: "nut-tabs__titles-item__line"
+              className: "nut-tabs__titles-item__line",
+              style: { background: tabsColor }
             }));
           });
         }
@@ -7491,9 +7593,9 @@
     }, renderItem()) : renderItem());
   };
   const Cascader = React__default["default"].forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$L;
+  Cascader.defaultProps = defaultProps$N;
   Cascader.displayName = "NutCascader";
-  const defaultProps$K = {
+  const defaultProps$M = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
@@ -7544,7 +7646,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$K,
+      ...defaultProps$M,
       ...props
     };
     const alignClass = `${align}`;
@@ -7698,9 +7800,9 @@
       className: "nut-searchbar__input-box"
     }, renderField()), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
   };
-  SearchBar.defaultProps = defaultProps$K;
+  SearchBar.defaultProps = defaultProps$M;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$J = {
+  const defaultProps$L = {
     confirmText: "",
     title: "",
     visible: false,
@@ -7898,17 +8000,17 @@
       })
     }, confirmText || locale.done))) : null))));
   };
-  NumberKeyboard.defaultProps = defaultProps$J;
+  NumberKeyboard.defaultProps = defaultProps$L;
   NumberKeyboard.displayName = "NutNumberKeyboard";
-  const defaultProps$I = {};
+  const defaultProps$K = {};
   const Form = (props) => {
     useConfig();
-    ({ ...defaultProps$I, ...props });
+    ({ ...defaultProps$K, ...props });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-form"
     }, "Form");
   };
-  Form.defaultProps = defaultProps$I;
+  Form.defaultProps = defaultProps$K;
   Form.displayName = "NutForm";
   const FormItemContext = React.createContext({});
   function isAbsolute(pathname) {
@@ -9040,7 +9142,7 @@
   function useHistory() {
     return useContext(historyContext);
   }
-  const defaultProps$H = {
+  const defaultProps$J = {
     ...ComponentDefaults,
     title: null,
     subTitle: null,
@@ -9086,7 +9188,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$H,
+      ...defaultProps$J,
       ...props
     };
     const b2 = cn("cell");
@@ -9140,9 +9242,9 @@
       className: b2("link")
     }) : linkSlot));
   };
-  Cell.defaultProps = defaultProps$H;
+  Cell.defaultProps = defaultProps$J;
   Cell.displayName = "NutCell";
-  const defaultProps$G = {
+  const defaultProps$I = {
     ...ComponentDefaults,
     name: "",
     label: "",
@@ -9189,7 +9291,7 @@
           showErrorLine,
           showErrorMessage
         } = {
-          ...defaultProps$G,
+          ...defaultProps$I,
           ...this.props
         };
         const item = ((_a = this.context.errList) == null ? void 0 : _a.length) > 0 && ((_b = this.context.errList) == null ? void 0 : _b.filter((item2) => {
@@ -9238,9 +9340,9 @@
       return this.renderLayout(returnChildNode);
     }
   }
-  FormItem.defaultProps = defaultProps$G;
+  FormItem.defaultProps = defaultProps$I;
   FormItem.contextType = FormItemContext;
-  const defaultProps$F = {
+  const defaultProps$H = {
     cancelTxt: "",
     optionTag: "name",
     optionSubTag: "subname",
@@ -9274,7 +9376,7 @@
       className,
       style,
       ...rest
-    } = { ...defaultProps$F, ...props };
+    } = { ...defaultProps$H, ...props };
     const b2 = cn("actionsheet");
     const isHighlight = (item) => {
       return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
@@ -9318,9 +9420,9 @@
       onClick: () => cancelActionSheet()
     }, cancelTxt)));
   };
-  ActionSheet.defaultProps = defaultProps$F;
+  ActionSheet.defaultProps = defaultProps$H;
   ActionSheet.displayName = "NutActionSheet";
-  const defaultProps$E = {
+  const defaultProps$G = {
     ...ComponentDefaults,
     bottom: 20,
     right: 10,
@@ -9346,7 +9448,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$E,
+      ...defaultProps$G,
       ...props
     };
     const [backTop, SetBackTop] = React.useState(false);
@@ -9380,9 +9482,9 @@
       name: "top"
     })));
   };
-  BackTop.defaultProps = defaultProps$E;
+  BackTop.defaultProps = defaultProps$G;
   BackTop.displayName = "NutBackTop";
-  const defaultProps$D = {
+  const defaultProps$F = {
     attract: false,
     direction: void 0,
     boundary: {
@@ -9395,7 +9497,7 @@
   };
   const Drag = (props) => {
     const { attract, direction, boundary, children, className, style, ...reset } = {
-      ...defaultProps$D,
+      ...defaultProps$F,
       ...props
     };
     const b2 = cn("drag");
@@ -9487,7 +9589,7 @@
       style: currstyle
     }, children));
   };
-  Drag.defaultProps = defaultProps$D;
+  Drag.defaultProps = defaultProps$F;
   Drag.displayName = "NutDrag";
   const Content = (props) => {
     const {
@@ -9586,7 +9688,7 @@
     }));
   };
   DialogWrapper.displayName = "NutDialogWrapper";
-  const defaultProps$C = {
+  const defaultProps$E = {
     okText: "",
     cancelText: "",
     mask: true,
@@ -9665,9 +9767,9 @@
     });
   };
   const Dialog = React.forwardRef(BaseDialog);
-  Dialog.defaultProps = defaultProps$C;
+  Dialog.defaultProps = defaultProps$E;
   Dialog.displayName = "NutDialog";
-  const defaultProps$B = {
+  const defaultProps$D = {
     ...ComponentDefaults,
     hasMore: true,
     upperThreshold: 40,
@@ -9699,7 +9801,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$B,
+      ...defaultProps$D,
       ...props
     };
     const [isInfiniting, setIsInfiniting] = React.useState(false);
@@ -9835,9 +9937,9 @@
       className: "tips"
     }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
   };
-  Infiniteloading.defaultProps = defaultProps$B;
+  Infiniteloading.defaultProps = defaultProps$D;
   Infiniteloading.displayName = "NutInfiniteloading";
-  const defaultProps$A = {
+  const defaultProps$C = {
     id: "",
     msg: "",
     color: "",
@@ -9870,7 +9972,7 @@
       onClosed,
       onClick,
       ...rest
-    } = { ...defaultProps$A, ...props };
+    } = { ...defaultProps$C, ...props };
     let timer;
     const [showNotify, SetShow] = React.useState(false);
     React.useEffect(() => {
@@ -9931,9 +10033,9 @@
       onClick: clickHandle
     }, children || msg)));
   };
-  Notify.defaultProps = defaultProps$A;
+  Notify.defaultProps = defaultProps$C;
   Notify.displayName = "NutNotify";
-  const defaultProps$z = {
+  const defaultProps$B = {
     isAsync: false,
     checked: false,
     disable: false,
@@ -9956,7 +10058,7 @@
       className,
       style
     } = {
-      ...defaultProps$z,
+      ...defaultProps$B,
       ...props
     };
     const [value, setValue] = React.useState(false);
@@ -9996,7 +10098,7 @@
       className: `${b2("label")} close`
     }, inactiveText))));
   };
-  Switch.defaultProps = defaultProps$z;
+  Switch.defaultProps = defaultProps$B;
   Switch.displayName = "NutSwitch";
   function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -10006,7 +10108,7 @@
       event.stopPropagation();
     }
   }
-  const defaultProps$y = {
+  const defaultProps$A = {
     name: "",
     leftWidth: 0,
     rightWidth: 0
@@ -10014,7 +10116,7 @@
   const Swipe = React.forwardRef((props, instanceRef) => {
     const swipeBem = cn("swipe");
     const touch = useTouch();
-    const { children, className, style } = { ...defaultProps$y, ...props };
+    const { children, className, style } = { ...defaultProps$A, ...props };
     const root = React.useRef();
     const opened = React.useRef(false);
     const lockClick = React.useRef(false);
@@ -10167,7 +10269,7 @@
       style: wrapperStyle
     }, renderActionContent("left"), children, renderActionContent("right")));
   });
-  Swipe.defaultProps = defaultProps$y;
+  Swipe.defaultProps = defaultProps$A;
   Swipe.displayName = "NutSwipe";
   function clamp(v2, min, max) {
     return Math.max(min, Math.min(v2, max));
@@ -14694,7 +14796,7 @@
       console.log(e2);
     }
   }
-  const defaultProps$x = {
+  const defaultProps$z = {
     pullingText: "",
     canReleaseText: "",
     refreshingText: "",
@@ -14709,7 +14811,7 @@
   const PullToRefresh = (p2) => {
     const { locale } = useConfig$1();
     const props = {
-      ...defaultProps$x,
+      ...defaultProps$z,
       ...p2,
       ...{
         pullingText: p2.pullingText || locale.pullToRefresh.pullingText,
@@ -14847,10 +14949,10 @@
       className: "nut-pulltorefresh-content"
     }, props.children));
   };
-  PullToRefresh.defaultProps = defaultProps$x;
+  PullToRefresh.defaultProps = defaultProps$z;
   PullToRefresh.displayName = "NutPullToRefresh";
   const isObject = (val) => val !== null && typeof val === "object";
-  const defaultProps$w = {
+  const defaultProps$y = {
     strokeWidth: 5,
     radius: 50,
     strokeLinecap: "round",
@@ -14872,7 +14974,7 @@
       strokeLinecap,
       ...restProps
     } = {
-      ...defaultProps$w,
+      ...defaultProps$y,
       ...props
     };
     const [oldValue, setOldValue] = React.useState(progress);
@@ -14983,9 +15085,9 @@
       className: "nut-circleprogress-text"
     }, children || /* @__PURE__ */ React__default["default"].createElement("div", null, progress, "%")));
   };
-  CircleProgress.defaultProps = defaultProps$w;
+  CircleProgress.defaultProps = defaultProps$y;
   CircleProgress.displayName = "NutCircleProgress";
-  const defaultProps$v = {
+  const defaultProps$x = {
     ...ComponentDefaults,
     direction: "across",
     list: [],
@@ -15029,7 +15131,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$v,
+      ...defaultProps$x,
       ...props
     };
     const wrap = React.useRef(null);
@@ -15278,16 +15380,16 @@
       size: "11px"
     }) : null))) : null);
   };
-  NoticeBar.defaultProps = defaultProps$v;
+  NoticeBar.defaultProps = defaultProps$x;
   NoticeBar.displayName = "NutNoticeBar";
   const DataContext$1 = React.createContext({});
-  const defaultProps$u = {
+  const defaultProps$w = {
     current: 0,
     direction: "horizontal",
     progressDot: false
   };
   const Steps = (props) => {
-    const propSteps = { ...defaultProps$u, ...props };
+    const propSteps = { ...defaultProps$w, ...props };
     const {
       children,
       current,
@@ -15321,9 +15423,9 @@
       children
     ));
   };
-  Steps.defaultProps = defaultProps$u;
+  Steps.defaultProps = defaultProps$w;
   Steps.displayName = "NutSteps";
-  const defaultProps$t = {
+  const defaultProps$v = {
     ...ComponentDefaults,
     title: "",
     content: "",
@@ -15347,7 +15449,7 @@
       iconFontClassName,
       ...restProps
     } = {
-      ...defaultProps$t,
+      ...defaultProps$v,
       ...props
     };
     const parent = React.useContext(DataContext$1);
@@ -15409,10 +15511,10 @@
       className: "nut-step-content"
     }, renderContent())));
   };
-  Step.defaultProps = defaultProps$t;
+  Step.defaultProps = defaultProps$v;
   Step.displayName = "NutStep";
   const DataContext = React.createContext({});
-  const defaultProps$s = {
+  const defaultProps$u = {
     width: typeof window === "object" ? window.innerWidth : 375,
     height: 0,
     duration: 500,
@@ -15430,7 +15532,7 @@
   };
   const DISTANCE = 5;
   const Swiper = React__default["default"].forwardRef((props, ref) => {
-    const propSwiper = { ...defaultProps$s, ...props };
+    const propSwiper = { ...defaultProps$u, ...props };
     const {
       children,
       direction,
@@ -15851,13 +15953,13 @@
       });
     })) : /* @__PURE__ */ React__default["default"].createElement("div", null, pageContent)));
   });
-  Swiper.defaultProps = defaultProps$s;
+  Swiper.defaultProps = defaultProps$u;
   Swiper.displayName = "NutSwiper";
-  const defaultProps$r = {
+  const defaultProps$t = {
     direction: "horizontal"
   };
   const SwiperItem = React__default["default"].forwardRef((props, ref) => {
-    const _props = { ...defaultProps$r, ...props };
+    const _props = { ...defaultProps$t, ...props };
     const { className, style, children, direction, size } = _props;
     const parent = React.useContext(DataContext);
     const b2 = cn("swiper-item");
@@ -15876,10 +15978,10 @@
       style: { ...style, ...getStyle() }
     }, children);
   });
-  SwiperItem.defaultProps = defaultProps$r;
+  SwiperItem.defaultProps = defaultProps$t;
   SwiperItem.displayName = "NutSwiperItem";
   const AvatarContext = React.createContext({});
-  const defaultProps$q = {
+  const defaultProps$s = {
     ...ComponentDefaults,
     size: "",
     icon: "",
@@ -15910,7 +16012,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$q,
+      ...defaultProps$s,
       ...props
     };
     const [maxSum, setMaxSum] = React.useState(0);
@@ -15997,9 +16099,9 @@
       className: "text"
     }, ((_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent) ? (_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.maxContent : `+ ${avatarIndex - ((_o = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _o.maxCount)}`)));
   };
-  Avatar.defaultProps = defaultProps$q;
+  Avatar.defaultProps = defaultProps$s;
   Avatar.displayName = "NutAvatar";
-  const defaultProps$p = {
+  const defaultProps$r = {
     maxContent: "",
     maxCount: "",
     maxBgColor: "#eee",
@@ -16011,7 +16113,7 @@
   };
   const AvatarGroup = (props) => {
     useConfig();
-    const propAvatarGroup = { ...defaultProps$p, ...props };
+    const propAvatarGroup = { ...defaultProps$r, ...props };
     const { className, style, children } = propAvatarGroup;
     const avatarGroupRef = React.useRef(null);
     const b2 = cn("avatar-group");
@@ -16028,9 +16130,9 @@
       ref: avatarGroupRef
     }, children));
   };
-  AvatarGroup.defaultProps = defaultProps$p;
+  AvatarGroup.defaultProps = defaultProps$r;
   AvatarGroup.displayName = "NutAvatarGroup";
-  const defaultProps$o = {
+  const defaultProps$q = {
     price: 0,
     needSymbol: true,
     symbol: "&yen;",
@@ -16052,7 +16154,7 @@
       className,
       ...rest
     } = {
-      ...defaultProps$o,
+      ...defaultProps$q,
       ...props
     };
     const b2 = cn("price");
@@ -16117,9 +16219,9 @@
       className: `${b2("decimal")} ${b2(`decimal-${size}`)}`
     }, formatDecimal(price)), needSymbol && position === "after" ? renderSymbol() : null);
   };
-  Price.defaultProps = defaultProps$o;
+  Price.defaultProps = defaultProps$q;
   Price.displayName = "NutPrice";
-  const defaultProps$n = {
+  const defaultProps$p = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -16144,7 +16246,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$n,
+      ...defaultProps$p,
       ...props
     };
     function content() {
@@ -16182,9 +16284,9 @@
       style: getStyle()
     }, content()));
   };
-  Badge.defaultProps = defaultProps$n;
+  Badge.defaultProps = defaultProps$p;
   Badge.displayName = "NutBadge";
-  const defaultProps$m = {
+  const defaultProps$o = {
     ...ComponentDefaults,
     type: "default",
     color: "",
@@ -16217,7 +16319,7 @@
       iconClassPrefix,
       iconFontClassName
     } = {
-      ...defaultProps$m,
+      ...defaultProps$o,
       ...props
     };
     const [btnName, setBtnName] = React.useState("");
@@ -16291,7 +16393,7 @@
       className: "text"
     }, children)));
   };
-  Tag.defaultProps = defaultProps$m;
+  Tag.defaultProps = defaultProps$o;
   Tag.displayName = "NutTag";
   function fillRef(ref, node) {
     if (typeof ref === "function") {
@@ -16335,7 +16437,7 @@
       return trigger;
     }
   }
-  const defaultProps$l = {
+  const defaultProps$n = {
     ...ComponentDefaults,
     list: [],
     theme: "light",
@@ -16364,7 +16466,7 @@
       iconFontClassName,
       ...reset
     } = {
-      ...defaultProps$l,
+      ...defaultProps$n,
       ...props
     };
     const goodItem = React.useRef(null);
@@ -16459,9 +16561,9 @@
       style: { background: "transparent" }
     }) : "");
   };
-  Popover.defaultProps = defaultProps$l;
+  Popover.defaultProps = defaultProps$n;
   Popover.displayName = "NutPopover";
-  const defaultProps$k = {
+  const defaultProps$m = {
     width: "100px",
     height: "100px",
     row: 1,
@@ -16489,7 +16591,7 @@
       avatarShape,
       ...restProps
     } = {
-      ...defaultProps$k,
+      ...defaultProps$m,
       ...props
     };
     const b2 = cn("skeleton");
@@ -16544,9 +16646,9 @@
       });
     })))));
   };
-  Skeleton.defaultProps = defaultProps$k;
+  Skeleton.defaultProps = defaultProps$m;
   Skeleton.displayName = "NutSkeleton";
-  const defaultProps$j = {
+  const defaultProps$l = {
     paused: false,
     startTime: Date.now(),
     endTime: Date.now(),
@@ -16573,7 +16675,7 @@
       onUpdate,
       children,
       ...rest
-    } = { ...defaultProps$j, ...props };
+    } = { ...defaultProps$l, ...props };
     const b2 = cn("countdown");
     const [restTimeStamp, setRestTime] = React.useState(0);
     const stateRef = React.useRef({
@@ -16769,9 +16871,9 @@
     }));
   };
   const CountDown = React__default["default"].forwardRef(InternalCountDown);
-  CountDown.defaultProps = defaultProps$j;
+  CountDown.defaultProps = defaultProps$l;
   CountDown.displayName = "NutCountDown";
-  const defaultProps$i = {
+  const defaultProps$k = {
     activeName: ["0"],
     accordion: false,
     icon: "",
@@ -16796,7 +16898,7 @@
         iconColor,
         onChange
       } = {
-        ...defaultProps$i,
+        ...defaultProps$k,
         ...props
       };
       const childrenDom = React__default["default"].Children.toArray(children);
@@ -16854,9 +16956,9 @@
     },
     areEqual
   );
-  Collapse.defaultProps = defaultProps$i;
+  Collapse.defaultProps = defaultProps$k;
   Collapse.displayName = "NutCollapse";
-  const defaultProps$h = {
+  const defaultProps$j = {
     ...ComponentDefaults,
     title: "",
     name: "",
@@ -16895,7 +16997,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$h,
+      ...defaultProps$j,
       ...props
     };
     const [domHeight, setDomHeight] = React.useState(-1);
@@ -16975,9 +17077,9 @@
       className: colBem("content-text")
     }, children)));
   };
-  CollapseItem.defaultProps = defaultProps$h;
+  CollapseItem.defaultProps = defaultProps$j;
   CollapseItem.displayName = "NutCollapseItem";
-  const defaultProps$g = {
+  const defaultProps$i = {
     maxLen: 0,
     endNumber: "",
     delaySpeed: 300,
@@ -16995,7 +17097,7 @@
       thousands,
       ...reset
     } = {
-      ...defaultProps$g,
+      ...defaultProps$i,
       ...props
     };
     const b2 = cn("countup");
@@ -17072,9 +17174,9 @@
       }, item));
     })));
   };
-  CountUp.defaultProps = defaultProps$g;
+  CountUp.defaultProps = defaultProps$i;
   CountUp.displayName = "NutCountUp";
-  const defaultProps$f = {};
+  const defaultProps$h = {};
   class AnimatingNumbers extends React.Component {
     constructor(props) {
       super(props);
@@ -17086,7 +17188,7 @@
       });
     }
   }
-  AnimatingNumbers.defaultProps = defaultProps$f;
+  AnimatingNumbers.defaultProps = defaultProps$h;
   AnimatingNumbers.displayName = "NutAnimatingNumbers";
   AnimatingNumbers.CountUp = CountUp;
   const defaultStatus = {
@@ -17094,7 +17196,7 @@
     error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
     network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
   };
-  const defaultProps$e = {
+  const defaultProps$g = {
     description: "\u65E0\u5185\u5BB9",
     image: "empty",
     imageSize: "",
@@ -17102,9 +17204,9 @@
   };
   const Empty = (props) => {
     const { locale } = useConfig$1();
-    defaultProps$e.description = locale.noData || defaultProps$e.description;
+    defaultProps$g.description = locale.noData || defaultProps$g.description;
     const { image, imageSize, description, children, className, ...rest } = {
-      ...defaultProps$e,
+      ...defaultProps$g,
       ...props
     };
     const [imgStyle, setImgStyle] = React.useState({});
@@ -17146,7 +17248,7 @@
       className: b2("description")
     }, description) : { description }, children));
   };
-  Empty.defaultProps = defaultProps$e;
+  Empty.defaultProps = defaultProps$g;
   Empty.displayName = "NutEmpty";
   const initPositinoCache = (reaItemSize, length = 0) => {
     let index = 0;
@@ -17259,7 +17361,7 @@
       }
     });
   };
-  const defaultProps$d = {};
+  const defaultProps$f = {};
   const VirtualList = (props) => {
     const {
       sourceData = [],
@@ -17423,9 +17525,9 @@
       }) : data);
     }))));
   };
-  VirtualList.defaultProps = defaultProps$d;
+  VirtualList.defaultProps = defaultProps$f;
   VirtualList.displayName = "NutVirtualList";
-  const defaultProps$c = {
+  const defaultProps$e = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -17437,7 +17539,7 @@
   };
   const Table = (props) => {
     const { locale } = useConfig$1();
-    defaultProps$c.noData = locale.noData;
+    defaultProps$e.noData = locale.noData;
     const {
       children,
       className,
@@ -17453,7 +17555,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$c,
+      ...defaultProps$e,
       ...props
     };
     const [curData, setCurData] = React.useState(data);
@@ -17551,9 +17653,9 @@
       className: "nut-table__nodata__text"
     }, noData))));
   };
-  Table.defaultProps = defaultProps$c;
+  Table.defaultProps = defaultProps$e;
   Table.displayName = "NutTable";
-  const defaultProps$b = {
+  const defaultProps$d = {
     source: {
       type: {},
       src: ""
@@ -17581,7 +17683,7 @@
       onPlayend,
       ...restProps
     } = {
-      ...defaultProps$b,
+      ...defaultProps$d,
       ...props
     };
     const rootRef = React.useRef(null);
@@ -17638,11 +17740,11 @@
       kind: "captions"
     })));
   };
-  Video.defaultProps = defaultProps$b;
+  Video.defaultProps = defaultProps$d;
   Video.displayName = "NutVideo";
   const b = cn("audio");
   const warn = console.warn;
-  const defaultProps$a = {
+  const defaultProps$c = {
     ...ComponentDefaults,
     className: "",
     url: "",
@@ -17683,7 +17785,7 @@
       iconFontClassName,
       ...rest
     } = {
-      ...defaultProps$a,
+      ...defaultProps$c,
       ...props
     };
     const [playing, setPlaying] = React.useState(false);
@@ -17847,9 +17949,9 @@
       ...rest
     }, renderAudio());
   };
-  Audio.defaultProps = defaultProps$a;
+  Audio.defaultProps = defaultProps$c;
   Audio.displayName = "NutAudio";
-  const defaultProps$9 = {
+  const defaultProps$b = {
     images: [],
     videos: [],
     show: false,
@@ -18032,8 +18134,215 @@
       className: "nut-imagepreview-index"
     }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)));
   };
-  ImagePreview.defaultProps = defaultProps$9;
+  ImagePreview.defaultProps = defaultProps$b;
   ImagePreview.displayName = "NutImagePreview";
+  const defaultProps$a = {
+    rate: 0,
+    digits: 2,
+    showSign: false,
+    showZero: false,
+    arrowLeft: false,
+    syncTextColor: true,
+    textColor: "#333",
+    riseColor: "#fa2c19",
+    dropColor: "#64b578",
+    iconSize: "12px",
+    upIconName: "triangle-up",
+    downIconName: "triangle-down",
+    className: ""
+  };
+  const TrendArrow = (props) => {
+    const {
+      rate,
+      digits,
+      showSign,
+      showZero,
+      arrowLeft,
+      syncTextColor,
+      textColor,
+      riseColor,
+      dropColor,
+      iconSize,
+      upIconName,
+      downIconName,
+      className,
+      children,
+      ...rest
+    } = { ...defaultProps$a, ...props };
+    const b2 = cn("trendarrow");
+    const handleClick2 = () => {
+    };
+    const rateTrend = React.useRef(rate > 0);
+    const myFixed = (num, digit = 2) => {
+      if (Object.is(parseFloat(num), NaN)) {
+        return console.log(`\u4F20\u5165\u7684\u503C\uFF1A${num}\u4E0D\u662F\u4E00\u4E2A\u6570\u5B57`);
+      }
+      num = parseFloat(num);
+      const numPow = Math.pow(10, digit);
+      return (Math.round((num + Number.EPSILON) * numPow) / numPow).toFixed(digit);
+    };
+    const calcStyle = (() => {
+      const arrowColor = rateTrend.current ? riseColor : dropColor;
+      const textEquArrowColor = syncTextColor ? arrowColor : textColor;
+      const style = {
+        color: rate === 0 ? textColor : textEquArrowColor
+      };
+      return style;
+    })();
+    const calcRate = (() => {
+      rateTrend.current = rate > 0;
+      const absRate = Math.abs(rate);
+      if (!showZero && rate === 0) {
+        return "--";
+      }
+      const resultRate = `${showSign && rate !== 0 ? rateTrend.current ? "+" : "-" : ""}${myFixed(Number(absRate), digits)}%`;
+      return resultRate;
+    })();
+    const calcIconProps = (() => {
+      const iconProps = {
+        name: rateTrend.current ? upIconName : downIconName,
+        color: rateTrend.current ? riseColor : dropColor,
+        size: iconSize
+      };
+      return iconProps;
+    })();
+    const renderContent = (arrowLeft2) => {
+      const classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
+      return /* @__PURE__ */ React__default["default"].createElement("span", {
+        className: `${b2(classNameSuffix)} ${b2("rate")}`,
+        style: calcStyle
+      }, calcRate);
+    };
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: `${b2()} ${className}`,
+      ...rest,
+      onClick: handleClick2
+    }, !arrowLeft && renderContent(!arrowLeft), children || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, Number(rate) !== 0 && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      size: calcIconProps.size,
+      name: calcIconProps.name,
+      color: calcIconProps.color
+    })), arrowLeft && renderContent(!arrowLeft));
+  };
+  TrendArrow.defaultProps = defaultProps$a;
+  TrendArrow.displayName = "NutTrendArrow";
+  const defaultProps$9 = {
+    content: "",
+    fullPage: true,
+    zIndex: 2e3,
+    gapX: 24,
+    gapY: 48,
+    width: 120,
+    height: 64,
+    image: "",
+    imageWidth: 120,
+    imageHeight: 64,
+    rotate: -22,
+    fontColor: "rgba(0,0,0,.15)",
+    fontStyle: "normal",
+    fontFamily: "PingFang SC",
+    fontWeight: "normal",
+    fontSize: 14
+  };
+  const WaterMark = (props) => {
+    const { locale } = useConfig();
+    const {
+      content,
+      fullPage,
+      zIndex,
+      className,
+      gapX,
+      gapY,
+      width,
+      height,
+      image,
+      imageWidth,
+      imageHeight,
+      rotate,
+      fontColor,
+      fontStyle,
+      fontFamily,
+      fontWeight,
+      fontSize,
+      style,
+      children
+    } = {
+      ...defaultProps$9,
+      ...props
+    };
+    const [base64Url, setBase64Url] = React.useState("");
+    const b2 = cn("watermark");
+    const classes = classNames({
+      [`${b2("")}`]: true,
+      [`${b2("")}-full-page`]: fullPage
+    });
+    const cls = classNames(classes, className);
+    React.useEffect(() => {
+      init();
+    }, []);
+    const init = () => {
+      let ratio = 1;
+      Taro__default["default"].getSystemInfo({
+        success(res) {
+          ratio = res.pixelRatio;
+        }
+      });
+      const canvasWidth = `${(gapX + width) * ratio}px`;
+      const canvasHeight = `${(gapY + height) * ratio}px`;
+      const markWidth = width * ratio;
+      const markHeight = height * ratio;
+      const canvas = Taro__default["default"].createOffscreenCanvas({
+        type: "2d",
+        width: Number(canvasWidth),
+        height: Number(canvasHeight)
+      });
+      const ctx2 = canvas.getContext("2d");
+      if (ctx2) {
+        if (image) {
+          ctx2.translate(markWidth / 2, markHeight / 2);
+          ctx2.rotate(Math.PI / 180 * Number(rotate));
+          const img = canvas.createImage();
+          img.crossOrigin = "anonymous";
+          img.referrerPolicy = "no-referrer";
+          img.src = image;
+          img.onload = () => {
+            ctx2.drawImage(
+              img,
+              -imageWidth * ratio / 2,
+              -imageHeight * ratio / 2,
+              imageWidth * ratio,
+              imageHeight * ratio
+            );
+            ctx2.restore();
+            setBase64Url(canvas.toDataURL());
+          };
+        } else if (content) {
+          ctx2.textBaseline = "middle";
+          ctx2.textAlign = "center";
+          ctx2.translate(markWidth / 2, markHeight / 2);
+          ctx2.rotate(Math.PI / 180 * Number(rotate));
+          const markSize = Number(fontSize) * ratio;
+          ctx2.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
+          ctx2.fillStyle = fontColor;
+          ctx2.fillText(content, 0, 0);
+          ctx2.restore();
+          setBase64Url(canvas.toDataURL());
+        }
+      } else {
+        throw new Error(locale.watermark.errorCanvasTips);
+      }
+    };
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: cls,
+      style: {
+        zIndex,
+        backgroundSize: `${gapX + width}px`,
+        backgroundImage: `url('${base64Url}')`,
+        ...style
+      }
+    });
+  };
+  WaterMark.defaultProps = defaultProps$9;
+  WaterMark.displayName = "NutWaterMark";
   const defaultProps$8 = {
     type: "custom",
     existAddress: [],
@@ -19115,6 +19424,7 @@
   exports2.Grid = Grid;
   exports2.GridItem = GridItem;
   exports2.Icon = Icon$1;
+  exports2.Image = Image;
   exports2.ImagePreview = ImagePreview;
   exports2.Indicator = Indicator;
   exports2.Infiniteloading = Infiniteloading;
@@ -19165,8 +19475,10 @@
   exports2.TimePannel = TimePannel;
   exports2.TimeSelect = TimeSelect;
   exports2.Toast = Toast;
+  exports2.TrendArrow = TrendArrow;
   exports2.Uploader = Uploader;
   exports2.Video = Video;
   exports2.VirtualList = VirtualList;
+  exports2.WaterMark = WaterMark;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });