@nutui/nutui-react-taro 3.0.0-beta.10 → 3.0.0-beta.12

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

@@ -0,0 +1,43 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-pulltorefresh-head {
+  overflow: hidden;
+  position: relative;
+  font-size: 12px;
+}
+.nut-pulltorefresh-head-content {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  color: #888b94;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.nut-pulltorefresh-head-content-icons {
+  width: 36px;
+  height: 26px;
+  margin-bottom: 4px;
+}
+.nut-pulltorefresh-primary {
+  background: #ff0f23;
+}
+.nut-pulltorefresh-primary-content {
+  color: rgba(255, 255, 255, 0.9);
+}
+.nut-pulltorefresh-primary-head-content {
+  color: rgba(255, 255, 255, 0.9);
+}
+.nut-pulltorefresh-primary-status-text {
+  color: #ffffff;
+}
+
+[dir=rtl] .nut-pulltorefresh-head-content,
+.nut-rtl .nut-pulltorefresh-head-content {
+  left: auto;
+  right: 0;
+}

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

@@ -19,8 +19,8 @@
   border: 1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, 0.05));
 }
 .nut-radiogroup-vertical .nut-radio-button-active {
-  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-brand-6));
-  background-color: var(--nutui-brand-1);
+  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
+  background-color: var(--nutui-color-primary-light-pressed, #ffebf1);
 }
 .nut-radiogroup-horizontal .nut-radio {
   display: inline-flex;
@@ -29,13 +29,13 @@
   border: 1px solid #ffffff;
 }
 .nut-radiogroup-horizontal .nut-radio-button-active {
-  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-brand-6));
-  background-color: var(--nutui-brand-1);
+  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
+  background-color: var(--nutui-color-primary-light-pressed, #ffebf1);
 }
 .nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled {
-  background: var(--nutui-gray-4);
+  background: var(--nutui-color-text-disabled, #c2c4cc);
   color: #ffffff;
-  border: 1px solid var(--nutui-gray-4);
+  border: 1px solid var(--nutui-color-text-disabled, #c2c4cc);
 }
 
 [dir=rtl] .nut-radiogroup .nut-radio,
@@ -63,28 +63,28 @@
 .nut-radio-label {
   margin-left: var(--nutui-radio-label-margin-left, 4px);
   font-size: var(--nutui-radio-label-font-size, var(--nutui-font-size-s, 12px));
-  color: var(--nutui-radio-label-color, var(--nutui-gray-7));
+  color: var(--nutui-radio-label-color, var(--nutui-color-title, #1a1a1a));
 }
 .nut-radio-label-disabled {
-  color: var(--nutui-radio-label-disable-color, var(--nutui-gray-4));
+  color: var(--nutui-radio-label-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-radio-icon {
-  color: var(--nutui-gray-4);
+  color: var(--nutui-color-text-disabled, #c2c4cc);
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
   font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-radio-icon-checked {
-  color: var(--nutui-brand-6);
+  color: var(--nutui-color-primary, #ff0f23);
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
 .nut-radio-icon-checked.nut-radio-icon-disabled {
-  color: var(--nutui-brand-3);
+  color: var(--nutui-color-primary-disabled-special, #ffadbe);
   box-shadow: none;
 }
 .nut-radio-icon-disabled {
-  color: var(--nutui-gray-4);
+  color: var(--nutui-color-text-disabled, #c2c4cc);
 }
 .nut-radio-button {
   display: inline-flex;
@@ -93,23 +93,23 @@
   font-size: var(--nutui-radio-button-font-size, var(--nutui-font-size-s, 12px));
   background: var(--nutui-radio-button-background, rgba(250, 44, 25, 0.05));
   border-radius: var(--nutui-radio-button-border-radius, 15px);
-  color: var(--nutui-radio-label-color, var(--nutui-gray-7));
+  color: var(--nutui-radio-label-color, var(--nutui-color-title, #1a1a1a));
   box-sizing: border-box;
   border: 1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, 0.05));
 }
 .nut-radio-button-active {
-  background: var(--nutui-brand-1);
-  color: var(--nutui-brand-6);
-  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-brand-6));
+  background: var(--nutui-color-primary-light-pressed, #ffebf1);
+  color: var(--nutui-color-primary, #ff0f23);
+  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
 }
 .nut-radio-button-disabled {
-  color: var(--nutui-gray-4);
+  color: var(--nutui-color-text-disabled, #c2c4cc);
   border: 1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, 0.05));
 }
 .nut-radio .nut-radio-button-active.nut-radio-button-disabled {
-  background: var(--nutui-gray-4);
+  background: var(--nutui-color-text-disabled, #c2c4cc);
   color: #ffffff;
-  border: 1px solid var(--nutui-gray-4);
+  border: 1px solid var(--nutui-color-text-disabled, #c2c4cc);
 }
 
 [dir=rtl] .nut-radio:last-child,

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

@@ -0,0 +1,93 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-radio {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.nut-radio:last-child {
+  margin-bottom: 0 !important;
+  margin-right: 0 !important;
+}
+.nut-radio.nut-radio-reverse {
+  flex-direction: row-reverse;
+}
+.nut-radio.nut-radio-reverse .nut-radio-label {
+  margin-right: 4px;
+  margin-left: 0;
+}
+.nut-radio-label {
+  margin-left: 4px;
+  font-size: 12px;
+  color: #1a1a1a;
+}
+.nut-radio-label-disabled {
+  color: #c2c4cc;
+}
+.nut-radio-icon {
+  color: #c2c4cc;
+  transition-duration: 0.3s;
+  transition-property: color, border-color, background-color;
+  font-size: 16px;
+}
+.nut-radio-icon-checked {
+  color: #ff0f23;
+  box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
+  border-radius: 50%;
+}
+.nut-radio-icon-checked.nut-radio-icon-disabled {
+  color: #ffadbe;
+  box-shadow: none;
+}
+.nut-radio-icon-disabled {
+  color: #c2c4cc;
+}
+.nut-radio-button {
+  display: inline-flex;
+  align-items: center;
+  padding: 5px 18px;
+  font-size: 12px;
+  background: rgba(250, 44, 25, 0.05);
+  border-radius: 15px;
+  color: #1a1a1a;
+  box-sizing: border-box;
+  border: 1px solid rgba(250, 44, 25, 0.05);
+}
+.nut-radio-button-active {
+  background: #ffebf1;
+  color: #ff0f23;
+  border: 1px solid #ff0f23;
+}
+.nut-radio-button-disabled {
+  color: #c2c4cc;
+  border: 1px solid rgba(250, 44, 25, 0.05);
+}
+.nut-radio .nut-radio-button-active.nut-radio-button-disabled {
+  background: #c2c4cc;
+  color: #ffffff;
+  border: 1px solid #c2c4cc;
+}
+
+[dir=rtl] .nut-radio:last-child,
+.nut-rtl .nut-radio:last-child {
+  margin-right: 0 !important;
+  margin-left: 0 !important;
+}
+[dir=rtl] .nut-radio.nut-radio-reverse .nut-radio-label {
+  margin-left: 4px;
+  margin-right: 0;
+}
+.nut-rtl .nut-radio.nut-radio-reverse .nut-radio-label {
+  margin-left: 4px;
+  margin-right: 0;
+}
+[dir=rtl] .nut-radio-label {
+  margin-left: 0;
+  margin-right: 4px;
+}
+.nut-rtl .nut-radio-label {
+  margin-left: 0;
+  margin-right: 4px;
+}

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

@@ -19,8 +19,8 @@
   border: 1px solid var(--nutui-radio-button-background, rgba(250, 44, 25, 0.05));
 }
 .nut-radiogroup-vertical .nut-radio-button-active {
-  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-brand-6));
-  background-color: var(--nutui-brand-1);
+  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
+  background-color: var(--nutui-color-primary-light-pressed, #ffebf1);
 }
 .nut-radiogroup-horizontal .nut-radio {
   display: inline-flex;
@@ -29,13 +29,13 @@
   border: 1px solid #ffffff;
 }
 .nut-radiogroup-horizontal .nut-radio-button-active {
-  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-brand-6));
-  background-color: var(--nutui-brand-1);
+  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
+  background-color: var(--nutui-color-primary-light-pressed, #ffebf1);
 }
 .nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled {
-  background: var(--nutui-gray-4);
+  background: var(--nutui-color-text-disabled, #c2c4cc);
   color: #ffffff;
-  border: 1px solid var(--nutui-gray-4);
+  border: 1px solid var(--nutui-color-text-disabled, #c2c4cc);
 }
 
 [dir=rtl] .nut-radiogroup .nut-radio,

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

@@ -0,0 +1,49 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-radiogroup .nut-radio {
+  margin: 0 20px 5px 0;
+}
+.nut-radiogroup .nut-radio-label {
+  margin: 0 5px;
+}
+.nut-radiogroup .nut-radio-button {
+  background-color: rgba(250, 44, 25, 0.05);
+}
+.nut-radiogroup-vertical .nut-radio.nut-radio-reverse {
+  width: 100%;
+  justify-content: space-between;
+}
+.nut-radiogroup-vertical .nut-radio-button {
+  border: 1px solid rgba(250, 44, 25, 0.05);
+}
+.nut-radiogroup-vertical .nut-radio-button-active {
+  border: 1px solid #ff0f23;
+  background-color: #ffebf1;
+}
+.nut-radiogroup-horizontal .nut-radio {
+  display: inline-flex;
+}
+.nut-radiogroup-horizontal .nut-radio-button {
+  border: 1px solid #ffffff;
+}
+.nut-radiogroup-horizontal .nut-radio-button-active {
+  border: 1px solid #ff0f23;
+  background-color: #ffebf1;
+}
+.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled {
+  background: #c2c4cc;
+  color: #ffffff;
+  border: 1px solid #c2c4cc;
+}
+
+[dir=rtl] .nut-radiogroup .nut-radio {
+  margin-left: 20px;
+  margin-right: 0;
+}
+
+.nut-rtl .nut-radiogroup .nut-radio {
+  margin-left: 20px;
+  margin-right: 0;
+}

package/dist/es/packages/range/range.js

@@ -13,7 +13,7 @@ import { ComponentDefaults } from "../../utils/typings";
 import { usePropsValue } from "../../utils/use-props-value";
 import { getRectByTaro } from "../../utils/get-rect-by-taro";
 import { useRtl } from "../configprovider/index";
-import { harmony, harmonyAndRn, rn } from "../../utils/platform-taro";
+import { harmony } from "../../utils/platform-taro";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     range: false,
     min: 0,
@@ -22,9 +22,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     vertical: false,
     marks: {}
 });
-var isRn = rn();
 var isHm = harmony();
-var isNative = harmonyAndRn();
 var classPrefix = 'nut-range';
 var verticalClassPrefix = "".concat(classPrefix, "-vertical");
 var isSameValue = function(newValue, oldValue) {
@@ -102,9 +100,9 @@ export var Range = function(props) {
         min
     ]);
     var _obj;
-    var classes = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _define_property(_obj, verticalClassPrefix, vertical), _define_property(_obj, "".concat(classPrefix, "-native"), isNative), _obj));
+    var classes = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _define_property(_obj, verticalClassPrefix, vertical), _define_property(_obj, "".concat(classPrefix, "-native"), isHm), _obj));
     var _obj1;
-    var containerClasses = classNames("".concat(classPrefix, "-container"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-container-native"), isNative), _define_property(_obj1, "".concat(verticalClassPrefix, "-container"), vertical), _obj1), className);
+    var containerClasses = classNames("".concat(classPrefix, "-container"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-container-native"), isHm), _define_property(_obj1, "".concat(verticalClassPrefix, "-container"), vertical), _obj1), className);
     var markClassName = useCallback(function(mark) {
         var classPrefix = 'nut-range-mark';
         var verticalClassPrefix = 'nut-range-vertical-mark';
@@ -330,7 +328,7 @@ export var Range = function(props) {
                         if (dragStatus === 'start') {
                             onStart && onStart();
                         }
-                        touch.move(isRn ? event.nativeEvent : event);
+                        touch.move(event);
                         setDragStatus('draging');
                         return [
                             4,
@@ -409,33 +407,12 @@ export var Range = function(props) {
         var transform = {
             transform: 'translate(-50%, -50%)'
         };
-        if (isRn) {
-            // @TODO 支持变量
-            return _object_spread_props(_object_spread({}, borderRadis), {
-                transform: [
-                    {
-                        translateX: pxTransform(-12)
-                    }
-                ]
-            });
-        }
         if (isHm) {
             return _object_spread({}, borderRadis, transform);
         }
         return _object_spread({}, transform);
     }, []);
     var buttonNumberTransform = useMemo(function() {
-        if (isRn) {
-            // @TODO 支持变量
-            return [
-                {
-                    translateX: pxTransform(vertical ? 26 : -12)
-                },
-                {
-                    translateY: pxTransform(vertical ? -12 : -26)
-                }
-            ];
-        }
         return vertical ? 'translate(100%, -50%)' : 'translate(-50%, -100%)';
     }, [
         vertical
@@ -503,22 +480,11 @@ export var Range = function(props) {
             }
         ];
         var wrapperTransform = 'translate(-50%, -50%)';
-        return isRn ? wrapperTransformRN : wrapperTransform;
+        return wrapperTransform;
     }, [
         vertical
     ]);
     var rangeWrapperTransform = useMemo(function() {
-        if (isRn) {
-            // @TODO 支持变量
-            return [
-                {
-                    translateX: pxTransform(-12)
-                },
-                {
-                    translateY: pxTransform(-13)
-                }
-            ];
-        }
         return 'translate(-50%, -50%)';
     }, []);
     var renderRangeButton = useCallback(function() {
@@ -545,7 +511,7 @@ export var Range = function(props) {
                 onTouchEnd: onTouchEnd,
                 onTouchCancel: onTouchEnd,
                 onClick: function(e) {
-                    return !isRn && e.stopPropagation();
+                    return e.stopPropagation();
                 }
             }, renderButton(index));
         });
@@ -572,7 +538,7 @@ export var Range = function(props) {
             onTouchEnd: onTouchEnd,
             onTouchCancel: onTouchEnd,
             onClick: function(e) {
-                return !isRn && e.stopPropagation();
+                return e.stopPropagation();
             }
         }, renderButton());
     }, [

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

@@ -20,7 +20,7 @@
   position: relative;
   height: var(--nutui-range-height, 4px);
   margin: 0 var(--nutui-range-margin, 15px);
-  background-color: var(--nutui-range-inactive-color, var(--nutui-brand-1));
+  background-color: var(--nutui-range-inactive-color, var(--nutui-color-primary-light-pressed, #ffebf1));
   border-radius: 2px;
   flex: 1;
   cursor: pointer;
@@ -33,7 +33,7 @@
 }
 .nut-range-min, .nut-range-max {
   font-size: var(--nutui-font-size-s, 12px);
-  color: var(--nutui-range-color, var(--nutui-gray-7));
+  color: var(--nutui-range-color, var(--nutui-color-title, #1a1a1a));
   user-select: none;
 }
 .nut-range-bar {
@@ -43,7 +43,7 @@
   height: 100%;
   max-width: 100%;
   max-height: 100%;
-  background: var(--nutui-range-active-color, var(--nutui-brand-6));
+  background: var(--nutui-range-active-color, var(--nutui-color-primary, #ff0f23));
   border-radius: 2px;
   transition: all 0.2s;
 }
@@ -55,7 +55,7 @@
   background: var(--nutui-range-button-background, #ffffff);
   border-radius: 50%;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
-  border: var(--nutui-range-button-border, 1px solid var(--nutui-brand-6));
+  border: var(--nutui-range-button-border, 1px solid var(--nutui-color-primary, #ff0f23));
   outline: none;
   align-items: center;
   top: 50%;
@@ -93,7 +93,7 @@
   justify-content: center;
   user-select: none;
   font-size: var(--nutui-font-size-s, 12px);
-  color: var(--nutui-range-color, var(--nutui-gray-7));
+  color: var(--nutui-range-color, var(--nutui-color-title, #1a1a1a));
   text-align: center;
   vertical-align: center;
   box-sizing: border-box;
@@ -137,10 +137,10 @@
   height: 11px;
   left: 0px;
   border-radius: 6px;
-  background: var(--nutui-range-inactive-color, var(--nutui-brand-1));
+  background: var(--nutui-range-inactive-color, var(--nutui-color-primary-light-pressed, #ffebf1));
 }
 .nut-range-tick-active {
-  background: var(--nutui-range-active-color, var(--nutui-brand-6));
+  background: var(--nutui-range-active-color, var(--nutui-color-primary, #ff0f23));
 }
 
 .nut-range-vertical-container {
@@ -203,10 +203,10 @@
   width: 10px;
   height: 10px;
   border-radius: 5px;
-  background: var(--nutui-range-inactive-color, var(--nutui-brand-1));
+  background: var(--nutui-range-inactive-color, var(--nutui-color-primary-light-pressed, #ffebf1));
 }
 .nut-range-vertical-tick-active {
-  background: var(--nutui-range-active-color, var(--nutui-brand-6));
+  background: var(--nutui-range-active-color, var(--nutui-color-primary, #ff0f23));
 }
 
 [dir=rtl] .nut-range-button-wrapper, [dir=rtl] .nut-range-button-wrapper-right,