@nutui/nutui-react-taro 2.6.22 → 2.7.0

package/dist/esm/{calendar.taro-C52T1TFf.js → calendar.taro-MkErd99P.js}

@@ -1,6 +1,6 @@
 import React__default, { useRef } from "react";
 import { P as Popup } from "./popup.taro-DV32k5dP.js";
-import { C as CalendarItem } from "./calendaritem.taro-CHdJXKkc.js";
+import { C as CalendarItem } from "./calendaritem.taro-BGbbuJOS.js";
 import { U as Utils } from "./date-CYwRNlGq.js";
 import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
@@ -11,7 +11,7 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type:
 } });
 const Calendar = React__default.forwardRef((props, ref) => {
   const { locale } = useConfig();
-  const { style, className, children, popup, visible, type, autoBackfill, title, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, onClose, onConfirm, onDayClick, onPageChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const { style, className, children, popup, visible, type, autoBackfill, title, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, closeIcon, disableDate, renderHeaderButtons, renderBottomButton, renderDay, renderDayTop, renderDayBottom, onClose, onConfirm, onDayClick, onPageChange } = Object.assign(Object.assign({}, defaultProps), props);
   const calendarRef = useRef(null);
   const close = () => {
     onClose && onClose();
@@ -37,9 +37,9 @@ const Calendar = React__default.forwardRef((props, ref) => {
     scrollToDate
   }));
   const renderItem = () => {
-    return React__default.createElement(CalendarItem, { ref: calendarRef, style, className, children, type, autoBackfill, popup, title: title || locale.calendaritem.title, defaultValue, startDate, endDate, showToday, startText: startText || locale.calendaritem.start, endText: endText || locale.calendaritem.end, confirmText: confirmText || locale.calendaritem.confirm, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, onConfirm: choose, onDayClick: select, onPageChange: yearMonthChange });
+    return React__default.createElement(CalendarItem, { ref: calendarRef, style, className, children, type, autoBackfill, popup, title: title || locale.calendaritem.title, defaultValue, startDate, endDate, showToday, startText: startText || locale.calendaritem.start, endText: endText || locale.calendaritem.end, confirmText: confirmText || locale.calendaritem.confirm, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderBottomButton, renderDay, renderDayTop, renderDayBottom, onConfirm: choose, onDayClick: select, onPageChange: yearMonthChange });
   };
-  return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup, { className: "nut-calendar-popup", visible, position: "bottom", round: true, closeable: true, destroyOnClose: true, onOverlayClick: closePopup, onCloseIconClick: closePopup, style: { height: "83%" } }, renderItem()) : renderItem());
+  return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup, { className: "nut-calendar-popup", visible, position: "bottom", round: true, closeable: true, destroyOnClose: true, onOverlayClick: closePopup, onCloseIconClick: closePopup, style: { height: "83%" }, closeIcon }, renderItem()) : renderItem());
 });
 Calendar.displayName = "NutCalendar";
 export {

package/dist/esm/{calendaritem.taro-CHdJXKkc.js → calendaritem.taro-BGbbuJOS.js}

@@ -42,7 +42,7 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type:
 } });
 const CalendarItem = React__default.forwardRef((props, ref) => {
   const { locale } = useConfig();
-  const { style, className, children, popup, type, autoBackfill, title, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, value, onConfirm, onUpdate, onDayClick, onPageChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const { style, className, children, popup, type, autoBackfill, title, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, renderBottomButton, value, onConfirm, onUpdate, onDayClick, onPageChange } = Object.assign(Object.assign({}, defaultProps), props);
   const weekdays = locale.calendaritem.weekdays;
   const weeks = [
     ...weekdays.slice(firstDayOfWeek, 7),
@@ -554,7 +554,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       "div",
       { className: "nut-calendar-footer" },
       children,
-      React__default.createElement("div", { className: "calendar-confirm-btn", onClick: confirm }, confirmText || locale.confirm)
+      React__default.createElement("div", { onClick: confirm }, renderBottomButton ? renderBottomButton() : React__default.createElement("div", { className: "calendar-confirm-btn" }, confirmText || locale.confirm))
     );
   };
   return React__default.createElement(

package/dist/esm/{cascader.taro-CMOCzo0m.js → cascader.taro-DEApf0aF.js}

@@ -4,7 +4,7 @@ import classNames from "classnames";
 import { Loading, Checklist } from "@nutui/icons-react-taro";
 import { ScrollView } from "@tarojs/components";
 import { P as Popup } from "./popup.taro-DV32k5dP.js";
-import { T as Tabs } from "./tabs.taro-D8bDfm4x.js";
+import { T as Tabs } from "./tabs.taro-CY1VxgF-.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";

package/dist/esm/{inputnumber.taro-DPRZtV42.js → inputnumber.taro-CZourWz-.js}

@@ -4,10 +4,10 @@ import { Minus, Plus } from "@nutui/icons-react-taro";
 import classNames from "classnames";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, readOnly: false, allowEmpty: false, min: 1, max: 9999, type: "digit", step: 1, digits: 0, async: false });
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, readOnly: false, allowEmpty: false, min: 1, max: 9999, type: "digit", step: 1, digits: 0, async: false, select: true });
 const classPrefix = `nut-inputnumber`;
 const InputNumber = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, disabled, min, max, type, readOnly, value, defaultValue, allowEmpty, digits, step, async, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange } = _a, restProps = __rest(_a, ["children", "disabled", "min", "max", "type", "readOnly", "value", "defaultValue", "allowEmpty", "digits", "step", "async", "className", "style", "formatter", "onPlus", "onMinus", "onOverlimit", "onBlur", "onFocus", "onChange"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, disabled, min, max, type, readOnly, value, defaultValue, allowEmpty, digits, step, async, select, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange } = _a, restProps = __rest(_a, ["children", "disabled", "min", "max", "type", "readOnly", "value", "defaultValue", "allowEmpty", "digits", "step", "async", "select", "className", "style", "formatter", "onPlus", "onMinus", "onOverlimit", "onBlur", "onFocus", "onChange"]);
   const classes = classNames(classPrefix, className, {
     [`${classPrefix}-disabled`]: disabled
   });
@@ -15,10 +15,10 @@ const InputNumber = (props) => {
   const inputRef = useRef(null);
   useEffect(() => {
     var _a2, _b;
-    if (focused) {
+    if (select && focused) {
       (_b = (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.select) === null || _b === void 0 ? void 0 : _b.call(_a2);
     }
-  }, [focused]);
+  }, [select, focused]);
   const [shadowValue, setShadowValue] = usePropsValue({
     value: typeof value === "string" ? parseFloat(value) : value,
     defaultValue: typeof defaultValue === "string" ? parseFloat(defaultValue) : defaultValue,

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

@@ -23,18 +23,18 @@ import { S as S6 } from "./subsidenavbar.taro-CSU3DhNq.js";
 import { T } from "./tabbar.taro-BiQDgZQF.js";
 import { T as T2 } from "./tabbaritem.taro-BiIVucQz.js";
 import { T as T3 } from "./tabpane.taro-BAe86j3t.js";
-import { T as T4 } from "./tabs.taro-D8bDfm4x.js";
-import { A } from "./address.taro-Ai6DQF3D.js";
-import { C as C5 } from "./calendar.taro-C52T1TFf.js";
-import { C as C6 } from "./calendaritem.taro-CHdJXKkc.js";
+import { T as T4 } from "./tabs.taro-CY1VxgF-.js";
+import { A } from "./address.taro-CAikNvuu.js";
+import { C as C5 } from "./calendar.taro-MkErd99P.js";
+import { C as C6 } from "./calendaritem.taro-BGbbuJOS.js";
 import { C as C7 } from "./calendarcard.taro-CvWyBqnr.js";
-import { C as C8 } from "./cascader.taro-CMOCzo0m.js";
+import { C as C8 } from "./cascader.taro-DEApf0aF.js";
 import { C as C9, a as a2 } from "./checkbox.taro-CgqJyhrh.js";
 import { D as D2 } from "./datepicker.taro-DibmSueg.js";
 import { default as default2 } from "./Form.js";
 import { F as F2 } from "./formitem.taro-CEWRz5EJ.js";
 import { I as I2 } from "./input.taro-CA9ZpM9a.js";
-import { I as I3 } from "./inputnumber.taro-DPRZtV42.js";
+import { I as I3 } from "./inputnumber.taro-CZourWz-.js";
 import { M } from "./menu.taro-BmjnA_YM.js";
 import { M as M2 } from "./menuitem.taro-DCqPC4Nu.js";
 import { N as N2 } from "./numberkeyboard.taro-CIlStObb.js";

package/dist/esm/{tabs.taro-D8bDfm4x.js → tabs.taro-CY1VxgF-.js}

@@ -118,10 +118,7 @@ const Tabs = (props) => {
           to = top - (navRectRef.current.height - titleRect.height) / 2;
         } else {
           const left = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.width, 0);
-          to = left - (navRectRef.current.width - titleRect.width) / 2;
-          if (to < 0)
-            return;
-          to = rtl ? -to : to;
+          to = rtl ? -left : left;
         }
         nextTick(() => {
           scrollWithAnimation.current = true;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.0 Fri Nov 01 2024 16:05:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.0 Fri Nov 01 2024 16:05:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.0 Fri Nov 01 2024 16:05:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.0 Fri Nov 01 2024 16:05:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.0 Fri Nov 01 2024 16:05:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.0 Fri Nov 01 2024 16:05:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.0 Fri Nov 01 2024 16:05:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:29 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.0 Fri Nov 01 2024 16:04:37 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5358,9 +5358,7 @@ const Tabs = (props) => {
           to = top - (navRectRef.current.height - titleRect.height) / 2;
         } else {
           const left2 = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.width, 0);
-          to = left2 - (navRectRef.current.width - titleRect.width) / 2;
-          if (to < 0) return;
-          to = rtl ? -to : to;
+          to = rtl ? -left2 : left2;
         }
         nextTick(() => {
           scrollWithAnimation.current = true;
@@ -6500,6 +6498,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     renderDay,
     renderDayTop,
     renderDayBottom,
+    renderBottomButton,
     value,
     onConfirm,
     onUpdate,
@@ -7050,7 +7049,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     );
   };
   const renderFooter = () => {
-    return /* @__PURE__ */ React__default.createElement("div", { className: "nut-calendar-footer" }, children, /* @__PURE__ */ React__default.createElement("div", { className: "calendar-confirm-btn", onClick: confirm }, confirmText || locale.confirm));
+    return /* @__PURE__ */ React__default.createElement("div", { className: "nut-calendar-footer" }, children, /* @__PURE__ */ React__default.createElement("div", { onClick: confirm }, renderBottomButton ? renderBottomButton() : /* @__PURE__ */ React__default.createElement("div", { className: "calendar-confirm-btn" }, confirmText || locale.confirm)));
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
 });
@@ -7109,8 +7108,10 @@ const Calendar = React__default.forwardRef((props, ref) => {
     showSubTitle,
     scrollAnimation,
     firstDayOfWeek,
+    closeIcon,
     disableDate,
     renderHeaderButtons,
+    renderBottomButton,
     renderDay,
     renderDayTop,
     renderDayBottom,
@@ -7168,6 +7169,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
         firstDayOfWeek,
         disableDate,
         renderHeaderButtons,
+        renderBottomButton,
         renderDay,
         renderDayTop,
         renderDayBottom,
@@ -7188,7 +7190,8 @@ const Calendar = React__default.forwardRef((props, ref) => {
       destroyOnClose: true,
       onOverlayClick: closePopup,
       onCloseIconClick: closePopup,
-      style: { height: "83%" }
+      style: { height: "83%" },
+      closeIcon
     },
     renderItem()
   ) : renderItem());
@@ -10502,7 +10505,8 @@ const defaultProps$V = {
   type: "digit",
   step: 1,
   digits: 0,
-  async: false
+  async: false,
+  select: true
 };
 const classPrefix$h = `nut-inputnumber`;
 const InputNumber = (props) => {
@@ -10519,6 +10523,7 @@ const InputNumber = (props) => {
     digits,
     step,
     async,
+    select,
     className,
     style,
     formatter,
@@ -10540,10 +10545,10 @@ const InputNumber = (props) => {
   const inputRef = useRef(null);
   useEffect(() => {
     var _a, _b;
-    if (focused) {
+    if (select && focused) {
       (_b = (_a = inputRef.current) == null ? void 0 : _a.select) == null ? void 0 : _b.call(_a);
     }
-  }, [focused]);
+  }, [select, focused]);
   const [shadowValue, setShadowValue] = usePropsValue({
     value: typeof value === "string" ? parseFloat(value) : value,
     defaultValue: typeof defaultValue === "string" ? parseFloat(defaultValue) : defaultValue,

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@tarojs/taro"), require("@tarojs/components"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tarojs/taro", "@tarojs/components", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.Taro, global2.components, global2.ReactDOM));
 })(this, function(exports2, React, Taro, components, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:29 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.0 Fri Nov 01 2024 16:04:37 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5374,9 +5374,7 @@
             to = top - (navRectRef.current.height - titleRect.height) / 2;
           } else {
             const left2 = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.width, 0);
-            to = left2 - (navRectRef.current.width - titleRect.width) / 2;
-            if (to < 0) return;
-            to = rtl ? -to : to;
+            to = rtl ? -left2 : left2;
           }
           Taro.nextTick(() => {
             scrollWithAnimation.current = true;
@@ -6516,6 +6514,7 @@
       renderDay,
       renderDayTop,
       renderDayBottom,
+      renderBottomButton,
       value,
       onConfirm,
       onUpdate,
@@ -7066,7 +7065,7 @@
       );
     };
     const renderFooter = () => {
-      return /* @__PURE__ */ React.createElement("div", { className: "nut-calendar-footer" }, children, /* @__PURE__ */ React.createElement("div", { className: "calendar-confirm-btn", onClick: confirm }, confirmText || locale.confirm));
+      return /* @__PURE__ */ React.createElement("div", { className: "nut-calendar-footer" }, children, /* @__PURE__ */ React.createElement("div", { onClick: confirm }, renderBottomButton ? renderBottomButton() : /* @__PURE__ */ React.createElement("div", { className: "calendar-confirm-btn" }, confirmText || locale.confirm)));
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
   });
@@ -7125,8 +7124,10 @@
       showSubTitle,
       scrollAnimation,
       firstDayOfWeek,
+      closeIcon,
       disableDate,
       renderHeaderButtons,
+      renderBottomButton,
       renderDay,
       renderDayTop,
       renderDayBottom,
@@ -7184,6 +7185,7 @@
           firstDayOfWeek,
           disableDate,
           renderHeaderButtons,
+          renderBottomButton,
           renderDay,
           renderDayTop,
           renderDayBottom,
@@ -7204,7 +7206,8 @@
         destroyOnClose: true,
         onOverlayClick: closePopup,
         onCloseIconClick: closePopup,
-        style: { height: "83%" }
+        style: { height: "83%" },
+        closeIcon
       },
       renderItem()
     ) : renderItem());
@@ -10518,7 +10521,8 @@
     type: "digit",
     step: 1,
     digits: 0,
-    async: false
+    async: false,
+    select: true
   };
   const classPrefix$h = `nut-inputnumber`;
   const InputNumber = (props) => {
@@ -10535,6 +10539,7 @@
       digits,
       step,
       async,
+      select,
       className,
       style,
       formatter,
@@ -10556,10 +10561,10 @@
     const inputRef = React.useRef(null);
     React.useEffect(() => {
       var _a, _b;
-      if (focused) {
+      if (select && focused) {
         (_b = (_a = inputRef.current) == null ? void 0 : _a.select) == null ? void 0 : _b.call(_a);
       }
-    }, [focused]);
+    }, [select, focused]);
     const [shadowValue, setShadowValue] = usePropsValue({
       value: typeof value === "string" ? parseFloat(value) : value,
       defaultValue: typeof defaultValue === "string" ? parseFloat(defaultValue) : defaultValue,

package/dist/packages/avatarcropper/avatarcropper.scss

@@ -66,11 +66,11 @@
         width: 100%;
         display: flex;
         justify-content: space-between;
+        padding: 15px 15px;
       }
 
       &-item {
         color: #fff;
-        padding: 15px;
         cursor: pointer;
         display: flex;
         align-items: center;

package/dist/packages/divider/divider.scss

@@ -49,13 +49,12 @@
   }
 
   &-vertical {
-    position: relative;
-    top: $divider-vertical-top;
     display: inline-block;
     width: auto;
     height: $divider-vertical-height;
     border-left: 1px solid $divider-border-color;
     margin: $divider-vertical-margin;
+    vertical-align: middle;
   }
 }
 

package/dist/packages/overlay/overlay.scss

@@ -23,10 +23,6 @@
 
 .nut-overflow-hidden {
   overflow: hidden !important;
-
-  .taro_page {
-    overflow: hidden !important;
-  }
 }
 
 .nut-overlay-slide {