@nutui/nutui-react-taro 1.3.12 → 1.3.13

package/dist/nutui.react.es.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.
 */
@@ -60,7 +60,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$1r = {
+const defaultProps$1u = {
   name: "",
   size: "",
   classPrefix: "nut-icon",
@@ -88,7 +88,7 @@ function Icon$1(props) {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1r,
+    ...defaultProps$1u,
     ...props
   };
   const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -122,13 +122,13 @@ function Icon$1(props) {
     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: "",
@@ -164,7 +164,7 @@ const Button = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$1q,
+    ...defaultProps$1t,
     ...props
   };
   const getStyle = useCallback(() => {
@@ -243,9 +243,9 @@ const Button = (props) => {
     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,
@@ -291,14 +291,16 @@ const Cell$1 = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$1p,
+    ...defaultProps$1s,
     ...props
   };
   const b2 = cn("cell");
   const handleClick2 = (event) => {
     onClick(event);
     const link = to2 || url;
-    replace ? Taro.redirectTo({ url: link }) : Taro.navigateTo({ url: link });
+    if (link) {
+      replace ? Taro.redirectTo({ url: link }) : Taro.navigateTo({ url: link });
+    }
   };
   const baseStyle = {
     borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : `${roundRadius}px`
@@ -340,9 +342,9 @@ const Cell$1 = (props) => {
     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: "",
@@ -351,7 +353,7 @@ const defaultProps$1o = {
 };
 const CellGroup = (props) => {
   const { children, className, title, desc, titleSlot, descSlot } = {
-    ...defaultProps$1o,
+    ...defaultProps$1r,
     ...props
   };
   const b2 = cn("cell-group");
@@ -365,7 +367,7 @@ const CellGroup = (props) => {
     className: b2("wrap")
   }, children));
 };
-CellGroup.defaultProps = defaultProps$1o;
+CellGroup.defaultProps = defaultProps$1r;
 CellGroup.displayName = "NutCellGroup";
 var classnames = { exports: {} };
 /*!
@@ -1012,7 +1014,7 @@ CSSTransition.defaultProps = {
 };
 CSSTransition.propTypes = {};
 var CSSTransition$1 = CSSTransition;
-const defaultProps$1n = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -1198,7 +1200,7 @@ const Popup = (props) => {
   }, [position]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };
-Popup.defaultProps = defaultProps$1n;
+Popup.defaultProps = defaultProps$1q;
 Popup.displayName = "NutPopup";
 const zhCN = {
   save: "\u4FDD\u5B58",
@@ -1323,9 +1325,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$1m = {
+const defaultProps$1p = {
   locale: zhCN
 };
 const defaultConfigRef$1 = {
@@ -1342,7 +1347,7 @@ const useConfig$1 = () => {
 };
 const ConfigContext$1 = createContext$1(null);
 const ConfigProvider = (props) => {
-  const { children, ...config2 } = { ...defaultProps$1m, ...props };
+  const { children, ...config2 } = { ...defaultProps$1p, ...props };
   const parentConfig = useConfig$1();
   return /* @__PURE__ */ React__default.createElement(ConfigContext$1.Provider, {
     value: {
@@ -1351,19 +1356,110 @@ const ConfigProvider = (props) => {
     }
   }, 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] = 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" : ""}`,
+    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.defaultProps = defaultProps$1o;
+Image.displayName = "NutImage";
+const defaultProps$1n = {};
 const Layout = (props) => {
-  ({ ...defaultProps$1l, ...props });
+  ({ ...defaultProps$1n, ...props });
   return /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-layout"
   }, "Layout");
 };
-Layout.defaultProps = defaultProps$1l;
+Layout.defaultProps = defaultProps$1n;
 Layout.displayName = "NutLayout";
 const DataContext$2 = createContext$1({});
-const defaultProps$1k = {
+const defaultProps$1m = {
   span: "24",
   offset: "0",
   gutter: "0"
@@ -1377,7 +1473,7 @@ const Col = (props) => {
     children,
     onClick
   } = {
-    ...defaultProps$1k,
+    ...defaultProps$1m,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -1405,9 +1501,9 @@ const Col = (props) => {
     }
   }, children);
 };
-Col.defaultProps = defaultProps$1k;
+Col.defaultProps = defaultProps$1m;
 Col.displayName = "NutCol";
-const defaultProps$1j = {
+const defaultProps$1l = {
   type: "",
   justify: "start",
   align: "flex-start",
@@ -1426,7 +1522,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1j,
+    ...defaultProps$1l,
     ...props
   };
   const prefixCls = "nut-row";
@@ -1461,9 +1557,9 @@ const Row = (props) => {
     children
   ));
 };
-Row.defaultProps = defaultProps$1j;
+Row.defaultProps = defaultProps$1l;
 Row.displayName = "NutRow";
-const defaultProps$1i = {
+const defaultProps$1k = {
   contentPosition: "center",
   dashed: false,
   hairline: true,
@@ -1480,7 +1576,7 @@ const Divider = (props) => {
     direction,
     ...rest
   } = {
-    ...defaultProps$1i,
+    ...defaultProps$1k,
     ...props
   };
   const dividerBem = cn("divider");
@@ -1501,9 +1597,9 @@ const Divider = (props) => {
     ...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,
@@ -1530,7 +1626,7 @@ const Grid = (props) => {
     iconColor,
     className,
     ...rest
-  } = { ...defaultProps$1h, ...props };
+  } = { ...defaultProps$1j, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const pxCheck2 = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -1569,9 +1665,9 @@ const Grid = (props) => {
     });
   }));
 };
-Grid.defaultProps = defaultProps$1h;
+Grid.defaultProps = defaultProps$1j;
 Grid.displayName = "NutGrid";
-const defaultProps$1g = {
+const defaultProps$1i = {
   ...ComponentDefaults,
   text: "",
   icon: "",
@@ -1610,7 +1706,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1g,
+    ...defaultProps$1i,
     ...props
   };
   const b2 = cn("grid-item");
@@ -1658,7 +1754,7 @@ const GridItem = (props) => {
     className: "nut-grid-item__text"
   }, text), children && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children)));
 };
-GridItem.defaultProps = defaultProps$1g;
+GridItem.defaultProps = defaultProps$1i;
 GridItem.displayName = "NutGridItem";
 const defaultConfigRef = {
   current: {
@@ -1673,17 +1769,17 @@ const useConfig = () => {
   return (_a = useContext$1(ConfigContext)) != null ? _a : getDefaultConfig();
 };
 const ConfigContext = createContext$1(null);
-const defaultProps$1f = {};
+const defaultProps$1h = {};
 const Sticky = (props) => {
   useConfig();
-  ({ ...defaultProps$1f, ...props });
+  ({ ...defaultProps$1h, ...props });
   return /* @__PURE__ */ React__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: "",
@@ -1719,7 +1815,7 @@ const NavBar = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$1e,
+    ...defaultProps$1g,
     ...props
   };
   const b2 = cn("navbar");
@@ -1788,9 +1884,9 @@ const NavBar = (props) => {
     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: "",
@@ -1820,7 +1916,7 @@ const FixedNav = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$1d,
+    ...defaultProps$1f,
     ...props
   };
   const b2 = cn("fixednav");
@@ -1875,9 +1971,9 @@ const FixedNav = (props) => {
     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,
@@ -1905,7 +2001,7 @@ const Tabbar = (props) => {
     tabSwitch,
     onSwitch
   } = {
-    ...defaultProps$1c,
+    ...defaultProps$1e,
     ...props
   };
   const b2 = cn("tabbar");
@@ -1941,9 +2037,9 @@ const Tabbar = (props) => {
     return React__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: "",
@@ -1979,7 +2075,7 @@ const TabbarItem = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$1b,
+    ...defaultProps$1d,
     ...props
   };
   const b2 = cn("tabbar-item");
@@ -2029,7 +2125,7 @@ var index_cjs$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
 var require$$0 = /* @__PURE__ */ getAugmentedNamespace(index_cjs$1);
 var index_cjs = require$$0;
 const elevatorContext = createContext$1({});
-const defaultProps$1a = {
+const defaultProps$1c = {
   height: "200px",
   acceptKey: "title",
   indexList: [],
@@ -2052,7 +2148,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$1a,
+    ...defaultProps$1c,
     ...props
   };
   const b2 = cn("elevator");
@@ -2252,9 +2348,9 @@ const Elevator = (props) => {
     }, item[acceptKey]);
   }))));
 };
-Elevator.defaultProps = defaultProps$1a;
+Elevator.defaultProps = defaultProps$1c;
 Elevator.displayName = "NutElevator";
-const defaultProps$19 = {
+const defaultProps$1b = {
   defaultValue: 1,
   mode: "multi",
   prevText: "",
@@ -2271,7 +2367,7 @@ const defaultProps$19 = {
 };
 const Pagination = (props) => {
   const { locale } = useConfig$1();
-  ({ ...defaultProps$19, ...props });
+  ({ ...defaultProps$1b, ...props });
   const {
     modelValue,
     mode,
@@ -2388,7 +2484,7 @@ const Pagination = (props) => {
     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() {
@@ -2398,7 +2494,7 @@ class Title {
     this.index = 0;
   }
 }
-const defaultProps$18 = {
+const defaultProps$1a = {
   ...ComponentDefaults,
   tabStyle: {},
   value: 0,
@@ -2439,7 +2535,7 @@ const Tabs = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$18,
+    ...defaultProps$1a,
     ...props
   };
   const [currentItem, setCurrentItem] = useState({ index: 0 });
@@ -2557,9 +2653,9 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   }))));
 };
-Tabs.defaultProps = defaultProps$18;
+Tabs.defaultProps = defaultProps$1a;
 Tabs.displayName = "NutTabs";
-const defaultProps$17 = {
+const defaultProps$19 = {
   title: "",
   paneKey: "",
   activeKey: "",
@@ -2567,7 +2663,7 @@ const defaultProps$17 = {
 };
 const TabPane = (props) => {
   const { children, paneKey, activeKey, autoHeightClassName, className } = {
-    ...defaultProps$17,
+    ...defaultProps$19,
     ...props
   };
   const b2 = cn("tabpane");
@@ -2583,7 +2679,7 @@ const TabPane = (props) => {
     className: classes
   }, children);
 };
-const defaultProps$16 = {
+const defaultProps$18 = {
   size: 3,
   current: 1,
   block: false,
@@ -2603,7 +2699,7 @@ const Indicator = (props) => {
     vertical,
     ...rest
   } = {
-    ...defaultProps$16,
+    ...defaultProps$18,
     ...props
   };
   const b2 = cn("indicator");
@@ -2637,7 +2733,7 @@ const Indicator = (props) => {
     ...rest
   }, renderEles());
 };
-Indicator.defaultProps = defaultProps$16;
+Indicator.defaultProps = defaultProps$18;
 Indicator.displayName = "NutIndicator";
 const handleClick = (e2) => {
   e2.stopPropagation();
@@ -2653,7 +2749,7 @@ const handleClick = (e2) => {
   }
 };
 const OffsetContext = createContext$1(20);
-const defaultProps$15 = {
+const defaultProps$17 = {
   showhead: false,
   position: "left",
   width: "80%"
@@ -2671,7 +2767,7 @@ const SideNavBar = (props) => {
     onClose,
     ...rest
   } = {
-    ...defaultProps$15,
+    ...defaultProps$17,
     ...props
   };
   const offset = props.offset ? Number(props.offset) : 20;
@@ -2699,14 +2795,14 @@ const SideNavBar = (props) => {
     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 = useContext$1(OffsetContext);
@@ -2777,7 +2873,7 @@ const SideNavBarItem = (props) => {
     ...rest
   }, title);
 };
-const defaultProps$13 = {
+const defaultProps$15 = {
   ...ComponentDefaults,
   className: "",
   style: {},
@@ -2800,7 +2896,7 @@ const Menu = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$13,
+    ...defaultProps$15,
     ...props
   };
   const parentRef = useRef(null);
@@ -2897,9 +2993,9 @@ const Menu = (props) => {
     })));
   })), cloneChildren()));
 };
-Menu.defaultProps = defaultProps$13;
+Menu.defaultProps = defaultProps$15;
 Menu.displayName = "NutMenu";
-const defaultProps$12 = {
+const defaultProps$14 = {
   ...ComponentDefaults,
   className: "",
   style: {},
@@ -2914,7 +3010,7 @@ const defaultProps$12 = {
 };
 const MenuItem = forwardRef((props, ref) => {
   useConfig$1();
-  const mergedProps = { ...defaultProps$12, ...props };
+  const mergedProps = { ...defaultProps$14, ...props };
   const {
     style,
     options,
@@ -2930,7 +3026,7 @@ const MenuItem = forwardRef((props, ref) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$12,
+    ...defaultProps$14,
     ...props
   };
   const { activeColor, showPopup, parent, orderKey } = mergedProps;
@@ -3051,7 +3147,7 @@ const MenuItem = forwardRef((props, ref) => {
     }, item.text));
   }), children))));
 });
-MenuItem.defaultProps = defaultProps$12;
+MenuItem.defaultProps = defaultProps$14;
 MenuItem.displayName = "NutMenuItem";
 const MIN_DISTANCE = 10;
 function getDirection(x2, y2) {
@@ -3122,7 +3218,7 @@ const getRectByTaro = async (element) => {
   const res = await element.getBoundingClientRect();
   return res;
 };
-const defaultProps$11 = {
+const defaultProps$13 = {
   name: "",
   size: "",
   classPrefix: "nut-icon",
@@ -3150,7 +3246,7 @@ function Icon(props) {
     onClick,
     ...rest
   } = {
-    ...defaultProps$11,
+    ...defaultProps$13,
     ...props
   };
   const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -3184,9 +3280,9 @@ function Icon(props) {
     children
   );
 }
-Icon.defaultProps = defaultProps$11;
+Icon.defaultProps = defaultProps$13;
 Icon.displayName = "NutIcon";
-const defaultProps$10 = {
+const defaultProps$12 = {
   id: "",
   style: {},
   icon: null,
@@ -3231,7 +3327,7 @@ const Toast = (props) => {
     visible,
     onClose,
     ...rest
-  } = { ...defaultProps$10, ...props };
+  } = { ...defaultProps$12, ...props };
   let timer;
   const [openState, SetOpenState] = useState(false);
   useEffect(() => {
@@ -3320,9 +3416,9 @@ const Toast = (props) => {
     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,
@@ -3359,8 +3455,8 @@ const Range = (props) => {
     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);
@@ -3711,7 +3807,7 @@ const Range = (props) => {
     }
   }));
 };
-Range.defaultProps = defaultProps$$;
+Range.defaultProps = defaultProps$11;
 Range.displayName = "NutRange";
 const Utils = {
   isLeapYear(y2) {
@@ -3805,7 +3901,7 @@ function requestAniFrame() {
   };
 }
 var requestAniFrame$1 = requestAniFrame();
-const defaultProps$_ = {
+const defaultProps$10 = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -3834,7 +3930,7 @@ const CalendarItem = (props) => {
     onChoose,
     onUpdate,
     onClose
-  } = { ...defaultProps$_, ...props };
+  } = { ...defaultProps$10, ...props };
   const weeks = locale.calendaritem.weekdays;
   const [yearMonthTitle, setYearMonthTitle] = useState("");
   const [unLoadPrev, setUnLoadPrev] = useState(false);
@@ -4258,9 +4354,9 @@ const CalendarItem = (props) => {
     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,
@@ -4288,7 +4384,7 @@ const Calendar = (props) => {
     endDate,
     onClose,
     onChoose
-  } = { ...defaultProps$Z, ...props };
+  } = { ...defaultProps$$, ...props };
   const close = () => {
     onClose && onClose();
   };
@@ -4334,9 +4430,9 @@ const Calendar = (props) => {
     onChoose: choose
   }));
 };
-Calendar.defaultProps = defaultProps$Z;
+Calendar.defaultProps = defaultProps$$;
 Calendar.displayName = "NutCalendar";
-const defaultProps$Y = {
+const defaultProps$_ = {
   disabled: false,
   checkedValue: [],
   max: void 0,
@@ -4346,7 +4442,7 @@ const defaultProps$Y = {
 };
 const CheckboxGroup = React__default.forwardRef(
   (props, ref) => {
-    const { children } = { ...defaultProps$Y, ...props };
+    const { children } = { ...defaultProps$_, ...props };
     const b2 = cn("checkboxgroup");
     const {
       className,
@@ -4453,9 +4549,9 @@ const CheckboxGroup = React__default.forwardRef(
     }, (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,
@@ -4471,7 +4567,7 @@ const defaultProps$X = {
 };
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$X,
+    ...defaultProps$Z,
     ...props
   };
   const b2 = cn("checkbox");
@@ -4553,7 +4649,7 @@ const Checkbox = (props) => {
     onClick: handleClick2
   }, renderIcon(), renderLabel());
 };
-Checkbox.defaultProps = defaultProps$X;
+Checkbox.defaultProps = defaultProps$Z;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const InternalPickerSlot = (props, ref) => {
@@ -5000,7 +5096,7 @@ const InternalPicker = (props, ref) => {
 };
 const Picker = React__default.forwardRef(InternalPicker);
 const currentYear = new Date().getFullYear();
-const defaultProps$W = {
+const defaultProps$Y = {
   modelValue: null,
   visible: false,
   title: "",
@@ -5031,7 +5127,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$W,
+    ...defaultProps$Y,
     ...props
   };
   const [show, setShow] = useState(false);
@@ -5296,9 +5392,9 @@ const DatePicker = (props) => {
     ref: pickerRef
   }));
 };
-DatePicker.defaultProps = defaultProps$W;
+DatePicker.defaultProps = defaultProps$Y;
 DatePicker.displayName = "NutDatePicker";
-const defaultProps$V = {
+const defaultProps$X = {
   ...ComponentDefaults,
   disabled: false,
   buttonSize: "",
@@ -5345,7 +5441,7 @@ const InputNumber = (props) => {
     iconFontClassName,
     ...restProps
   } = {
-    ...defaultProps$V,
+    ...defaultProps$X,
     ...props
   };
   const [inputValue, setInputValue] = useState(modelValue);
@@ -5481,7 +5577,7 @@ const InputNumber = (props) => {
     onClick: addNumber
   }));
 };
-InputNumber.defaultProps = defaultProps$V;
+InputNumber.defaultProps = defaultProps$X;
 InputNumber.displayName = "NutInputNumber";
 function trimExtraChar(value, char, regExp) {
   const index = value.indexOf(char);
@@ -5507,7 +5603,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$U = {
+const defaultProps$W = {
   ...ComponentDefaults,
   type: "text",
   name: "",
@@ -5604,7 +5700,7 @@ const Input = forwardRef((props, ref) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$U,
+    ...defaultProps$W,
     ...props
   };
   locale.placeholder = placeholder || locale.placeholder;
@@ -5835,14 +5931,14 @@ const Input = forwardRef((props, ref) => {
     }
   }, errorMessage) : null)));
 });
-Input.defaultProps = defaultProps$U;
+Input.defaultProps = defaultProps$W;
 Input.displayName = "NutInput";
 const radioContext = {
   onChange: (val) => {
   }
 };
 var RadioContext = React__default.createContext(radioContext);
-const defaultProps$T = {
+const defaultProps$V = {
   value: null,
   textPosition: "right",
   onChange: (value) => {
@@ -5852,7 +5948,7 @@ const defaultProps$T = {
 };
 const RadioGroup = React__default.forwardRef(
   (props, ref) => {
-    const { children } = { ...defaultProps$T, ...props };
+    const { children } = { ...defaultProps$V, ...props };
     cn("RadioGroup");
     const {
       className,
@@ -5917,9 +6013,9 @@ const RadioGroup = React__default.forwardRef(
     }, (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,
@@ -5934,7 +6030,7 @@ const defaultProps$S = {
 };
 const Radio$1 = (props) => {
   const { children } = {
-    ...defaultProps$S,
+    ...defaultProps$U,
     ...props
   };
   const {
@@ -6014,11 +6110,11 @@ const Radio$1 = (props) => {
     ...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,
@@ -6053,7 +6149,7 @@ const Rate = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$R,
+    ...defaultProps$T,
     ...props
   };
   const b2 = cn("rate");
@@ -6120,9 +6216,9 @@ const Rate = (props) => {
     }));
   }));
 };
-Rate.defaultProps = defaultProps$R;
+Rate.defaultProps = defaultProps$T;
 Rate.displayName = "NutRate";
-const defaultProps$Q = {
+const defaultProps$S = {
   ...ComponentDefaults,
   title: "",
   desc: "",
@@ -6290,9 +6386,9 @@ const ShortPassword = (props) => {
     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,
@@ -6320,7 +6416,7 @@ const TextArea = (props) => {
     onChange,
     onBlur,
     onFocus
-  } = { ...defaultProps$P, ...props };
+  } = { ...defaultProps$R, ...props };
   const textareaBem = cn("textarea");
   const [inputValue, SetInputValue] = useState("");
   useEffect(() => {
@@ -6385,9 +6481,9 @@ const TextArea = (props) => {
     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: {},
@@ -6435,7 +6531,7 @@ const Progress = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$O,
+    ...defaultProps$Q,
     ...props
   };
   const b2 = cn("progress");
@@ -6513,7 +6609,7 @@ const Progress = (props) => {
     color: iconColor
   })));
 };
-Progress.defaultProps = defaultProps$O;
+Progress.defaultProps = defaultProps$Q;
 Progress.displayName = "NutProgress";
 class UploadOptions {
   constructor() {
@@ -6611,7 +6707,7 @@ class Upload {
     }
   }
 }
-const defaultProps$N = {
+const defaultProps$P = {
   ...ComponentDefaults,
   url: "",
   maximum: 9,
@@ -6683,7 +6779,7 @@ const InternalUploader = (props, ref) => {
     onBeforeXhrUpload,
     onBeforeDelete,
     ...restProps
-  } = { ...defaultProps$N, ...props };
+  } = { ...defaultProps$P, ...props };
   const [fileList, setFileList] = useState([]);
   const [uploadQueue, setUploadQueue] = useState([]);
   useEffect(() => {
@@ -6971,9 +7067,9 @@ const InternalUploader = (props, ref) => {
   })));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$N;
+Uploader.defaultProps = defaultProps$P;
 Uploader.displayName = "NutUploader";
-const defaultProps$M = {
+const defaultProps$O = {
   data: {
     text: "",
     value: "",
@@ -6982,13 +7078,14 @@ const defaultProps$M = {
     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");
@@ -7008,6 +7105,7 @@ const InternalCascaderItem = (props) => {
   const initData = () => {
   };
   return /* @__PURE__ */ React__default.createElement("div", {
+    style: { color: checked ? activeColor : "" },
     className: classes,
     onClick: () => {
       chooseItem(data);
@@ -7024,7 +7122,7 @@ const InternalCascaderItem = (props) => {
   }));
 };
 const CascaderItem = React__default.forwardRef(InternalCascaderItem);
-CascaderItem.defaultProps = defaultProps$M;
+CascaderItem.defaultProps = defaultProps$O;
 CascaderItem.displayName = "NutCascaderItem";
 const formatTree = (tree, parent, config2) => tree.map((node) => {
   const {
@@ -7158,9 +7256,11 @@ class Tree {
     return pathNodes;
   }
 }
-const defaultProps$L = {
+const defaultProps$N = {
   className: "",
   style: {},
+  activeColor: "#fa2c19",
+  tabsColor: "",
   poppable: true,
   visible: false,
   options: [],
@@ -7188,6 +7288,7 @@ const InternalCascader = (props) => {
   const {
     className,
     style,
+    tabsColor,
     poppable,
     visible,
     options,
@@ -7205,7 +7306,7 @@ const InternalCascader = (props) => {
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$L, ...props };
+  } = { ...defaultProps$N, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optiosData, setOptiosData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -7429,7 +7530,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 }
           }));
         });
       }
@@ -7464,9 +7566,9 @@ const InternalCascader = (props) => {
   }, renderItem()) : renderItem());
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps$L;
+Cascader.defaultProps = defaultProps$N;
 Cascader.displayName = "NutCascader";
-const defaultProps$K = {
+const defaultProps$M = {
   ...ComponentDefaults,
   placeholder: "",
   shape: "square",
@@ -7517,7 +7619,7 @@ const SearchBar = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$K,
+    ...defaultProps$M,
     ...props
   };
   const alignClass = `${align}`;
@@ -7671,9 +7773,9 @@ const SearchBar = (props) => {
     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,
@@ -7871,17 +7973,17 @@ const NumberKeyboard = (props) => {
     })
   }, 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.createElement("div", {
     className: "nut-form"
   }, "Form");
 };
-Form.defaultProps = defaultProps$I;
+Form.defaultProps = defaultProps$K;
 Form.displayName = "NutForm";
 const FormItemContext = createContext$1({});
 function isAbsolute(pathname) {
@@ -9013,7 +9115,7 @@ var useContext = React__default.useContext;
 function useHistory() {
   return useContext(historyContext);
 }
-const defaultProps$H = {
+const defaultProps$J = {
   ...ComponentDefaults,
   title: null,
   subTitle: null,
@@ -9059,7 +9161,7 @@ const Cell = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$H,
+    ...defaultProps$J,
     ...props
   };
   const b2 = cn("cell");
@@ -9113,9 +9215,9 @@ const Cell = (props) => {
     className: b2("link")
   }) : linkSlot));
 };
-Cell.defaultProps = defaultProps$H;
+Cell.defaultProps = defaultProps$J;
 Cell.displayName = "NutCell";
-const defaultProps$G = {
+const defaultProps$I = {
   ...ComponentDefaults,
   name: "",
   label: "",
@@ -9162,7 +9264,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) => {
@@ -9211,9 +9313,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 = {
   cancelTxt: "",
   optionTag: "name",
   optionSubTag: "subname",
@@ -9247,7 +9349,7 @@ const ActionSheet = (props) => {
     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";
@@ -9291,9 +9393,9 @@ const ActionSheet = (props) => {
     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,
@@ -9319,7 +9421,7 @@ const BackTop = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$E,
+    ...defaultProps$G,
     ...props
   };
   const [backTop, SetBackTop] = useState(false);
@@ -9353,9 +9455,9 @@ const BackTop = (props) => {
     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: {
@@ -9368,7 +9470,7 @@ const defaultProps$D = {
 };
 const Drag = (props) => {
   const { attract, direction, boundary, children, className, style, ...reset } = {
-    ...defaultProps$D,
+    ...defaultProps$F,
     ...props
   };
   const b2 = cn("drag");
@@ -9460,7 +9562,7 @@ const Drag = (props) => {
     style: currstyle
   }, children));
 };
-Drag.defaultProps = defaultProps$D;
+Drag.defaultProps = defaultProps$F;
 Drag.displayName = "NutDrag";
 const Content = (props) => {
   const {
@@ -9559,7 +9661,7 @@ const DialogWrapper = (props) => {
   }));
 };
 DialogWrapper.displayName = "NutDialogWrapper";
-const defaultProps$C = {
+const defaultProps$E = {
   okText: "",
   cancelText: "",
   mask: true,
@@ -9638,9 +9740,9 @@ const BaseDialog = (props, ref) => {
   });
 };
 const Dialog = forwardRef(BaseDialog);
-Dialog.defaultProps = defaultProps$C;
+Dialog.defaultProps = defaultProps$E;
 Dialog.displayName = "NutDialog";
-const defaultProps$B = {
+const defaultProps$D = {
   ...ComponentDefaults,
   hasMore: true,
   upperThreshold: 40,
@@ -9672,7 +9774,7 @@ const Infiniteloading = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$B,
+    ...defaultProps$D,
     ...props
   };
   const [isInfiniting, setIsInfiniting] = useState(false);
@@ -9808,9 +9910,9 @@ const Infiniteloading = (props) => {
     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: "",
@@ -9843,7 +9945,7 @@ const Notify = (props) => {
     onClosed,
     onClick,
     ...rest
-  } = { ...defaultProps$A, ...props };
+  } = { ...defaultProps$C, ...props };
   let timer;
   const [showNotify, SetShow] = useState(false);
   useEffect(() => {
@@ -9904,9 +10006,9 @@ const Notify = (props) => {
     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,
@@ -9929,7 +10031,7 @@ const Switch = (props) => {
     className,
     style
   } = {
-    ...defaultProps$z,
+    ...defaultProps$B,
     ...props
   };
   const [value, setValue] = useState(false);
@@ -9969,7 +10071,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) {
@@ -9979,7 +10081,7 @@ function preventDefault(event, isStopPropagation) {
     event.stopPropagation();
   }
 }
-const defaultProps$y = {
+const defaultProps$A = {
   name: "",
   leftWidth: 0,
   rightWidth: 0
@@ -9987,7 +10089,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);
@@ -10140,7 +10242,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     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));
@@ -14667,7 +14769,7 @@ if (canUseDom) {
     console.log(e2);
   }
 }
-const defaultProps$x = {
+const defaultProps$z = {
   pullingText: "",
   canReleaseText: "",
   refreshingText: "",
@@ -14682,7 +14784,7 @@ const defaultProps$x = {
 const PullToRefresh = (p2) => {
   const { locale } = useConfig$1();
   const props = {
-    ...defaultProps$x,
+    ...defaultProps$z,
     ...p2,
     ...{
       pullingText: p2.pullingText || locale.pullToRefresh.pullingText,
@@ -14820,10 +14922,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",
@@ -14845,7 +14947,7 @@ const CircleProgress = (props) => {
     strokeLinecap,
     ...restProps
   } = {
-    ...defaultProps$w,
+    ...defaultProps$y,
     ...props
   };
   const [oldValue, setOldValue] = useState(progress);
@@ -14956,9 +15058,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: [],
@@ -15002,7 +15104,7 @@ const NoticeBar = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$v,
+    ...defaultProps$x,
     ...props
   };
   const wrap = useRef(null);
@@ -15251,16 +15353,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,
@@ -15294,9 +15396,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: "",
@@ -15320,7 +15422,7 @@ const Step = (props) => {
     iconFontClassName,
     ...restProps
   } = {
-    ...defaultProps$t,
+    ...defaultProps$v,
     ...props
   };
   const parent = useContext$1(DataContext$1);
@@ -15382,10 +15484,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,
@@ -15403,7 +15505,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,
@@ -15824,13 +15926,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");
@@ -15849,10 +15951,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: "",
@@ -15883,7 +15985,7 @@ const Avatar = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$q,
+    ...defaultProps$s,
     ...props
   };
   const [maxSum, setMaxSum] = useState(0);
@@ -15970,9 +16072,9 @@ const Avatar = (props) => {
     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",
@@ -15984,7 +16086,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");
@@ -16001,9 +16103,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;",
@@ -16025,7 +16127,7 @@ const Price = (props) => {
     className,
     ...rest
   } = {
-    ...defaultProps$o,
+    ...defaultProps$q,
     ...props
   };
   const b2 = cn("price");
@@ -16090,9 +16192,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,
@@ -16117,7 +16219,7 @@ const Badge = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$n,
+    ...defaultProps$p,
     ...props
   };
   function content() {
@@ -16155,9 +16257,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: "",
@@ -16190,7 +16292,7 @@ const Tag = (props) => {
     iconClassPrefix,
     iconFontClassName
   } = {
-    ...defaultProps$m,
+    ...defaultProps$o,
     ...props
   };
   const [btnName, setBtnName] = useState("");
@@ -16264,7 +16366,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") {
@@ -16308,7 +16410,7 @@ class Trigger extends React__default.Component {
     return trigger;
   }
 }
-const defaultProps$l = {
+const defaultProps$n = {
   ...ComponentDefaults,
   list: [],
   theme: "light",
@@ -16337,7 +16439,7 @@ const Popover = (props) => {
     iconFontClassName,
     ...reset
   } = {
-    ...defaultProps$l,
+    ...defaultProps$n,
     ...props
   };
   const goodItem = useRef(null);
@@ -16432,9 +16534,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,
@@ -16462,7 +16564,7 @@ const Skeleton = (props) => {
     avatarShape,
     ...restProps
   } = {
-    ...defaultProps$k,
+    ...defaultProps$m,
     ...props
   };
   const b2 = cn("skeleton");
@@ -16517,9 +16619,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(),
@@ -16546,7 +16648,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({
@@ -16742,9 +16844,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 = {
   activeName: ["0"],
   accordion: false,
   icon: "",
@@ -16769,7 +16871,7 @@ const Collapse = memo(
       iconColor,
       onChange
     } = {
-      ...defaultProps$i,
+      ...defaultProps$k,
       ...props
     };
     const childrenDom = React__default.Children.toArray(children);
@@ -16827,9 +16929,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: "",
@@ -16868,7 +16970,7 @@ const CollapseItem = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$h,
+    ...defaultProps$j,
     ...props
   };
   const [domHeight, setDomHeight] = useState(-1);
@@ -16948,9 +17050,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,
@@ -16968,7 +17070,7 @@ const CountUp = (props) => {
     thousands,
     ...reset
   } = {
-    ...defaultProps$g,
+    ...defaultProps$i,
     ...props
   };
   const b2 = cn("countup");
@@ -17045,9 +17147,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);
@@ -17059,7 +17161,7 @@ class AnimatingNumbers extends Component {
     });
   }
 }
-AnimatingNumbers.defaultProps = defaultProps$f;
+AnimatingNumbers.defaultProps = defaultProps$h;
 AnimatingNumbers.displayName = "NutAnimatingNumbers";
 AnimatingNumbers.CountUp = CountUp;
 const defaultStatus = {
@@ -17067,7 +17169,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: "",
@@ -17075,9 +17177,9 @@ const defaultProps$e = {
 };
 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] = useState({});
@@ -17119,7 +17221,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;
@@ -17232,7 +17334,7 @@ const updateItemSize = (positions, items, sizeKey) => {
     }
   });
 };
-const defaultProps$d = {};
+const defaultProps$f = {};
 const VirtualList = (props) => {
   const {
     sourceData = [],
@@ -17396,9 +17498,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: {},
@@ -17410,7 +17512,7 @@ const defaultProps$c = {
 };
 const Table = (props) => {
   const { locale } = useConfig$1();
-  defaultProps$c.noData = locale.noData;
+  defaultProps$e.noData = locale.noData;
   const {
     children,
     className,
@@ -17426,7 +17528,7 @@ const Table = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$c,
+    ...defaultProps$e,
     ...props
   };
   const [curData, setCurData] = useState(data);
@@ -17524,9 +17626,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: ""
@@ -17554,7 +17656,7 @@ const Video = (props) => {
     onPlayend,
     ...restProps
   } = {
-    ...defaultProps$b,
+    ...defaultProps$d,
     ...props
   };
   const rootRef = useRef(null);
@@ -17611,11 +17713,11 @@ const Video = (props) => {
     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: "",
@@ -17656,7 +17758,7 @@ const Audio = (props) => {
     iconFontClassName,
     ...rest
   } = {
-    ...defaultProps$a,
+    ...defaultProps$c,
     ...props
   };
   const [playing, setPlaying] = useState(false);
@@ -17820,9 +17922,9 @@ const Audio = (props) => {
     ...rest
   }, renderAudio());
 };
-Audio.defaultProps = defaultProps$a;
+Audio.defaultProps = defaultProps$c;
 Audio.displayName = "NutAudio";
-const defaultProps$9 = {
+const defaultProps$b = {
   images: [],
   videos: [],
   show: false,
@@ -18005,8 +18107,215 @@ 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 = () => {
+    let ratio = 1;
+    Taro.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.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.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: [],
@@ -19052,4 +19361,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$1 as 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$1 as 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, 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 };