@nutui/nutui-react-taro 3.0.17 → 3.0.18-cpp.beta.1

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+# v3.0.17
+
+`2025-08-01`
+
+- :sparkles: feat: add plugin for bizui using nutui (#3318)
+- :bug: fix(skeleton): correct v3 update docs (#3313)
+- :bug: fix(pulltorefresh): 增加 catchMove 属性，用于显示控制 (#3311)
+- :bug: fix: 修复日历只有一个月的情况 (#3306)
+- 🏡 chore(harmonycss): 每个组件构建全量的css (#3316)
+
 # v3.0.16
 
 `2025-07-04`

package/dist/cjs/packages/dialog/dialog.js

@@ -29,7 +29,6 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
-var _reacttransitiongroup = require("react-transition-group");
 var _components = require("@tarojs/components");
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _index = /*#__PURE__*/ _interop_require_default._(require("../button/index"));
@@ -194,17 +193,20 @@ var BaseDialog = function BaseDialog(props) {
     var renderContent = function renderContent() {
         var contentZIndex = (0, _platform.harmony)() ? zIndex + 1 : zIndex // 解决harmony层级问题
         ;
-        return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
-            in: visible,
-            timeout: 300,
-            classNames: "fadeDialog",
-            unmountOnExit: true,
-            appear: true
-        }, /*#__PURE__*/ _react.default.createElement(_content.Content, {
+        return(// <CSSTransition
+        //   in={visible}
+        //   timeout={300}
+        //   classNames="fadeDialog"
+        //   unmountOnExit
+        //   appear
+        // >
+        /*#__PURE__*/ /*#__PURE__*/ _react.default.createElement(_content.Content, {
             className: className,
-            style: (0, _object_spread._)({
+            style: (0, _object_spread_props._)((0, _object_spread._)({
                 zIndex: contentZIndex
-            }, style),
+            }, style), {
+                display: visible ? 'block' : 'none'
+            }),
             title: title,
             header: header,
             close: renderCloseIcon(),

package/dist/cjs/packages/overlay/overlay.js

@@ -23,7 +23,6 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-var _reacttransitiongroup = require("react-transition-group");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
 var _typings = require("../../utils/typings");
@@ -73,20 +72,27 @@ var Overlay = function Overlay(props) {
         return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({
             ref: nodeRef,
             className: classes,
-            style: styles
+            style: (0, _object_spread_props._)((0, _object_spread._)({}, styles), {
+                display: innerVisible ? 'block' : 'none'
+            })
         }, rest), {
             catchMove: lockScroll,
             onClick: handleClick
         }), children);
     };
-    return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
-        nodeRef: nodeRef,
-        classNames: "".concat(classPrefix, "-slide"),
-        unmountOnExit: true,
-        timeout: duration,
-        in: innerVisible,
-        onEntered: afterShow,
-        onExited: afterClose
-    }, renderOverlay());
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, renderOverlay());
+// return (
+//   <CSSTransition
+//     nodeRef={nodeRef}
+//     classNames={`${classPrefix}-slide`}
+//     unmountOnExit
+//     timeout={duration}
+//     in={innerVisible}
+//     onEntered={afterShow}
+//     onExited={afterClose}
+//   >
+//     {renderOverlay()}
+//   </CSSTransition>
+// )
 };
 Overlay.displayName = 'NutOverlay';

package/dist/cjs/packages/popup/popup.js

@@ -16,7 +16,6 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _reactdom = require("react-dom");
-var _reacttransitiongroup = require("react-transition-group");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _components = require("@tarojs/components");
@@ -119,26 +118,39 @@ var Popup = function Popup(props) {
             return renderCloseIcon();
         }
     };
-    var renderContent = function renderContent() {
-        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.View, {
+    var renderPop = function renderPop() {
+        return /*#__PURE__*/ _react.default.createElement(_components.View, {
             ref: refObject,
-            style: popStyles,
+            style: (0, _object_spread_props._)((0, _object_spread._)({}, popStyles), {
+                display: innerVisible ? 'block' : 'none'
+            }),
             className: popClassName,
             onClick: onClick,
             catchMove: lockScroll
-        }, renderTitle(), showChildren ? children : null));
-    };
-    var renderPop = function renderPop() {
-        return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
-            nodeRef: refObject,
-            classNames: transitionName,
-            mountOnEnter: true,
-            unmountOnExit: destroyOnClose,
-            timeout: duration,
-            in: innerVisible,
-            onEntered: afterShow,
-            onExited: afterClose
-        }, renderContent());
+        }, renderTitle(), showChildren ? children : null);
+    // return (
+    //   <CSSTransition
+    //     nodeRef={refObject}
+    //     classNames={transitionName}
+    //     mountOnEnter
+    //     unmountOnExit={destroyOnClose}
+    //     timeout={duration}
+    //     in={innerVisible}
+    //     onEntered={afterShow}
+    //     onExited={afterClose}
+    //   >
+    //     <View
+    //       ref={refObject}
+    //       style={popStyles}
+    //       className={popClassName}
+    //       onClick={onClick}
+    //       catchMove={lockScroll}
+    //     >
+    //       {renderTitle()}
+    //       {showChildren ? children : null}
+    //     </View>
+    //   </CSSTransition>
+    // )
     };
     var renderNode = function renderNode() {
         return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, overlay ? /*#__PURE__*/ _react.default.createElement(_index.default, {

package/dist/es/packages/dialog/dialog.js

@@ -6,7 +6,6 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import React, { useState } from "react";
 import classNames from "classnames";
-import { CSSTransition } from "react-transition-group";
 import { View } from "@tarojs/components";
 import { Failure, Close } from "@nutui/icons-react-taro";
 import Button from "../button/index";
@@ -171,24 +170,29 @@ export var BaseDialog = function(props) {
     var renderContent = function() {
         var contentZIndex = harmony() ? zIndex + 1 : zIndex // 解决harmony层级问题
         ;
-        return /*#__PURE__*/ React.createElement(CSSTransition, {
-            in: visible,
-            timeout: 300,
-            classNames: "fadeDialog",
-            unmountOnExit: true,
-            appear: true
-        }, /*#__PURE__*/ React.createElement(Content, {
-            className: className,
-            style: _object_spread({
-                zIndex: contentZIndex
-            }, style),
-            title: title,
-            header: header,
-            close: renderCloseIcon(),
-            footer: renderFooter(),
-            footerDirection: footerDirection,
-            visible: visible
-        }, content || children));
+        return (
+            // <CSSTransition
+            //   in={visible}
+            //   timeout={300}
+            //   classNames="fadeDialog"
+            //   unmountOnExit
+            //   appear
+            // >
+            /*#__PURE__*/ (React.createElement(Content, {
+                className: className,
+                style: _object_spread_props(_object_spread({
+                    zIndex: contentZIndex
+                }, style), {
+                    display: visible ? 'block' : 'none'
+                }),
+                title: title,
+                header: header,
+                close: renderCloseIcon(),
+                footer: renderFooter(),
+                footerDirection: footerDirection,
+                visible: visible
+            }, content || children))
+        );
     };
     return /*#__PURE__*/ React.createElement(View, {
         style: {

package/dist/es/packages/overlay/overlay.js

@@ -3,7 +3,6 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React, { useEffect, useState } from "react";
-import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
@@ -53,20 +52,27 @@ export var Overlay = function(props) {
         return /*#__PURE__*/ React.createElement(View, _object_spread_props(_object_spread({
             ref: nodeRef,
             className: classes,
-            style: styles
+            style: _object_spread_props(_object_spread({}, styles), {
+                display: innerVisible ? 'block' : 'none'
+            })
         }, rest), {
             catchMove: lockScroll,
             onClick: handleClick
         }), children);
     };
-    return /*#__PURE__*/ React.createElement(CSSTransition, {
-        nodeRef: nodeRef,
-        classNames: "".concat(classPrefix, "-slide"),
-        unmountOnExit: true,
-        timeout: duration,
-        in: innerVisible,
-        onEntered: afterShow,
-        onExited: afterClose
-    }, renderOverlay());
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, renderOverlay());
+// return (
+//   <CSSTransition
+//     nodeRef={nodeRef}
+//     classNames={`${classPrefix}-slide`}
+//     unmountOnExit
+//     timeout={duration}
+//     in={innerVisible}
+//     onEntered={afterShow}
+//     onExited={afterClose}
+//   >
+//     {renderOverlay()}
+//   </CSSTransition>
+// )
 };
 Overlay.displayName = 'NutOverlay';

package/dist/es/packages/popup/popup.js

@@ -4,7 +4,7 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React, { useState, useEffect } from "react";
 import { createPortal } from "react-dom";
-import { CSSTransition } from "react-transition-group";
+// import { CSSTransition } from 'react-transition-group'
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react-taro";
 import { View } from "@tarojs/components";
@@ -107,26 +107,39 @@ export var Popup = function(props) {
             return renderCloseIcon();
         }
     };
-    var renderContent = function() {
-        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(View, {
+    var renderPop = function() {
+        return /*#__PURE__*/ React.createElement(View, {
             ref: refObject,
-            style: popStyles,
+            style: _object_spread_props(_object_spread({}, popStyles), {
+                display: innerVisible ? 'block' : 'none'
+            }),
             className: popClassName,
             onClick: onClick,
             catchMove: lockScroll
-        }, renderTitle(), showChildren ? children : null));
-    };
-    var renderPop = function() {
-        return /*#__PURE__*/ React.createElement(CSSTransition, {
-            nodeRef: refObject,
-            classNames: transitionName,
-            mountOnEnter: true,
-            unmountOnExit: destroyOnClose,
-            timeout: duration,
-            in: innerVisible,
-            onEntered: afterShow,
-            onExited: afterClose
-        }, renderContent());
+        }, renderTitle(), showChildren ? children : null);
+    // return (
+    //   <CSSTransition
+    //     nodeRef={refObject}
+    //     classNames={transitionName}
+    //     mountOnEnter
+    //     unmountOnExit={destroyOnClose}
+    //     timeout={duration}
+    //     in={innerVisible}
+    //     onEntered={afterShow}
+    //     onExited={afterClose}
+    //   >
+    //     <View
+    //       ref={refObject}
+    //       style={popStyles}
+    //       className={popClassName}
+    //       onClick={onClick}
+    //       catchMove={lockScroll}
+    //     >
+    //       {renderTitle()}
+    //       {showChildren ? children : null}
+    //     </View>
+    //   </CSSTransition>
+    // )
     };
     var renderNode = function() {
         return /*#__PURE__*/ React.createElement(React.Fragment, null, overlay ? /*#__PURE__*/ React.createElement(Overlay, {