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

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# v3.0.18
+`2025-08-15`
+
+
+* 🏡 chore: 升级icon库 (#3330)
+* 🏡 chore: 发布taro下的样式按需插件
+* 📖 docs: 更新介绍部分内容 (#3324)
+* :sparkles: feat: Ellipsis校验越界不走缓存配置 (#3329)
+* :sparkles: feat(price): 支持自定义颜色&数据原样输出 (#3328)
+* :sparkles: feat(notify): 支持promise调用notice  (#3319)
+* :bug: fix(noticebar): 适配鸿蒙样式修复 (#3332)
+* :bug: Fix icons svg (#3331)
+
+
 # v3.0.17
 
 `2025-08-01`

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

@@ -29,6 +29,7 @@ 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"));
@@ -193,20 +194,17 @@ var BaseDialog = function BaseDialog(props) {
     var renderContent = function renderContent() {
         var contentZIndex = (0, _platform.harmony)() ? zIndex + 1 : zIndex // 解决harmony层级问题
         ;
-        return(// <CSSTransition
-        //   in={visible}
-        //   timeout={300}
-        //   classNames="fadeDialog"
-        //   unmountOnExit
-        //   appear
-        // >
-        /*#__PURE__*/ /*#__PURE__*/ _react.default.createElement(_content.Content, {
+        return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
+            in: visible,
+            timeout: 300,
+            classNames: "fadeDialog",
+            unmountOnExit: true,
+            appear: true
+        }, /*#__PURE__*/ _react.default.createElement(_content.Content, {
             className: className,
-            style: (0, _object_spread_props._)((0, _object_spread._)({
+            style: (0, _object_spread._)({
                 zIndex: contentZIndex
-            }, style), {
-                display: visible ? 'block' : 'none'
-            }),
+            }, style),
             title: title,
             header: header,
             close: renderCloseIcon(),

package/dist/cjs/packages/ellipsis/ellipsis.js

@@ -229,7 +229,7 @@ var Ellipsis = function Ellipsis(props) {
                     case 0:
                         return [
                             4,
-                            (0, _getrect.getRectInMultiPlatform)(rootContain.current)
+                            (0, _getrect.getRectInMultiPlatformWithoutCache)(rootContain.current)
                         ];
                     case 1:
                         refe = _state.sent();

package/dist/cjs/packages/noticebar/style/noticebar.scss

@@ -51,6 +51,9 @@
       min-width: $noticebar-left-icon-width;
       margin-right: $noticebar-icon-gap;
       background-size: 100% 100%;
+      .nut-icon {
+        color: $noticebar-color;
+      }
     }
 
     &-right-icon {
@@ -63,12 +66,14 @@
       .nut-icon {
         width: 12px;
         height: 12px;
+        color: $noticebar-color;
       }
     }
 
     &-wrap {
       display: flex;
       flex: 1;
+      align-items: center;
       height: $noticebar-line-height;
       line-height: $noticebar-line-height;
       overflow: hidden;
@@ -77,6 +82,7 @@
       .nut-noticebar-box-wrap-content {
         position: absolute;
         white-space: nowrap;
+        color: $noticebar-color;
 
         &.nut-ellipsis {
           max-width: 100%;

package/dist/cjs/packages/noticebar/style/style.css

@@ -45,6 +45,9 @@
   margin-right: var(--nutui-noticebar-icon-gap, 4px);
   background-size: 100% 100%;
 }
+.nut-noticebar .nut-noticebar-box-left-icon .nut-icon {
+  color: var(--nutui-noticebar-color, #d9500b);
+}
 .nut-noticebar .nut-noticebar-box-right-icon {
   display: flex;
   align-items: center;
@@ -55,10 +58,12 @@
 .nut-noticebar .nut-noticebar-box-right-icon .nut-icon {
   width: 12px;
   height: 12px;
+  color: var(--nutui-noticebar-color, #d9500b);
 }
 .nut-noticebar .nut-noticebar-box-wrap {
   display: flex;
   flex: 1;
+  align-items: center;
   height: var(--nutui-noticebar-line-height, 24px);
   line-height: var(--nutui-noticebar-line-height, 24px);
   overflow: hidden;
@@ -67,6 +72,7 @@
 .nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: absolute;
   white-space: nowrap;
+  color: var(--nutui-noticebar-color, #d9500b);
 }
 .nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content.nut-ellipsis {
   max-width: 100%;

package/dist/cjs/packages/noticebar/style/style.harmony.css

@@ -45,6 +45,9 @@
   margin-right: var(--nutui-noticebar-icon-gap, 4px);
   background-size: 100% 100%;
 }
+.nut-noticebar .nut-noticebar-box-left-icon .nut-icon {
+  color: var(--nutui-noticebar-color, #d9500b);
+}
 .nut-noticebar .nut-noticebar-box-right-icon {
   display: flex;
   align-items: center;
@@ -55,10 +58,12 @@
 .nut-noticebar .nut-noticebar-box-right-icon .nut-icon {
   width: 12px;
   height: 12px;
+  color: var(--nutui-noticebar-color, #d9500b);
 }
 .nut-noticebar .nut-noticebar-box-wrap {
   display: flex;
   flex: 1;
+  align-items: center;
   height: var(--nutui-noticebar-line-height, 24px);
   line-height: var(--nutui-noticebar-line-height, 24px);
   overflow: hidden;
@@ -67,6 +72,7 @@
 .nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: absolute;
   white-space: nowrap;
+  color: var(--nutui-noticebar-color, #d9500b);
 }
 .nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content.nut-ellipsis {
   max-width: 100%;

package/dist/cjs/packages/noticebar/style-jmapp/noticebar.scss

@@ -51,6 +51,9 @@
       min-width: $noticebar-left-icon-width;
       margin-right: $noticebar-icon-gap;
       background-size: 100% 100%;
+      .nut-icon {
+        color: $noticebar-color;
+      }
     }
 
     &-right-icon {
@@ -63,12 +66,14 @@
       .nut-icon {
         width: 12px;
         height: 12px;
+        color: $noticebar-color;
       }
     }
 
     &-wrap {
       display: flex;
       flex: 1;
+      align-items: center;
       height: $noticebar-line-height;
       line-height: $noticebar-line-height;
       overflow: hidden;
@@ -77,6 +82,7 @@
       .nut-noticebar-box-wrap-content {
         position: absolute;
         white-space: nowrap;
+        color: $noticebar-color;
 
         &.nut-ellipsis {
           max-width: 100%;

package/dist/cjs/packages/noticebar/style-jmapp/style.css

@@ -45,6 +45,9 @@
   margin-right: var(--nutui-noticebar-icon-gap, 4px);
   background-size: 100% 100%;
 }
+.nut-noticebar .nut-noticebar-box-left-icon .nut-icon {
+  color: var(--nutui-noticebar-color, #d9500b);
+}
 .nut-noticebar .nut-noticebar-box-right-icon {
   display: flex;
   align-items: center;
@@ -55,10 +58,12 @@
 .nut-noticebar .nut-noticebar-box-right-icon .nut-icon {
   width: 12px;
   height: 12px;
+  color: var(--nutui-noticebar-color, #d9500b);
 }
 .nut-noticebar .nut-noticebar-box-wrap {
   display: flex;
   flex: 1;
+  align-items: center;
   height: var(--nutui-noticebar-line-height, 24px);
   line-height: var(--nutui-noticebar-line-height, 24px);
   overflow: hidden;
@@ -67,6 +72,7 @@
 .nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: absolute;
   white-space: nowrap;
+  color: var(--nutui-noticebar-color, #d9500b);
 }
 .nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content.nut-ellipsis {
   max-width: 100%;

package/dist/cjs/packages/noticebar/style-jrkf/noticebar.scss

@@ -51,6 +51,9 @@
       min-width: $noticebar-left-icon-width;
       margin-right: $noticebar-icon-gap;
       background-size: 100% 100%;
+      .nut-icon {
+        color: $noticebar-color;
+      }
     }
 
     &-right-icon {
@@ -63,12 +66,14 @@
       .nut-icon {
         width: 12px;
         height: 12px;
+        color: $noticebar-color;
       }
     }
 
     &-wrap {
       display: flex;
       flex: 1;
+      align-items: center;
       height: $noticebar-line-height;
       line-height: $noticebar-line-height;
       overflow: hidden;
@@ -77,6 +82,7 @@
       .nut-noticebar-box-wrap-content {
         position: absolute;
         white-space: nowrap;
+        color: $noticebar-color;
 
         &.nut-ellipsis {
           max-width: 100%;

package/dist/cjs/packages/noticebar/style-jrkf/style.css

@@ -45,6 +45,9 @@
   margin-right: var(--nutui-noticebar-icon-gap, 4px);
   background-size: 100% 100%;
 }
+.nut-noticebar .nut-noticebar-box-left-icon .nut-icon {
+  color: var(--nutui-noticebar-color, #d9500b);
+}
 .nut-noticebar .nut-noticebar-box-right-icon {
   display: flex;
   align-items: center;
@@ -55,10 +58,12 @@
 .nut-noticebar .nut-noticebar-box-right-icon .nut-icon {
   width: 12px;
   height: 12px;
+  color: var(--nutui-noticebar-color, #d9500b);
 }
 .nut-noticebar .nut-noticebar-box-wrap {
   display: flex;
   flex: 1;
+  align-items: center;
   height: var(--nutui-noticebar-line-height, 24px);
   line-height: var(--nutui-noticebar-line-height, 24px);
   overflow: hidden;
@@ -67,6 +72,7 @@
 .nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: absolute;
   white-space: nowrap;
+  color: var(--nutui-noticebar-color, #d9500b);
 }
 .nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content.nut-ellipsis {
   max-width: 100%;

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

@@ -23,6 +23,7 @@ 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");
@@ -72,27 +73,20 @@ var Overlay = function Overlay(props) {
         return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({
             ref: nodeRef,
             className: classes,
-            style: (0, _object_spread_props._)((0, _object_spread._)({}, styles), {
-                display: innerVisible ? 'block' : 'none'
-            })
+            style: styles
         }, rest), {
             catchMove: lockScroll,
             onClick: handleClick
         }), children);
     };
-    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>
-// )
+    return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
+        nodeRef: nodeRef,
+        classNames: "".concat(classPrefix, "-slide"),
+        unmountOnExit: true,
+        timeout: duration,
+        in: innerVisible,
+        onEntered: afterShow,
+        onExited: afterClose
+    }, renderOverlay());
 };
 Overlay.displayName = 'NutOverlay';

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

@@ -16,6 +16,7 @@ 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");
@@ -118,39 +119,26 @@ var Popup = function Popup(props) {
             return renderCloseIcon();
         }
     };
-    var renderPop = function renderPop() {
-        return /*#__PURE__*/ _react.default.createElement(_components.View, {
+    var renderContent = function renderContent() {
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.View, {
             ref: refObject,
-            style: (0, _object_spread_props._)((0, _object_spread._)({}, popStyles), {
-                display: innerVisible ? 'block' : 'none'
-            }),
+            style: popStyles,
             className: popClassName,
             onClick: onClick,
             catchMove: lockScroll
-        }, 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>
-    // )
+        }, 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());
     };
     var renderNode = function renderNode() {
         return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, overlay ? /*#__PURE__*/ _react.default.createElement(_index.default, {

package/dist/cjs/packages/price/price.js

@@ -9,14 +9,16 @@ Object.defineProperty(exports, "Price", {
     }
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 var _define_property = require("@swc/helpers/_/_define_property");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _components = require("@tarojs/components");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _typings = require("../../utils/typings");
 var _index = require("../configprovider/index");
+var _types = require("../../types");
 var _platform = require("../../utils/taro/platform");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     color: 'primary',
@@ -29,9 +31,28 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     line: false
 });
 var Price = function Price(props) {
-    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), color = _$_object_spread.color, price = _$_object_spread.price, symbol = _$_object_spread.symbol, digits = _$_object_spread.digits, thousands = _$_object_spread.thousands, position = _$_object_spread.position, size = _$_object_spread.size, line = _$_object_spread.line, className = _$_object_spread.className, style = _$_object_spread.style;
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), color = _$_object_spread.color, originalPrice = _$_object_spread.price, symbol = _$_object_spread.symbol, digits = _$_object_spread.digits, thousands = _$_object_spread.thousands, position = _$_object_spread.position, size = _$_object_spread.size, line = _$_object_spread.line, className = _$_object_spread.className, style = _$_object_spread.style;
     var classPrefix = 'nut-price';
     var rtl = (0, _index.useRtl)();
+    var price = (0, _react.useMemo)(function() {
+        return originalPrice.toString().replace(/[^\d.]/g, '');
+    }, [
+        originalPrice
+    ]);
+    var isCustomPriceColor = (0, _react.useMemo)(function() {
+        var specificPriceColor = Object.values(_types.PriceColorEnum);
+        return !specificPriceColor.includes(color);
+    }, [
+        color
+    ]);
+    var priceColorStyle = (0, _react.useMemo)(function() {
+        return isCustomPriceColor ? {
+            color: color
+        } : {};
+    }, [
+        isCustomPriceColor,
+        color
+    ]);
     var replaceSpecialChar = function replaceSpecialChar(url) {
         url = url.replace(/"/g, '"');
         url = url.replace(/&/g, '&');
@@ -48,8 +69,8 @@ var Price = function Price(props) {
         if (Number(num) === 0) {
             num = 0;
         }
-        num = num.toString();
         if (checkPoint(num)) {
+            num = num.toString();
             num = typeof num.split('.') === 'string' ? num.split('.') : num.split('.')[0];
         }
         if (thousands) {
@@ -62,14 +83,17 @@ var Price = function Price(props) {
             decimalNum = 0;
         }
         if (checkPoint(decimalNum)) {
-            decimalNum = Number(decimalNum).toFixed(digits);
-            decimalNum = typeof decimalNum.split('.') === 'string' ? 0 : decimalNum.split('.')[1] || 0;
+            decimalNum = digits ? Number(decimalNum).toFixed(digits) : "".concat(decimalNum);
+            decimalNum = typeof decimalNum.split('.') === 'string' ? 0 : decimalNum.split('.')[1] || '';
         } else {
-            decimalNum = 0;
+            decimalNum = '';
+        }
+        if (digits) {
+            var result = "0.".concat(decimalNum);
+            var resultFixed = Number(result).toFixed(digits);
+            return String(resultFixed).substring(2, resultFixed.length);
         }
-        var result = "0.".concat(decimalNum);
-        var resultFixed = Number(result).toFixed(digits);
-        return String(resultFixed).substring(2, resultFixed.length);
+        return decimalNum;
     };
     var renderSymbol = function renderSymbol() {
         var _obj;
@@ -78,16 +102,20 @@ var Price = function Price(props) {
                 "".concat(classPrefix, "-symbol"),
                 "".concat(classPrefix, "-symbol-").concat(size),
                 (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-line"), line), (0, _define_property._)(_obj, "".concat(classPrefix, "-rtl"), rtl), _obj)
-            ])
+            ]),
+            style: priceColorStyle
         }, symbol ? replaceSpecialChar(symbol) : '');
     };
     var renderInner = function renderInner() {
         return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, symbol && position === 'before' ? renderSymbol() : null, /*#__PURE__*/ _react.default.createElement(_components.Text, {
-            className: "".concat(classPrefix, "-integer ").concat(classPrefix, "-integer-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : '')
-        }, formatThousands(price)), digits ? /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.Text, {
-            className: "".concat(classPrefix, "-decimal ").concat(classPrefix, "-decimal-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : '')
-        }, "."), /*#__PURE__*/ _react.default.createElement(_components.Text, {
-            className: "".concat(classPrefix, "-decimal ").concat(classPrefix, "-decimal-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : '')
+            className: "".concat(classPrefix, "-integer ").concat(classPrefix, "-integer-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : ''),
+            style: priceColorStyle
+        }, formatThousands(price)), digits !== 0 ? /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, checkPoint(price) || digits ? /*#__PURE__*/ _react.default.createElement(_components.Text, {
+            className: "".concat(classPrefix, "-decimal ").concat(classPrefix, "-decimal-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : ''),
+            style: priceColorStyle
+        }, ".") : null, /*#__PURE__*/ _react.default.createElement(_components.Text, {
+            className: "".concat(classPrefix, "-decimal ").concat(classPrefix, "-decimal-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : ''),
+            style: priceColorStyle
         }, formatDecimal(price))) : null, symbol && position === 'after' ? renderSymbol() : null);
     };
     return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (0, _platform.harmony)() ? /*#__PURE__*/ _react.default.createElement(_components.Text, {

package/dist/cjs/types/spec/price/base.d.ts

@@ -1,12 +1,18 @@
 import { BaseProps } from '../../base/props';
 import { SimpleValue, UISize } from '../../base/atoms';
 export type PriceSize = Exclude<UISize, 'mini'>;
-export type PriceColor = 'primary' | 'gray' | 'darkgray';
+export type SpecificPriceColor = 'primary' | 'gray' | 'darkgray';
+export type PriceColor = SpecificPriceColor | string;
+export declare enum PriceColorEnum {
+    Primary = "primary",
+    Gray = "gray",
+    Darkgray = "darkgray"
+}
 export interface BasePrice extends BaseProps {
     color: PriceColor;
     price: SimpleValue;
     symbol: string;
-    digits: number;
+    digits: number | null;
     thousands: boolean;
     position: string;
     size: PriceSize;

package/dist/cjs/types/spec/price/base.js

@@ -2,3 +2,15 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+Object.defineProperty(exports, "PriceColorEnum", {
+    enumerable: true,
+    get: function() {
+        return PriceColorEnum;
+    }
+});
+var PriceColorEnum = /*#__PURE__*/ function(PriceColorEnum) {
+    PriceColorEnum["Primary"] = "primary";
+    PriceColorEnum["Gray"] = "gray";
+    PriceColorEnum["Darkgray"] = "darkgray";
+    return PriceColorEnum;
+}({});

package/dist/cjs/utils/taro/get-rect.d.ts

@@ -10,3 +10,4 @@ export interface Rect {
 }
 export declare function makeRect(width: number, height: number): Rect;
 export declare const getRectInMultiPlatform: (element: any, harmonyId?: string) => Promise<Rect>;
+export declare const getRectInMultiPlatformWithoutCache: (element: any, harmonyId?: string) => Promise<Rect>;

package/dist/cjs/utils/taro/get-rect.js

@@ -12,6 +12,9 @@ _export(exports, {
     getRectInMultiPlatform: function() {
         return getRectInMultiPlatform;
     },
+    getRectInMultiPlatformWithoutCache: function() {
+        return getRectInMultiPlatformWithoutCache;
+    },
     makeRect: function() {
         return makeRect;
     }
@@ -74,3 +77,36 @@ var getRectInMultiPlatform = /*#__PURE__*/ function() {
         return _ref.apply(this, arguments);
     };
 }();
+var getRectInMultiPlatformWithoutCache = /*#__PURE__*/ function() {
+    var _ref = (0, _async_to_generator._)(function(element) {
+        var harmonyId;
+        var _arguments = arguments;
+        return (0, _ts_generator._)(this, function(_state) {
+            harmonyId = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : '';
+            if (element) {
+                if (_getrect.inBrowser) {
+                    return [
+                        2,
+                        Promise.resolve((0, _getrect.getRect)(element))
+                    ];
+                }
+                return [
+                    2,
+                    new Promise(function(resolve, reject) {
+                        (0, _taro.createSelectorQuery)().select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
+                            var _param = (0, _sliced_to_array._)(param, 1), rects = _param[0];
+                            resolve(rects);
+                        });
+                    })
+                ];
+            }
+            return [
+                2,
+                Promise.resolve(makeRect(0, 0))
+            ];
+        });
+    });
+    return function getRectInMultiPlatformWithoutCache(element) {
+        return _ref.apply(this, arguments);
+    };
+}();

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

@@ -6,6 +6,7 @@ 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";
@@ -170,29 +171,24 @@ export var BaseDialog = function(props) {
     var renderContent = function() {
         var contentZIndex = harmony() ? zIndex + 1 : zIndex // 解决harmony层级问题
         ;
-        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(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 /*#__PURE__*/ React.createElement(View, {
         style: {