@nutui/nutui-react-taro 3.0.6 → 3.0.8

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

@@ -94,18 +94,6 @@
 .nut-button-round {
   border-radius: var(--nutui-button-border-radius, var(--nutui-radius-s, 6px));
 }
-.nut-button-round-xlarge {
-  border-radius: var(--nutui-button-xlarge-border-radius, var(--nutui-radius-base, 8px));
-}
-.nut-button-round-large {
-  border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
-}
-.nut-button-round-small {
-  border-radius: var(--nutui-button-small-border-radius, var(--nutui-radius-s, 6px));
-}
-.nut-button-round-mini {
-  border-radius: var(--nutui-button-mini-border-radius, var(--nutui-radius-xs, 4px));
-}
 .nut-button-default {
   padding: var(--nutui-button-default-padding, 0px 12px);
   border-style: solid;
@@ -131,7 +119,7 @@
   height: var(--nutui-button-xlarge-height, 48px);
   padding: var(--nutui-button-xlarge-padding, 0px 24px);
   font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, 18px));
-  border-radius: var(--nutui-radius-base, 8px);
+  border-radius: var(--nutui-button-xlarge-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-xlarge .nut-button-text {
   margin-left: var(--nutui-button-xlarge-text-icon-margin, 6px);
@@ -151,7 +139,7 @@
   height: var(--nutui-button-large-height, 40px);
   padding: var(--nutui-button-large-padding, 0px 16px);
   font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  border-radius: var(--nutui-radius-s, 6px);
+  border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-large .nut-button-text {
   margin-left: var(--nutui-button-xlarge-text-icon-margin, 6px);
@@ -171,7 +159,7 @@
   height: var(--nutui-button-small-height, 28px);
   padding: var(--nutui-button-small-padding, 0px 8px);
   font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
-  border-radius: var(--nutui-radius-xs, 4px);
+  border-radius: var(--nutui-button-small-border-radius, var(--nutui-radius-s, 6px));
 }
 .nut-button-small .nut-icon {
   font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
@@ -185,7 +173,7 @@
   height: var(--nutui-button-mini-height, 24px);
   padding: var(--nutui-button-mini-padding, 0px 8px);
   font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
-  border-radius: var(--nutui-radius-xs, 4px);
+  border-radius: var(--nutui-button-mini-border-radius, var(--nutui-radius-xs, 4px));
 }
 .nut-button-mini .nut-icon {
   font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));

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

@@ -60,7 +60,7 @@
 
 .nut-popup {
   position: fixed;
-  min-height: 46%;
+  min-height: 26%;
   max-height: 100%;
   background-color: var(--nutui-overlay-content-bg-color, var(--nutui-color-background-overlay, #ffffff));
   -webkit-overflow-scrolling: touch;
@@ -198,12 +198,12 @@
     transform: scale(0.8);
   }
 }
-.nut-popup-slide-default-enter-active {
+.nut-popup-slide-none-enter-active {
   animation-fill-mode: both;
   animation-name: popup-scale-fade-in;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-default-exit-active {
+.nut-popup-slide-none-exit-active {
   animation-fill-mode: both;
   animation-name: popup-scale-fade-out;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -330,7 +330,7 @@
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-default-exit-done.nut-popup, .nut-popup-slide-center-exit-done.nut-popup, .nut-popup-slide-left-exit-done.nut-popup, .nut-popup-slide-right-exit-done.nut-popup, .nut-popup-slide-top-exit-done.nut-popup, .nut-popup-slide-bottom-exit-done.nut-popup {
+.nut-popup-slide-none-exit-done.nut-popup, .nut-popup-slide-center-exit-done.nut-popup, .nut-popup-slide-left-exit-done.nut-popup, .nut-popup-slide-right-exit-done.nut-popup, .nut-popup-slide-top-exit-done.nut-popup, .nut-popup-slide-bottom-exit-done.nut-popup {
   display: none;
 }
 .nut-popup .nut-overflow-hidden {

package/dist/cjs/packages/sidebar/sidebar.js

@@ -102,11 +102,19 @@ var SideBar = function SideBar(props) {
     var titleRectRef = (0, _react.useRef)([]);
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(0), 2), scrollTop = _useState[0], setScrollTop = _useState[1];
     var scrollDirection = function scrollDirection(to) {
+        if (sidebarDuration === 0) {
+            setScrollTop(to);
+            return;
+        }
+        var from = scrollTop;
+        var frames = Math.round(sidebarDuration / 16);
         var count = 0;
-        var frames = sidebarDuration === 0 ? 1 : Math.round(sidebarDuration / 16);
         function animate() {
-            setScrollTop(to);
-            if (++count < frames) {
+            var progress = count / frames;
+            var current = from + (to - from) * progress;
+            setScrollTop(current);
+            if (count < frames) {
+                count++;
                 (0, _raf.default)(animate);
             }
         }

package/dist/cjs/packages/skeleton/skeleton.js

@@ -24,8 +24,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     visible: false,
     size: 'normal',
     shape: 'round',
-    duration: 0.6,
-    inline: false
+    duration: 0.6
 });
 var Skeleton = function Skeleton(props) {
     var shapeStyle = function shapeStyle() {

package/dist/cjs/packages/swipe/swipe.js

@@ -94,7 +94,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
                 return _ref.apply(this, arguments);
             };
         }();
-        setTimeout(function() {
+        (0, _taro.nextTick)(function() {
             return getWidth();
         });
     });

package/dist/cjs/packages/switch/switch.js

@@ -10,11 +10,13 @@ Object.defineProperty(exports, "Switch", {
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _async_to_generator = require("@swc/helpers/_/_async_to_generator");
 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 _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 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 _components = require("@tarojs/components");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
@@ -60,14 +62,57 @@ var Switch = function Switch(props) {
             (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-close"), !value), (0, _define_property._)(_obj, "".concat(classPrefix, "-disabled"), disabled), (0, _define_property._)(_obj, "".concat(classPrefix, "-disabled-close"), disabled && !value), _obj)
         ]);
     };
-    var onClick = function onClick() {
-        if (disabled || changing) return;
-        if (props.onChange) {
-            setChanging(true);
-            props.onChange(!value);
-        }
-        setValue(!value);
-    };
+    var onClick = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function() {
+            var e;
+            return (0, _ts_generator._)(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (disabled || changing) return [
+                            2
+                        ];
+                        if (!onChange) return [
+                            3,
+                            4
+                        ];
+                        setChanging(true);
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            onChange(!value)
+                        ];
+                    case 2:
+                        _state.sent();
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        e = _state.sent();
+                        setChanging(false);
+                        return [
+                            3,
+                            4
+                        ];
+                    case 4:
+                        setValue(!value);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function onClick() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var _obj, _obj1;
     return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread._)({
         className: classes(),

package/dist/cjs/packages/tabpane/tabpane.js

@@ -24,7 +24,7 @@ var TabPane = function TabPane(props) {
     var classes = (0, _classnames.default)(classPrefix, {
         active: !disabled && props.active
     }, autoHeightClassName, className);
-    return children && /*#__PURE__*/ _react.default.createElement(_components.View, {
+    return children ? /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: classes
-    }, !disabled && children);
+    }, !disabled && children) : null;
 };

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

@@ -60,7 +60,7 @@
 
 .nut-popup {
   position: fixed;
-  min-height: 46%;
+  min-height: 26%;
   max-height: 100%;
   background-color: var(--nutui-overlay-content-bg-color, var(--nutui-color-background-overlay, #ffffff));
   -webkit-overflow-scrolling: touch;
@@ -198,12 +198,12 @@
     transform: scale(0.8);
   }
 }
-.nut-popup-slide-default-enter-active {
+.nut-popup-slide-none-enter-active {
   animation-fill-mode: both;
   animation-name: popup-scale-fade-in;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-default-exit-active {
+.nut-popup-slide-none-exit-active {
   animation-fill-mode: both;
   animation-name: popup-scale-fade-out;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -330,7 +330,7 @@
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-default-exit-done.nut-popup, .nut-popup-slide-center-exit-done.nut-popup, .nut-popup-slide-left-exit-done.nut-popup, .nut-popup-slide-right-exit-done.nut-popup, .nut-popup-slide-top-exit-done.nut-popup, .nut-popup-slide-bottom-exit-done.nut-popup {
+.nut-popup-slide-none-exit-done.nut-popup, .nut-popup-slide-center-exit-done.nut-popup, .nut-popup-slide-left-exit-done.nut-popup, .nut-popup-slide-right-exit-done.nut-popup, .nut-popup-slide-top-exit-done.nut-popup, .nut-popup-slide-bottom-exit-done.nut-popup {
   display: none;
 }
 .nut-popup .nut-overflow-hidden {

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

@@ -60,7 +60,7 @@
 
 .nut-popup {
   position: fixed;
-  min-height: 46%;
+  min-height: 26%;
   max-height: 100%;
   background-color: var(--nutui-overlay-content-bg-color, var(--nutui-color-background-overlay, #ffffff));
   -webkit-overflow-scrolling: touch;
@@ -198,12 +198,12 @@
     transform: scale(0.8);
   }
 }
-.nut-popup-slide-default-enter-active {
+.nut-popup-slide-none-enter-active {
   animation-fill-mode: both;
   animation-name: popup-scale-fade-in;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-default-exit-active {
+.nut-popup-slide-none-exit-active {
   animation-fill-mode: both;
   animation-name: popup-scale-fade-out;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -330,7 +330,7 @@
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-default-exit-done.nut-popup, .nut-popup-slide-center-exit-done.nut-popup, .nut-popup-slide-left-exit-done.nut-popup, .nut-popup-slide-right-exit-done.nut-popup, .nut-popup-slide-top-exit-done.nut-popup, .nut-popup-slide-bottom-exit-done.nut-popup {
+.nut-popup-slide-none-exit-done.nut-popup, .nut-popup-slide-center-exit-done.nut-popup, .nut-popup-slide-left-exit-done.nut-popup, .nut-popup-slide-right-exit-done.nut-popup, .nut-popup-slide-top-exit-done.nut-popup, .nut-popup-slide-bottom-exit-done.nut-popup {
   display: none;
 }
 .nut-popup .nut-overflow-hidden {
@@ -411,12 +411,13 @@
   top: 50%;
   transform: rotate(90deg) translateY(-50%);
 }
-.nut-popover-arrow-left.nut-popover-arrow-left-start {
+.nut-popover-arrow-left.nut-popover-arrow-left-top {
   top: 16px;
   right: -8px;
   transform: rotate(90deg) translateY(0%);
 }
-.nut-popover-arrow-left.nut-popover-arrow-left-end {
+.nut-popover-arrow-left.nut-popover-arrow-left-bottom {
+  top: auto;
   bottom: 16px;
   right: -8px;
   transform: rotate(90deg) translateY(0%);
@@ -429,12 +430,12 @@
   left: -6px;
   transform: rotate(-90deg) translateY(-50%);
 }
-.nut-popover-arrow-right.nut-popover-arrow-right-start {
+.nut-popover-arrow-right.nut-popover-arrow-right-top {
   top: 16px;
   left: -8px;
   transform: rotate(-90deg) translateY(0%);
 }
-.nut-popover-arrow-right.nut-popover-arrow-right-end {
+.nut-popover-arrow-right.nut-popover-arrow-right-bottom {
   bottom: 16px;
   left: -8px;
   transform: rotate(-90deg) translateY(0%);
@@ -449,57 +450,51 @@
   max-height: initial;
   overflow-y: initial;
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item {
+.nut-popover .nut-popover-content-group {
+  padding: 0 var(--nutui-popover-padding, 8px);
+}
+.nut-popover .nut-popover-content .nut-popover-item {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 0 var(--nutui-popover-menu-item-padding, 8px);
   border-bottom: 1px solid var(--nutui-popover-divider-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
-  max-width: var(--nutui-popover-menu-item-width, 160px);
+  max-width: var(--nutui-popover-item-width, 160px);
   word-wrap: break-word;
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item:last-child {
+.nut-popover .nut-popover-content .nut-popover-item:last-child {
   margin-bottom: 0px;
   border-bottom: none;
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item-icon {
+.nut-popover .nut-popover-content .nut-popover-item-icon, .nut-popover .nut-popover-content .nut-popover-item-action-icon {
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
+  width: var(--nutui-font-size-s, 12px);
+  height: var(--nutui-font-size-s, 12px);
+  font-size: var(--nutui-font-size-s, 12px);
+}
+.nut-popover .nut-popover-content .nut-popover-item-icon .nut-icon, .nut-popover .nut-popover-content .nut-popover-item-action-icon .nut-icon {
+  width: var(--nutui-font-size-s, 12px);
+  height: var(--nutui-font-size-s, 12px);
+  font-size: var(--nutui-font-size-s, 12px);
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item-icon .nut-icon {
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
+.nut-popover .nut-popover-content .nut-popover-item-icon {
+  margin-right: var(--nutui-spacing-xxs, 4px);
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item-name {
+.nut-popover .nut-popover-content .nut-popover-item-name {
   width: calc(100% - 34px);
   word-break: keep-all;
-  margin: 0 8px 0 4px;
   flex: 1;
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
+.nut-popover .nut-popover-content .nut-popover-item-action-icon {
   color: var(--nutui-color-text, #505259);
+  margin-left: var(--nutui-spacing-base, 8px);
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon .nut-icon {
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
-}
-.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled {
+.nut-popover .nut-popover-content .nut-popover-item.nut-popover-item-disabled {
   color: var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
   cursor: not-allowed;
 }
-.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem {
+.nut-popover .nut-popover-content .nut-popover-item.nut-popover-taroitem {
   display: flex;
 }
 .nut-popover .nut-popover-content-top .nut-popover-arrow-top {
@@ -507,18 +502,18 @@
   transform-origin: center left;
   transform: rotate(180deg) translateX(-50%);
 }
-.nut-popover .nut-popover-content-top-end {
+.nut-popover .nut-popover-content-top-right {
   right: 0;
 }
-.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end {
+.nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right {
   right: 16px;
   bottom: -3.5px;
   transform: rotate(180deg) translateX(0%);
 }
-.nut-popover .nut-popover-content-top-start {
+.nut-popover .nut-popover-content-top-left {
   left: 0;
 }
-.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start {
+.nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left {
   left: 16px;
   bottom: -3.5px;
   transform: rotate(180deg) translateX(0%);
@@ -527,30 +522,30 @@
   left: 50%;
   transform: translateX(-50%);
 }
-.nut-popover .nut-popover-content-bottom-end {
+.nut-popover .nut-popover-content-bottom-right {
   right: 0;
 }
-.nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end {
+.nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right {
   right: 16px;
   transform: translateX(0%);
 }
-.nut-popover .nut-popover-content-bottom-start {
+.nut-popover .nut-popover-content-bottom-left {
   left: 0;
 }
-.nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start {
+.nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left {
   left: 16px;
   transform: translateX(0%);
 }
-.nut-popover .nut-popover-content-left-end {
+.nut-popover .nut-popover-content-left-bottom {
   bottom: 0;
 }
-.nut-popover .nut-popover-content-left-start {
+.nut-popover .nut-popover-content-left-top {
   top: 0;
 }
-.nut-popover .nut-popover-content-right-end {
+.nut-popover .nut-popover-content-right-bottom {
   bottom: 0;
 }
-.nut-popover .nut-popover-content-right-start {
+.nut-popover .nut-popover-content-right-top {
   top: 0;
 }
 
@@ -565,19 +560,18 @@
   background: var(--nutui-popover-text-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7))) !important;
   color: var(--nutui-popover-content-background-color, #ffffff) !important;
 }
-.nut-popover-dark .nut-popover-content .nut-popover-menu-item-action-icon {
+.nut-popover-dark .nut-popover-content .nut-popover-item-action-icon {
   color: rgba(255, 255, 255, 0.8);
 }
 
-[dir=rtl] .nut-popover .nut-popover-content .nut-popover-menu-item-name,
-.nut-rtl .nut-popover .nut-popover-content .nut-popover-menu-item-name {
+[dir=rtl] .nut-popover .nut-popover-content .nut-popover-item-name,
+.nut-rtl .nut-popover .nut-popover-content .nut-popover-item-name {
   margin-left: 0;
   margin-right: 4px;
 }
-[dir=rtl] .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon,
-.nut-rtl .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon {
+[dir=rtl] .nut-popover .nut-popover-content .nut-popover-item-action-icon,
+.nut-rtl .nut-popover .nut-popover-content .nut-popover-item-action-icon {
   right: auto;
-  left: var(--nutui-popover-menu-item-padding, 8px);
 }
 [dir=rtl] .nut-popover .nut-popover-content-top .nut-popover-arrow-top,
 .nut-rtl .nut-popover .nut-popover-content-top .nut-popover-arrow-top {
@@ -585,23 +579,23 @@
   right: 50%;
   transform: translateX(50%);
 }
-[dir=rtl] .nut-popover .nut-popover-content-top-end,
-.nut-rtl .nut-popover .nut-popover-content-top-end {
+[dir=rtl] .nut-popover .nut-popover-content-top-right,
+.nut-rtl .nut-popover .nut-popover-content-top-right {
   right: auto;
   left: 0;
 }
-[dir=rtl] .nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end,
-.nut-rtl .nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end {
+[dir=rtl] .nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right,
+.nut-rtl .nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right {
   right: auto;
   left: 16px;
 }
-[dir=rtl] .nut-popover .nut-popover-content-top-start,
-.nut-rtl .nut-popover .nut-popover-content-top-start {
+[dir=rtl] .nut-popover .nut-popover-content-top-left,
+.nut-rtl .nut-popover .nut-popover-content-top-left {
   left: auto;
   right: 0;
 }
-[dir=rtl] .nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start,
-.nut-rtl .nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start {
+[dir=rtl] .nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left,
+.nut-rtl .nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left {
   left: auto;
   right: 16px;
 }
@@ -611,23 +605,23 @@
   right: 50%;
   transform: translateX(50%);
 }
-[dir=rtl] .nut-popover .nut-popover-content-bottom-end,
-.nut-rtl .nut-popover .nut-popover-content-bottom-end {
+[dir=rtl] .nut-popover .nut-popover-content-bottom-right,
+.nut-rtl .nut-popover .nut-popover-content-bottom-right {
   right: auto;
   left: 0;
 }
-[dir=rtl] .nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end,
-.nut-rtl .nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end {
+[dir=rtl] .nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right,
+.nut-rtl .nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right {
   right: auto;
   left: 16px;
 }
-[dir=rtl] .nut-popover .nut-popover-content-bottom-start,
-.nut-rtl .nut-popover .nut-popover-content-bottom-start {
+[dir=rtl] .nut-popover .nut-popover-content-bottom-left,
+.nut-rtl .nut-popover .nut-popover-content-bottom-left {
   left: auto;
   right: 0;
 }
-[dir=rtl] .nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start,
-.nut-rtl .nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start {
+[dir=rtl] .nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left,
+.nut-rtl .nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left {
   left: auto;
   right: 16px;
 }

package/dist/cjs/packages/tour/tour.js

@@ -75,7 +75,6 @@ var Tour = function Tour(props) {
     ]);
     var getRootPosition = function getRootPosition() {
         (0, _usetarorect.getTaroRectById)(list[active].target).then(function(rect) {
-            console.log('rect', rect);
             setMaskRect({
                 top: rect.top,
                 left: rect.left,
@@ -138,16 +137,16 @@ var Tour = function Tour(props) {
             }
         }, index === active && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, showTour && /*#__PURE__*/ _react.default.createElement(_components.View, {
             className: "".concat(mask ? 'nut-tour-mask' : 'nut-tour-mask nut-tour-mask-none'),
-            id: "nut-tour-popid",
+            id: "nut-tour-popid".concat(index),
             style: maskStyle()
         }), /*#__PURE__*/ _react.default.createElement(_index.default, {
             visible: showPopup,
             location: item.location || location,
-            targetId: "nut-tour-popid",
+            targetId: "nut-tour-popid".concat(index === active ? index : ''),
             closeOnOutsideClick: false,
             offset: item.popoverOffset || [
                 0,
-                12
+                8
             ],
             arrowOffset: item.arrowOffset || 0
         }, /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, children || /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, type === 'step' && /*#__PURE__*/ _react.default.createElement(_components.View, {

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

@@ -1,2 +1,51 @@
-export interface BaseDialog {
+import { ReactNode, ForwardRefExoticComponent, PropsWithChildren } from 'react';
+import type { MouseEvent, CSSProperties } from 'react';
+import { WebOverlayProps } from "../../../types";
+import { BasicComponent } from "../../../utils/typings";
+export type DialogConfigType = {
+    prefixCls?: string;
+    simple?: boolean;
+};
+export type DialogCloseIconPosition = 'top-right' | 'top-left' | 'bottom';
+export type DialogFooterDirection = 'horizontal' | 'vertical';
+export interface BaseContentProps extends BasicComponent {
+    visible: boolean;
+    title: ReactNode;
+    header: ReactNode;
+    footer: ReactNode;
+    close: ReactNode;
+    footerDirection: DialogFooterDirection;
 }
+export interface DialogWrapProps extends WebOverlayProps, Omit<BaseContentProps, 'onClick'> {
+    visible: boolean;
+    overlay: boolean;
+    overlayStyle: CSSProperties;
+    overlayClassName: string;
+    onCancel: () => void;
+    onClose: () => void;
+    onOverlayClick: (e: MouseEvent) => boolean | void;
+}
+export interface BaseDialog extends DialogWrapProps {
+    content: ReactNode;
+    confirmText: ReactNode;
+    cancelText: ReactNode;
+    hideConfirmButton: boolean;
+    hideCancelButton: boolean;
+    disableConfirmButton: boolean;
+    closeIconPosition: DialogCloseIconPosition;
+    closeIcon: boolean | ReactNode;
+    beforeClose: () => boolean;
+    beforeCancel: () => boolean;
+    onConfirm: (e?: MouseEvent<HTMLButtonElement>) => PromiseLike<any> | void;
+}
+export type DialogReturnProps = {
+    update: (newConfig: Partial<BaseDialog>) => void;
+    close: () => void;
+};
+export interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<Partial<BaseDialog>>> {
+    confirm: (props: Partial<BaseDialog>) => DialogReturnProps;
+    alert: (props: Partial<BaseDialog>) => DialogReturnProps;
+    config: (config: DialogConfigType) => void;
+    destroyAll: () => void;
+}
+export declare const destroyList: Array<() => void>;

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

@@ -2,3 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+Object.defineProperty(exports, "destroyList", {
+    enumerable: true,
+    get: function() {
+        return destroyList;
+    }
+});
+var destroyList = [];

package/dist/cjs/types/spec/dialog/h5.d.ts

@@ -1,3 +1,6 @@
-import { BaseDialog } from './base';
+import { BaseDialog, BaseContentProps } from './base';
+export interface WebContentProps extends BaseContentProps {
+    onClick: (event: MouseEvent) => void;
+}
 export interface WebDialogProps extends BaseDialog {
 }

package/dist/cjs/types/spec/dialog/taro.d.ts

@@ -1,3 +1,9 @@
-import { BaseDialog } from './base';
-export interface TaroDialogProps extends BaseDialog {
+import { ITouchEvent } from '@tarojs/components';
+import { BaseDialog, BaseContentProps } from './base';
+export interface TaroContentProps extends BaseContentProps {
+    onClick: (event: ITouchEvent) => void;
+}
+export interface TaroDialogProps extends Omit<BaseDialog, 'onOverlayClick' | 'onClick'> {
+    onClick: (event: ITouchEvent) => void;
+    onOverlayClick: (event: ITouchEvent) => boolean | void;
 }