@nutui/nutui-react 1.3.12 → 1.3.13-beta.0

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.12-beta.0 Wed Nov 23 2022 14:51:03 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.13-beta.0 Wed Nov 30 2022 17:47:10 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -45,7 +45,7 @@ classname_production_min.cn = e$1, classname_production_min.withNaming = r$1;
   classname.exports = classname_production_min;
 }
 const cn = classname.exports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
-const defaultProps$1n = {
+const defaultProps$1q = {
   name: "",
   size: "",
   classPrefix: "nut-icon",
@@ -73,7 +73,7 @@ function Icon$1(props) {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1n,
+    ...defaultProps$1q,
     ...props
   };
   const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -107,13 +107,13 @@ function Icon$1(props) {
     children
   );
 }
-Icon$1.defaultProps = defaultProps$1n;
+Icon$1.defaultProps = defaultProps$1q;
 Icon$1.displayName = "NutIcon";
 const ComponentDefaults = {
   iconClassPrefix: "nut-icon",
   iconFontClassName: "nutui-iconfont"
 };
-const defaultProps$1m = {
+const defaultProps$1p = {
   ...ComponentDefaults,
   className: "",
   color: "",
@@ -149,7 +149,7 @@ const Button = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$1m,
+    ...defaultProps$1p,
     ...props
   };
   const getStyle = useCallback(() => {
@@ -227,7 +227,7 @@ const Button = (props) => {
     className: icon || loading ? "text" : ""
   }, children)));
 };
-Button.defaultProps = defaultProps$1m;
+Button.defaultProps = defaultProps$1p;
 Button.displayName = "NutButton";
 function _setPrototypeOf$1(o, p2) {
   _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p3) {
@@ -1452,7 +1452,7 @@ var useContext = React__default.useContext;
 function useHistory() {
   return useContext(historyContext);
 }
-const defaultProps$1l = {
+const defaultProps$1o = {
   ...ComponentDefaults,
   title: null,
   subTitle: null,
@@ -1498,7 +1498,7 @@ const Cell = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$1l,
+    ...defaultProps$1o,
     ...props
   };
   const b2 = cn("cell");
@@ -1552,9 +1552,9 @@ const Cell = (props) => {
     className: b2("link")
   }) : linkSlot));
 };
-Cell.defaultProps = defaultProps$1l;
+Cell.defaultProps = defaultProps$1o;
 Cell.displayName = "NutCell";
-const defaultProps$1k = {
+const defaultProps$1n = {
   title: "",
   desc: "",
   className: "",
@@ -1563,7 +1563,7 @@ const defaultProps$1k = {
 };
 const CellGroup = (props) => {
   const { children, className, title, desc, titleSlot, descSlot } = {
-    ...defaultProps$1k,
+    ...defaultProps$1n,
     ...props
   };
   const b2 = cn("cell-group");
@@ -1577,7 +1577,7 @@ const CellGroup = (props) => {
     className: b2("wrap")
   }, children));
 };
-CellGroup.defaultProps = defaultProps$1k;
+CellGroup.defaultProps = defaultProps$1n;
 CellGroup.displayName = "NutCellGroup";
 var classnames = { exports: {} };
 /*!
@@ -2130,7 +2130,7 @@ CSSTransition.defaultProps = {
 };
 CSSTransition.propTypes = {};
 var CSSTransition$1 = CSSTransition;
-const defaultProps$1j = {
+const defaultProps$1m = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -2316,7 +2316,7 @@ const Popup = (props) => {
   }, [position]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };
-Popup.defaultProps = defaultProps$1j;
+Popup.defaultProps = defaultProps$1m;
 Popup.displayName = "NutPopup";
 const zhCN = {
   save: "\u4FDD\u5B58",
@@ -2441,9 +2441,12 @@ const zhCN = {
     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$1i = {
+const defaultProps$1l = {
   locale: zhCN
 };
 const defaultConfigRef = {
@@ -2460,7 +2463,7 @@ const useConfig = () => {
 };
 const ConfigContext = createContext$1(null);
 const ConfigProvider = (props) => {
-  const { children, ...config2 } = { ...defaultProps$1i, ...props };
+  const { children, ...config2 } = { ...defaultProps$1l, ...props };
   const parentConfig = useConfig();
   return /* @__PURE__ */ React__default.createElement(ConfigContext.Provider, {
     value: {
@@ -2469,19 +2472,110 @@ const ConfigProvider = (props) => {
     }
   }, children);
 };
-ConfigProvider.defaultProps = defaultProps$1i;
+ConfigProvider.defaultProps = defaultProps$1l;
 ConfigProvider.displayName = "NutConfigProvider";
-const defaultProps$1h = {};
+const defaultProps$1k = {
+  fit: "fill",
+  position: "center",
+  alt: "",
+  width: "center",
+  height: "",
+  round: false,
+  showError: true,
+  showLoading: true
+};
+const Image$1 = (props) => {
+  useConfig();
+  const {
+    children,
+    className,
+    style,
+    src,
+    fit,
+    position,
+    alt,
+    width,
+    height,
+    round,
+    radius,
+    showError,
+    showLoading,
+    slotError,
+    slotLoding,
+    onClick,
+    onLoad,
+    onError
+  } = { ...defaultProps$1k, ...props };
+  const [loading, setLoading] = useState(true);
+  const [isError, setIsError] = useState(false);
+  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.createElement("div", {
+    className: `nut-image ${round ? "nut-image-round" : ""} ${className || ""}`,
+    style: stylebox,
+    onClick: (e2) => {
+      imageClick(e2);
+    }
+  }, /* @__PURE__ */ React__default.createElement("img", {
+    className: "nut-img",
+    style: styles,
+    src,
+    alt,
+    onLoad: load,
+    onError: error
+  }), showLoading && loading ? /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-img-loading"
+  }, slotLoding || children || /* @__PURE__ */ React__default.createElement(Icon$1, {
+    name: "image"
+  })) : null, showError && isError && !loading ? /* @__PURE__ */ React__default.createElement("div", {
+    className: "nut-img-error"
+  }, slotError || children || /* @__PURE__ */ React__default.createElement(Icon$1, {
+    name: "image-error"
+  })) : null);
+};
+Image$1.defaultProps = defaultProps$1k;
+Image$1.displayName = "NutImage";
+const defaultProps$1j = {};
 const Layout = (props) => {
-  ({ ...defaultProps$1h, ...props });
+  ({ ...defaultProps$1j, ...props });
   return /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-layout"
   }, "Layout");
 };
-Layout.defaultProps = defaultProps$1h;
+Layout.defaultProps = defaultProps$1j;
 Layout.displayName = "NutLayout";
 const DataContext$2 = createContext$1({});
-const defaultProps$1g = {
+const defaultProps$1i = {
   span: "24",
   offset: "0",
   gutter: "0"
@@ -2494,7 +2588,7 @@ const Col = (props) => {
     offset,
     children,
     onClick
-  } = { ...defaultProps$1g, ...props };
+  } = { ...defaultProps$1i, ...props };
   const [colName, setColName] = useState("");
   const [colStyle, setColStyle] = useState({});
   const { gutter } = useContext$1(DataContext$2);
@@ -2520,9 +2614,9 @@ const Col = (props) => {
     }
   }, children);
 };
-Col.defaultProps = defaultProps$1g;
+Col.defaultProps = defaultProps$1i;
 Col.displayName = "NutCol";
-const defaultProps$1f = {
+const defaultProps$1h = {
   type: "",
   justify: "start",
   align: "flex-start",
@@ -2541,7 +2635,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1f,
+    ...defaultProps$1h,
     ...props
   };
   const prefixCls = "nut-row";
@@ -2576,9 +2670,9 @@ const Row = (props) => {
     children
   ));
 };
-Row.defaultProps = defaultProps$1f;
+Row.defaultProps = defaultProps$1h;
 Row.displayName = "NutRow";
-const defaultProps$1e = {
+const defaultProps$1g = {
   contentPosition: "center",
   dashed: false,
   hairline: true,
@@ -2595,7 +2689,7 @@ const Divider = (props) => {
     direction,
     ...rest
   } = {
-    ...defaultProps$1e,
+    ...defaultProps$1g,
     ...props
   };
   const dividerBem = cn("divider");
@@ -2616,9 +2710,9 @@ const Divider = (props) => {
     ...rest
   }, children);
 };
-Divider.defaultProps = defaultProps$1e;
+Divider.defaultProps = defaultProps$1g;
 Divider.displayName = "NutDivider";
-const defaultProps$1d = {
+const defaultProps$1f = {
   columnNum: 4,
   border: true,
   gutter: 0,
@@ -2645,7 +2739,7 @@ const Grid = (props) => {
     iconColor,
     className,
     ...rest
-  } = { ...defaultProps$1d, ...props };
+  } = { ...defaultProps$1f, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const pxCheck2 = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -2684,9 +2778,9 @@ const Grid = (props) => {
     });
   }));
 };
-Grid.defaultProps = defaultProps$1d;
+Grid.defaultProps = defaultProps$1f;
 Grid.displayName = "NutGrid";
-const defaultProps$1c = {
+const defaultProps$1e = {
   ...ComponentDefaults,
   text: "",
   icon: "",
@@ -2725,7 +2819,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1c,
+    ...defaultProps$1e,
     ...props
   };
   const b2 = cn("grid-item");
@@ -2773,7 +2867,7 @@ const GridItem = (props) => {
     className: "nut-grid-item__text"
   }, text), children && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children)));
 };
-GridItem.defaultProps = defaultProps$1c;
+GridItem.defaultProps = defaultProps$1e;
 GridItem.displayName = "NutGridItem";
 const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
 const defaultRoot = canUseDom ? window : void 0;
@@ -2987,7 +3081,7 @@ const Sticky = (props) => {
   }, children));
 };
 Sticky.displayName = "NutSticky";
-const defaultProps$1b = {
+const defaultProps$1d = {
   ...ComponentDefaults,
   title: "",
   desc: "",
@@ -3023,7 +3117,7 @@ const NavBar = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$1b,
+    ...defaultProps$1d,
     ...props
   };
   const b2 = cn("navbar");
@@ -3092,9 +3186,9 @@ const NavBar = (props) => {
     className: `${b2("")}--placeholder`
   }, renderWrapper()) : renderWrapper());
 };
-NavBar.defaultProps = defaultProps$1b;
+NavBar.defaultProps = defaultProps$1d;
 NavBar.displayName = "NutNavBar";
-const defaultProps$1a = {
+const defaultProps$1c = {
   ...ComponentDefaults,
   fixednavClass: "nut-fixednav",
   activeText: "",
@@ -3124,7 +3218,7 @@ const FixedNav = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$1a,
+    ...defaultProps$1c,
     ...props
   };
   const b2 = cn("fixednav");
@@ -3179,9 +3273,9 @@ const FixedNav = (props) => {
     className: "text"
   }, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
 };
-FixedNav.defaultProps = defaultProps$1a;
+FixedNav.defaultProps = defaultProps$1c;
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$19 = {
+const defaultProps$1b = {
   visible: 0,
   bottom: false,
   size: 20,
@@ -3209,7 +3303,7 @@ const Tabbar = (props) => {
     tabSwitch,
     onSwitch
   } = {
-    ...defaultProps$19,
+    ...defaultProps$1b,
     ...props
   };
   const b2 = cn("tabbar");
@@ -3245,9 +3339,9 @@ const Tabbar = (props) => {
     return React__default.cloneElement(child, childProps);
   }));
 };
-Tabbar.defaultProps = defaultProps$19;
+Tabbar.defaultProps = defaultProps$1b;
 Tabbar.displayName = "NutTabbar";
-const defaultProps$18 = {
+const defaultProps$1a = {
   ...ComponentDefaults,
   dot: false,
   size: "",
@@ -3283,7 +3377,7 @@ const TabbarItem = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$18,
+    ...defaultProps$1a,
     ...props
   };
   const b2 = cn("tabbar-item");
@@ -8339,7 +8433,7 @@ const host = createHost(primitives, {
 });
 const animated = host.animated;
 const elevatorContext = createContext$1({});
-const defaultProps$17 = {
+const defaultProps$19 = {
   height: "200px",
   acceptKey: "title",
   indexList: [],
@@ -8362,7 +8456,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$17,
+    ...defaultProps$19,
     ...props
   };
   const b2 = cn("elevator");
@@ -8549,9 +8643,9 @@ const Elevator = (props) => {
     }, item[acceptKey]);
   }))));
 };
-Elevator.defaultProps = defaultProps$17;
+Elevator.defaultProps = defaultProps$19;
 Elevator.displayName = "NutElevator";
-const defaultProps$16 = {
+const defaultProps$18 = {
   defaultValue: 1,
   mode: "multi",
   prevText: "",
@@ -8568,7 +8662,7 @@ const defaultProps$16 = {
 };
 const Pagination = (props) => {
   const { locale } = useConfig();
-  ({ ...defaultProps$16, ...props });
+  ({ ...defaultProps$18, ...props });
   const {
     modelValue,
     mode,
@@ -8685,7 +8779,7 @@ const Pagination = (props) => {
     onClick: (e2) => selectPage(Number(currentPage) + 1, true)
   }, nextText || locale.pagination.next));
 };
-Pagination.defaultProps = defaultProps$16;
+Pagination.defaultProps = defaultProps$18;
 Pagination.displayName = "NutPagination";
 class Title {
   constructor() {
@@ -8695,7 +8789,7 @@ class Title {
     this.index = 0;
   }
 }
-const defaultProps$15 = {
+const defaultProps$17 = {
   ...ComponentDefaults,
   tabStyle: {},
   value: 0,
@@ -8736,7 +8830,7 @@ const Tabs = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$15,
+    ...defaultProps$17,
     ...props
   };
   const [currentItem, setCurrentItem] = useState({ index: 0 });
@@ -8854,9 +8948,9 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   }))));
 };
-Tabs.defaultProps = defaultProps$15;
+Tabs.defaultProps = defaultProps$17;
 Tabs.displayName = "NutTabs";
-const defaultProps$14 = {
+const defaultProps$16 = {
   title: "",
   paneKey: "",
   activeKey: "",
@@ -8864,7 +8958,7 @@ const defaultProps$14 = {
 };
 const TabPane = (props) => {
   const { children, paneKey, activeKey, autoHeightClassName, className } = {
-    ...defaultProps$14,
+    ...defaultProps$16,
     ...props
   };
   const b2 = cn("tabpane");
@@ -8880,7 +8974,7 @@ const TabPane = (props) => {
     className: classes
   }, children);
 };
-const defaultProps$13 = {
+const defaultProps$15 = {
   size: 3,
   current: 1,
   block: false,
@@ -8900,7 +8994,7 @@ const Indicator = (props) => {
     vertical,
     ...rest
   } = {
-    ...defaultProps$13,
+    ...defaultProps$15,
     ...props
   };
   const b2 = cn("indicator");
@@ -8934,7 +9028,7 @@ const Indicator = (props) => {
     ...rest
   }, renderEles());
 };
-Indicator.defaultProps = defaultProps$13;
+Indicator.defaultProps = defaultProps$15;
 Indicator.displayName = "NutIndicator";
 const handleClick = (e2) => {
   e2.stopPropagation();
@@ -8950,7 +9044,7 @@ const handleClick = (e2) => {
   }
 };
 const OffsetContext = createContext$1(20);
-const defaultProps$12 = {
+const defaultProps$14 = {
   showhead: false,
   position: "left",
   width: "80%"
@@ -8968,7 +9062,7 @@ const SideNavBar = (props) => {
     onClose,
     ...rest
   } = {
-    ...defaultProps$12,
+    ...defaultProps$14,
     ...props
   };
   const offset = props.offset ? Number(props.offset) : 20;
@@ -8996,14 +9090,14 @@ const SideNavBar = (props) => {
     className: "nut-sidenavbar__content"
   }, children))))));
 };
-SideNavBar.defaultProps = defaultProps$12;
+SideNavBar.defaultProps = defaultProps$14;
 SideNavBar.displayName = "NutSideNavBar";
-const defaultProps$11 = {
+const defaultProps$13 = {
   open: true
 };
 const SubSideNavBar = (props) => {
   const { title, ikey, children, onClick, open, ...rest } = {
-    ...defaultProps$11,
+    ...defaultProps$13,
     ...props
   };
   const offset = useContext$1(OffsetContext);
@@ -9074,7 +9168,7 @@ const SideNavBarItem = (props) => {
     ...rest
   }, title);
 };
-const defaultProps$10 = {
+const defaultProps$12 = {
   ...ComponentDefaults,
   className: "",
   style: {},
@@ -9097,7 +9191,7 @@ const Menu = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$10,
+    ...defaultProps$12,
     ...props
   };
   const parentRef = useRef(null);
@@ -9202,9 +9296,9 @@ const Menu = (props) => {
     })));
   })), cloneChildren()));
 };
-Menu.defaultProps = defaultProps$10;
+Menu.defaultProps = defaultProps$12;
 Menu.displayName = "NutMenu";
-const defaultProps$$ = {
+const defaultProps$11 = {
   ...ComponentDefaults,
   className: "",
   style: {},
@@ -9219,7 +9313,7 @@ const defaultProps$$ = {
 };
 const MenuItem = forwardRef((props, ref) => {
   useConfig();
-  const mergedProps = { ...defaultProps$$, ...props };
+  const mergedProps = { ...defaultProps$11, ...props };
   const {
     style,
     options: options2,
@@ -9235,7 +9329,7 @@ const MenuItem = forwardRef((props, ref) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$$,
+    ...defaultProps$11,
     ...props
   };
   const { activeColor, showPopup, parent, orderKey } = mergedProps;
@@ -9356,7 +9450,7 @@ const MenuItem = forwardRef((props, ref) => {
     }, item.text));
   }), children))));
 });
-MenuItem.defaultProps = defaultProps$$;
+MenuItem.defaultProps = defaultProps$11;
 MenuItem.displayName = "NutMenuItem";
 const MIN_DISTANCE = 10;
 function getDirection(x2, y2) {
@@ -9654,7 +9748,7 @@ var Toast = {
     }
   }
 };
-const defaultProps$_ = {
+const defaultProps$10 = {
   range: false,
   hiddenRange: false,
   hiddenTag: false,
@@ -9691,8 +9785,8 @@ const Range = (props) => {
     minDesc,
     maxDesc,
     curValueDesc
-  } = { ...defaultProps$_, ...props };
-  let { min, max, step } = { ...defaultProps$_, ...props };
+  } = { ...defaultProps$10, ...props };
+  let { min, max, step } = { ...defaultProps$10, ...props };
   min = Number(min);
   max = Number(max);
   step = Number(step);
@@ -10030,7 +10124,7 @@ const Range = (props) => {
     className: "max"
   }, maxDesc || +max) : null);
 };
-Range.defaultProps = defaultProps$_;
+Range.defaultProps = defaultProps$10;
 Range.displayName = "NutRange";
 const Utils = {
   isLeapYear(y2) {
@@ -10124,7 +10218,7 @@ function requestAniFrame() {
   };
 }
 var requestAniFrame$1 = requestAniFrame();
-const defaultProps$Z = {
+const defaultProps$$ = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -10173,7 +10267,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     onChoose,
     onUpdate,
     onSelected
-  } = { ...defaultProps$Z, ...props };
+  } = { ...defaultProps$$, ...props };
   const weeks = locale.calendaritem.weekdays;
   const [yearMonthTitle, setYearMonthTitle] = useState("");
   const [monthsData, setMonthsData] = useState([]);
@@ -10760,9 +10854,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     onClick: confirm2
   }, confirmText || locale.confirm)) : ""));
 });
-CalendarItem.defaultProps = defaultProps$Z;
+CalendarItem.defaultProps = defaultProps$$;
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$Y = {
+const defaultProps$_ = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -10814,7 +10908,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onClose,
     onChoose,
     onSelected
-  } = { ...defaultProps$Y, ...props };
+  } = { ...defaultProps$_, ...props };
   const calendarRef = useRef(null);
   const close = () => {
     onClose && onClose();
@@ -10873,9 +10967,9 @@ const Calendar = React__default.forwardRef((props, ref) => {
     style: { height: "85vh" }
   }, renderItem()) : renderItem());
 });
-Calendar.defaultProps = defaultProps$Y;
+Calendar.defaultProps = defaultProps$_;
 Calendar.displayName = "NutCalendar";
-const defaultProps$X = {
+const defaultProps$Z = {
   disabled: false,
   checkedValue: [],
   max: void 0,
@@ -10885,7 +10979,7 @@ const defaultProps$X = {
 };
 const CheckboxGroup = React__default.forwardRef(
   (props, ref) => {
-    const { children } = { ...defaultProps$X, ...props };
+    const { children } = { ...defaultProps$Z, ...props };
     const b2 = cn("checkboxgroup");
     const {
       className,
@@ -10992,9 +11086,9 @@ const CheckboxGroup = React__default.forwardRef(
     }, (options2 == null ? void 0 : options2.length) ? renderOptionsChildren() : cloneChildren());
   }
 );
-CheckboxGroup.defaultProps = defaultProps$X;
+CheckboxGroup.defaultProps = defaultProps$Z;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$W = {
+const defaultProps$Y = {
   ...ComponentDefaults,
   checked: false,
   disabled: false,
@@ -11010,7 +11104,7 @@ const defaultProps$W = {
 };
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$W,
+    ...defaultProps$Y,
     ...props
   };
   const b2 = cn("checkbox");
@@ -11092,7 +11186,7 @@ const Checkbox = (props) => {
     onClick: handleClick2
   }, renderIcon(), renderLabel());
 };
-Checkbox.defaultProps = defaultProps$W;
+Checkbox.defaultProps = defaultProps$Y;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const InternalPickerSlot = (props, ref) => {
@@ -11517,7 +11611,7 @@ const InternalPicker = (props, ref) => {
 };
 const Picker = React__default.forwardRef(InternalPicker);
 const currentYear = new Date().getFullYear();
-const defaultProps$V = {
+const defaultProps$X = {
   modelValue: null,
   visible: false,
   title: "",
@@ -11548,7 +11642,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$V,
+    ...defaultProps$X,
     ...props
   };
   const { locale } = useConfig();
@@ -11814,9 +11908,9 @@ const DatePicker = (props) => {
     ref: pickerRef
   }));
 };
-DatePicker.defaultProps = defaultProps$V;
+DatePicker.defaultProps = defaultProps$X;
 DatePicker.displayName = "NutDatePicker";
-const defaultProps$U = {
+const defaultProps$W = {
   ...ComponentDefaults,
   disabled: false,
   buttonSize: "",
@@ -11863,7 +11957,7 @@ const InputNumber = (props) => {
     iconFontClassName,
     ...restProps
   } = {
-    ...defaultProps$U,
+    ...defaultProps$W,
     ...props
   };
   const [inputValue, setInputValue] = useState(modelValue);
@@ -12000,7 +12094,7 @@ const InputNumber = (props) => {
     onClick: addNumber
   }));
 };
-InputNumber.defaultProps = defaultProps$U;
+InputNumber.defaultProps = defaultProps$W;
 InputNumber.displayName = "NutInputNumber";
 function trimExtraChar(value, char, regExp) {
   const index = value.indexOf(char);
@@ -12026,7 +12120,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$T = {
+const defaultProps$V = {
   ...ComponentDefaults,
   type: "text",
   name: "",
@@ -12123,7 +12217,7 @@ const Input = forwardRef((props, ref) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$T,
+    ...defaultProps$V,
     ...props
   };
   locale.placeholder = placeholder || locale.placeholder;
@@ -12354,14 +12448,14 @@ const Input = forwardRef((props, ref) => {
     }
   }, errorMessage) : null)));
 });
-Input.defaultProps = defaultProps$T;
+Input.defaultProps = defaultProps$V;
 Input.displayName = "NutInput";
 const radioContext = {
   onChange: (val) => {
   }
 };
 var RadioContext = React__default.createContext(radioContext);
-const defaultProps$S = {
+const defaultProps$U = {
   value: null,
   textPosition: "right",
   onChange: (value) => {
@@ -12371,7 +12465,7 @@ const defaultProps$S = {
 };
 const RadioGroup = React__default.forwardRef(
   (props, ref) => {
-    const { children } = { ...defaultProps$S, ...props };
+    const { children } = { ...defaultProps$U, ...props };
     cn("RadioGroup");
     const {
       className,
@@ -12436,9 +12530,9 @@ const RadioGroup = React__default.forwardRef(
     }, (options2 == null ? void 0 : options2.length) ? renderOptionsChildren() : cloneChildren()));
   }
 );
-RadioGroup.defaultProps = defaultProps$S;
+RadioGroup.defaultProps = defaultProps$U;
 RadioGroup.displayName = "NutRadioGroup";
-const defaultProps$R = {
+const defaultProps$T = {
   ...ComponentDefaults,
   className: "",
   style: {},
@@ -12455,7 +12549,7 @@ const defaultProps$R = {
 };
 const Radio = (props) => {
   const { children } = {
-    ...defaultProps$R,
+    ...defaultProps$T,
     ...props
   };
   const {
@@ -12535,10 +12629,10 @@ const Radio = (props) => {
     ...rest
   }, renderRadioItem());
 };
-Radio.defaultProps = defaultProps$R;
+Radio.defaultProps = defaultProps$T;
 Radio.displayName = "NutRadio";
 Radio.RadioGroup = RadioGroup;
-const defaultProps$Q = {
+const defaultProps$S = {
   ...ComponentDefaults,
   count: 5,
   modelValue: 0,
@@ -12573,7 +12667,7 @@ const Rate = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$Q,
+    ...defaultProps$S,
     ...props
   };
   const b2 = cn("rate");
@@ -12646,9 +12740,9 @@ const Rate = (props) => {
     }));
   }));
 };
-Rate.defaultProps = defaultProps$Q;
+Rate.defaultProps = defaultProps$S;
 Rate.displayName = "NutRate";
-const defaultProps$P = {
+const defaultProps$R = {
   ...ComponentDefaults,
   title: "",
   desc: "",
@@ -12816,9 +12910,9 @@ const ShortPassword = (props) => {
     onClick: () => sure()
   }, locale.confirm)) : null)));
 };
-ShortPassword.defaultProps = defaultProps$P;
+ShortPassword.defaultProps = defaultProps$R;
 ShortPassword.displayName = "NutShortPassword";
-const defaultProps$O = {
+const defaultProps$Q = {
   defaultValue: "",
   textAlign: "left",
   limitshow: false,
@@ -12846,7 +12940,7 @@ const TextArea = (props) => {
     onChange,
     onBlur,
     onFocus
-  } = { ...defaultProps$O, ...props };
+  } = { ...defaultProps$Q, ...props };
   const textareaBem = cn("textarea");
   const [inputValue, SetInputValue] = useState("");
   const textareaRef = useRef(null);
@@ -12943,9 +13037,9 @@ const TextArea = (props) => {
     className: textareaBem("limit")
   }, [...inputValue].length, "/", maxlength < 0 ? 0 : maxlength) : null);
 };
-TextArea.defaultProps = defaultProps$O;
+TextArea.defaultProps = defaultProps$Q;
 TextArea.displayName = "NutTextArea";
-const defaultProps$N = {
+const defaultProps$P = {
   name: "",
   size: "",
   classPrefix: "nut-icon",
@@ -12973,7 +13067,7 @@ function Icon(props) {
     onClick,
     ...rest
   } = {
-    ...defaultProps$N,
+    ...defaultProps$P,
     ...props
   };
   const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -13007,9 +13101,9 @@ function Icon(props) {
     children
   );
 }
-Icon.defaultProps = defaultProps$N;
+Icon.defaultProps = defaultProps$P;
 Icon.displayName = "NutIcon";
-const defaultProps$M = {
+const defaultProps$O = {
   ...ComponentDefaults,
   className: "",
   style: {},
@@ -13057,7 +13151,7 @@ const Progress = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$M,
+    ...defaultProps$O,
     ...props
   };
   const b2 = cn("progress");
@@ -13135,7 +13229,7 @@ const Progress = (props) => {
     color: iconColor
   })));
 };
-Progress.defaultProps = defaultProps$M;
+Progress.defaultProps = defaultProps$O;
 Progress.displayName = "NutProgress";
 class UploadOptions {
   constructor() {
@@ -13233,7 +13327,7 @@ class Upload {
     }
   }
 }
-const defaultProps$L = {
+const defaultProps$N = {
   ...ComponentDefaults,
   url: "",
   maximum: 1,
@@ -13313,7 +13407,7 @@ const InternalUploader = (props, ref) => {
     onBeforeXhrUpload,
     onBeforeDelete,
     ...restProps
-  } = { ...defaultProps$L, ...props };
+  } = { ...defaultProps$N, ...props };
   const [fileList, setFileList] = useState([]);
   const [uploadQueue, setUploadQueue] = useState([]);
   useEffect(() => {
@@ -13634,9 +13728,9 @@ const InternalUploader = (props, ref) => {
   })));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$L;
+Uploader.defaultProps = defaultProps$N;
 Uploader.displayName = "NutUploader";
-const defaultProps$K = {
+const defaultProps$M = {
   data: {
     text: "",
     value: "",
@@ -13645,13 +13739,14 @@ const defaultProps$K = {
     loading: false,
     children: []
   },
+  activeColor: "#fa2c19",
   checked: false,
   chooseItem: () => {
   }
 };
 const InternalCascaderItem = (props) => {
-  const { data, checked, chooseItem } = {
-    ...defaultProps$K,
+  const { data, checked, chooseItem, activeColor } = {
+    ...defaultProps$M,
     ...props
   };
   const b2 = cn("cascader-item");
@@ -13671,6 +13766,7 @@ const InternalCascaderItem = (props) => {
   const initData = () => {
   };
   return /* @__PURE__ */ React__default.createElement("div", {
+    style: { color: checked ? activeColor : "" },
     className: classes,
     onClick: () => {
       chooseItem(data);
@@ -13687,7 +13783,7 @@ const InternalCascaderItem = (props) => {
   }));
 };
 const CascaderItem = React__default.forwardRef(InternalCascaderItem);
-CascaderItem.defaultProps = defaultProps$K;
+CascaderItem.defaultProps = defaultProps$M;
 CascaderItem.displayName = "NutCascaderItem";
 const formatTree = (tree, parent, config2) => tree.map((node) => {
   const {
@@ -13821,9 +13917,11 @@ class Tree {
     return pathNodes;
   }
 }
-const defaultProps$J = {
+const defaultProps$L = {
   className: "",
   style: {},
+  activeColor: "#fa2c19",
+  tabsColor: "",
   poppable: true,
   visible: false,
   options: [],
@@ -13851,6 +13949,7 @@ const InternalCascader = (props) => {
   const {
     className,
     style,
+    tabsColor,
     poppable,
     visible,
     options: options2,
@@ -13868,7 +13967,7 @@ const InternalCascader = (props) => {
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$J, ...props };
+  } = { ...defaultProps$L, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optiosData, setOptiosData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -14092,7 +14191,8 @@ const InternalCascader = (props) => {
           }, /* @__PURE__ */ React__default.createElement("span", {
             className: "nut-tabs__titles-item__text"
           }, !state.initLoading && state.panes.length && ((_a = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _a.text), !state.initLoading && state.panes.length && !((_b = pane == null ? void 0 : pane.selectedNode) == null ? void 0 : _b.text) && "\u8BF7\u9009\u62E9", !(!state.initLoading && state.panes.length) && "Loading..."), /* @__PURE__ */ React__default.createElement("span", {
-            className: "nut-tabs__titles-item__line"
+            className: "nut-tabs__titles-item__line",
+            style: { background: tabsColor }
           }));
         });
       }
@@ -14127,9 +14227,9 @@ const InternalCascader = (props) => {
   }, renderItem()) : renderItem());
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps$J;
+Cascader.defaultProps = defaultProps$L;
 Cascader.displayName = "NutCascader";
-const defaultProps$I = {
+const defaultProps$K = {
   ...ComponentDefaults,
   placeholder: "",
   shape: "square",
@@ -14180,7 +14280,7 @@ const SearchBar = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$I,
+    ...defaultProps$K,
     ...props
   };
   const alignClass = `${align}`;
@@ -14329,9 +14429,9 @@ const SearchBar = (props) => {
     className: `${searchbarBem("content")}`
   }, renderLeftinIcon(), renderField(), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
 };
-SearchBar.defaultProps = defaultProps$I;
+SearchBar.defaultProps = defaultProps$K;
 SearchBar.displayName = "NutSearchBar";
-const defaultProps$H = {
+const defaultProps$J = {
   confirmText: "",
   title: "",
   visible: false,
@@ -14529,7 +14629,7 @@ const NumberKeyboard = (props) => {
     })
   }, confirmText || locale.done))) : null))));
 };
-NumberKeyboard.defaultProps = defaultProps$H;
+NumberKeyboard.defaultProps = defaultProps$J;
 NumberKeyboard.displayName = "NutNumberKeyboard";
 const FormItemContext = createContext$1({});
 function _extends() {
@@ -15686,7 +15786,7 @@ const useForm = (form) => {
   }
   return [formRef.current];
 };
-const defaultProps$G = {
+const defaultProps$I = {
   ...ComponentDefaults,
   name: "",
   label: "",
@@ -15733,7 +15833,7 @@ class FormItem extends React__default.Component {
         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) => {
@@ -15782,9 +15882,9 @@ class FormItem extends React__default.Component {
     return this.renderLayout(returnChildNode);
   }
 }
-FormItem.defaultProps = defaultProps$G;
+FormItem.defaultProps = defaultProps$I;
 FormItem.contextType = FormItemContext;
-const defaultProps$F = {
+const defaultProps$H = {
   ...ComponentDefaults,
   className: "",
   style: void 0,
@@ -15811,7 +15911,7 @@ const Form = (props) => {
     starPositon,
     ...rest
   } = {
-    ...defaultProps$F,
+    ...defaultProps$H,
     ...props
   };
   const [formInstance] = useForm();
@@ -15832,10 +15932,10 @@ const Form = (props) => {
     value: formInstance
   }, children)));
 };
-Form.defaultProps = defaultProps$F;
+Form.defaultProps = defaultProps$H;
 Form.displayName = "NutForm";
 Form.Item = FormItem;
-const defaultProps$E = {
+const defaultProps$G = {
   cancelTxt: "",
   optionTag: "name",
   optionSubTag: "subname",
@@ -15869,7 +15969,7 @@ const ActionSheet = (props) => {
     className,
     style,
     ...rest
-  } = { ...defaultProps$E, ...props };
+  } = { ...defaultProps$G, ...props };
   const b2 = cn("actionsheet");
   const isHighlight = (item) => {
     return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
@@ -15913,9 +16013,9 @@ const ActionSheet = (props) => {
     onClick: () => cancelActionSheet()
   }, cancelTxt)));
 };
-ActionSheet.defaultProps = defaultProps$E;
+ActionSheet.defaultProps = defaultProps$G;
 ActionSheet.displayName = "NutActionSheet";
-const defaultProps$D = {
+const defaultProps$F = {
   ...ComponentDefaults,
   bottom: 20,
   right: 10,
@@ -15941,7 +16041,7 @@ const BackTop = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$D,
+    ...defaultProps$F,
     ...props
   };
   const [backTop, SetBackTop] = useState(false);
@@ -16032,9 +16132,9 @@ const BackTop = (props) => {
     name: "top"
   }));
 };
-BackTop.defaultProps = defaultProps$D;
+BackTop.defaultProps = defaultProps$F;
 BackTop.displayName = "NutBackTop";
-const defaultProps$C = {
+const defaultProps$E = {
   attract: false,
   direction: void 0,
   boundary: {
@@ -16047,7 +16147,7 @@ const defaultProps$C = {
 };
 const Drag = (props) => {
   const { attract, direction, boundary, children, className, style, ...reset } = {
-    ...defaultProps$C,
+    ...defaultProps$E,
     ...props
   };
   const b2 = cn("drag");
@@ -16109,7 +16209,7 @@ const Drag = (props) => {
     ...bind()
   }, children));
 };
-Drag.defaultProps = defaultProps$C;
+Drag.defaultProps = defaultProps$E;
 Drag.displayName = "NutDrag";
 const Content = (props) => {
   const {
@@ -16304,7 +16404,7 @@ function confirm(config2, renderFunc) {
     update: update2
   };
 }
-const defaultProps$B = {
+const defaultProps$D = {
   okText: "\u786E\u8BA4",
   cancelText: "\u53D6\u6D88",
   mask: true,
@@ -16395,9 +16495,9 @@ Dialog.confirm = (props) => {
     });
   };
 });
-Dialog.defaultProps = defaultProps$B;
+Dialog.defaultProps = defaultProps$D;
 Dialog.displayName = "NutDialog";
-const defaultProps$A = {
+const defaultProps$C = {
   ...ComponentDefaults,
   hasMore: true,
   threshold: 200,
@@ -16434,7 +16534,7 @@ const Infiniteloading = (props) => {
     iconFontClassName,
     ...restProps
   } = {
-    ...defaultProps$A,
+    ...defaultProps$C,
     ...props
   };
   const [isInfiniting, setIsInfiniting] = useState(false);
@@ -16598,7 +16698,7 @@ const Infiniteloading = (props) => {
     className: "tips"
   }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
 };
-Infiniteloading.defaultProps = defaultProps$A;
+Infiniteloading.defaultProps = defaultProps$C;
 Infiniteloading.displayName = "NutInfiniteloading";
 class Notification extends React.PureComponent {
   constructor(props) {
@@ -16773,7 +16873,7 @@ var Notify = {
     }
   }
 };
-const defaultProps$z = {
+const defaultProps$B = {
   isAsync: false,
   checked: false,
   disable: false,
@@ -16796,7 +16896,7 @@ const Switch = (props) => {
     className,
     style
   } = {
-    ...defaultProps$z,
+    ...defaultProps$B,
     ...props
   };
   const [value, setValue] = useState(false);
@@ -16836,7 +16936,7 @@ const Switch = (props) => {
     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) {
@@ -16846,7 +16946,7 @@ function preventDefault(event, isStopPropagation) {
     event.stopPropagation();
   }
 }
-const defaultProps$y = {
+const defaultProps$A = {
   name: "",
   leftWidth: 0,
   rightWidth: 0
@@ -16854,7 +16954,7 @@ const defaultProps$y = {
 const Swipe = 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 = useRef();
   const opened = useRef(false);
   const lockClick = useRef(false);
@@ -17020,7 +17120,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     style: wrapperStyle
   }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef)));
 });
-Swipe.defaultProps = defaultProps$y;
+Swipe.defaultProps = defaultProps$A;
 Swipe.displayName = "NutSwipe";
 function bound(position, min, max) {
   let ret = position;
@@ -17058,7 +17158,7 @@ if (canUseDom) {
     console.log(e2);
   }
 }
-const defaultProps$x = {
+const defaultProps$z = {
   className: "",
   style: {},
   pullingText: "",
@@ -17075,7 +17175,7 @@ const defaultProps$x = {
 const PullToRefresh = (p2) => {
   const { locale } = useConfig();
   const props = {
-    ...defaultProps$x,
+    ...defaultProps$z,
     ...p2,
     ...{
       pullingText: p2.pullingText || locale.pullToRefresh.pullingText,
@@ -17214,10 +17314,10 @@ const PullToRefresh = (p2) => {
     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",
@@ -17240,7 +17340,7 @@ const CircleProgress = (props) => {
     strokeLinecap,
     ...restProps
   } = {
-    ...defaultProps$w,
+    ...defaultProps$y,
     ...props
   };
   const b2 = cn("circleprogress");
@@ -17326,9 +17426,9 @@ const CircleProgress = (props) => {
     className: "nut-circleprogress-text"
   }, children || /* @__PURE__ */ React__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: [],
@@ -17372,7 +17472,7 @@ const NoticeBar = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$v,
+    ...defaultProps$x,
     ...props
   };
   const wrap = useRef(null);
@@ -17619,16 +17719,16 @@ const NoticeBar = (props) => {
     size: "11px"
   }) : null))) : null);
 };
-NoticeBar.defaultProps = defaultProps$v;
+NoticeBar.defaultProps = defaultProps$x;
 NoticeBar.displayName = "NutNoticeBar";
 const DataContext$1 = createContext$1({});
-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,
@@ -17662,9 +17762,9 @@ const Steps = (props) => {
     children
   ));
 };
-Steps.defaultProps = defaultProps$u;
+Steps.defaultProps = defaultProps$w;
 Steps.displayName = "NutSteps";
-const defaultProps$t = {
+const defaultProps$v = {
   ...ComponentDefaults,
   title: "",
   content: "",
@@ -17688,7 +17788,7 @@ const Step = (props) => {
     iconFontClassName,
     ...restProps
   } = {
-    ...defaultProps$t,
+    ...defaultProps$v,
     ...props
   };
   const parent = useContext$1(DataContext$1);
@@ -17750,10 +17850,10 @@ const Step = (props) => {
     className: "nut-step-content"
   }, renderContent())));
 };
-Step.defaultProps = defaultProps$t;
+Step.defaultProps = defaultProps$v;
 Step.displayName = "NutStep";
 const DataContext = createContext$1({});
-const defaultProps$s = {
+const defaultProps$u = {
   width: typeof window === "object" ? window.innerWidth : 375,
   height: 0,
   duration: 500,
@@ -17771,7 +17871,7 @@ const defaultProps$s = {
 };
 const DISTANCE = 5;
 const Swiper = React__default.forwardRef((props, ref) => {
-  const propSwiper = { ...defaultProps$s, ...props };
+  const propSwiper = { ...defaultProps$u, ...props };
   const {
     children,
     direction,
@@ -18181,13 +18281,13 @@ const Swiper = React__default.forwardRef((props, ref) => {
     });
   })) : /* @__PURE__ */ React__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.forwardRef((props, ref) => {
-  const _props = { ...defaultProps$r, ...props };
+  const _props = { ...defaultProps$t, ...props };
   const { className, style, children, direction, size } = _props;
   const parent = useContext$1(DataContext);
   const b2 = cn("swiper-item");
@@ -18206,10 +18306,10 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
     style: { ...style, ...getStyle() }
   }, children);
 });
-SwiperItem.defaultProps = defaultProps$r;
+SwiperItem.defaultProps = defaultProps$t;
 SwiperItem.displayName = "NutSwiperItem";
 const AvatarContext = createContext$1({});
-const defaultProps$q = {
+const defaultProps$s = {
   ...ComponentDefaults,
   size: "",
   icon: "",
@@ -18242,7 +18342,7 @@ const Avatar = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$q,
+    ...defaultProps$s,
     ...props
   };
   const [maxSum, setMaxSum] = useState(0);
@@ -18325,9 +18425,9 @@ const Avatar = (props) => {
     className: "text"
   }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - ((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.maxCount)}`)));
 };
-Avatar.defaultProps = defaultProps$q;
+Avatar.defaultProps = defaultProps$s;
 Avatar.displayName = "NutAvatar";
-const defaultProps$p = {
+const defaultProps$r = {
   maxContent: "",
   maxCount: "",
   maxBgColor: "#eee",
@@ -18339,7 +18439,7 @@ const defaultProps$p = {
 };
 const AvatarGroup = (props) => {
   useConfig();
-  const propAvatarGroup = { ...defaultProps$p, ...props };
+  const propAvatarGroup = { ...defaultProps$r, ...props };
   const { className, style, children } = propAvatarGroup;
   const avatarGroupRef = useRef(null);
   const b2 = cn("avatar-group");
@@ -18356,9 +18456,9 @@ const AvatarGroup = (props) => {
     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;",
@@ -18380,7 +18480,7 @@ const Price = (props) => {
     className,
     ...rest
   } = {
-    ...defaultProps$o,
+    ...defaultProps$q,
     ...props
   };
   const b2 = cn("price");
@@ -18436,9 +18536,9 @@ const Price = (props) => {
     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,
@@ -18463,7 +18563,7 @@ const Badge = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$n,
+    ...defaultProps$p,
     ...props
   };
   function content() {
@@ -18501,9 +18601,9 @@ const Badge = (props) => {
     style: getStyle()
   }, content()));
 };
-Badge.defaultProps = defaultProps$n;
+Badge.defaultProps = defaultProps$p;
 Badge.displayName = "NutBadge";
-const defaultProps$m = {
+const defaultProps$o = {
   ...ComponentDefaults,
   type: "default",
   color: "",
@@ -18536,7 +18636,7 @@ const Tag = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$m,
+    ...defaultProps$o,
     ...props
   };
   const [btnName, setBtnName] = useState("");
@@ -18610,7 +18710,7 @@ const Tag = (props) => {
     className: "text"
   }, children)));
 };
-Tag.defaultProps = defaultProps$m;
+Tag.defaultProps = defaultProps$o;
 Tag.displayName = "NutTag";
 function fillRef(ref, node) {
   if (typeof ref === "function") {
@@ -18654,7 +18754,7 @@ class Trigger extends React__default.Component {
     return trigger;
   }
 }
-const defaultProps$l = {
+const defaultProps$n = {
   ...ComponentDefaults,
   list: [],
   theme: "light",
@@ -18683,7 +18783,7 @@ const Popover = (props) => {
     iconFontClassName,
     ...reset
   } = {
-    ...defaultProps$l,
+    ...defaultProps$n,
     ...props
   };
   const goodItem = useRef(null);
@@ -18777,9 +18877,9 @@ const Popover = (props) => {
     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,
@@ -18807,7 +18907,7 @@ const Skeleton = (props) => {
     avatarShape,
     ...restProps
   } = {
-    ...defaultProps$k,
+    ...defaultProps$m,
     ...props
   };
   const b2 = cn("skeleton");
@@ -18862,9 +18962,9 @@ const Skeleton = (props) => {
     });
   })))));
 };
-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(),
@@ -18891,7 +18991,7 @@ const InternalCountDown = (props, ref) => {
     onUpdate,
     children,
     ...rest
-  } = { ...defaultProps$j, ...props };
+  } = { ...defaultProps$l, ...props };
   const b2 = cn("countdown");
   const [restTimeStamp, setRestTime] = useState(0);
   const stateRef = useRef({
@@ -19087,9 +19187,9 @@ const InternalCountDown = (props, ref) => {
   }));
 };
 const CountDown = React__default.forwardRef(InternalCountDown);
-CountDown.defaultProps = defaultProps$j;
+CountDown.defaultProps = defaultProps$l;
 CountDown.displayName = "NutCountDown";
-const defaultProps$i = {
+const defaultProps$k = {
   style: {},
   activeName: ["0"],
   accordion: false,
@@ -19115,7 +19215,7 @@ const Collapse = memo(
       iconColor,
       onChange
     } = {
-      ...defaultProps$i,
+      ...defaultProps$k,
       ...props
     };
     const childrenDom = React__default.Children.toArray(children);
@@ -19174,9 +19274,9 @@ const Collapse = memo(
   },
   areEqual
 );
-Collapse.defaultProps = defaultProps$i;
+Collapse.defaultProps = defaultProps$k;
 Collapse.displayName = "NutCollapse";
-const defaultProps$h = {
+const defaultProps$j = {
   ...ComponentDefaults,
   title: "",
   name: "",
@@ -19215,7 +19315,7 @@ const CollapseItem = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$h,
+    ...defaultProps$j,
     ...props
   };
   const [domHeight, setDomHeight] = useState(-1);
@@ -19295,9 +19395,9 @@ const CollapseItem = (props) => {
     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,
@@ -19315,7 +19415,7 @@ const CountUp = (props) => {
     thousands,
     ...reset
   } = {
-    ...defaultProps$g,
+    ...defaultProps$i,
     ...props
   };
   const b2 = cn("countup");
@@ -19385,9 +19485,9 @@ const CountUp = (props) => {
     }, item));
   })));
 };
-CountUp.defaultProps = defaultProps$g;
+CountUp.defaultProps = defaultProps$i;
 CountUp.displayName = "NutCountUp";
-const defaultProps$f = {};
+const defaultProps$h = {};
 class AnimatingNumbers extends Component {
   constructor(props) {
     super(props);
@@ -19399,7 +19499,7 @@ class AnimatingNumbers extends Component {
     });
   }
 }
-AnimatingNumbers.defaultProps = defaultProps$f;
+AnimatingNumbers.defaultProps = defaultProps$h;
 AnimatingNumbers.displayName = "NutAnimatingNumbers";
 AnimatingNumbers.CountUp = CountUp;
 AnimatingNumbers.CountUp = CountUp;
@@ -19408,7 +19508,7 @@ const defaultStatus = {
   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: "",
@@ -19416,9 +19516,9 @@ const defaultProps$e = {
 };
 const Empty = (props) => {
   const { locale } = useConfig();
-  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] = useState({});
@@ -19460,7 +19560,7 @@ const Empty = (props) => {
     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;
@@ -19573,7 +19673,7 @@ const updateItemSize = (positions, items, sizeKey) => {
     }
   });
 };
-const defaultProps$d = {};
+const defaultProps$f = {};
 const VirtualList = (props) => {
   const {
     sourceData = [],
@@ -19737,9 +19837,9 @@ const VirtualList = (props) => {
     }) : data);
   }))));
 };
-VirtualList.defaultProps = defaultProps$d;
+VirtualList.defaultProps = defaultProps$f;
 VirtualList.displayName = "NutVirtualList";
-const defaultProps$c = {
+const defaultProps$e = {
   ...ComponentDefaults,
   className: "",
   style: {},
@@ -19751,7 +19851,7 @@ const defaultProps$c = {
 };
 const Table = (props) => {
   const { locale } = useConfig();
-  defaultProps$c.noData = locale.noData;
+  defaultProps$e.noData = locale.noData;
   const {
     children,
     className,
@@ -19767,7 +19867,7 @@ const Table = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$c,
+    ...defaultProps$e,
     ...props
   };
   const [curData, setCurData] = useState(data);
@@ -19865,9 +19965,9 @@ const Table = (props) => {
     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: ""
@@ -19895,7 +19995,7 @@ const Video = (props) => {
     onPlayend,
     ...restProps
   } = {
-    ...defaultProps$b,
+    ...defaultProps$d,
     ...props
   };
   const rootRef = useRef(null);
@@ -19952,9 +20052,9 @@ const Video = (props) => {
     kind: "captions"
   })));
 };
-Video.defaultProps = defaultProps$b;
+Video.defaultProps = defaultProps$d;
 Video.displayName = "NutVideo";
-const defaultProps$a = {
+const defaultProps$c = {
   ...ComponentDefaults,
   className: "",
   url: "",
@@ -19999,7 +20099,7 @@ const Audio = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$a,
+    ...defaultProps$c,
     ...props
   };
   const [playing, setPlaying] = useState(false);
@@ -20195,9 +20295,9 @@ const Audio = (props) => {
     kind: "captions"
   })));
 };
-Audio.defaultProps = defaultProps$a;
+Audio.defaultProps = defaultProps$c;
 Audio.displayName = "NutAudio";
-const defaultProps$9 = {
+const defaultProps$b = {
   images: [],
   videos: [],
   show: false,
@@ -20389,8 +20489,208 @@ const ImagePreview = (props) => {
     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 = 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.createElement("span", {
+      className: `${b2(classNameSuffix)} ${b2("rate")}`,
+      style: calcStyle
+    }, calcRate);
+  };
+  return /* @__PURE__ */ React__default.createElement("div", {
+    className: `${b2()} ${className}`,
+    ...rest,
+    onClick: handleClick2
+  }, !arrowLeft && renderContent(!arrowLeft), children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, Number(rate) !== 0 && /* @__PURE__ */ React__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] = useState("");
+  const b2 = cn("watermark");
+  const classes = classNames({
+    [`${b2("")}`]: true,
+    [`${b2("")}-full-page`]: fullPage
+  });
+  const cls = classNames(classes, className);
+  useEffect(() => {
+    init();
+  }, []);
+  const init = () => {
+    const canvas = document.createElement("canvas");
+    const ratio = window.devicePixelRatio;
+    const ctx2 = canvas.getContext("2d");
+    const canvasWidth = `${(gapX + width) * ratio}px`;
+    const canvasHeight = `${(gapY + height) * ratio}px`;
+    const markWidth = width * ratio;
+    const markHeight = height * ratio;
+    canvas.setAttribute("width", canvasWidth);
+    canvas.setAttribute("height", canvasHeight);
+    if (ctx2) {
+      if (image) {
+        ctx2.translate(markWidth / 2, markHeight / 2);
+        ctx2.rotate(Math.PI / 180 * Number(rotate));
+        const img = new Image();
+        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.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: [],
@@ -21454,4 +21754,4 @@ const TimeSelect = (props) => {
 };
 TimeSelect.defaultProps = defaultProps;
 TimeSelect.displayName = "NutTimeSelect";
-export { ActionSheet, Address, AnimatingNumbers, Audio, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, Empty, FixedNav, Form, FormItem, Grid, GridItem, Icon$1 as Icon, ImagePreview, Indicator, Infiniteloading, Input, InputNumber, Layout, Menu, MenuItem, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Picker, Popover, Popup, Price, Progress, PullToRefresh, Radio, RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Step, Steps, Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, Toast, Uploader, Video, VirtualList };
+export { ActionSheet, Address, AnimatingNumbers, Audio, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, Empty, FixedNav, Form, FormItem, Grid, GridItem, Icon$1 as Icon, Image$1 as Image, ImagePreview, Indicator, Infiniteloading, Input, InputNumber, Layout, Menu, MenuItem, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Picker, Popover, Popup, Price, Progress, PullToRefresh, Radio, RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Step, Steps, Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, Toast, TrendArrow, Uploader, Video, VirtualList, WaterMark };