@nutui/nutui-react-taro 3.0.19-cpp-beta.5 → 3.0.19-cpp.2

package/dist/es/packages/audio/style/style.harmony.css

@@ -138,7 +138,7 @@
 .nut-button-large {
   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));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
   border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-large .nut-button-text {
@@ -148,12 +148,12 @@
   margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
 }
 .nut-button-large .nut-icon {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-large-children {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-small {
   height: var(--nutui-button-small-height, 28px);

package/dist/es/packages/avatarcropper/avatarcropper.js

@@ -307,8 +307,8 @@ export var AvatarCropper = function(props) {
         draw
     ]);
     // 设置绘制图片
-    var setDrawImgInfo = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(image) {
+    var setDrawImgInfo = function(image) {
+        return _async_to_generator(function() {
             var displayWidth, cropperWidth, copyDrawImg, imgWidth, imgHeight, isPortrait, rate, scale;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -358,11 +358,8 @@ export var AvatarCropper = function(props) {
                         ];
                 }
             });
-        });
-        return function setDrawImgInfo(image) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var chooseImage = function() {
         Taro.chooseImage({
             count: 1,
@@ -376,8 +373,8 @@ export var AvatarCropper = function(props) {
             }
         });
     };
-    var imageChange = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(file) {
+    var imageChange = function(file) {
+        return _async_to_generator(function() {
             return _ts_generator(this, function(_state) {
                 Taro.getImageInfo({
                     src: file.path
@@ -389,11 +386,8 @@ export var AvatarCropper = function(props) {
                     2
                 ];
             });
-        });
-        return function imageChange(file) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var resetScale = function(scale) {
         setState(_object_spread_props(_object_spread({}, state), {
             moveX: 0,
@@ -549,8 +543,8 @@ export var AvatarCropper = function(props) {
             height: cropperWidth,
             destWidth: cropperWidth,
             destHeight: cropperWidth,
-            success: /*#__PURE__*/ function() {
-                var _ref = _async_to_generator(function(res) {
+            success: function(res) {
+                return _async_to_generator(function() {
                     var filePath;
                     return _ts_generator(this, function(_state) {
                         filePath = res.tempFilePath;
@@ -560,11 +554,8 @@ export var AvatarCropper = function(props) {
                             2
                         ];
                     });
-                });
-                return function(res) {
-                    return _ref.apply(this, arguments);
-                };
-            }()
+                })();
+            }
         });
     };
     // 裁剪图片
@@ -588,8 +579,8 @@ export var AvatarCropper = function(props) {
             height: cropperWidth,
             destWidth: cropperWidth * systemInfo.pixelRatio,
             destHeight: cropperWidth * systemInfo.pixelRatio,
-            success: /*#__PURE__*/ function() {
-                var _ref = _async_to_generator(function(res) {
+            success: function(res) {
+                return _async_to_generator(function() {
                     var filePath;
                     return _ts_generator(this, function(_state) {
                         filePath = res.tempFilePath;
@@ -599,11 +590,8 @@ export var AvatarCropper = function(props) {
                             2
                         ];
                     });
-                });
-                return function(res) {
-                    return _ref.apply(this, arguments);
-                };
-            }()
+                })();
+            }
         });
     };
     var ToolBar = function() {

package/dist/es/packages/badge/badge.js

@@ -54,8 +54,8 @@ export var Badge = function(props) {
             getPositionStyle();
         }
     }, []);
-    var getPositionStyle = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function() {
+    var getPositionStyle = function() {
+        return _async_to_generator(function() {
             var style;
             return _ts_generator(this, function(_state) {
                 style = _define_property({
@@ -66,11 +66,8 @@ export var Badge = function(props) {
                     2
                 ];
             });
-        });
-        return function getPositionStyle() {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var _obj1;
     return /*#__PURE__*/ React.createElement(View, {
         className: classes,

package/dist/es/packages/badge/style/badge.scss

@@ -58,7 +58,7 @@
   }
 
   &-number {
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
   }
 
   &-one {

package/dist/es/packages/badge/style/style.css

@@ -56,7 +56,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 14px);

package/dist/es/packages/badge/style/style.harmony.css

@@ -56,7 +56,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 14px);

package/dist/es/packages/badge/style-jmapp/badge.scss

@@ -58,7 +58,7 @@
   }
 
   &-number {
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
   }
 
   &-one {

package/dist/es/packages/badge/style-jmapp/style.css

@@ -56,7 +56,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 20px);

package/dist/es/packages/badge/style-jrkf/badge.scss

@@ -58,7 +58,7 @@
   }
 
   &-number {
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
   }
 
   &-one {

package/dist/es/packages/badge/style-jrkf/style.css

@@ -56,7 +56,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 20px);

package/dist/es/packages/barrage/barrage.js

@@ -48,14 +48,13 @@ var InternalBarrage = function(props, ref) {
             }
         };
     });
-    var getNodeWidth = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(node) {
-            var type, refe;
-            var _arguments = arguments;
+    var getNodeWidth = function(node) {
+        var type = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'width';
+        return _async_to_generator(function() {
+            var refe;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        type = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : 'width';
                         if (!node) return [
                             3,
                             2
@@ -77,11 +76,8 @@ var InternalBarrage = function(props, ref) {
                         ];
                 }
             });
-        });
-        return function getNodeWidth(node) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var clearDomTimeout = function() {
         if (domTimer.current) {
             clearTimeout(domTimer.current);
@@ -89,8 +85,8 @@ var InternalBarrage = function(props, ref) {
         }
     };
     useEffect(function() {
-        var init = /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function() {
+        var init = function() {
+            return _async_to_generator(function() {
                 var _barrageBody_current;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -115,11 +111,8 @@ var InternalBarrage = function(props, ref) {
                             ];
                     }
                 });
-            });
-            return function init() {
-                return _ref.apply(this, arguments);
-            };
-        }();
+            })();
+        };
         domTimer.current = window.setTimeout(function() {
             init();
         }, 300);
@@ -141,8 +134,8 @@ var InternalBarrage = function(props, ref) {
             play();
         }, intervalCache);
     };
-    var setStyle = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(el, currentIndex) {
+    var setStyle = function(el, currentIndex) {
+        return _async_to_generator(function() {
             var refe, width, height, elScrollDuration, error;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -195,11 +188,8 @@ var InternalBarrage = function(props, ref) {
                         ];
                 }
             });
-        });
-        return function setStyle(el, currentIndex) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var play = function() {
         if (!loop && index.current >= list.length) {
             return;

package/dist/es/packages/button/style/style.css

@@ -138,7 +138,7 @@
 .nut-button-large {
   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));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
   border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-large .nut-button-text {
@@ -148,12 +148,12 @@
   margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
 }
 .nut-button-large .nut-icon {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-large-children {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-small {
   height: var(--nutui-button-small-height, 28px);

package/dist/es/packages/button/style/style.harmony.css

@@ -138,7 +138,7 @@
 .nut-button-large {
   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));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
   border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-large .nut-button-text {
@@ -148,12 +148,12 @@
   margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
 }
 .nut-button-large .nut-icon {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-large-children {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-small {
   height: var(--nutui-button-small-height, 28px);

package/dist/es/packages/calendar/style/style.css

@@ -7,14 +7,14 @@
   display: flex;
   flex-direction: column;
   flex: 1;
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
   background-color: var(--nutui-color-background-overlay, #ffffff);
   color: var(--nutui-color-title, #1a1a1a);
   overflow: hidden;
   height: 100%;
 }
 .nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title {
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-calendar .nut-calendar-taro {
   height: 60vh;

package/dist/es/packages/calendar/style/style.harmony.css

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   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-l, 16px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  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);
@@ -387,14 +387,14 @@
   display: flex;
   flex-direction: column;
   flex: 1;
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
   background-color: var(--nutui-color-background-overlay, #ffffff);
   color: var(--nutui-color-title, #1a1a1a);
   overflow: hidden;
   height: 100%;
 }
 .nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title {
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-calendar .nut-calendar-taro {
   height: 60vh;

package/dist/es/packages/calendarcard/style/style.css

@@ -6,7 +6,7 @@
   background: var(--nutui-color-background-overlay, #ffffff);
   border-radius: 12px;
   overflow: hidden;
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
   color: var(--nutui-color-title, #1a1a1a);
 }
 .nut-calendarcard-header {

package/dist/es/packages/calendarcard/style/style.harmony.css

@@ -6,7 +6,7 @@
   background: var(--nutui-color-background-overlay, #ffffff);
   border-radius: 12px;
   overflow: hidden;
-  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 15px));
   color: var(--nutui-color-title, #1a1a1a);
 }
 .nut-calendarcard-header {

package/dist/es/packages/card/style/style.harmony.css

@@ -4,22 +4,22 @@
 /* #endif */
 .nut-price {
   direction: ltr;
-  font-size: var(--nutui-font-size-l, 16px);
+  font-size: var(--nutui-font-size-l, 15px);
   display: flex;
   flex-direction: row;
   align-items: baseline;
 }
 .nut-price-symbol, .nut-price-integer, .nut-price-decimal {
   color: var(--nutui-price-color, var(--nutui-color-text-help));
-  font-family: "JD";
+  font-family: "JDZH-Bold";
   line-height: 1;
 }
 .nut-price-darkgray .nut-price-symbol, .nut-price-darkgray .nut-price-integer, .nut-price-darkgray .nut-price-decimal {
-  font-family: "JD-Bold";
+  font-family: "JDZH-Bold";
   color: var(--nutui-price-darkgray-color, var(--nutui-gray-7));
 }
 .nut-price-primary .nut-price-symbol, .nut-price-primary .nut-price-integer, .nut-price-primary .nut-price-decimal {
-  font-family: "JD-Bold";
+  font-family: "JDZH-Bold";
   color: var(--nutui-price-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-price-symbol {

package/dist/es/packages/cascader/cascader.js

@@ -174,8 +174,8 @@ export var Cascader = /*#__PURE__*/ forwardRef(function(props, ref) {
         outerOptions
     ]);
     useEffect(function() {
-        var load = /*#__PURE__*/ function() {
-            var _ref = _async_to_generator(function() {
+        var load = function() {
+            return _async_to_generator(function() {
                 var parent, error;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
@@ -193,8 +193,8 @@ export var Cascader = /*#__PURE__*/ forwardRef(function(props, ref) {
                             ]);
                             return [
                                 4,
-                                innerValue.reduce(/*#__PURE__*/ function() {
-                                    var _ref = _async_to_generator(function(promise, val, key) {
+                                innerValue.reduce(function(promise, val, key) {
+                                    return _async_to_generator(function() {
                                         var pane, parent, node;
                                         return _ts_generator(this, function(_state) {
                                             switch(_state.label){
@@ -234,11 +234,8 @@ export var Cascader = /*#__PURE__*/ forwardRef(function(props, ref) {
                                                     ];
                                             }
                                         });
-                                    });
-                                    return function(promise, val, key) {
-                                        return _ref.apply(this, arguments);
-                                    };
-                                }(), Promise.resolve(parent))
+                                    })();
+                                }, Promise.resolve(parent))
                             ];
                         case 2:
                             _state.sent();
@@ -261,17 +258,14 @@ export var Cascader = /*#__PURE__*/ forwardRef(function(props, ref) {
                             ];
                     }
                 });
-            });
-            return function load() {
-                return _ref.apply(this, arguments);
-            };
-        }();
+            })();
+        };
         if (lazy) load();
     }, [
         lazy
     ]);
-    var chooseItem = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(pane, levelIndex) {
+    var chooseItem = function(pane, levelIndex) {
+        return _async_to_generator(function() {
             var nextValue, nextPathNodes, _props_onPathChange, asyncOptions;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -325,11 +319,8 @@ export var Cascader = /*#__PURE__*/ forwardRef(function(props, ref) {
                         ];
                 }
             });
-        });
-        return function chooseItem(pane, levelIndex) {
-            return _ref.apply(this, arguments);
-        };
-    }();
+        })();
+    };
     var renderCascaderItem = function(item, levelIndex) {
         var _item_pane;
         return (_item_pane = item.pane) === null || _item_pane === void 0 ? void 0 : _item_pane.map(function(pane, index) {

package/dist/es/packages/cascader/style/style.harmony.css

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   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-l, 16px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  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);
@@ -517,7 +517,7 @@
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text,
 .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-tabs-titles-card .nut-tabs-titles-item-active {
   font-weight: var(--nutui-font-weight-bold, 600);

package/dist/es/packages/checkbox/style/style.css

@@ -8,7 +8,7 @@
 }
 .nut-checkbox-icon {
   color: var(--nutui-color-text-disabled, #c2c4cc);
-  font-size: var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-icon, 16px));
   flex-shrink: 0;
 }
 .nut-checkbox-icon-wrap {

package/dist/es/packages/checkbox/style/style.harmony.css

@@ -74,7 +74,7 @@
 }
 .nut-checkbox-icon {
   color: var(--nutui-color-text-disabled, #c2c4cc);
-  font-size: var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-icon, 16px));
   flex-shrink: 0;
 }
 .nut-checkbox-icon-wrap {

package/dist/es/packages/circleprogress/style/style.css

@@ -21,7 +21,7 @@
   transform: translateY(-50%);
   text-align: center;
   color: var(--nutui-circleprogress-text-color, var(--nutui-color-title, #1a1a1a));
-  font-size: var(--nutui-circleprogress-text-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-circleprogress-text-size, var(--nutui-font-size-l, 15px));
 }
 
 [dir=rtl] .nut-circleprogress-text,

package/dist/es/packages/circleprogress/style/style.harmony.css

@@ -21,7 +21,7 @@
   transform: translateY(-50%);
   text-align: center;
   color: var(--nutui-circleprogress-text-color, var(--nutui-color-title, #1a1a1a));
-  font-size: var(--nutui-circleprogress-text-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-circleprogress-text-size, var(--nutui-font-size-l, 15px));
 }
 
 [dir=rtl] .nut-circleprogress-text,

package/dist/es/packages/col/col.js

@@ -1,7 +1,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import React, { useContext, useEffect, useState } from "react";
+import React, { useContext, useEffect, useState, useMemo } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { pxTransform } from "../../utils/taro/px-transform";
@@ -16,16 +16,16 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 });
 export var Col = function(props) {
     var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
-    var _useState = _sliced_to_array(useState(''), 2), colName = _useState[0], setColName = _useState[1];
-    var _useState1 = _sliced_to_array(useState({}), 2), colStyle = _useState1[0], setColStyle = _useState1[1];
     var gutter = useContext(DataContext).gutter;
-    var classs = function() {
-        // 定义col的class类
+    var classs = useMemo(function() {
         var prefixCls = 'nut-col';
         return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(span, " ").concat(gutter ? "".concat(prefixCls, "-gutter") : '', " ").concat(prefixCls, "-offset-").concat(offset);
-    };
-    var getStyle = function() {
-        // 定义col的style类
+    }, [
+        offset,
+        span,
+        gutter
+    ]);
+    var getStyle = useMemo(function() {
         var style = {};
         if (!isFirst) {
             style.paddingLeft = pxTransform(gutter / 2);
@@ -34,14 +34,19 @@ export var Col = function(props) {
             style.paddingRight = pxTransform(gutter / 2);
         }
         return style;
-    };
+    }, [
+        isFirst,
+        isLast,
+        gutter
+    ]);
+    var _useState = _sliced_to_array(useState(classs), 2), colName = _useState[0], setColName = _useState[1];
+    var _useState1 = _sliced_to_array(useState(getStyle), 2), colStyle = _useState1[0], setColStyle = _useState1[1];
     useEffect(function() {
         setColName(classs);
         setColStyle(getStyle);
     }, [
-        span,
-        offset,
-        gutter
+        classs,
+        getStyle
     ]);
     return /*#__PURE__*/ React.createElement(View, {
         className: classNames(colName, className),