@nutui/nutui-react-taro 3.0.19 → 3.0.20-cpp

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

@@ -71,7 +71,7 @@
   align-items: center;
   justify-content: center;
   border-bottom: var(--nutui-popup-title-border-bottom, 0);
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   position: relative;
 }
 .nut-popup-title-wrapper {
@@ -84,7 +84,6 @@
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -96,13 +95,13 @@
 }
 .nut-popup-title-left {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  right: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 11px);
   z-index: 1;
   width: var(--nutui-popup-icon-size, 20px);
   height: var(--nutui-popup-icon-size, 20px);
@@ -113,20 +112,22 @@
   opacity: 0.7;
 }
 .nut-popup-title-right-top-left {
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-left {
-  bottom: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  bottom: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-right {
-  right: var(--nutui-popup-title-padding, 16px);
-  bottom: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
+  bottom: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-center {
   top: 50%;
   left: 50%;
+  right: auto;
+  bottom: auto;
   min-height: 10%;
   max-width: 295px;
   transform: translate(-50%, -50%);
@@ -137,6 +138,8 @@
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
+  right: auto;
+  top: auto;
   width: 100%;
 }
 .nut-popup-bottom.nut-popup-round {
@@ -148,6 +151,8 @@
 .nut-popup-right {
   top: 0;
   right: 0;
+  left: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -157,6 +162,8 @@
 .nut-popup-left {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -166,6 +173,8 @@
 .nut-popup-top {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100%;
 }
 .nut-popup-top.nut-popup-round {
@@ -242,6 +251,9 @@
   }
 }
 @keyframes popup-slide-top-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, -100%, 0);
   }
@@ -266,6 +278,9 @@
   }
 }
 @keyframes popup-slide-right-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(100%, 0, 0);
   }
@@ -290,6 +305,9 @@
   }
 }
 @keyframes slide-bottom-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, 100%, 0);
   }
@@ -314,6 +332,9 @@
   }
 }
 @keyframes popup-slide-left-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(-100%, 0, 0);
   }
@@ -339,27 +360,27 @@
 [dir=rtl] .nut-popup-title-left,
 .nut-rtl .nut-popup-title-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right,
 .nut-rtl .nut-popup-title-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-top-left,
 .nut-rtl .nut-popup-title-right-top-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-left,
 .nut-rtl .nut-popup-title-right-bottom-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-right,
 .nut-rtl .nut-popup-title-right-bottom-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
 .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
@@ -462,7 +483,7 @@
   align-items: center;
   justify-content: space-between;
   height: var(--nutui-popup-title-height, 50px);
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   box-sizing: border-box;
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }

package/dist/cjs/packages/pickerview/pickerroller.js

@@ -126,8 +126,8 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
         setTouchTime(0);
         selectValue(scrollDistance);
     };
-    var getReactHeight = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function() {
+    var getReactHeight = function getReactHeight() {
+        return (0, _async_to_generator._)(function() {
             var placeholder, placeholderHeight, error;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -162,11 +162,8 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
                         ];
                 }
             });
-        });
-        return function getReactHeight() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     // lineSpacing.current CSS variable
     (0, _react.useEffect)(function() {
         var element = pickerRollerRef.current;

package/dist/cjs/packages/pickerview/pickerview.js

@@ -66,8 +66,7 @@ var InternalPickerView = function InternalPickerView(props, ref) {
                 var index = currentOptions.findIndex(function(columnItem) {
                     return columnItem.value === currentValue;
                 });
-                columnOptions = currentOptions[index === -1 ? 0 : index] // 如果未找到，默认取第一个
-                ;
+                columnOptions = currentOptions[index === -1 ? 0 : index]; // 如果未找到，默认取第一个
             } else {
                 return "break" // 如果 currentValue 不存在，终止循环
                 ;

package/dist/cjs/packages/pickerview/utils.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    momentum: function() {
+    get momentum () {
         return momentum;
     },
-    useStyles: function() {
+    get useStyles () {
         return useStyles;
     }
 });

package/dist/cjs/packages/popover/popover.js

@@ -86,93 +86,91 @@ var Popover = function Popover(props) {
     ]);
     var uid = (0, _useuuid.useUuid)();
     var popoverId = "popover-".concat(uid);
-    var getWrapperPosition = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function() {
+    var getWrapperPosition = function getWrapperPosition() {
+        return (0, _async_to_generator._)(function() {
             return (0, _ts_generator._)(this, function(_state) {
-                (0, _taro.nextTick)(/*#__PURE__*/ (0, _async_to_generator._)(function() {
-                    var rect, _tmp, width, height, right, left, top;
-                    return (0, _ts_generator._)(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                if (!targetId) return [
-                                    3,
-                                    2
-                                ];
-                                return [
-                                    4,
-                                    (0, _getrect.getRectInMultiPlatform)(document.querySelector("#".concat(targetId)), targetId)
-                                ];
-                            case 1:
-                                _tmp = _state.sent();
-                                return [
-                                    3,
-                                    4
-                                ];
-                            case 2:
-                                return [
-                                    4,
-                                    (0, _getrect.getRectInMultiPlatform)(popoverRef.current, popoverId)
-                                ];
-                            case 3:
-                                _tmp = _state.sent();
-                                _state.label = 4;
-                            case 4:
-                                rect = _tmp;
-                                width = rect.width, height = rect.height, right = rect.right, left = rect.left, top = rect.top;
-                                setWrapperPosition({
-                                    width: width,
-                                    height: height,
-                                    left: rtl ? right : left,
-                                    top: top,
-                                    right: rtl ? left : right
-                                });
-                                getPopoverContentW();
-                                return [
-                                    2
-                                ];
-                        }
-                    });
-                }));
+                (0, _taro.nextTick)(function() {
+                    return (0, _async_to_generator._)(function() {
+                        var rect, _tmp, width, height, right, left, top;
+                        return (0, _ts_generator._)(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    if (!targetId) return [
+                                        3,
+                                        2
+                                    ];
+                                    return [
+                                        4,
+                                        (0, _getrect.getRectInMultiPlatform)(document.querySelector("#".concat(targetId)), targetId)
+                                    ];
+                                case 1:
+                                    _tmp = _state.sent();
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 2:
+                                    return [
+                                        4,
+                                        (0, _getrect.getRectInMultiPlatform)(popoverRef.current, popoverId)
+                                    ];
+                                case 3:
+                                    _tmp = _state.sent();
+                                    _state.label = 4;
+                                case 4:
+                                    rect = _tmp;
+                                    width = rect.width, height = rect.height, right = rect.right, left = rect.left, top = rect.top;
+                                    setWrapperPosition({
+                                        width: width,
+                                        height: height,
+                                        left: rtl ? right : left,
+                                        top: top,
+                                        right: rtl ? left : right
+                                    });
+                                    getPopoverContentW();
+                                    return [
+                                        2
+                                    ];
+                            }
+                        });
+                    })();
+                });
                 return [
                     2
                 ];
             });
-        });
-        return function getWrapperPosition() {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    var getPopoverContentW = /*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function() {
+        })();
+    };
+    var getPopoverContentW = function getPopoverContentW() {
+        return (0, _async_to_generator._)(function() {
             return (0, _ts_generator._)(this, function(_state) {
-                (0, _taro.nextTick)(/*#__PURE__*/ (0, _async_to_generator._)(function() {
-                    var rectContent;
-                    return (0, _ts_generator._)(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                return [
-                                    4,
-                                    (0, _getrect.getRectInMultiPlatform)(popoverContentRef.current)
-                                ];
-                            case 1:
-                                rectContent = _state.sent();
-                                setPopWidth(rectContent.width);
-                                setPopHeight(rectContent.height);
-                                return [
-                                    2
-                                ];
-                        }
-                    });
-                }));
+                (0, _taro.nextTick)(function() {
+                    return (0, _async_to_generator._)(function() {
+                        var rectContent;
+                        return (0, _ts_generator._)(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    return [
+                                        4,
+                                        (0, _getrect.getRectInMultiPlatform)(popoverContentRef.current)
+                                    ];
+                                case 1:
+                                    rectContent = _state.sent();
+                                    setPopWidth(rectContent.width);
+                                    setPopHeight(rectContent.height);
+                                    return [
+                                        2
+                                    ];
+                            }
+                        });
+                    })();
+                });
                 return [
                     2
                 ];
             });
-        });
-        return function getPopoverContentW() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var clickAway = function clickAway() {
         if (closeOnOutsideClick) {
             onClick === null || onClick === void 0 ? void 0 : onClick();

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

@@ -71,7 +71,7 @@
   align-items: center;
   justify-content: center;
   border-bottom: var(--nutui-popup-title-border-bottom, 0);
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   position: relative;
 }
 .nut-popup-title-wrapper {
@@ -84,7 +84,6 @@
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -96,13 +95,13 @@
 }
 .nut-popup-title-left {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  right: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 11px);
   z-index: 1;
   width: var(--nutui-popup-icon-size, 20px);
   height: var(--nutui-popup-icon-size, 20px);
@@ -113,20 +112,22 @@
   opacity: 0.7;
 }
 .nut-popup-title-right-top-left {
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-left {
-  bottom: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  bottom: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-right {
-  right: var(--nutui-popup-title-padding, 16px);
-  bottom: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
+  bottom: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-center {
   top: 50%;
   left: 50%;
+  right: auto;
+  bottom: auto;
   min-height: 10%;
   max-width: 295px;
   transform: translate(-50%, -50%);
@@ -137,6 +138,8 @@
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
+  right: auto;
+  top: auto;
   width: 100%;
 }
 .nut-popup-bottom.nut-popup-round {
@@ -148,6 +151,8 @@
 .nut-popup-right {
   top: 0;
   right: 0;
+  left: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -157,6 +162,8 @@
 .nut-popup-left {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -166,6 +173,8 @@
 .nut-popup-top {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100%;
 }
 .nut-popup-top.nut-popup-round {
@@ -242,6 +251,9 @@
   }
 }
 @keyframes popup-slide-top-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, -100%, 0);
   }
@@ -266,6 +278,9 @@
   }
 }
 @keyframes popup-slide-right-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(100%, 0, 0);
   }
@@ -290,6 +305,9 @@
   }
 }
 @keyframes slide-bottom-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, 100%, 0);
   }
@@ -314,6 +332,9 @@
   }
 }
 @keyframes popup-slide-left-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(-100%, 0, 0);
   }
@@ -339,27 +360,27 @@
 [dir=rtl] .nut-popup-title-left,
 .nut-rtl .nut-popup-title-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right,
 .nut-rtl .nut-popup-title-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-top-left,
 .nut-rtl .nut-popup-title-right-top-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-left,
 .nut-rtl .nut-popup-title-right-bottom-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-right,
 .nut-rtl .nut-popup-title-right-bottom-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
 .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {