@nutui/nutui-react 4.0.0-beta.5 → 4.0.0-beta.7

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

@@ -10,22 +10,22 @@
 .nut-popover-arrow {
   position: absolute;
   width: scale-px(8px);
-  height: scale-px(4px);
+  height: scale-px(8px);
 }
 .nut-popover-arrow .nut-icon-ArrowRadius {
   position: absolute;
-  color: var(--nutui-popover-content-background-color, #ffffff);
+  color: var(--nutui-popover-content-background-color, var(--nutui-color-surface-overlay));
   width: scale-px(8px);
-  height: scale-px(4px);
+  height: scale-px(8px);
 }
 .nut-popover-arrow-top {
-  bottom: scale-px(-4px);
+  bottom: scale-px(-8px);
 }
 .nut-popover-arrow-bottom {
-  top: scale-px(-4px);
+  top: scale-px(-8px);
 }
 .nut-popover-arrow-left {
-  right: scale-px(-6px);
+  right: scale-px(-8px);
   transform-origin: center top;
 }
 .nut-popover-arrow-left.nut-popover-arrow-left {
@@ -33,14 +33,11 @@
   transform: rotate(90deg) translateY(-50%);
 }
 .nut-popover-arrow-left.nut-popover-arrow-left-top {
-  top: scale-px(16px);
-  right: scale-px(-8px);
+  right: scale-px(-12px);
   transform: rotate(90deg) translateY(0%);
 }
 .nut-popover-arrow-left.nut-popover-arrow-left-bottom {
-  top: auto;
-  bottom: scale-px(16px);
-  right: scale-px(-8px);
+  right: scale-px(-12px);
   transform: rotate(90deg) translateY(0%);
 }
 .nut-popover-arrow-right {
@@ -48,40 +45,40 @@
 }
 .nut-popover-arrow-right.nut-popover-arrow-right {
   top: 50%;
-  left: scale-px(-6px);
+  left: scale-px(-8px);
   transform: rotate(-90deg) translateY(-50%);
 }
 .nut-popover-arrow-right.nut-popover-arrow-right-top {
-  top: scale-px(16px);
-  left: scale-px(-8px);
+  left: scale-px(-12px);
   transform: rotate(-90deg) translateY(0%);
 }
 .nut-popover-arrow-right.nut-popover-arrow-right-bottom {
-  bottom: scale-px(16px);
-  left: scale-px(-8px);
+  left: scale-px(-12px);
   transform: rotate(-90deg) translateY(0%);
 }
 .nut-popover .nut-popover-content {
   position: absolute;
-  background: var(--nutui-popover-content-background-color, #ffffff);
+  background: var(--nutui-popover-content-background-color, var(--nutui-color-surface-overlay));
   border-radius: var(--nutui-popover-border-radius, var(--nutui-radius-s));
-  font-size: var(--nutui-popover-font-size, var(--nutui-font-text));
-  color: var(--nutui-popover-text-color, var(--nutui-color-text));
-  line-height: scale-px(28px);
+  font-size: var(--nutui-popover-font-size, var(--nutui-font-text-small));
+  color: var(--nutui-popover-text-color, var(--nutui-color-text-dark));
   /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
   /* #endif */
 }
 .nut-popover .nut-popover-content-group {
-  padding: 0 var(--nutui-popover-padding, var(--nutui-spacing-xl));
+  padding: 0 var(--nutui-popover-padding-horizontal, 8px);
+  overflow: visible;
 }
 .nut-popover .nut-popover-content .nut-popover-item {
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
-  border-bottom: scale-px(1px) solid var(--nutui-popover-divider-color, none);
-  max-width: var(--nutui-popover-item-width, 160px);
+  min-height: var(--nutui-popover-height, 28px);
+  padding: var(--nutui-popover-padding-vertical, 6px) 0;
+  border-bottom: scale-px(1px) solid var(--nutui-popover-divider-color, rgba(255, 255, 255, 0.12));
   word-wrap: break-word;
 }
 .nut-popover .nut-popover-content .nut-popover-item:last-child {
@@ -89,29 +86,42 @@
   border-bottom: none;
 }
 .nut-popover .nut-popover-content .nut-popover-item-icon, .nut-popover .nut-popover-content .nut-popover-item-action-icon {
+  position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
-  width: var(--nutui-font-text-small);
-  height: var(--nutui-font-text-small);
-  font-size: var(--nutui-font-text-small);
+  flex-shrink: 0;
+  align-self: stretch;
+  width: var(--nutui-popover-icon-size, 12px);
+  color: var(--nutui-popover-icon-color, rgba(255, 255, 255, 0.8));
+}
+.nut-popover .nut-popover-content .nut-popover-item-icon::before, .nut-popover .nut-popover-content .nut-popover-item-action-icon::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  width: var(--nutui-popover-action-hotspot-size, 36px);
+  transform: translateX(-50%);
 }
 .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-text-small);
-  height: var(--nutui-font-text-small);
-  font-size: var(--nutui-font-text-small);
+  position: relative;
+  z-index: 1;
+  width: var(--nutui-popover-icon-size, 12px);
+  height: var(--nutui-popover-icon-size, 12px);
 }
 .nut-popover .nut-popover-content .nut-popover-item-icon {
   margin-right: var(--nutui-spacing-xxs);
 }
 .nut-popover .nut-popover-content .nut-popover-item-name {
-  width: calc(100% - scale-px(34px));
   word-break: keep-all;
   flex: 1;
+  min-width: 0;
+  text-align: center;
+  line-height: calc(var(--nutui-popover-height, 28px) - var(--nutui-popover-padding-vertical, 6px) * 2);
 }
 .nut-popover .nut-popover-content .nut-popover-item-action-icon {
-  color: var(--nutui-color-text);
-  margin-left: var(--nutui-spacing-base);
+  margin-left: var(--nutui-spacing-xxs);
 }
 .nut-popover .nut-popover-content .nut-popover-item.nut-popover-item-disabled {
   color: var(--nutui-popover-disable-color, var(--nutui-color-text-disabled));
@@ -129,17 +139,15 @@
   right: 0;
 }
 .nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right {
-  right: scale-px(16px);
-  bottom: scale-px(-3.5px);
-  transform: rotate(180deg) translateX(0%);
+  transform-origin: center right;
+  transform: rotate(180deg) translateX(50%);
 }
 .nut-popover .nut-popover-content-top-left {
   left: 0;
 }
 .nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left {
-  left: scale-px(16px);
-  bottom: scale-px(-3.5px);
-  transform: rotate(180deg) translateX(0%);
+  transform-origin: center left;
+  transform: rotate(180deg) translateX(-50%);
 }
 .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom {
   left: 50%;
@@ -149,15 +157,13 @@
   right: 0;
 }
 .nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right {
-  right: scale-px(16px);
-  transform: translateX(0%);
+  transform: translateX(50%);
 }
 .nut-popover .nut-popover-content-bottom-left {
   left: 0;
 }
 .nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left {
-  left: scale-px(16px);
-  transform: translateX(0%);
+  transform: translateX(-50%);
 }
 .nut-popover .nut-popover-content-left-bottom {
   bottom: 0;
@@ -171,30 +177,40 @@
 .nut-popover .nut-popover-content-right-top {
   top: 0;
 }
+.nut-popover--status .nut-popover-content .nut-popover-item {
+  max-width: var(--nutui-popover-status-max-width, 240px);
+}
+.nut-popover--description .nut-popover-content .nut-popover-item {
+  max-width: var(--nutui-popover-description-max-width, 208px);
+}
 
-.nut-popover-dark {
-  background: var(--nutui-popover-text-color, var(--nutui-color-text));
-  color: var(--nutui-popover-content-background-color, #ffffff);
+.nut-popover-light .nut-popover-arrow .nut-icon-ArrowRadius,
+.nut-popover-light .nut-popover-arrow .nut-popover-arrow-svg {
+  color: var(--nutui-popover-light-content-background-color, #ffffff);
 }
-.nut-popover-dark .nut-popover-arrow .nut-icon-ArrowRadius {
-  color: var(--nutui-popover-text-color, var(--nutui-color-text));
+.nut-popover-light .nut-popover-content {
+  background: var(--nutui-popover-light-content-background-color, #ffffff) !important;
+  color: var(--nutui-popover-light-text-color, var(--nutui-color-surface-overlay)) !important;
 }
-.nut-popover-dark .nut-popover-content {
-  background: var(--nutui-popover-text-color, var(--nutui-color-text)) !important;
-  color: var(--nutui-popover-content-background-color, #ffffff) !important;
+.nut-popover-light .nut-popover-content .nut-popover-item {
+  border-bottom-color: var(--nutui-popover-light-divider-color, var(--nutui-color-border));
 }
-.nut-popover-dark .nut-popover-content .nut-popover-item-action-icon {
-  color: rgba(255, 255, 255, 0.8);
+.nut-popover-light .nut-popover-content .nut-popover-item-icon, .nut-popover-light .nut-popover-content .nut-popover-item-action-icon {
+  color: var(--nutui-popover-light-icon-color, rgba(17, 20, 26, 0.8));
+}
+.nut-popover-light .nut-popover-content .nut-popover-item-icon .nut-icon, .nut-popover-light .nut-popover-content .nut-popover-item-action-icon .nut-icon {
+  color: var(--nutui-popover-light-icon-color, rgba(17, 20, 26, 0.8));
 }
 
-[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: scale-px(4px);
+[dir=rtl] .nut-popover .nut-popover-content .nut-popover-item-icon,
+.nut-rtl .nut-popover .nut-popover-content .nut-popover-item-icon {
+  margin-right: 0;
+  margin-left: var(--nutui-spacing-xxs);
 }
 [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;
+  margin-left: 0;
+  margin-right: var(--nutui-spacing-xxs);
 }
 [dir=rtl] .nut-popover .nut-popover-content-top .nut-popover-arrow-top,
 .nut-rtl .nut-popover .nut-popover-content-top .nut-popover-arrow-top {
@@ -210,7 +226,6 @@
 [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: scale-px(16px);
 }
 [dir=rtl] .nut-popover .nut-popover-content-top-left,
 .nut-rtl .nut-popover .nut-popover-content-top-left {
@@ -220,7 +235,6 @@
 [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: scale-px(16px);
 }
 [dir=rtl] .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom,
 .nut-rtl .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom {
@@ -236,7 +250,6 @@
 [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: scale-px(16px);
 }
 [dir=rtl] .nut-popover .nut-popover-content-bottom-left,
 .nut-rtl .nut-popover .nut-popover-content-bottom-left {
@@ -246,7 +259,6 @@
 [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: scale-px(16px);
 }
 
 .nut-popover-enter-from,

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

@@ -135,12 +135,6 @@ page {
 .nut-popup-top.nut-popup-round {
   border-radius: 0 0 var(--nutui-popup-border-radius, var(--nutui-radius-xl, calc(12px * var(--nut-scale-f, 1)))) var(--nutui-popup-border-radius, var(--nutui-radius-xl, calc(12px * var(--nut-scale-f, 1))));
 }
-.nut-popup-slide {
-  /* 从顶部滑出 */
-  /* 从右侧滑出 */
-  /* 从底部滑出 */
-  /* 从左侧滑出 */
-}
 @keyframes popup-scale-fade-in {
   from {
     opacity: 0;
@@ -197,6 +191,9 @@ page {
   animation-name: popup-fade-out;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从顶部滑出 */
+}
 @keyframes popup-slide-top-enter {
   from {
     transform: translate3d(0, -100%, 0);
@@ -224,6 +221,9 @@ page {
   animation-name: popup-slide-top-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从右侧滑出 */
+}
 @keyframes popup-slide-right-enter {
   from {
     transform: translate3d(100%, 0, 0);
@@ -251,6 +251,9 @@ page {
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从底部滑出 */
+}
 @keyframes popup-slide-bottom-enter {
   from {
     transform: translate3d(0, 100%, 0);
@@ -278,6 +281,9 @@ page {
   animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从左侧滑出 */
+}
 @keyframes popup-slide-left-enter {
   from {
     transform: translate3d(-100%, 0, 0);

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

@@ -129,12 +129,6 @@
 .nut-popup-top.nut-popup-round {
   border-radius: 0 0 var(--nutui-popup-border-radius, 12px) var(--nutui-popup-border-radius, 12px);
 }
-.nut-popup-slide {
-  /* 从顶部滑出 */
-  /* 从右侧滑出 */
-  /* 从底部滑出 */
-  /* 从左侧滑出 */
-}
 @keyframes popup-scale-fade-in {
   from {
     opacity: 0;
@@ -191,6 +185,9 @@
   animation-name: popup-fade-out;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从顶部滑出 */
+}
 @keyframes popup-slide-top-enter {
   from {
     transform: translate3d(0, -100%, 0);
@@ -218,6 +215,9 @@
   animation-name: popup-slide-top-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从右侧滑出 */
+}
 @keyframes popup-slide-right-enter {
   from {
     transform: translate3d(100%, 0, 0);
@@ -245,6 +245,9 @@
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从底部滑出 */
+}
 @keyframes popup-slide-bottom-enter {
   from {
     transform: translate3d(0, 100%, 0);
@@ -272,6 +275,9 @@
   animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从左侧滑出 */
+}
 @keyframes popup-slide-left-enter {
   from {
     transform: translate3d(-100%, 0, 0);

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

@@ -129,12 +129,6 @@
 .nut-popup-top.nut-popup-round {
   border-radius: 0 0 var(--nutui-popup-border-radius, 12px) var(--nutui-popup-border-radius, 12px);
 }
-.nut-popup-slide {
-  /* 从顶部滑出 */
-  /* 从右侧滑出 */
-  /* 从底部滑出 */
-  /* 从左侧滑出 */
-}
 @keyframes popup-scale-fade-in {
   from {
     opacity: 0;
@@ -191,6 +185,9 @@
   animation-name: popup-fade-out;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从顶部滑出 */
+}
 @keyframes popup-slide-top-enter {
   from {
     transform: translate3d(0, -100%, 0);
@@ -218,6 +215,9 @@
   animation-name: popup-slide-top-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从右侧滑出 */
+}
 @keyframes popup-slide-right-enter {
   from {
     transform: translate3d(100%, 0, 0);
@@ -245,6 +245,9 @@
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从底部滑出 */
+}
 @keyframes popup-slide-bottom-enter {
   from {
     transform: translate3d(0, 100%, 0);
@@ -272,6 +275,9 @@
   animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从左侧滑出 */
+}
 @keyframes popup-slide-left-enter {
   from {
     transform: translate3d(-100%, 0, 0);

package/dist/cjs/packages/pulltorefresh/pulltorefresh.js

@@ -41,7 +41,37 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     onRefresh: function onRefresh() {}
 });
 var PullToRefresh = function PullToRefresh(p) {
-    var doRefresh = function doRefresh() {
+    var classPrefix = 'nut-pulltorefresh';
+    var locale = (0, _configprovider.useConfig)().locale;
+    var props = (0, _object_spread._)({}, defaultProps, p, {
+        pullingText: p.pullingText || locale.pullToRefresh.pullingText,
+        canReleaseText: p.canReleaseText || locale.pullToRefresh.canReleaseText,
+        refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
+        completeText: p.completeText || locale.pullToRefresh.completeText
+    });
+    var classes = (0, _classnames.default)(classPrefix, props.className, "".concat(classPrefix, "-").concat(props.type));
+    var headHeight = props.headHeight;
+    var threshold = props.threshold;
+    var _useState = (0, _sliced_to_array._)((0, _react.useState)('pulling'), 2), status = _useState[0], setStatus = _useState[1];
+    var _useSpring = (0, _sliced_to_array._)((0, _web.useSpring)(function() {
+        return {
+            from: {
+                height: 0
+            },
+            config: {
+                tension: 300,
+                friction: 30,
+                clamp: true
+            }
+        };
+    }), 2), springStyles = _useSpring[0], api = _useSpring[1];
+    var elementRef = (0, _react.useRef)(null);
+    var pullingRef = (0, _react.useRef)(false);
+    (0, _react.useEffect)(function() {
+        var _elementRef_current;
+        (_elementRef_current = elementRef.current) === null || _elementRef_current === void 0 ? void 0 : _elementRef_current.addEventListener('touchmove', function() {});
+    }, []);
+    function doRefresh() {
         return (0, _async_to_generator._)(function() {
             var e;
             return (0, _ts_generator._)(this, function(_state) {
@@ -138,41 +168,8 @@ var PullToRefresh = function PullToRefresh(p) {
                 }
             });
         })();
-    };
-    var classPrefix = 'nut-pulltorefresh';
-    var locale = (0, _configprovider.useConfig)().locale;
-    var props = (0, _object_spread._)({}, defaultProps, p, {
-        pullingText: p.pullingText || locale.pullToRefresh.pullingText,
-        canReleaseText: p.canReleaseText || locale.pullToRefresh.canReleaseText,
-        refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
-        completeText: p.completeText || locale.pullToRefresh.completeText
-    });
-    var classes = (0, _classnames.default)(classPrefix, props.className, "".concat(classPrefix, "-").concat(props.type));
-    var headHeight = props.headHeight;
-    var threshold = props.threshold;
-    var _useState = (0, _sliced_to_array._)((0, _react.useState)('pulling'), 2), status = _useState[0], setStatus = _useState[1];
-    var _useSpring = (0, _sliced_to_array._)((0, _web.useSpring)(function() {
-        return {
-            from: {
-                height: 0
-            },
-            config: {
-                tension: 300,
-                friction: 30,
-                clamp: true
-            }
-        };
-    }), 2), springStyles = _useSpring[0], api = _useSpring[1];
-    var elementRef = (0, _react.useRef)(null);
-    var pullingRef = (0, _react.useRef)(false);
-    (0, _react.useEffect)(function() {
-        var _elementRef_current;
-        (_elementRef_current = elementRef.current) === null || _elementRef_current === void 0 ? void 0 : _elementRef_current.addEventListener('touchmove', function() {});
-    }, []);
+    }
     (0, _react1.useDrag)(function(state) {
-        var getScrollTop = function getScrollTop(element) {
-            return 'scrollTop' in element ? element.scrollTop : element.scrollY;
-        };
         if (status === 'refreshing' || status === 'complete') return;
         var event = state.event;
         // 最后一个事件，检查是否可以刷新或是否是开始状态（第一个状态也是最后一个状态）
@@ -187,6 +184,9 @@ var PullToRefresh = function PullToRefresh(p) {
             }
             return;
         }
+        function getScrollTop(element) {
+            return 'scrollTop' in element ? element.scrollTop : element.scrollY;
+        }
         // 手指位置
         var _state_movement = (0, _sliced_to_array._)(state.movement, 2), y = _state_movement[1];
         // 第一个事件，并且手指位置大于0

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

@@ -26,21 +26,6 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     duration: 0.6
 });
 var Skeleton = function Skeleton(props) {
-    var shapeStyle = function shapeStyle() {
-        if (shape === 'circle') return {
-            borderRadius: '50%'
-        };
-        if (shape === 'square') return {
-            borderRadius: '0'
-        };
-        return {};
-    };
-    var durationStyle = function durationStyle() {
-        if (typeof duration !== 'undefined') return {
-            animationDuration: "".concat(duration, "s")
-        };
-        return {};
-    };
     var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, width = _$_object_spread.width, height = _$_object_spread.height, shape = _$_object_spread.shape, animated = _$_object_spread.animated, rows = _$_object_spread.rows, visible = _$_object_spread.visible, size = _$_object_spread.size, duration = _$_object_spread.duration, children = _$_object_spread.children, rest = (0, _object_without_properties._)(_$_object_spread, [
         "className",
         "width",
@@ -62,6 +47,21 @@ var Skeleton = function Skeleton(props) {
             return i;
         });
     };
+    function shapeStyle() {
+        if (shape === 'circle') return {
+            borderRadius: '50%'
+        };
+        if (shape === 'square') return {
+            borderRadius: '0'
+        };
+        return {};
+    }
+    function durationStyle() {
+        if (typeof duration !== 'undefined') return {
+            animationDuration: "".concat(duration, "s")
+        };
+        return {};
+    }
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(false), 2), animate = _useState[0], setAnimate = _useState[1];
     var playAnimation = function playAnimation() {
         setAnimate(false); // 首先将 animate 设置为 false

package/dist/cjs/packages/swiper/swiper.js

@@ -32,17 +32,6 @@ var defaultProps = {
     effect: undefined
 };
 var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var boundIndex = function boundIndex(current) {
-        var min = 0;
-        var max = count - 1;
-        if (current === max && !loop && props.slideSize) {
-            var slideSize = props.slideSize;
-            var swiperSize = getSwiperSize();
-            var ratio = (swiperSize - slideSize) / slideSize;
-            return bound(current, min, max - ratio);
-        }
-        return current;
-    };
     var classPrefix = 'nut-swiper';
     var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, direction = _$_object_spread.direction, indicator = _$_object_spread.indicator, loop = _$_object_spread.loop, effect = _$_object_spread.effect, autoplay = _$_object_spread.autoplay, touchable = _$_object_spread.touchable, defaultValue = _$_object_spread.defaultValue, duration = _$_object_spread.duration, style = _$_object_spread.style, className = _$_object_spread.className;
     var isVertical = direction === 'vertical';
@@ -137,6 +126,17 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         count,
         runTimeSwiper
     ]);
+    function boundIndex(current) {
+        var min = 0;
+        var max = count - 1;
+        if (current === max && !loop && props.slideSize) {
+            var slideSize = props.slideSize;
+            var swiperSize = getSwiperSize();
+            var ratio = (swiperSize - slideSize) / slideSize;
+            return bound(current, min, max - ratio);
+        }
+        return current;
+    }
     var to = function to(index) {
         var immediate = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
         var _props_onChange;

package/dist/cjs/packages/toast/Notification.js

@@ -158,7 +158,13 @@ var Notification = /*#__PURE__*/ function(_superClass) {
 }(_React_PureComponent = _react.PureComponent);
 (0, _define_property._)(Notification, "newInstance", void 0);
 Notification.newInstance = function(properties, callback) {
-    var ref = function ref(instance) {
+    var element = document.createElement('div');
+    var id = properties.id ? properties.id : "".concat(Date.now());
+    element.id = id;
+    properties.id = id;
+    document.body.appendChild(element);
+    var called = false;
+    function ref(instance) {
         if (called) {
             return;
         }
@@ -170,13 +176,7 @@ Notification.newInstance = function(properties, callback) {
                 element && element.parentNode && element.parentNode.removeChild(element);
             }
         });
-    };
-    var element = document.createElement('div');
-    var id = properties.id ? properties.id : "".concat(Date.now());
-    element.id = id;
-    properties.id = id;
-    document.body.appendChild(element);
-    var called = false;
+    }
     (0, _render.render)(/*#__PURE__*/ _react.createElement(Notification, (0, _object_spread_props._)((0, _object_spread._)({}, properties), {
         ref: ref
     })), element);

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

@@ -159,7 +159,7 @@ var Tour = function Tour(props) {
                 0,
                 12
             ],
-            arrowOffset: item.arrowOffset || 0
+            arrowOffset: item.arrowOffset || 20
         }, /*#__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("div", {
             className: "nut-tour-content"
         }, title && /*#__PURE__*/ _react.default.createElement("div", {

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

@@ -14,12 +14,16 @@ export interface BaseNoticeBar extends BaseProps {
     leftIcon: ReactNode;
     rightIcon: ReactNode;
     right: ReactNode;
+    description: ReactNode;
+    tag: ReactNode;
+    action: ReactNode;
+    autoClose: number;
     delay: string | number;
     scrollable: boolean | null;
     speed: number;
     close?: (event: any) => void;
     click?: (event: any) => void;
-    onClose?: (event: any) => void;
+    onClose?: (event?: any) => void;
     onClick?: (event: any) => void;
     onItemClick?: (event: any, value: any) => void;
 }