@nutui/nutui-react 2.6.23 → 2.7.1

package/CHANGELOG.md

@@ -1,13 +1,39 @@
-# v2.6.23
-`2024-10-18`
+# v2.7.1
+`2024-11-22`
+
+* :bug: fix(popup): display should not trigger the scrollview to update (#2773)
+* :bug: fix(toast): load dependent CSS (#2776)
+* :bug: fix(Form): Form 组件文档 demo 中 Switch 组件使用问题 (#2774)
+* :bug: fix(textarea): handle undefined placeholder explicitly (#2748)
+* 🏡 chore: jdesign 主题 (#2703)
+* 🏡 chore: ci optimize (#2692)
+* 🏡 chore: ci (#2690)
+* 📖 docs(infiniteLoading): optimize target description (#2770)
+* 📖 docs: 官方主题入口 (#2634)
+
+
+# v2.7.0
 
+`2024-11-01`
 
-* :sparkles: feat(calendar): support renderBottomButton props (#2645)
-* :sparkles: feat(calendar): support deleteIcon props (#2644)
-* :bug: fix(overlay):  tour position offset in tour.taro (#2631)
-* :bug: fix: import error (#2648)
-* :bug: fix(dialog): remove defaultprops (#2639)
+- :sparkles: feat: add plugin to remove rtl (#2673)
+- :sparkles: feat: replacing the css paths imported from a specified package (#2675)
+- :sparkles: feat(replace icon): jmapp icon (#2672)
+- :sparkles: feat: add plugin to replace icons (#2671)
+- :bug: fix(tabs): clicked tabs should be entirely visible (#2685)
+- :bug: fix(avatarcropper): multi-language support (#2666)
+- :bug: fix: optimize vertical type syntax for divider (#2664)
+- :bug: fix: @nutui/icons-react changed to @nutui/icons-react-taro (#2651)
+
+# v2.6.23
+
+`2024-10-18`
 
+- :sparkles: feat(calendar): support renderBottomButton props (#2645)
+- :sparkles: feat(calendar): support deleteIcon props (#2644)
+- :bug: fix(overlay): tour position offset in tour.taro (#2631)
+- :bug: fix: import error (#2648)
+- :bug: fix(dialog): remove defaultprops (#2639)
 
 # v2.6.22
 

package/dist/esm/AvatarCropper/style/style.css

@@ -1 +1 @@
-.nut-avatar-cropper{position:relative;display:flex}.nut-avatar-cropper-edit-text{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1;color:#fff;display:flex;justify-content:center;align-items:center}.nut-avatar-cropper-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.nut-avatar-cropper-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, .7));z-index:1000}.nut-avatar-cropper-popup-canvas,.nut-avatar-cropper-popup-cut-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.nut-avatar-cropper-popup-cut-canvas{z-index:0}.nut-avatar-cropper-popup-toolbar{position:absolute;bottom:0;left:0;width:100%;z-index:2}.nut-avatar-cropper-popup-toolbar.top{top:0;bottom:inherit}.nut-avatar-cropper-popup-toolbar-flex{width:100%;display:flex;justify-content:space-between}.nut-avatar-cropper-popup-toolbar-item{color:#fff;padding:15px;cursor:pointer;display:flex;align-items:center}.nut-avatar-cropper-popup-toolbar-item .nut-button{color:#fff}.nut-avatar-cropper-popup-highlight{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:transparent}.nut-avatar-cropper-popup-highlight .highlight{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:transparent;box-shadow:0 0 1000px 1000px #0009}.nut-avatar-cropper.round .nut-avatar-cropper-edit-text{border-radius:50%}[dir=rtl] .nut-avatar-cropper-edit-text,.nut-rtl .nut-avatar-cropper-edit-text,[dir=rtl] .nut-avatar-cropper-input,.nut-rtl .nut-avatar-cropper-input,[dir=rtl] .nut-avatar-cropper-popup,.nut-rtl .nut-avatar-cropper-popup,[dir=rtl] .nut-avatar-cropper-popup-canvas,[dir=rtl] .nut-avatar-cropper-popup-cut-canvas,.nut-rtl .nut-avatar-cropper-popup-canvas,.nut-rtl .nut-avatar-cropper-popup-cut-canvas,[dir=rtl] .nut-avatar-cropper-popup-toolbar,.nut-rtl .nut-avatar-cropper-popup-toolbar,[dir=rtl] .nut-avatar-cropper-popup-highlight,.nut-rtl .nut-avatar-cropper-popup-highlight{left:auto;right:0}[dir=rtl] .nut-avatar-cropper-popup-highlight .highlight,.nut-rtl .nut-avatar-cropper-popup-highlight .highlight{left:auto;right:50%;transform:translate(50%,-50%)}
+.nut-avatar-cropper{position:relative;display:flex}.nut-avatar-cropper-edit-text{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:1;color:#fff;display:flex;justify-content:center;align-items:center}.nut-avatar-cropper-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.nut-avatar-cropper-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, .7));z-index:1000}.nut-avatar-cropper-popup-canvas,.nut-avatar-cropper-popup-cut-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.nut-avatar-cropper-popup-cut-canvas{z-index:0}.nut-avatar-cropper-popup-toolbar{position:absolute;bottom:0;left:0;width:100%;z-index:2}.nut-avatar-cropper-popup-toolbar.top{top:0;bottom:inherit}.nut-avatar-cropper-popup-toolbar-flex{width:100%;display:flex;justify-content:space-between;padding:15px}.nut-avatar-cropper-popup-toolbar-item{color:#fff;cursor:pointer;display:flex;align-items:center}.nut-avatar-cropper-popup-toolbar-item .nut-button{color:#fff}.nut-avatar-cropper-popup-highlight{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:transparent}.nut-avatar-cropper-popup-highlight .highlight{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:transparent;box-shadow:0 0 1000px 1000px #0009}.nut-avatar-cropper.round .nut-avatar-cropper-edit-text{border-radius:50%}[dir=rtl] .nut-avatar-cropper-edit-text,.nut-rtl .nut-avatar-cropper-edit-text,[dir=rtl] .nut-avatar-cropper-input,.nut-rtl .nut-avatar-cropper-input,[dir=rtl] .nut-avatar-cropper-popup,.nut-rtl .nut-avatar-cropper-popup,[dir=rtl] .nut-avatar-cropper-popup-canvas,[dir=rtl] .nut-avatar-cropper-popup-cut-canvas,.nut-rtl .nut-avatar-cropper-popup-canvas,.nut-rtl .nut-avatar-cropper-popup-cut-canvas,[dir=rtl] .nut-avatar-cropper-popup-toolbar,.nut-rtl .nut-avatar-cropper-popup-toolbar,[dir=rtl] .nut-avatar-cropper-popup-highlight,.nut-rtl .nut-avatar-cropper-popup-highlight{left:auto;right:0}[dir=rtl] .nut-avatar-cropper-popup-highlight .highlight,.nut-rtl .nut-avatar-cropper-popup-highlight .highlight{left:auto;right:50%;transform:translate(50%,-50%)}

package/dist/esm/AvatarCropper.js

@@ -22,6 +22,7 @@ const AvatarCropper = (props) => {
     React__default.createElement(Button__default, { key: "rotate" }, locale.avatarCropper.rotate),
     React__default.createElement(Button__default, { type: "success", key: "confirm" }, locale.confirm)
   ];
+  defaultProps.editText = locale.edit;
   const _a = Object.assign(Object.assign({}, defaultProps), props), { children, maxZoom, space, toolbar, toolbarPosition, editText, shape, className, style, onConfirm, onCancel } = _a, rest = __rest(_a, ["children", "maxZoom", "space", "toolbar", "toolbarPosition", "editText", "shape", "className", "style", "onConfirm", "onCancel"]);
   const cls = classNames(classPrefix, className, shape === "round" && "round");
   const toolbarPositionCls = classNames(`${classPrefix}-popup-toolbar`, toolbarPosition);

package/dist/esm/Divider/style/style.css

@@ -1 +1 @@
-.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-divider-text-color, var(--nutui-gray-6, #595959));margin:var(--nutui-divider-margin, 16px 0);border:0 solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:inherit;border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider-center:before,.nut-divider-left:before,.nut-divider-right:before{margin-right:var(--nutui-divider-spacing, 8px)}.nut-divider-center:after,.nut-divider-left:after,.nut-divider-right:after{margin-left:var(--nutui-divider-spacing, 8px)}.nut-divider-left:before{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-right:after{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-hairline:before,.nut-divider-hairline:after{transform:scaleY(.5)}.nut-divider-vertical{position:relative;top:var(--nutui-divider-vertical-top, 2px);display:inline-block;width:auto;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:var(--nutui-divider-vertical-margin, 0 8px)}[dir=rtl] .nut-divider-center:before,[dir=rtl] .nut-divider-left:before,[dir=rtl] .nut-divider-right:before,.nut-rtl .nut-divider-center:before,.nut-rtl .nut-divider-left:before,.nut-rtl .nut-divider-right:before{margin-right:0;margin-left:var(--nutui-divider-spacing, 8px)}[dir=rtl] .nut-divider-center:after,[dir=rtl] .nut-divider-left:after,[dir=rtl] .nut-divider-right:after,.nut-rtl .nut-divider-center:after,.nut-rtl .nut-divider-left:after,.nut-rtl .nut-divider-right:after{margin-left:0;margin-right:var(--nutui-divider-spacing, 8px)}[dir=rtl] .nut-divider-vertical,.nut-rtl .nut-divider-vertical{border-left:none;border-right:1px solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}
+.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-divider-text-color, var(--nutui-gray-6, #595959));margin:var(--nutui-divider-margin, 16px 0);border:0 solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:inherit;border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider-center:before,.nut-divider-left:before,.nut-divider-right:before{margin-right:var(--nutui-divider-spacing, 8px)}.nut-divider-center:after,.nut-divider-left:after,.nut-divider-right:after{margin-left:var(--nutui-divider-spacing, 8px)}.nut-divider-left:before{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-right:after{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-hairline:before,.nut-divider-hairline:after{transform:scaleY(.5)}.nut-divider-vertical{display:inline-block;width:auto;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));margin:var(--nutui-divider-vertical-margin, 0 8px);vertical-align:middle}[dir=rtl] .nut-divider-center:before,[dir=rtl] .nut-divider-left:before,[dir=rtl] .nut-divider-right:before,.nut-rtl .nut-divider-center:before,.nut-rtl .nut-divider-left:before,.nut-rtl .nut-divider-right:before{margin-right:0;margin-left:var(--nutui-divider-spacing, 8px)}[dir=rtl] .nut-divider-center:after,[dir=rtl] .nut-divider-left:after,[dir=rtl] .nut-divider-right:after,.nut-rtl .nut-divider-center:after,.nut-rtl .nut-divider-left:after,.nut-rtl .nut-divider-right:after{margin-left:0;margin-right:var(--nutui-divider-spacing, 8px)}[dir=rtl] .nut-divider-vertical,.nut-rtl .nut-divider-vertical{border-left:none;border-right:1px solid var(--nutui-divider-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}

package/dist/esm/InputNumber.js

@@ -4,10 +4,10 @@ import { Minus, Plus } from "@nutui/icons-react";
 import classNames from "classnames";
 import { u as usePropsValue } from "./use-props-value.js";
 import { C as ComponentDefaults } from "./typings.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, readOnly: false, allowEmpty: false, min: 1, max: 9999, step: 1, digits: 0, async: false });
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, readOnly: false, allowEmpty: false, min: 1, max: 9999, 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, readOnly, value, defaultValue, allowEmpty, digits, step, async, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange } = _a, restProps = __rest(_a, ["children", "disabled", "min", "max", "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, 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", "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/TextArea.js

@@ -4,7 +4,7 @@ import classNames from "classnames";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultValue: "", showCount: false, rows: 2, maxLength: 140, placeholder: "", readOnly: false, disabled: false, autoSize: false });
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultValue: "", showCount: false, rows: 2, maxLength: 140, readOnly: false, disabled: false, autoSize: false });
 const TextArea = (props) => {
   const { locale } = useConfig();
   const _a = Object.assign(Object.assign({}, defaultProps), props), { className, value, defaultValue, showCount, maxLength, rows, placeholder, readOnly, disabled, autoSize, style, onChange, onBlur, onFocus } = _a, rest = __rest(_a, ["className", "value", "defaultValue", "showCount", "maxLength", "rows", "placeholder", "readOnly", "disabled", "autoSize", "style", "onChange", "onBlur", "onFocus"]);
@@ -66,7 +66,7 @@ const TextArea = (props) => {
       compositionRef.current = false;
     }, onCompositionStart: () => {
       compositionRef.current = true;
-    }, rows, maxLength: maxLength === -1 ? void 0 : maxLength, placeholder: placeholder || locale.placeholder }, rest)),
+    }, rows, maxLength: maxLength === -1 ? void 0 : maxLength, placeholder: placeholder === void 0 ? locale.placeholder : placeholder }, rest)),
     showCount && React__default.createElement(
       "div",
       { className: `${classPrefix}-limit` },

package/dist/esm/Toast/style/index.js

@@ -1,2 +1,2 @@
-
+import '../../Overlay/style'
 import '../../../packages/toast/toast.scss'

package/dist/esm/Toast/style/style.css

@@ -1 +1 @@
-@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nut-toast{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;pointer-events:none;z-index:1300}.nut-toast-overlay-default{--nutui-overlay-bg-color: rgba(0, 0, 0, 0);--nutui-overlay-zIndex: 1300}.nut-toast-small .nut-toast-inner{font-size:var(--nutui-font-size-2, 12px)}.nut-toast-large .nut-toast-inner{font-size:var(--nutui-font-size-4, 16px)}.nut-toast-inner{display:inline-block;position:absolute;left:50%;top:var(--nutui-toast-inner-top, 50%);min-width:30%;max-width:95.7%;font-size:var(--nutui-toast-text-font-size, 14px);text-align:var(--nutui-toast-inner-text-align, center);padding:var(--nutui-toast-inner-padding, 16px 24px);word-break:break-all;background:var(--nutui-toast-inner-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-toast-inner-border-radius, 16px);color:var(--nutui-toast-font-color, #ffffff);transform:translate(-50%,-50%)}.nut-toast-inner.normal{word-break:normal;word-wrap:normal}.nut-toast-inner.break-word{word-break:normal;word-wrap:break-word}.nut-toast-center{top:var(--nutui-toast-inner-top, 50%)}.nut-toast-bottom{top:var(--nutui-toast-inner-top, 80%)}.nut-toast-top{top:var(--nutui-toast-inner-top, 20%)}.nut-toast-text:empty{margin-bottom:-8px}.nut-toast-title{font-size:var(--nutui-toast-title-font-size, 16px);font-weight:500}.nut-toast-title:empty{margin-bottom:-8px}.nut-toast-has-icon .nut-toast-icon-wrapper{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.nut-toast-has-icon .nut-toast-icon-wrapper .nut-icon{width:24px;height:24px}.nut-toast-loading .nut-toast-inner{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.nut-toast-loading .nut-toast-icon-wrapper{animation:rotation 2s linear infinite}.nut-toast-loading .nut-toast-icon-wrapper .nut-icon{width:24px;height:24px}[dir=rtl] .nut-toast,.nut-rtl .nut-toast{left:auto;right:0}[dir=rtl] .nut-toast-inner,.nut-rtl .nut-toast-inner{left:auto;right:50%;transform:translate(50%,-50%)}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .3s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nut-toast{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;pointer-events:none;z-index:1300}.nut-toast-overlay-default{--nutui-overlay-bg-color: rgba(0, 0, 0, 0);--nutui-overlay-zIndex: 1300}.nut-toast-small .nut-toast-inner{font-size:var(--nutui-font-size-2, 12px)}.nut-toast-large .nut-toast-inner{font-size:var(--nutui-font-size-4, 16px)}.nut-toast-inner{display:inline-block;position:absolute;left:50%;top:var(--nutui-toast-inner-top, 50%);min-width:30%;max-width:95.7%;font-size:var(--nutui-toast-text-font-size, 14px);text-align:var(--nutui-toast-inner-text-align, center);padding:var(--nutui-toast-inner-padding, 16px 24px);word-break:break-all;background:var(--nutui-toast-inner-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-toast-inner-border-radius, 16px);color:var(--nutui-toast-font-color, #ffffff);transform:translate(-50%,-50%)}.nut-toast-inner.normal{word-break:normal;word-wrap:normal}.nut-toast-inner.break-word{word-break:normal;word-wrap:break-word}.nut-toast-center{top:var(--nutui-toast-inner-top, 50%)}.nut-toast-bottom{top:var(--nutui-toast-inner-top, 80%)}.nut-toast-top{top:var(--nutui-toast-inner-top, 20%)}.nut-toast-text:empty{margin-bottom:-8px}.nut-toast-title{font-size:var(--nutui-toast-title-font-size, 16px);font-weight:500}.nut-toast-title:empty{margin-bottom:-8px}.nut-toast-has-icon .nut-toast-icon-wrapper{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.nut-toast-has-icon .nut-toast-icon-wrapper .nut-icon{width:24px;height:24px}.nut-toast-loading .nut-toast-inner{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.nut-toast-loading .nut-toast-icon-wrapper{animation:rotation 2s linear infinite}.nut-toast-loading .nut-toast-icon-wrapper .nut-icon{width:24px;height:24px}[dir=rtl] .nut-toast,.nut-rtl .nut-toast{left:auto;right:0}[dir=rtl] .nut-toast-inner,.nut-rtl .nut-toast-inner{left:auto;right:50%;transform:translate(50%,-50%)}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .3s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.23 Fri Oct 18 2024 14:16:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.1 Fri Nov 22 2024 15:45:24 GMT+0800 (Central Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.23 Fri Oct 18 2024 14:16:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.1 Fri Nov 22 2024 15:45:24 GMT+0800 (Central Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.23 Fri Oct 18 2024 14:16:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.1 Fri Nov 22 2024 15:45:24 GMT+0800 (Central Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.23 Fri Oct 18 2024 14:16:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.1 Fri Nov 22 2024 15:45:24 GMT+0800 (Central Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.23 Fri Oct 18 2024 14:16:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.1 Fri Nov 22 2024 15:45:24 GMT+0800 (Central Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.23 Fri Oct 18 2024 14:16:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.1 Fri Nov 22 2024 15:45:24 GMT+0800 (Central Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.23 Fri Oct 18 2024 14:16:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.1 Fri Nov 22 2024 15:45:24 GMT+0800 (Central Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.23 Fri Oct 18 2024 14:16:05 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.1 Fri Nov 22 2024 15:44:59 GMT+0800 (Central Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -14364,7 +14364,8 @@ const defaultProps$U = {
   max: 9999,
   step: 1,
   digits: 0,
-  async: false
+  async: false,
+  select: true
 };
 const classPrefix$g = `nut-inputnumber`;
 const InputNumber = (props) => {
@@ -14380,6 +14381,7 @@ const InputNumber = (props) => {
     digits,
     step,
     async,
+    select,
     className,
     style,
     formatter,
@@ -14401,10 +14403,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,
@@ -16282,7 +16284,6 @@ const defaultProps$I = {
   showCount: false,
   rows: 2,
   maxLength: 140,
-  placeholder: "",
   readOnly: false,
   disabled: false,
   autoSize: false
@@ -16382,7 +16383,7 @@ const TextArea = (props) => {
         },
         rows,
         maxLength: maxLength === -1 ? void 0 : maxLength,
-        placeholder: placeholder || locale.placeholder,
+        placeholder: placeholder === void 0 ? locale.placeholder : placeholder,
         ...rest
       }
     ),
@@ -22923,6 +22924,7 @@ const AvatarCropper = (props) => {
     /* @__PURE__ */ React__default.createElement(Button, { key: "rotate" }, locale.avatarCropper.rotate),
     /* @__PURE__ */ React__default.createElement(Button, { type: "success", key: "confirm" }, locale.confirm)
   ];
+  defaultProps.editText = locale.edit;
   const {
     children,
     maxZoom,

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.nutui = {}, global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react v2.6.23 Fri Oct 18 2024 14:16:05 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.1 Fri Nov 22 2024 15:44:59 GMT+0800 (Central Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -14382,7 +14382,8 @@
     max: 9999,
     step: 1,
     digits: 0,
-    async: false
+    async: false,
+    select: true
   };
   const classPrefix$g = `nut-inputnumber`;
   const InputNumber = (props) => {
@@ -14398,6 +14399,7 @@
       digits,
       step,
       async,
+      select,
       className,
       style,
       formatter,
@@ -14419,10 +14421,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,
@@ -16300,7 +16302,6 @@
     showCount: false,
     rows: 2,
     maxLength: 140,
-    placeholder: "",
     readOnly: false,
     disabled: false,
     autoSize: false
@@ -16400,7 +16401,7 @@
           },
           rows,
           maxLength: maxLength === -1 ? void 0 : maxLength,
-          placeholder: placeholder || locale.placeholder,
+          placeholder: placeholder === void 0 ? locale.placeholder : placeholder,
           ...rest
         }
       ),
@@ -22941,6 +22942,7 @@
       /* @__PURE__ */ React.createElement(Button, { key: "rotate" }, locale.avatarCropper.rotate),
       /* @__PURE__ */ React.createElement(Button, { type: "success", key: "confirm" }, locale.confirm)
     ];
+    defaultProps.editText = locale.edit;
     const {
       children,
       maxZoom,

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/toast/toast.scss

@@ -1,3 +1,4 @@
+
 @keyframes rotation {
   0% {
     -webkit-transform: rotate(0deg);