@nutui/nutui-react 2.6.18 → 2.6.19

package/CHANGELOG.md

@@ -1,18 +1,30 @@
-# v2.6.18
-`2024-09-06`
+# v2.6.19
+`2024-09-13`
+
+
+* 🏡 chore(deps): update dependency vite-plugin-dts to v4 (#2533)
+* :bug: fix(cascader): 受控状态下 value 变化时同步组件选中状态 (#2591)
+* :bug: fix: 移除不必要的 fragment 元素 (#2587)
+* :bug: fix(datepicker): show zero on page (#2582)
+* :bug: fix: findDomNode from transition (#2525)
+* :bug: fix(props): add mergeProps utility to resolve all defaultProps warnings (#2581)
+* 🪵 refactor: resolve sass nested rules warning (#2579)
 
 
-* 🏡 chore: remove deprecated (#2573)
-* 🏡 chore(deps): update dependency marked to v14 (#2532)
-* :sparkles: feat: demos for popup & dialog (#2574)
-* :sparkles: feat: beforeupload (#2567)
-* :bug: fix: remove icons defaultprops (#2571)
-* :bug: fix(input): type props didnot work when equals number|digit (#2563)
-* :bug: fix: dialog
-* :bug: fix(sticky): should rerender when zIndex changes (#2572)
-* :bug: fix(sticky): rerender sticky when threshold change (#2564)
-* :bug: fix(deps): update dependency jscodeshift to v17 (#2534)
+# v2.6.18
+
+`2024-09-06`
 
+- 🏡 chore: remove deprecated (#2573)
+- 🏡 chore(deps): update dependency marked to v14 (#2532)
+- :sparkles: feat: demos for popup & dialog (#2574)
+- :sparkles: feat: beforeupload (#2567)
+- :bug: fix: remove icons defaultprops (#2571)
+- :bug: fix(input): type props didnot work when equals number|digit (#2563)
+- :bug: fix: dialog
+- :bug: fix(sticky): should rerender when zIndex changes (#2572)
+- :bug: fix(sticky): rerender sticky when threshold change (#2564)
+- :bug: fix(deps): update dependency jscodeshift to v17 (#2534)
 
 # v2.6.17
 

package/dist/esm/ActionSheet.js

@@ -2,11 +2,12 @@ import { _ as __rest } from "./tslib.es6.js";
 import React__default from "react";
 import { P as Popup } from "./popup2.js";
 import { C as ComponentDefaults } from "./typings.js";
+import { m as mergeProps } from "./merge-props.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, description: "", options: [], optionKey: { name: "name", description: "description" }, cancelText: "", onCancel: () => {
 }, onSelect: () => {
 } });
 const ActionSheet = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, cancelText, optionKey, title, description, options, onCancel, onSelect, visible, className, style } = _a, rest = __rest(_a, ["children", "cancelText", "optionKey", "title", "description", "options", "onCancel", "onSelect", "visible", "className", "style"]);
+  const _a = mergeProps(defaultProps, props), { children, cancelText, optionKey, title, description, options, onCancel, onSelect, visible, className, style } = _a, rest = __rest(_a, ["children", "cancelText", "optionKey", "title", "description", "options", "onCancel", "onSelect", "visible", "className", "style"]);
   const classPrefix = "nut-actionsheet";
   const cancelActionSheet = () => {
     onCancel && onCancel();

package/dist/esm/AnimatingNumbers.js

@@ -1,9 +1,10 @@
 import React__default, { useRef, useMemo, useEffect, Component } from "react";
 import { _ as __rest } from "./tslib.es6.js";
 import { C as ComponentDefaults } from "./typings.js";
+import { m as mergeProps } from "./merge-props.js";
 const defaultProps$1 = Object.assign(Object.assign({}, ComponentDefaults), { length: 0, value: "", delay: 300, duration: 1, thousands: false });
 const CountUp = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps$1), props), { length, value, delay, duration, className, thousands, style } = _a;
+  const _a = mergeProps(defaultProps$1, props), { length, value, delay, duration, className, thousands, style } = _a;
   __rest(_a, ["length", "value", "delay", "duration", "className", "thousands", "style"]);
   const classPrefix = "nut-countup";
   const countupRef = useRef(null);
@@ -52,7 +53,6 @@ const CountUp = (props) => {
     }))
   );
 };
-CountUp.defaultProps = defaultProps$1;
 CountUp.displayName = "NutCountUp";
 const defaultProps = {};
 class AnimatingNumbers extends Component {

package/dist/esm/AvatarCropper.js

@@ -259,30 +259,22 @@ const AvatarCropper = (props) => {
   };
   const ToolBar = () => {
     const actions = [cancel, reset, rotate, confirm];
-    return React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => React__default.createElement("div", { key: index, className: `${classPrefix}-popup-toolbar-item`, onClick: (_e) => action() }, toolbar[index])))
-    );
+    return React__default.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => React__default.createElement("div", { key: index, className: `${classPrefix}-popup-toolbar-item`, onClick: (_e) => action() }, toolbar[index])));
   };
   const CropperPopup = () => {
     return React__default.createElement(
-      React__default.Fragment,
-      null,
+      "div",
+      { ref: cropperPopupRef, className: `${classPrefix}-popup`, style: { display: visible ? "block" : "none" } },
+      React__default.createElement("canvas", { ref: canvasRef, className: `${classPrefix}-popup-canvas` }),
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-popup-highlight`, onTouchStart, onTouchMove, onTouchEnd },
+        React__default.createElement("div", { className: "highlight", style: highlightStyle })
+      ),
       React__default.createElement(
         "div",
-        { ref: cropperPopupRef, className: `${classPrefix}-popup`, style: { display: visible ? "block" : "none" } },
-        React__default.createElement("canvas", { ref: canvasRef, className: `${classPrefix}-popup-canvas` }),
-        React__default.createElement(
-          "div",
-          { className: `${classPrefix}-popup-highlight`, onTouchStart, onTouchMove, onTouchEnd },
-          React__default.createElement("div", { className: "highlight", style: highlightStyle })
-        ),
-        React__default.createElement(
-          "div",
-          { className: toolbarPositionCls },
-          React__default.createElement(ToolBar, null)
-        )
+        { className: toolbarPositionCls },
+        React__default.createElement(ToolBar, null)
       )
     );
   };

package/dist/esm/CalendarItem.js

@@ -549,15 +549,11 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     );
   };
   return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      "div",
-      { className: classes, style },
-      renderHeader(),
-      renderContent(),
-      popup && !autoBackfill ? renderFooter() : ""
-    )
+    "div",
+    { className: classes, style },
+    renderHeader(),
+    renderContent(),
+    popup && !autoBackfill ? renderFooter() : ""
   );
 });
 CalendarItem.displayName = "NutCalendarItem";

package/dist/esm/DatePicker.js

@@ -240,7 +240,7 @@ const DatePicker = (props) => {
   useEffect(() => {
     setPickerOptions(columns());
   }, [selectedDate, startDate, endDate]);
-  return React__default.createElement("div", Object.assign({ className: `nut-datepicker ${className}`, style }, rest), pickerOptions.length && React__default.createElement(Picker__default, Object.assign({}, pickerProps, { title, visible, options: pickerOptions, onClose, onCancel, value: pickerValue, onConfirm: (options, value) => onConfirm && onConfirm(options, value), onChange: (options, value, index) => handlePickerChange(options, value, index), threeDimensional })));
+  return React__default.createElement("div", Object.assign({ className: `nut-datepicker ${className}`, style }, rest), pickerOptions.length > 0 && React__default.createElement(Picker__default, Object.assign({}, pickerProps, { title, visible, options: pickerOptions, onClose, onCancel, value: pickerValue, onConfirm: (options, value) => onConfirm && onConfirm(options, value), onChange: (options, value, index) => handlePickerChange(options, value, index), threeDimensional })));
 };
 DatePicker.displayName = "NutDatePicker";
 export {

package/dist/esm/Dialog.js

@@ -9,6 +9,7 @@ import { d as defaultOverlayProps } from "./overlay2.js";
 import { C as ComponentDefaults } from "./typings.js";
 import Overlay__default from "./Overlay.js";
 import { useConfig } from "./ConfigProvider.js";
+import { m as mergeProps } from "./merge-props.js";
 function ConfirmDialog(props) {
   return React__default.createElement(Dialog, Object.assign({}, props), props.content);
 }
@@ -149,8 +150,8 @@ DialogWrap.displayName = "NutDialogWrap";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { confirmText: "", cancelText: "", overlay: true, closeOnOverlayClick: true, hideConfirmButton: false, hideCancelButton: false, disableConfirmButton: false, footerDirection: "horizontal", lockScroll: true, closeIconPosition: "bottom", closeIcon: false, beforeCancel: () => true, beforeClose: () => true });
 const BaseDialog = (props, ref) => {
   const { locale } = useConfig();
-  const { visible, footer, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, confirmText, cancelText, closeIconPosition, closeIcon, onClose, onCancel, onConfirm, beforeCancel, beforeClose } = props;
-  __rest(props, ["visible", "footer", "hideConfirmButton", "hideCancelButton", "lockScroll", "disableConfirmButton", "closeOnOverlayClick", "confirmText", "cancelText", "closeIconPosition", "closeIcon", "onClose", "onCancel", "onConfirm", "beforeCancel", "beforeClose"]);
+  const _a = mergeProps(defaultProps, props), { visible, footer, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, confirmText, cancelText, closeIconPosition, closeIcon, onClose, onCancel, onConfirm, beforeCancel, beforeClose } = _a;
+  __rest(_a, ["visible", "footer", "hideConfirmButton", "hideCancelButton", "lockScroll", "disableConfirmButton", "closeOnOverlayClick", "confirmText", "cancelText", "closeIconPosition", "closeIcon", "onClose", "onCancel", "onConfirm", "beforeCancel", "beforeClose"]);
   const classPrefix = "nut-dialog";
   const [loading, setLoading] = useState(false);
   const renderFooter = () => {
@@ -172,7 +173,7 @@ const BaseDialog = (props, ref) => {
         yield onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(e);
         setLoading(false);
         onClose === null || onClose === void 0 ? void 0 : onClose();
-      } catch (_a) {
+      } catch (_a2) {
         setLoading(false);
       }
     });
@@ -217,7 +218,6 @@ Dialog.confirm = (props) => {
     return confirm(Object.assign(Object.assign({}, props), { isNotice: false, noticeType: type }));
   };
 });
-Dialog.defaultProps = defaultProps;
 Dialog.displayName = "NutDialog";
 export {
   Dialog as default

package/dist/esm/InputNumber.js

@@ -154,11 +154,7 @@ const InputNumber = (props) => {
         [`${classPrefix}-icon-disabled`]: shadowValue === min || disabled
       }) })
     ),
-    React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement("input", { ref: inputRef, inputMode: "decimal", disabled, readOnly, value: inputValue, onInput: handleInputChange, onBlur: handleBlur, onFocus: handleFocus })
-    ),
+    React__default.createElement("input", { ref: inputRef, inputMode: "decimal", disabled, readOnly, value: inputValue, onInput: handleInputChange, onBlur: handleBlur, onFocus: handleFocus }),
     React__default.createElement(
       "div",
       { className: "nut-input-add", onClick: handlePlus },

package/dist/esm/Layout.js

@@ -1,7 +1,5 @@
 import React__default from "react";
-const defaultProps = {};
-const Layout = (props) => {
-  Object.assign(Object.assign({}, defaultProps), props);
+const Layout = () => {
   return React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
 Layout.displayName = "NutLayout";

package/dist/esm/Pagination.js

@@ -78,14 +78,10 @@ const Pagination = (props) => {
       React__default.createElement("div", { className: classNames(`${classPrefix}-next`, currentPage >= pageCount ? "disabled" : ""), onClick: (e) => handleSelectPage(currentPage + 1) }, next || locale.pagination.next)
     ),
     mode === "lite" && React__default.createElement(
-      React__default.Fragment,
-      null,
-      React__default.createElement(
-        "div",
-        { className: `${classPrefix}-lite` },
-        React__default.createElement("div", { className: `${classPrefix}-lite-active` }, 2),
-        React__default.createElement("div", { className: `${classPrefix}-lite-default` }, 8)
-      )
+      "div",
+      { className: `${classPrefix}-lite` },
+      React__default.createElement("div", { className: `${classPrefix}-lite-active` }, 2),
+      React__default.createElement("div", { className: `${classPrefix}-lite-default` }, 8)
     )
   );
 };

package/dist/esm/cascader2.js

@@ -176,6 +176,9 @@ const InternalCascader = (props, ref) => {
   useEffect(() => {
     initData();
   }, [options, format]);
+  useEffect(() => {
+    syncValue();
+  }, [value]);
   const initData = () => __awaiter(void 0, void 0, void 0, function* () {
     state.lazyLoadMap.clear();
     if (format && Object.keys(format).length > 0) {

package/dist/esm/menuitem2.js

@@ -92,6 +92,7 @@ const MenuItem = forwardRef((props, ref) => {
     };
   };
   const micRef = useRef(null);
+  const cssRef = useRef(null);
   const targetSet = [micRef.current];
   useClickAway(
     () => {
@@ -119,7 +120,7 @@ const MenuItem = forwardRef((props, ref) => {
       }, className), style: Object.assign(Object.assign({}, style), isShow()) },
       React__default.createElement(
         CSSTransition,
-        { in: showPopup, timeout: 100, classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up" },
+        { nodeRef: cssRef, in: showPopup, timeout: 100, classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up" },
         React__default.createElement(
           "div",
           { className: "nut-menu-container-content" },

package/dist/esm/merge-props.js

@@ -0,0 +1,16 @@
+function mergeProps(...items) {
+  const ret = {};
+  items.forEach((item) => {
+    if (item) {
+      Object.keys(item).forEach((key) => {
+        if (item[key] !== void 0) {
+          ret[key] = item[key];
+        }
+      });
+    }
+  });
+  return ret;
+}
+export {
+  mergeProps as m
+};

package/dist/esm/overlay2.js

@@ -102,13 +102,9 @@ const Overlay = (props) => {
     afterClose && afterClose();
   };
   return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      CSSTransition,
-      { nodeRef, classNames: `${classPrefix}-slide`, unmountOnExit: true, timeout: duration, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
-      React__default.createElement("div", Object.assign({ ref: nodeRef, className: classes, style: styles }, rest, { onClick: handleClick }), children)
-    )
+    CSSTransition,
+    { nodeRef, classNames: `${classPrefix}-slide`, unmountOnExit: true, timeout: duration, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
+    React__default.createElement("div", Object.assign({ ref: nodeRef, className: classes, style: styles }, rest, { onClick: handleClick }), children)
   );
 };
 Overlay.displayName = "NutOverlay";

package/dist/esm/popup2.js

@@ -122,12 +122,12 @@ const Popup = (props) => {
     );
   };
   const renderNode = () => {
-    return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(
+    return React__default.createElement(
       React__default.Fragment,
       null,
-      React__default.createElement(Overlay__default, { style: overlayStyles, className: overlayClassName, visible: innerVisible, closeOnOverlayClick, lockScroll, duration, onClick: onHandleClickOverlay }),
-      renderPop()
-    ) : React__default.createElement(React__default.Fragment, null, renderPop()));
+      overlay ? React__default.createElement(Overlay__default, { style: overlayStyles, className: overlayClassName, visible: innerVisible, closeOnOverlayClick, lockScroll, duration, onClick: onHandleClickOverlay }) : null,
+      React__default.createElement(React__default.Fragment, null, renderPop())
+    );
   };
   useEffect(() => {
     visible && open();

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.18 Fri Sep 06 2024 18:47:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.19 Fri Sep 13 2024 15:44:33 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 v2.6.18 Fri Sep 06 2024 18:47:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.19 Fri Sep 13 2024 15:44:33 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 v2.6.18 Fri Sep 06 2024 18:47:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.19 Fri Sep 13 2024 15:44:33 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 v2.6.18 Fri Sep 06 2024 18:47:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.19 Fri Sep 13 2024 15:44:33 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 v2.6.18 Fri Sep 06 2024 18:47:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.19 Fri Sep 13 2024 15:44:33 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 v2.6.18 Fri Sep 06 2024 18:47:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.19 Fri Sep 13 2024 15:44:33 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 v2.6.18 Fri Sep 06 2024 18:47:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.19 Fri Sep 13 2024 15:44:33 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */