@nutui/nutui-react-taro 2.6.4 → 2.6.6

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.4 Fri May 10 2024 14:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.6 Fri May 24 2024 15:06:49 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -197,7 +197,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$2 = "nut-button";
-const defaultProps$1w = {
+const defaultProps$1v = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -231,7 +231,7 @@ const Button = React__default.forwardRef(
       onClick,
       ...rest
     } = {
-      ...defaultProps$1w,
+      ...defaultProps$1v,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -297,7 +297,7 @@ const Button = React__default.forwardRef(
 );
 Button.displayName = "NutButton";
 const CellGroupContext = createContext(null);
-const defaultProps$1v = {
+const defaultProps$1u = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -306,7 +306,7 @@ const defaultProps$1v = {
 const classPrefix$r = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, title, description, divider, ...rest } = {
-    ...defaultProps$1v,
+    ...defaultProps$1u,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$r, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$r}-title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$r}-description` }, description) : null, /* @__PURE__ */ React__default.createElement(
@@ -318,7 +318,7 @@ const CellGroup = (props) => {
   ));
 };
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1u = {
+const defaultProps$1t = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -343,7 +343,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1u,
+    ...defaultProps$1t,
     ...props
   };
   const handleClick = (event) => {
@@ -1521,7 +1521,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1t = {
+const defaultProps$1s = {
   src: "",
   error: true,
   loading: true
@@ -1540,7 +1540,7 @@ const Image$1 = (props) => {
     onLoad,
     onError,
     ...rest
-  } = { ...defaultProps$1t, ...props };
+  } = { ...defaultProps$1s, ...props };
   const [innerLoading, setInnerLoading] = useState(true);
   const [isError, setIsError] = useState(false);
   const handleLoad = (e2) => {
@@ -3595,7 +3595,7 @@ const Overlay = (props) => {
 };
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1s = {
+const defaultProps$1r = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -3603,7 +3603,7 @@ const defaultProps$1s = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1s,
+    ...defaultProps$1r,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -3636,7 +3636,7 @@ const Col = (props) => {
   );
 };
 Col.displayName = "NutCol";
-const defaultProps$1r = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -3644,7 +3644,7 @@ const defaultProps$1r = {
 const classPrefix$o = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1r,
+    ...defaultProps$1q,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -3665,7 +3665,7 @@ const gridContext = {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1q = {
+const defaultProps$1p = {
   text: "",
   columns: 4,
   gap: 0,
@@ -3691,7 +3691,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1q,
+    ...defaultProps$1p,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -3750,7 +3750,7 @@ const GridItem = (props) => {
   );
 };
 GridItem.displayName = "NutGridItem";
-const defaultProps$1p = {
+const defaultProps$1o = {
   columns: 4,
   gap: 0,
   center: true,
@@ -3771,7 +3771,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1p, ...props };
+  } = { ...defaultProps$1o, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -3807,15 +3807,14 @@ const Grid = (props) => {
 };
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1o = {};
+const defaultProps$1n = {};
 const Layout = (props) => {
-  ({ ...defaultProps$1o, ...props });
+  ({ ...defaultProps$1n, ...props });
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
-Layout.defaultProps = defaultProps$1o;
 Layout.displayName = "NutLayout";
 const classPrefix$n = "nut-row";
-const defaultProps$1n = {
+const defaultProps$1m = {
   ...ComponentDefaults,
   type: "",
   justify: "start",
@@ -3835,7 +3834,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1n,
+    ...defaultProps$1m,
     ...props
   };
   const getClass = (prefix, type22) => {
@@ -3869,12 +3868,12 @@ const Row = (props) => {
 };
 Row.displayName = "NutRow";
 const prefixCls$1 = "nut-space";
-const defaultProps$1m = {
+const defaultProps$1l = {
   direction: "horizontal"
 };
 const Space = (props) => {
   const { className, style, children, wrap, align, direction, justify } = {
-    ...defaultProps$1m,
+    ...defaultProps$1l,
     ...props
   };
   const cls = classNames(
@@ -3966,7 +3965,7 @@ const getRectByTaro = async (element) => {
   }
   return Promise.resolve(makeRect(0, 0));
 };
-const defaultProps$1l = {
+const defaultProps$1k = {
   ...ComponentDefaults,
   position: "top",
   zIndex: 900
@@ -3983,7 +3982,7 @@ const Sticky = (props) => {
     className,
     onChange,
     ...rest
-  } = { ...defaultProps$1l, ...props };
+  } = { ...defaultProps$1k, ...props };
   const stickyRef = useRef(null);
   const rootRef = useRef(null);
   const [rootRect, setRootRect] = useState({});
@@ -4103,7 +4102,7 @@ const SafeArea = (props) => {
   );
 };
 SafeArea.displayName = "NutSafeArea";
-const defaultProps$1k = {
+const defaultProps$1j = {
   ...ComponentDefaults,
   threshold: 200,
   zIndex: 900,
@@ -4112,7 +4111,7 @@ const defaultProps$1k = {
 const BackTop = (props) => {
   const rtl = useRtl();
   const { children, threshold, zIndex, className, duration, style, onClick } = {
-    ...defaultProps$1k,
+    ...defaultProps$1j,
     ...props
   };
   const classPrefix2 = "nut-backtop";
@@ -4156,7 +4155,7 @@ const BackTop = (props) => {
 };
 BackTop.displayName = "NutBackTop";
 const elevatorContext = createContext({});
-const defaultProps$1j = {
+const defaultProps$1i = {
   ...ComponentDefaults,
   height: "200px",
   floorKey: "title",
@@ -4183,7 +4182,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$1j,
+    ...defaultProps$1i,
     ...props
   };
   const classPrefix2 = "nut-elevator";
@@ -4400,7 +4399,7 @@ const Elevator = (props) => {
 };
 Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
-const defaultProps$1i = {
+const defaultProps$1h = {
   ...ComponentDefaults,
   activeText: "",
   inactiveText: "",
@@ -4428,7 +4427,7 @@ const FixedNav = (props) => {
     content,
     ...rest
   } = {
-    ...defaultProps$1i,
+    ...defaultProps$1h,
     ...props
   };
   const classPrefix2 = "nut-fixednav";
@@ -4481,7 +4480,7 @@ const FixedNav = (props) => {
   );
 };
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$1h = {
+const defaultProps$1g = {
   ...ComponentDefaults,
   left: "",
   right: "",
@@ -4506,7 +4505,7 @@ const NavBar = (props) => {
     zIndex,
     onBackClick
   } = {
-    ...defaultProps$1h,
+    ...defaultProps$1g,
     ...props
   };
   const classPrefix2 = "nut-navbar";
@@ -4585,7 +4584,7 @@ const NavBar = (props) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
 };
 NavBar.displayName = "NutNavBar";
-const defaultProps$1g = {
+const defaultProps$1f = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -4638,7 +4637,7 @@ const Popup = (props) => {
     afterShow,
     afterClose,
     onClick
-  } = { ...defaultProps$1g, ...props };
+  } = { ...defaultProps$1f, ...props };
   let innerIndex = zIndex || _zIndex;
   const [index, setIndex] = useState(innerIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
@@ -4778,10 +4777,9 @@ const Popup = (props) => {
   }, [position, transition]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderToContainer(portal, renderNode()));
 };
-Popup.defaultProps = defaultProps$1g;
 Popup.displayName = "NutPopup";
 const OffsetContext = createContext(20);
-const defaultProps$1f = {
+const defaultProps$1e = {
   ...ComponentDefaults,
   position: "left",
   width: "80%"
@@ -4799,7 +4797,7 @@ const SideNavBar = (props) => {
     indent,
     ...rest
   } = {
-    ...defaultProps$1f,
+    ...defaultProps$1e,
     ...props
   };
   const innerIndent = indent ? Number(indent) : 20;
@@ -4857,13 +4855,13 @@ const SideNavBarItem = (props) => {
     title
   );
 };
-const defaultProps$1e = {
+const defaultProps$1d = {
   open: true
 };
 const SubSideNavBar = (props) => {
   const classPrefix2 = "nut-subsidenavbar";
   const { title, value, children, onClick, open: open2, ...rest } = {
-    ...defaultProps$1e,
+    ...defaultProps$1d,
     ...props
   };
   const [subShow, setSubShow] = useState(open2);
@@ -4941,7 +4939,7 @@ function usePropsValue({
   );
   return [stateRef.current, setState];
 }
-const defaultProps$1d = {
+const defaultProps$1c = {
   ...ComponentDefaults,
   value: "",
   dot: false,
@@ -4966,7 +4964,7 @@ const Badge = (props) => {
     color,
     fill
   } = {
-    ...defaultProps$1d,
+    ...defaultProps$1c,
     ...props
   };
   const classPrefix2 = "nut-badge";
@@ -5022,10 +5020,9 @@ const Badge = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, isIcon() && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-icon` }, value), children, !isIcon() && /* @__PURE__ */ React__default.createElement("div", { className: contentClasses, style: getStyle() }, content()));
 };
-Badge.defaultProps = defaultProps$1d;
 Badge.displayName = "NutBadge";
 const TabbarContext = React__default.createContext(null);
-const defaultProps$1c = {
+const defaultProps$1b = {
   ...ComponentDefaults,
   title: "",
   icon: null,
@@ -5051,7 +5048,7 @@ const TabbarItem = (props) => {
     index,
     ...rest
   } = {
-    ...defaultProps$1c,
+    ...defaultProps$1b,
     ...props
   };
   const active = index === (ctx == null ? void 0 : ctx.selectIndex);
@@ -5089,7 +5086,7 @@ const TabbarItem = (props) => {
     icon ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title))
   );
 };
-const defaultProps$1b = {
+const defaultProps$1a = {
   ...ComponentDefaults,
   defaultValue: 0,
   fixed: false,
@@ -5112,7 +5109,7 @@ const Tabbar = (props) => {
     style,
     onSwitch
   } = {
-    ...defaultProps$1b,
+    ...defaultProps$1a,
     ...props
   };
   const classPrefix2 = "nut-tabbar";
@@ -5155,14 +5152,14 @@ const Tabbar = (props) => {
 };
 Tabbar.displayName = "NutTabbar";
 Tabbar.Item = TabbarItem;
-const defaultProps$1a = {
+const defaultProps$19 = {
   title: "",
   value: "",
   disabled: false
 };
 const TabPane = (props) => {
   const { children, autoHeightClassName, className, disabled } = {
-    ...defaultProps$1a,
+    ...defaultProps$19,
     ...props
   };
   const classPrefix2 = "nut-tabpane";
@@ -5203,7 +5200,7 @@ function useUuid() {
   const idRef = useRef(uniqueId());
   return idRef.current;
 }
-const defaultProps$19 = {
+const defaultProps$18 = {
   ...ComponentDefaults,
   tabStyle: {},
   activeColor: "",
@@ -5233,7 +5230,7 @@ const Tabs = (props) => {
     defaultValue: outerDefaultValue,
     ...rest
   } = {
-    ...defaultProps$19,
+    ...defaultProps$18,
     ...props
   };
   const uuid = useUuid();
@@ -5457,7 +5454,7 @@ const Tabs = (props) => {
 };
 Tabs.displayName = "NutTabs";
 Tabs.TabPane = TabPane;
-const defaultProps$18 = {
+const defaultProps$17 = {
   type: "custom",
   existList: [],
   defaultIcon: null,
@@ -5476,7 +5473,7 @@ const ExistRender = (props) => {
     onSelect,
     onSwitch,
     ...rest
-  } = { ...defaultProps$18, ...props };
+  } = { ...defaultProps$17, ...props };
   const classPrefix2 = "nut-address";
   const selectedExist = (item) => {
     existList.forEach((list, index) => {
@@ -5638,7 +5635,7 @@ class Tree {
     return pathNodes;
   }
 }
-const defaultProps$17 = {
+const defaultProps$16 = {
   ...ComponentDefaults,
   activeColor: "",
   activeIcon: "checklist",
@@ -5677,11 +5674,13 @@ const InternalCascader = (props, ref) => {
     closeIconPosition,
     closeIcon,
     lazy,
+    title,
+    left: left2,
     onLoad,
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$17, ...props };
+  } = { ...defaultProps$16, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -5691,7 +5690,7 @@ const InternalCascader = (props, ref) => {
     finalValue: defaultValue
   });
   const [innerVisible, setInnerVisible] = usePropsValue({
-    value: props.visible,
+    value: visible,
     defaultValue: void 0,
     finalValue: false
   });
@@ -5979,8 +5978,8 @@ const InternalCascader = (props, ref) => {
       closeIcon,
       closeable,
       closeIconPosition,
-      title: popup && props.title,
-      left: props.left,
+      title: popup && title,
+      left: left2,
       onOverlayClick: closePopup,
       onCloseIconClick: closePopup
     },
@@ -5988,9 +5987,8 @@ const InternalCascader = (props, ref) => {
   ) : renderTabs());
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps$17;
 Cascader.displayName = "NutCascader";
-const defaultProps$16 = {
+const defaultProps$15 = {
   ...ComponentDefaults,
   visible: false,
   type: "custom",
@@ -6017,7 +6015,7 @@ const CustomRender = (props) => {
     onPathChange,
     ...rest
   } = {
-    ...defaultProps$16,
+    ...defaultProps$15,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, type4 === "custom" && /* @__PURE__ */ React__default.createElement(
@@ -6042,7 +6040,7 @@ const CustomRender = (props) => {
     }
   ));
 };
-const defaultProps$15 = {
+const defaultProps$14 = {
   ...ComponentDefaults,
   defaultValue: [],
   type: "custom",
@@ -6084,7 +6082,7 @@ const InternalAddress = (props, ref) => {
     onSwitch,
     ...rest
   } = {
-    ...defaultProps$15,
+    ...defaultProps$14,
     ...props
   };
   const classPrefix2 = "nut-address";
@@ -6176,7 +6174,6 @@ const InternalAddress = (props, ref) => {
   ));
 };
 const Address = forwardRef(InternalAddress);
-Address.defaultProps = defaultProps$15;
 Address.displayName = "NutAddress";
 const Utils = {
   /**
@@ -6426,7 +6423,7 @@ const isEnd = (day, days) => {
 const isStartAndEnd = (days) => {
   return days.length >= 2 && Utils.isEqual(days[0], days[1]);
 };
-const defaultProps$14 = {
+const defaultProps$13 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -6482,11 +6479,12 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     renderDay,
     renderDayTop,
     renderDayBottom,
+    value,
     onConfirm,
     onUpdate,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$14, ...props };
+  } = { ...defaultProps$13, ...props };
   const weekdays = locale.calendaritem.weekdays;
   const weeks = [
     ...weekdays.slice(firstDayOfWeek, 7),
@@ -6520,7 +6518,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     return void 0;
   };
   const [currentDate, setCurrentDate] = usePropsValue({
-    value: props.value,
+    value,
     defaultValue: resetDefaultValue(),
     finalValue: [],
     onChange: (val) => {
@@ -6726,7 +6724,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
           monthsData[current.lastCurrent],
           true
         );
-      } else if (props.type === "week") {
+      } else if (type4 === "week") {
         chooseDay(
           { day: defaultData[2], type: "curr" },
           monthsData[current.current],
@@ -7039,9 +7037,8 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
 });
-CalendarItem.defaultProps = defaultProps$14;
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$13 = {
+const defaultProps$12 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -7104,7 +7101,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onConfirm,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$13, ...props };
+  } = { ...defaultProps$12, ...props };
   const calendarRef = useRef(null);
   const close2 = () => {
     onClose && onClose();
@@ -7179,7 +7176,6 @@ const Calendar = React__default.forwardRef((props, ref) => {
     renderItem()
   ) : renderItem());
 });
-Calendar.defaultProps = defaultProps$13;
 Calendar.displayName = "NutCalendar";
 const left = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNNi42MDUgOS40OWEuNzcxLjc3MSAwIDAgMSAwLS45OGwzLjYtNC4zNzJhLjc3MS43NzEgMCAwIDEgMS4xOS45ODFMOC4yIDlsMy4xOTcgMy44ODFhLjc3MS43NzEgMCAxIDEtMS4xOTEuOThsLTMuNi00LjM3eiIvPjwvc3ZnPg==";
 const right = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTEuMzk2IDkuNDlhLjc3MS43NzEgMCAwIDAgMC0uOThsLTMuNi00LjM3MmEuNzcxLjc3MSAwIDAgMC0xLjE5MS45ODFMOS44IDlsLTMuMTk2IDMuODgxYS43NzEuNzcxIDAgMCAwIDEuMTkuOThsMy42LTQuMzd6Ii8+PC9zdmc+";
@@ -7254,7 +7250,7 @@ const getCurrentWeekDays = (day, firstDayOfWeek) => {
     )
   ];
 };
-const defaultProps$12 = {
+const defaultProps$11 = {
   ...ComponentDefaults,
   type: "single",
   firstDayOfWeek: 0
@@ -7278,7 +7274,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
     onDayClick,
     onPageChange,
     onChange
-  } = { ...defaultProps$12, ...props };
+  } = { ...defaultProps$11, ...props };
   const [month, setMonth] = useState(() => {
     let date4 = new Date(Date.now());
     const val = value || defaultValue;
@@ -7580,11 +7576,10 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
   };
   return days.length > 0 ? /* @__PURE__ */ React__default.createElement("div", { className: classNames(prefixCls, className), style }, renderHeader(), renderContent()) : null;
 });
-CalendarCard.defaultProps = defaultProps$12;
 CalendarCard.displayName = "NutCalendarCard";
 const CheckboxGroupContext = createContext(null);
 const Context$1 = CheckboxGroupContext;
-const defaultProps$11 = {
+const defaultProps$10 = {
   max: void 0,
   min: void 0,
   list: false,
@@ -7614,7 +7609,7 @@ const CheckboxGroup = React__default.forwardRef(
       direction,
       options,
       ...rest
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$10, ...props };
     useImperativeHandle(ref, () => ({
       toggle(state) {
         if (state === false) {
@@ -7706,9 +7701,9 @@ const CheckboxGroup = React__default.forwardRef(
     );
   }
 );
-CheckboxGroup.defaultProps = defaultProps$11;
+CheckboxGroup.defaultProps = defaultProps$10;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$10 = {
+const defaultProps$$ = {
   ...ComponentDefaults,
   disabled: false,
   shape: "round",
@@ -7722,7 +7717,7 @@ const defaultProps$10 = {
 const classPrefix$i = "nut-checkbox";
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$10,
+    ...defaultProps$$,
     ...props
   };
   const {
@@ -7743,8 +7738,8 @@ const Checkbox = (props) => {
   let { labelPosition, ...rest } = others;
   const ctx = useContext(Context$1);
   let [innerChecked, setChecked] = usePropsValue({
-    value: props.checked,
-    defaultValue: props.defaultChecked,
+    value: checked,
+    defaultValue: defaultChecked,
     finalValue: defaultChecked,
     onChange
   });
@@ -7866,7 +7861,6 @@ const Checkbox = (props) => {
     renderCheckboxItem()
   );
 };
-Checkbox.defaultProps = defaultProps$10;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const InternalPickerPanel = (props, ref) => {
@@ -8112,7 +8106,7 @@ function useRefs() {
   }, []);
   return [refs.current, setRefs, reset];
 }
-const defaultProps$$ = {
+const defaultProps$_ = {
   ...ComponentDefaults,
   visible: false,
   title: "",
@@ -8143,7 +8137,7 @@ const InternalPicker = (props, ref) => {
     afterClose,
     onChange,
     ...rest
-  } = { ...defaultProps$$, ...props };
+  } = { ...defaultProps$_, ...props };
   const classPrefix2 = "nut-picker";
   const classes = classNames(classPrefix2, className);
   const [selectedValue, setSelectedValue] = usePropsValue({
@@ -8458,7 +8452,7 @@ const padZero = (num, targetLength = 2) => {
   return str;
 };
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-const defaultProps$_ = {
+const defaultProps$Z = {
   ...ComponentDefaults,
   visible: false,
   title: "",
@@ -8491,7 +8485,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$_,
+    ...defaultProps$Z,
     ...props
   };
   const { locale } = useConfig$1();
@@ -8782,7 +8776,7 @@ const DatePicker = (props) => {
     )
   );
 };
-DatePicker.defaultProps = defaultProps$_;
+DatePicker.defaultProps = defaultProps$Z;
 DatePicker.displayName = "NutDatePicker";
 const Context = createContext({});
 function _extends() {
@@ -10025,7 +10019,7 @@ const useForm = (form) => {
   }
   return [formRef.current];
 };
-const defaultProps$Z = {
+const defaultProps$Y = {
   ...ComponentDefaults,
   labelPosition: "right",
   starPosition: "left",
@@ -10056,7 +10050,7 @@ const Form = React__default.forwardRef(
       starPosition,
       form
     } = {
-      ...defaultProps$Z,
+      ...defaultProps$Y,
       ...props
     };
     let formInstance;
@@ -10102,7 +10096,6 @@ const Form = React__default.forwardRef(
     );
   }
 );
-Form.defaultProps = defaultProps$Z;
 Form.displayName = "NutForm";
 function isForwardRefComponent(component) {
   return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
@@ -10113,7 +10106,7 @@ function isForwardRefComponent(component) {
     }
   ).$$typeof === component.type.$$typeof;
 }
-const defaultProps$Y = {
+const defaultProps$X = {
   ...ComponentDefaults,
   required: false,
   name: "",
@@ -10209,7 +10202,7 @@ const _FormItem = class _FormItem extends React__default.Component {
         style,
         errorMessageAlign
       } = {
-        ...defaultProps$Y,
+        ...defaultProps$X,
         ...this.props
       };
       const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
@@ -10244,6 +10237,13 @@ const _FormItem = class _FormItem extends React__default.Component {
     };
   }
   componentDidMount() {
+    const { store = {}, setInitialValues } = this.context.getInternal(SECRET);
+    if (this.props.initialValue && this.props.name && !Object.keys(store).includes(this.props.name)) {
+      setInitialValues(
+        { ...store, [this.props.name]: this.props.initialValue },
+        true
+      );
+    }
     const { registerField, registerUpdate } = this.context.getInternal(SECRET);
     this.cancelRegister = registerField(this);
     this.eventOff = registerUpdate(this, this.props.shouldUpdate);
@@ -10271,7 +10271,7 @@ const _FormItem = class _FormItem extends React__default.Component {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: this.state.resetCount }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
   }
 };
-_FormItem.defaultProps = defaultProps$Y;
+_FormItem.defaultProps = defaultProps$X;
 _FormItem.contextType = Context;
 let FormItem = _FormItem;
 const InnerForm = Form;
@@ -10301,11 +10301,11 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$X = {
+const defaultProps$W = {
   ...ComponentDefaults,
   type: "text",
   name: "",
-  placeholder: "",
+  placeholder: void 0,
   confirmType: "done",
   align: "left",
   required: false,
@@ -10346,12 +10346,12 @@ const Input = forwardRef(
       value: _value,
       ...rest
     } = {
-      ...defaultProps$X,
+      ...defaultProps$W,
       ...props
     };
     const [value, setValue] = usePropsValue({
-      value: props.value,
-      defaultValue: props.defaultValue,
+      value: _value,
+      defaultValue,
       finalValue: "",
       onChange
     });
@@ -10415,16 +10415,11 @@ const Input = forwardRef(
       updateValue(value2, "onChange");
     };
     const handleBlur = (event) => {
-      if (Taro.getEnv() === "WEB") {
-        const val = event.target.value;
-        updateValue(val, "onBlur");
-        setTimeout(() => {
-          setActive(false);
-        }, 50);
-      } else {
-        updateValue(value, "onBlur");
+      const val = Taro.getEnv() === "WEB" ? event.target.value : value;
+      updateValue(val, "onBlur");
+      setTimeout(() => {
         setActive(false);
-      }
+      }, 200);
     };
     const inputType = (type22) => {
       if (getEnv() === ENV_TYPE.WEB) {
@@ -10468,7 +10463,7 @@ const Input = forwardRef(
           type: inputType(type4),
           password: type4 === "password",
           maxlength: maxLength,
-          placeholder: placeholder || locale.placeholder,
+          placeholder: placeholder === void 0 ? locale.placeholder : placeholder,
           disabled: disabled || readOnly,
           value,
           focus: autoFocus,
@@ -10485,7 +10480,8 @@ const Input = forwardRef(
         {
           style: {
             display: clearable && !readOnly && active && value.length > 0 ? "flex" : "none",
-            alignItems: "center"
+            alignItems: "center",
+            cursor: "pointer"
           },
           onClick: (e2) => {
             e2.stopPropagation();
@@ -10500,9 +10496,8 @@ const Input = forwardRef(
     );
   }
 );
-Input.defaultProps = defaultProps$X;
 Input.displayName = "NutInput";
-const defaultProps$W = {
+const defaultProps$V = {
   ...ComponentDefaults,
   disabled: false,
   readOnly: false,
@@ -10540,7 +10535,7 @@ const InputNumber = (props) => {
     onChange,
     ...restProps
   } = {
-    ...defaultProps$W,
+    ...defaultProps$V,
     ...props
   };
   const classes = classNames(classPrefix$h, className, {
@@ -10700,9 +10695,8 @@ const InputNumber = (props) => {
     }
   )));
 };
-InputNumber.defaultProps = defaultProps$W;
 InputNumber.displayName = "NutInputNumber";
-const defaultProps$V = {
+const defaultProps$U = {
   ...ComponentDefaults,
   columns: 1,
   direction: "down",
@@ -10733,7 +10727,7 @@ const MenuItem = forwardRef((props, ref) => {
     parent,
     index
   } = {
-    ...defaultProps$V,
+    ...defaultProps$U,
     ...props
   };
   const [showPopup, setShowPopup] = useState(show2);
@@ -10894,7 +10888,7 @@ const MenuItem = forwardRef((props, ref) => {
             g$3,
             {
               color: activeColor,
-              size: 10,
+              size: 16,
               className: getIconCName(item.value, value)
             }
           )) : null,
@@ -10913,9 +10907,8 @@ const MenuItem = forwardRef((props, ref) => {
     )
   ));
 });
-MenuItem.defaultProps = defaultProps$V;
 MenuItem.displayName = "NutMenuItem";
-const defaultProps$U = {
+const defaultProps$T = {
   ...ComponentDefaults,
   activeColor: "",
   closeOnOverlayClick: true,
@@ -10942,7 +10935,7 @@ const Menu = (props) => {
     onOpen,
     ...rest
   } = {
-    ...defaultProps$U,
+    ...defaultProps$T,
     ...props
   };
   const menuRef = useRef(null);
@@ -11067,19 +11060,8 @@ const Menu = (props) => {
     cloneChildren()
   );
 };
-Menu.defaultProps = defaultProps$U;
 Menu.displayName = "NutMenu";
 Menu.Item = MenuItem;
-const defaultProps$T = {
-  ...ComponentDefaults,
-  visible: false,
-  rightActions: "",
-  type: "default",
-  custom: [],
-  random: false,
-  onClose: () => {
-  }
-};
 const NumberKeyboard = (props) => {
   const { locale } = useConfig$1();
   const {
@@ -11218,7 +11200,6 @@ const NumberKeyboard = (props) => {
     ))))
   );
 };
-NumberKeyboard.defaultProps = defaultProps$T;
 NumberKeyboard.displayName = "NutNumberKeyboard";
 const RadioContext = React__default.createContext(null);
 const defaultProps$S = {
@@ -11743,7 +11724,6 @@ const Range = (props) => {
     renderButton()
   ))), maxDescription !== null && /* @__PURE__ */ React__default.createElement("div", { className: "max" }, maxDescription || max));
 };
-Range.defaultProps = defaultProps$Q;
 Range.displayName = "NutRange";
 const defaultProps$P = {
   ...ComponentDefaults,
@@ -11930,7 +11910,6 @@ const Rate = (props) => {
     })
   );
 };
-Rate.defaultProps = defaultProps$P;
 Rate.displayName = "NutRate";
 const defaultProps$O = {
   ...ComponentDefaults,
@@ -11951,8 +11930,9 @@ const SearchBar = (props) => {
   const classPrefix2 = "nut-searchbar";
   const { locale } = useConfig$1();
   const searchRef = useRef(null);
-  const [value, setValue] = useState(() => props.value);
   const {
+    value: outerValue,
+    style,
     placeholder,
     shape,
     className,
@@ -11976,6 +11956,7 @@ const SearchBar = (props) => {
     ...defaultProps$O,
     ...props
   };
+  const [value, setValue] = useState(() => outerValue);
   const forceFocus = () => {
     const searchSelf = searchRef.current;
     searchSelf && searchSelf.focus();
@@ -11998,8 +11979,8 @@ const SearchBar = (props) => {
     onBlur && (onBlur == null ? void 0 : onBlur(value2, event));
   };
   useEffect(() => {
-    setValue(props.value || "");
-  }, [props.value]);
+    setValue(outerValue || "");
+  }, [outerValue]);
   useEffect(() => {
     autoFocus && forceFocus();
   }, [autoFocus]);
@@ -12009,7 +11990,7 @@ const SearchBar = (props) => {
       {
         className: `${classPrefix2}-input ${clearable ? `${classPrefix2}-input-clear` : ""}`,
         ref: searchRef,
-        style: { ...props.style },
+        style,
         value: value || "",
         placeholder: placeholder || locale.placeholder,
         disabled,
@@ -12076,7 +12057,7 @@ const SearchBar = (props) => {
     "div",
     {
       className: `${classPrefix2} ${disabled ? `${classPrefix2}-disabled` : ""}  ${className || ""}`,
-      style: { ...props.style }
+      style
     },
     renderLeft(),
     /* @__PURE__ */ React__default.createElement(
@@ -12092,7 +12073,6 @@ const SearchBar = (props) => {
     renderRight()
   );
 };
-SearchBar.defaultProps = defaultProps$O;
 SearchBar.displayName = "NutSearchBar";
 const defaultProps$N = {
   ...ComponentDefaults,
@@ -12110,7 +12090,7 @@ const InternalShortPassword = (props, ref) => {
     title,
     description,
     tips,
-    visible: deleteVisible,
+    visible: outerVisible,
     value,
     error,
     hideFooter,
@@ -12142,7 +12122,7 @@ const InternalShortPassword = (props, ref) => {
     return val.slice(0, comLen);
   };
   const [visible, setVisible] = usePropsValue({
-    value: props.visible,
+    value: outerVisible,
     defaultValue: false,
     finalValue: false
   });
@@ -12260,7 +12240,7 @@ const InternalSignature = (props, ref) => {
     }).exec((res) => {
       canvasToTempFilePath({
         canvas: res[0].node,
-        fileType: props.type,
+        fileType: type4,
         canvasId: `${canvasId}`,
         success: (res2) => {
           onConfirm && onConfirm(res2.tempFilePath);
@@ -12359,7 +12339,6 @@ const InternalSignature = (props, ref) => {
 const Signature = React__default.forwardRef(
   InternalSignature
 );
-Signature.defaultProps = defaultProps$M;
 Signature.displayName = "NutSignature";
 const defaultProps$L = {
   ...ComponentDefaults,
@@ -12407,7 +12386,6 @@ const Switch = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-button` }, !value && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-close-line` }), activeText && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, value ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-label open` }, activeText) : /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-label close` }, inactiveText)))
   );
 };
-Switch.defaultProps = defaultProps$L;
 Switch.displayName = "NutSwitch";
 const defaultProps$K = {
   ...ComponentDefaults,
@@ -12517,7 +12495,6 @@ const TextArea = (props) => {
     showCount && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-limit` }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)
   );
 };
-TextArea.defaultProps = defaultProps$K;
 TextArea.displayName = "NutTextArea";
 class UploadOptions {
   constructor() {
@@ -12821,7 +12798,6 @@ const Progress = (props) => {
     )))
   );
 };
-Progress.defaultProps = defaultProps$J;
 Progress.displayName = "NutProgress";
 const Preview = ({
   fileList,
@@ -13138,7 +13114,7 @@ const InternalUploader = (props, ref) => {
       });
     };
     const task = new UploaderTaro(uploadOption);
-    if (props.autoUpload) {
+    if (autoUpload) {
       task.uploadTaro(uploadFile, getEnv());
     } else {
       uploadQueue.push(
@@ -13190,8 +13166,8 @@ const InternalUploader = (props, ref) => {
     });
   };
   const filterFiles = (files) => {
-    const maximum = props.maxCount * 1;
-    const maximize = props.maxFileSize * 1;
+    const maximum = maxCount * 1;
+    const maximize = maxFileSize * 1;
     const oversizes = new Array();
     const filterFile = files.filter((file) => {
       if (file.size > maximize) {
@@ -13257,7 +13233,6 @@ const InternalUploader = (props, ref) => {
   ));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$I;
 Uploader.displayName = "NutUploader";
 const defaultProps$H = {
   ...ComponentDefaults,
@@ -13330,7 +13305,6 @@ const ActionSheet = (props) => {
     ))
   );
 };
-ActionSheet.defaultProps = defaultProps$H;
 ActionSheet.displayName = "NutActionSheet";
 const Content = (props) => {
   const {
@@ -13679,18 +13653,18 @@ const Drag = (props) => {
       } else if (translateY.current > boundaryState.bottom) {
         translateY.current = boundaryState.bottom;
       }
-      const transform = `translate3d(${props.direction !== "y" ? translateX.current : 0}px, ${props.direction !== "x" ? translateY.current : 0}px, 0px)`;
+      const transform = `translate3d(${direction !== "y" ? translateX.current : 0}px, ${direction !== "x" ? translateY.current : 0}px, 0px)`;
       setCurrStyle({ transform });
     }
   };
   const touchEnd = (e2) => {
-    if (props.direction !== "y" && props.attract && dragRef.current) {
+    if (direction !== "y" && attract && dragRef.current) {
       if (translateX.current < middleLine.current) {
         translateX.current = boundaryState.left;
       } else {
         translateX.current = boundaryState.right;
       }
-      const transform = `translate3d(${translateX.current}px, ${props.direction !== "x" ? translateY.current : 0}px, 0px)`;
+      const transform = `translate3d(${translateX.current}px, ${direction !== "x" ? translateY.current : 0}px, 0px)`;
       setCurrStyle({ transform });
     }
   };
@@ -13723,7 +13697,6 @@ const Drag = (props) => {
     )
   );
 };
-Drag.defaultProps = defaultProps$F;
 Drag.displayName = "NutDrag";
 const defaultStatus = {
   empty: "https://storage.360buyimg.com/imgtools/30186cfda0-0d3eee40-c0ac-11ee-9382-9125782aa3b8.png",
@@ -13798,7 +13771,6 @@ const Empty = (props) => {
     );
   })), children);
 };
-Empty.defaultProps = defaultProps$E;
 Empty.displayName = "NutEmpty";
 const defaultProps$D = {
   ...ComponentDefaults,
@@ -13934,7 +13906,6 @@ const InfiniteLoading = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadingText || locale.infiniteloading.loadText) : !hasMore && /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
   );
 };
-InfiniteLoading.defaultProps = defaultProps$D;
 InfiniteLoading.displayName = "NutInfiniteLoading";
 const loadingMap = {
   circular: D$5,
@@ -13967,7 +13938,6 @@ const Loading = (props) => {
     children ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-text` }, children) : ""
   );
 };
-Loading.defaultProps = defaultProps$C;
 Loading.displayName = "NutLoading";
 const defaultProps$B = {
   ...ComponentDefaults,
@@ -14389,7 +14359,6 @@ const NoticeBar = (props) => {
     )
   ) : null);
 };
-NoticeBar.defaultProps = defaultProps$B;
 NoticeBar.displayName = "NutNoticeBar";
 const defaultProps$A = {
   ...ComponentDefaults,
@@ -14595,7 +14564,7 @@ const Popover = (props) => {
   };
   const clickAway = () => {
     if (closeOnOutsideClick) {
-      props.onClick && props.onClick();
+      onClick && onClick();
       onClose && onClose();
     }
   };
@@ -14671,7 +14640,7 @@ const Popover = (props) => {
     const direction = location.split("-")[0];
     const skew = location.split("-")[1];
     const base = 16;
-    if (props.arrowOffset !== 0) {
+    if (arrowOffset !== 0) {
       const dir = rtl ? "right" : "left";
       const dir2 = rtl ? "left" : "right";
       if (["bottom", "top"].includes(direction)) {
@@ -14700,12 +14669,11 @@ const Popover = (props) => {
     return styles;
   };
   const handleSelect = (item, index) => {
-    var _a;
     if (!item.disabled) {
       onSelect == null ? void 0 : onSelect(item, index);
     }
     if (closeOnActionClick) {
-      (_a = props.onClick) == null ? void 0 : _a.call(props);
+      onClick == null ? void 0 : onClick();
       onClose == null ? void 0 : onClose();
     }
   };
@@ -14773,7 +14741,6 @@ const Popover = (props) => {
     }
   )));
 };
-Popover.defaultProps = defaultProps$z;
 Popover.displayName = "NutPopover";
 function bound(position, min, max) {
   let ret = position;
@@ -14965,7 +14932,6 @@ const AvatarGroup = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React__default.createElement("div", { className: cls, style, ref: avatarGroupRef }, children));
 };
-AvatarGroup.defaultProps = defaultProps$x;
 AvatarGroup.displayName = "NutAvatarGroup";
 const defaultProps$w = {
   ...ComponentDefaults,
@@ -15054,8 +15020,8 @@ const Avatar = (props) => {
     }
   };
   const errorEvent = () => {
-    if (props.onError) {
-      props.onError();
+    if (onError) {
+      onError();
     }
   };
   const clickAvatar = (e2) => {
@@ -15085,7 +15051,6 @@ const Avatar = (props) => {
     showMax && /* @__PURE__ */ React__default.createElement("div", { 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 - Number(((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max) || 0)}`)
   ));
 };
-Avatar.defaultProps = defaultProps$w;
 Avatar.displayName = "NutAvatar";
 Avatar.Group = AvatarGroup;
 const defaultProps$v = {
@@ -15148,7 +15113,6 @@ const Skeleton = (props) => {
     return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-block`, key: index });
   })))));
 };
-Skeleton.defaultProps = defaultProps$v;
 Skeleton.displayName = "NutSkeleton";
 function preventDefault(event, isStopPropagation) {
   if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -15533,7 +15497,6 @@ const Animate = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-animate" }, /* @__PURE__ */ React__default.createElement("div", { className: cls, onClick: handleClick, ...rest }, children));
 };
-Animate.defaultProps = defaultProps$s;
 Animate.displayName = "NutAnimate";
 const defaultProps$r = {
   ...ComponentDefaults,
@@ -15913,11 +15876,10 @@ const CircleProgress = (props) => {
     return () => window.cancelAnimationFrame(animateIdRef.current);
   }, [percent]);
   const stop = () => {
-    if (!isObject(props.color)) {
+    if (!isObject(color)) {
       return [];
     }
-    const color2 = props.color;
-    const colorArr = Object.keys(color2).sort(
+    const colorArr = Object.keys(color).sort(
       (a2, b) => parseFloat(a2) - parseFloat(b)
     );
     const stopArr = [];
@@ -15927,7 +15889,7 @@ const CircleProgress = (props) => {
         value: ""
       };
       obj.key = item;
-      obj.value = color2[item];
+      obj.value = color[item];
       stopArr.push(obj);
     });
     return stopArr;
@@ -15951,15 +15913,15 @@ const CircleProgress = (props) => {
     const perimeter = 283;
     const progress = +oldValue.current;
     const offset = perimeter * Number(format2(parseFloat(progress.toFixed(1)))) / 100;
-    const isWise = props.clockwise ? 1 : 0;
-    const color2 = isObject(props.color) ? `url(%23${refRandomId})` : transColor(props.color);
+    const isWise = clockwise ? 1 : 0;
+    const realColor = isObject(color) ? `url(%23${refRandomId})` : transColor(color);
     const d = `M 50 50 m 0 -45 a 45 45 0 1 ${isWise} 0 90 a 45 45 0 1, ${isWise} 0 -90`;
     const pa = `%3Cdefs%3E%3ClinearGradient id='${refRandomId}' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E${stopDom}%3C/linearGradient%3E%3C/defs%3E`;
     const path = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke='${transColor(
-      props.background
+      background
     )}' fill='none'/%3E`;
     const path1 = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke-dasharray='${offset},${perimeter}' stroke-linecap='round' stroke='${transColor(
-      color2
+      realColor
     )}' fill='none'/%3E`;
     return {
       background: `url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100'  xmlns='http://www.w3.org/2000/svg'%3E${pa}${path}${path1}%3C/svg%3E")`,
@@ -15969,7 +15931,6 @@ const CircleProgress = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, style: styles, ...restProps }, /* @__PURE__ */ React__default.createElement("div", { style: circleStyle() }), /* @__PURE__ */ React__default.createElement("div", { className: "nut-circleprogress-text" }, children));
 };
-CircleProgress.defaultProps = defaultProps$o;
 CircleProgress.displayName = "NutCircleProgress";
 const collapseContext = {
   isOpen: (name) => {
@@ -16114,7 +16075,6 @@ const CollapseItem = (props) => {
     )
   ));
 };
-CollapseItem.defaultProps = defaultProps$n;
 CollapseItem.displayName = "NutCollapseItem";
 const defaultProps$m = {
   ...ComponentDefaults,
@@ -16192,7 +16152,6 @@ const Collapse = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix2, className), style }, children)
   );
 };
-Collapse.defaultProps = defaultProps$m;
 Collapse.displayName = "NutCollapse";
 Collapse.Item = CollapseItem;
 const defaultProps$l = {
@@ -16433,7 +16392,6 @@ const InternalCountDown = (props, ref) => {
 const CountDown = React__default.forwardRef(
   InternalCountDown
 );
-CountDown.defaultProps = defaultProps$l;
 CountDown.displayName = "NutCountDown";
 const defaultProps$k = {
   ...ComponentDefaults,
@@ -16756,7 +16714,6 @@ const Ellipsis = (props) => {
     symbolText()
   ));
 };
-Ellipsis.defaultProps = defaultProps$k;
 Ellipsis.displayName = "NutEllipsis";
 const defaultProps$j = {
   total: 3,
@@ -16789,7 +16746,6 @@ const Indicator = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$5, classes, className), ...rest }, renderElement());
 };
-Indicator.defaultProps = defaultProps$j;
 Indicator.displayName = "NutIndicator";
 const defaultProps$i = {
   direction: "horizontal",
@@ -16962,6 +16918,7 @@ const defaultProps$g = {
 };
 const ImagePreview = (props) => {
   const {
+    value,
     className,
     style,
     images,
@@ -16975,17 +16932,17 @@ const ImagePreview = (props) => {
     closeIcon,
     closeIconPosition,
     showMenuByLongpress,
-    onClose
-  } = props;
+    onClose,
+    onChange
+  } = { ...defaultProps$g, ...props };
   const classPrefix2 = "nut-imagepreview";
   const ref = useRef(null);
   const [innerNo, setInnerNo] = usePropsValue({
-    value: props.value,
+    value,
     defaultValue,
     finalValue: defaultValue,
     onChange: (val) => {
-      var _a;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, val);
+      onChange == null ? void 0 : onChange(val);
     }
   });
   const [showPop, setShowPop] = useState(visible);
@@ -17096,9 +17053,8 @@ const ImagePreview = (props) => {
     );
   };
   const slideChangeEnd = (page) => {
-    var _a;
     setActive(page + 1);
-    (_a = props.onChange) == null ? void 0 : _a.call(props, page + 1);
+    onChange == null ? void 0 : onChange(page + 1);
   };
   const onCloseInner = (e2) => {
     e2.stopPropagation();
@@ -17112,6 +17068,7 @@ const ImagePreview = (props) => {
     });
   };
   const closeOnImg = (e2) => {
+    e2.stopPropagation();
     if (closeOnContentClick) {
       onCloseInner(e2);
     }
@@ -17201,7 +17158,6 @@ const ImagePreview = (props) => {
     ) : null
   );
 };
-ImagePreview.defaultProps = defaultProps$g;
 ImagePreview.displayName = "NutImagePreview";
 const defaultProps$f = {
   ...ComponentDefaults,
@@ -17313,7 +17269,6 @@ const Pagination = (props) => {
     next || locale.pagination.next
   )), mode === "lite" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-default` }, 8))));
 };
-Pagination.defaultProps = defaultProps$f;
 Pagination.displayName = "NutPagination";
 const defaultProps$e = {
   ...ComponentDefaults,
@@ -17415,7 +17370,6 @@ const Price = (props) => {
     symbol && position === "after" ? renderSymbol() : null
   );
 };
-Price.defaultProps = defaultProps$e;
 Price.displayName = "NutPrice";
 const DataContext = createContext({});
 const defaultProps$d = {
@@ -17461,7 +17415,6 @@ const Step = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps, onClick: handleClickStep }, /* @__PURE__ */ React__default.createElement(View, { className: "nut-step-head" }, /* @__PURE__ */ React__default.createElement(View, { className: "nut-step-line" }), /* @__PURE__ */ React__default.createElement(View, { className: renderIconClass() }, icon || !dot && /* @__PURE__ */ React__default.createElement("span", { className: "nut-step-inner" }, value))), (title || description) && /* @__PURE__ */ React__default.createElement(View, { className: "nut-step-main" }, /* @__PURE__ */ React__default.createElement("span", { className: "nut-step-title" }, title), description && /* @__PURE__ */ React__default.createElement("span", { className: "nut-step-description" }, description)));
 };
-Step.defaultProps = defaultProps$d;
 Step.displayName = "NutStep";
 const defaultProps$c = {
   ...ComponentDefaults,
@@ -17488,13 +17441,12 @@ const Steps = (props) => {
     classPrefix2,
     {
       [`${classPrefix2}-${direction}`]: true,
-      [`${classPrefix2}-dot`]: !!props.dot
+      [`${classPrefix2}-dot`]: !!dot
     },
     className
   );
   return /* @__PURE__ */ React__default.createElement(DataContext.Provider, { value: parentSteps }, /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, children));
 };
-Steps.defaultProps = defaultProps$c;
 Steps.displayName = "NutSteps";
 function useTableSticky(columns, rtl = false) {
   const [isSticky, setIsSticky] = useState(false);
@@ -17635,7 +17587,7 @@ const Table = (props) => {
   };
   const cellClasses = (item) => {
     return {
-      [`${headerClassPrefix}-border`]: props.bordered,
+      [`${headerClassPrefix}-border`]: bordered,
       [`${headerClassPrefix}-align${item.align ? item.align : ""}`]: true
     };
   };
@@ -17721,7 +17673,6 @@ const Table = (props) => {
     }
   )) : null, (summary || innerValue.length === 0) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-summary` }, summary || noData));
 };
-Table.defaultProps = defaultProps$b;
 Table.displayName = "NutTable";
 const defaultProps$a = {
   ...ComponentDefaults,
@@ -17823,7 +17774,6 @@ const Tag = (props) => {
     children && /* @__PURE__ */ React__default.createElement("span", { className: `${classPrefix2}-text` }, children)
   ));
 };
-Tag.defaultProps = defaultProps$a;
 Tag.displayName = "NutTag";
 const getTaroRectById = (id) => {
   return new Promise((resolve, reject) => {
@@ -18021,7 +17971,6 @@ const Tour = (props) => {
     )));
   }));
 };
-Tour.defaultProps = defaultProps$9;
 Tour.displayName = "NutTour";
 const defaultProps$8 = {
   source: {
@@ -18072,7 +18021,6 @@ const Video = (props) => {
     }
   ));
 };
-Video.defaultProps = defaultProps$8;
 Video.displayName = "NutVideo";
 const initPositinoCache = (reaItemSize, length = 0) => {
   let index = 0;
@@ -18281,7 +18229,6 @@ const VirtualList = (props) => {
     )
   );
 };
-VirtualList.defaultProps = defaultProps$7;
 VirtualList.displayName = "NutVirtualList";
 const defaultProps$6 = {
   ...ComponentDefaults,
@@ -18403,7 +18350,6 @@ const InternalBarrage = (props, ref) => {
 const Barrage = React__default.forwardRef(
   InternalBarrage
 );
-Barrage.defaultProps = defaultProps$6;
 Barrage.displayName = "NutBarrage";
 const defaultProps$5 = {
   ...ComponentDefaults,
@@ -18449,7 +18395,6 @@ const Card = (props) => {
     }
   )), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-other` }, tag || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Tag, { type: "danger" }, shopDescription), /* @__PURE__ */ React__default.createElement(Tag, { plain: true }, delivery))), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-shop` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-right-shop-name` }, shopName), extra)));
 };
-Card.defaultProps = defaultProps$5;
 Card.displayName = "NutCard";
 const defaultProps$4 = {
   ...ComponentDefaults,
@@ -18504,7 +18449,6 @@ const TimeDetail = (props) => {
     item[optionKey.textKey]
   )));
 };
-TimeDetail.defaultProps = defaultProps$4;
 TimeDetail.displayName = "NutTimeDetail";
 const defaultProps$3 = {
   ...ComponentDefaults,
@@ -18642,7 +18586,6 @@ const TimeSelect = (props) => {
     )))
   );
 };
-TimeSelect.defaultProps = defaultProps$3;
 TimeSelect.displayName = "NutTimeSelect";
 const defaultProps$2 = {
   ...ComponentDefaults,
@@ -18723,7 +18666,6 @@ const TrendArrow = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, !left2 && renderContent(!left2), Number(value) !== 0 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, rateTrend.current ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, riseIcon || /* @__PURE__ */ React__default.createElement(c, { color: calcIconProps.color })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, dropIcon || /* @__PURE__ */ React__default.createElement(e, { color: calcIconProps.color }))), left2 && renderContent(!left2));
 };
-TrendArrow.defaultProps = defaultProps$2;
 TrendArrow.displayName = "NutTrendArrow";
 const defaultProps$1 = {
   ...ComponentDefaults,
@@ -18854,7 +18796,6 @@ const WaterMark = (props) => {
     }
   );
 };
-WaterMark.defaultProps = defaultProps$1;
 WaterMark.displayName = "NutWaterMark";
 const defaultProps = {
   ...ComponentDefaults,
@@ -19389,7 +19330,6 @@ const AvatarCropper = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: cls, ...rest, style }, children, /* @__PURE__ */ React__default.createElement("div", { className: "nut-avatar-cropper-edit-text", onClick: chooseImage2 }, editText)), CropperPopup());
 };
-AvatarCropper.defaultProps = defaultProps;
 AvatarCropper.displayName = "NutAvatarCropper";
 export {
   ActionSheet,