@nutui/nutui-react 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/esm/Progress.js

@@ -1,130 +1,126 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "iconName", "iconColor", "iconSize", "rounded", "children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import React__default from 'react';
-import classNames from 'classnames';
-import { I as Icon } from './icon-8dc4de10.js';
-import { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
-var defaultProps = {
-  className: '',
-  style: {},
-  isShowPercentage: true,
-  percentage: 0,
-  fillColor: '#f3f3f3',
-  strokeColor: 'linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)',
-  strokeWidth: '',
-  textColor: '',
-  textWidth: '',
-  showText: true,
-  textInside: false,
-  textBackground: 'linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)',
-  textType: 'text',
-  status: false,
-  iconName: 'checked',
-  iconColor: '#439422',
-  iconSize: '16px',
-  rounded: true,
-  children: undefined
-};
-
-var Progress = function Progress(props) {
-  var _classNames, _classNames2, _classNames4;
-
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      isShowPercentage = _defaultProps$props.isShowPercentage,
-      percentage = _defaultProps$props.percentage,
-      fillColor = _defaultProps$props.fillColor,
-      strokeColor = _defaultProps$props.strokeColor,
-      strokeWidth = _defaultProps$props.strokeWidth,
-      size = _defaultProps$props.size,
-      textColor = _defaultProps$props.textColor,
-      textWidth = _defaultProps$props.textWidth,
-      showText = _defaultProps$props.showText,
-      textInside = _defaultProps$props.textInside,
-      textBackground = _defaultProps$props.textBackground,
-      textType = _defaultProps$props.textType,
-      status = _defaultProps$props.status,
-      iconName = _defaultProps$props.iconName,
-      iconColor = _defaultProps$props.iconColor,
-      iconSize = _defaultProps$props.iconSize,
-      rounded = _defaultProps$props.rounded,
-      children = _defaultProps$props.children,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var b = cn('progress');
-  var classes = classNames(b(''));
-  var classesOuter = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b(''), "-outer"), true), _defineProperty(_classNames, "".concat(b(''), "-").concat(size || 'base'), true), _classNames));
-  var classesInner = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(b(''), "-inner"), true), _defineProperty(_classNames2, "".concat(b(''), "-active"), status), _classNames2));
-  var classesText = classNames(_defineProperty({}, "".concat(b(''), "-text"), true));
-  var classesInsideText = classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(b(''), "-text"), true), _defineProperty(_classNames4, "".concat(b(''), "-insidetext"), true), _classNames4));
-  var classesTextInner = classNames(_defineProperty({}, "".concat(b(''), "-text__inner"), true));
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "style", "percent", "background", "color", "strokeWidth", "showText", "animated", "children", "lazy", "delay"];
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default, { useState, useEffect, useRef } from "react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  percent: 0,
+  showText: false,
+  animated: false,
+  lazy: false,
+  delay: 0
+});
+var Progress = function Progress2(props) {
+  var _classNames;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, percent = _defaultProps$props.percent, background = _defaultProps$props.background, color = _defaultProps$props.color, strokeWidth = _defaultProps$props.strokeWidth, showText = _defaultProps$props.showText, animated = _defaultProps$props.animated, children = _defaultProps$props.children, lazy = _defaultProps$props.lazy, delay = _defaultProps$props.delay, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-progress";
+  var classesInner = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-inner"), true), _defineProperty(_classNames, "".concat(classPrefix, "-active"), animated), _classNames));
   var stylesOuter = {
     height: "".concat(strokeWidth, "px"),
-    // eslint-disable-next-line no-nested-ternary
-    borderRadius: "".concat(rounded ? rounded === true ? '12px' : rounded : 0),
-    background: "".concat(fillColor)
+    background
   };
+  var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), displayPercent = _useState2[0], setDispalyPercent = _useState2[1];
   var stylesInner = {
-    width: "".concat(percentage, "%"),
-    // eslint-disable-next-line no-nested-ternary
-    borderRadius: "".concat(rounded ? rounded === true ? '12px' : rounded : 0),
-    background: "".concat(strokeColor)
-  };
-  var stylesInsideText = {
-    width: "".concat(textWidth, "px"),
-    left: "".concat(percentage, "%"),
-    background: textBackground || strokeColor
+    width: "".concat(displayPercent, "%"),
+    background: color
   };
-  var stylesInsideIcon = {
-    width: "".concat(textWidth, "px"),
-    left: "".concat(percentage, "%")
+  useEffect(function() {
+    setDispalyPercent(percent);
+  }, [percent]);
+  var _useState3 = useState(false), _useState4 = _slicedToArray(_useState3, 2), intersecting = _useState4[0], setIntersecting = _useState4[1];
+  var progressRef = useRef(null);
+  var observer = useRef(null);
+  var initObserver = function initObserver2() {
+    var options = {
+      threshold: [0],
+      rootMargin: "0px"
+    };
+    observer.current = new IntersectionObserver(function(entires, self) {
+      entires.forEach(function(item) {
+        if (item.isIntersecting) {
+          setIntersecting(true);
+        } else {
+          setIntersecting(false);
+        }
+      });
+    }, options);
+    observer.current.observe(progressRef.current);
   };
-  var stylesText = {
-    width: "".concat(textWidth, "px")
+  var resetObserver = function resetObserver2() {
+    observer.current.disconnect && observer.current.disconnect();
   };
+  useEffect(function() {
+    if (lazy) {
+      setTimeout(function() {
+        if (intersecting) {
+          setDispalyPercent(percent);
+        } else {
+          setDispalyPercent(0);
+        }
+      }, delay);
+    }
+  }, [intersecting]);
+  useEffect(function() {
+    lazy && initObserver();
+    var timer = null;
+    if (delay) {
+      setDispalyPercent(0);
+      timer = setTimeout(function() {
+        setDispalyPercent(percent);
+      }, delay);
+    }
+    return function() {
+      lazy && resetObserver();
+      timer && clearTimeout(timer);
+    };
+  }, []);
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(classes, " ").concat(className),
-    style: style
+    ref: progressRef,
+    className: classNames(classPrefix, className),
+    style
   }, rest), React__default.createElement("div", {
-    className: classesOuter,
+    className: "".concat(classPrefix, "-outer"),
     style: stylesOuter
   }, React__default.createElement("div", {
     className: classesInner,
     style: stylesInner
-  }, showText && textInside && React__default.createElement(React__default.Fragment, null, children ? React__default.createElement("div", {
-    className: classesInsideText,
-    style: stylesInsideIcon
-  }, children) : React__default.createElement("div", {
-    className: classesInsideText,
-    style: stylesInsideText
-  }, React__default.createElement("span", {
-    className: classesTextInner,
+  }, showText && React__default.createElement("div", {
+    className: "".concat(classPrefix, "-text"),
     style: {
-      color: textColor || '#fff'
+      left: "".concat(displayPercent, "%")
     }
-  }, percentage, isShowPercentage ? '%' : ''))))), showText && !textInside && React__default.createElement("div", {
-    className: classesText,
-    style: stylesText
-  }, textType === 'text' && React__default.createElement("span", {
-    className: classesTextInner,
+  }, children || React__default.createElement("div", {
+    className: "".concat(classPrefix, "-text__inner"),
     style: {
-      color: textColor || '#333'
+      background: color
     }
-  }, percentage, isShowPercentage ? '%' : ''), textType === 'icon' && React__default.createElement(Icon, {
-    size: iconSize,
-    name: iconName,
-    color: iconColor
-  })));
+  }, percent, "%")))));
 };
-
 Progress.defaultProps = defaultProps;
-Progress.displayName = 'NutProgress';
-export { Progress as default };
+Progress.displayName = "NutProgress";
+export {
+  Progress as default
+};

package/dist/esm/PullToRefresh/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/PullToRefresh/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/pulltorefresh/pulltorefresh.scss'

package/dist/esm/PullToRefresh/style/style.css

@@ -0,0 +1 @@
+.nut-pulltorefresh-head{overflow:hidden;position:relative;font-size:14px}.nut-pulltorefresh-head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--nutui-gray-1, #1a1a1a);display:flex;justify-content:center;align-items:center}

package/dist/esm/PullToRefresh.js

@@ -0,0 +1,301 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+import React__default, { useState, useRef, useEffect } from "react";
+import { useDrag } from "@use-gesture/react";
+import { useSpring, animated } from "@react-spring/web";
+import { useConfig } from "./ConfigProvider.js";
+import { c as canUseDom, g as getScrollParent } from "./get-scroll-parent.js";
+import { C as ComponentDefaults } from "./typings.js";
+function bound(position, min, max) {
+  var ret = position;
+  if (min !== void 0) {
+    ret = Math.max(position, min);
+  }
+  if (max !== void 0) {
+    ret = Math.min(ret, max);
+  }
+  return ret;
+}
+function rubberband(distance, dimension, constant) {
+  return distance * dimension * constant / (dimension + constant * distance);
+}
+function rubberbandIfOutOfBounds(position, min, max, dimension) {
+  var constant = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 0.15;
+  if (constant === 0)
+    return bound(position, min, max);
+  if (position < min)
+    return -rubberband(min - position, dimension, constant) + min;
+  if (position > max)
+    return +rubberband(position - max, dimension, constant) + max;
+  return position;
+}
+var sleep = function sleep2(time) {
+  return new Promise(function(resolve) {
+    return setTimeout(resolve, time);
+  });
+};
+var passiveSupported = false;
+if (canUseDom) {
+  try {
+    var opts = Object.defineProperty({}, "passive", {
+      get: function get() {
+        passiveSupported = true;
+      }
+    });
+    window.addEventListener("test-passive-supported", null, opts);
+  } catch (e) {
+    console.log(e);
+  }
+}
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  pullingText: "",
+  canReleaseText: "",
+  refreshingText: "",
+  completeText: "",
+  completeDelay: 500,
+  disabled: false,
+  headHeight: 40,
+  threshold: 60,
+  onRefresh: function onRefresh() {
+  }
+});
+var PullToRefresh = function PullToRefresh2(p) {
+  var classPrefix = "nut-pulltorefresh";
+  var _useConfig = useConfig(), locale = _useConfig.locale;
+  var props = _objectSpread(_objectSpread(_objectSpread({}, 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 headHeight = props.headHeight;
+  var threshold = props.threshold;
+  var _useState = useState("pulling"), _useState2 = _slicedToArray(_useState, 2), status = _useState2[0], setStatus = _useState2[1];
+  var _useSpring = useSpring(function() {
+    return {
+      from: {
+        height: 0
+      },
+      config: {
+        tension: 300,
+        friction: 30,
+        clamp: true
+      }
+    };
+  }), _useSpring2 = _slicedToArray(_useSpring, 2), springStyles = _useSpring2[0], api = _useSpring2[1];
+  var elementRef = useRef(null);
+  var pullingRef = useRef(false);
+  useEffect(function() {
+    var _elementRef$current;
+    (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.addEventListener("touchmove", function() {
+    });
+  }, []);
+  function doRefresh() {
+    return _doRefresh.apply(this, arguments);
+  }
+  function _doRefresh() {
+    _doRefresh = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee3() {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1)
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              api.start({
+                height: headHeight
+              });
+              setStatus("refreshing");
+              _context3.prev = 2;
+              _context3.next = 5;
+              return props.onRefresh();
+            case 5:
+              setStatus("complete");
+              _context3.next = 12;
+              break;
+            case 8:
+              _context3.prev = 8;
+              _context3.t0 = _context3["catch"](2);
+              api.start({
+                to: function() {
+                  var _to = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee(next) {
+                    return _regeneratorRuntime.wrap(function _callee$(_context) {
+                      while (1)
+                        switch (_context.prev = _context.next) {
+                          case 0:
+                            _context.next = 2;
+                            return next({
+                              height: 0
+                            });
+                          case 2:
+                            setStatus("pulling");
+                          case 3:
+                          case "end":
+                            return _context.stop();
+                        }
+                    }, _callee);
+                  }));
+                  function to(_x) {
+                    return _to.apply(this, arguments);
+                  }
+                  return to;
+                }()
+              });
+              throw _context3.t0;
+            case 12:
+              if (!(props.completeDelay > 0)) {
+                _context3.next = 15;
+                break;
+              }
+              _context3.next = 15;
+              return sleep(props.completeDelay);
+            case 15:
+              api.start({
+                to: function() {
+                  var _to2 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee2(next) {
+                    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                      while (1)
+                        switch (_context2.prev = _context2.next) {
+                          case 0:
+                            _context2.next = 2;
+                            return next({
+                              height: 0
+                            });
+                          case 2:
+                            setStatus("pulling");
+                          case 3:
+                          case "end":
+                            return _context2.stop();
+                        }
+                    }, _callee2);
+                  }));
+                  function to(_x2) {
+                    return _to2.apply(this, arguments);
+                  }
+                  return to;
+                }()
+              });
+            case 16:
+            case "end":
+              return _context3.stop();
+          }
+      }, _callee3, null, [[2, 8]]);
+    }));
+    return _doRefresh.apply(this, arguments);
+  }
+  useDrag(function(state) {
+    if (status === "refreshing" || status === "complete")
+      return;
+    var event = state.event;
+    if (state.last) {
+      pullingRef.current = false;
+      if (status === "canRelease") {
+        doRefresh();
+      } else {
+        api.start({
+          height: 0
+        });
+      }
+      return;
+    }
+    function getScrollTop(element) {
+      return "scrollTop" in element ? element.scrollTop : element.scrollY;
+    }
+    var _state$movement = _slicedToArray(state.movement, 2), y = _state$movement[1];
+    if (state.first && y > 0) {
+      var target = state.event.target;
+      if (!target || !(target instanceof Element))
+        return;
+      var scrollParent = getScrollParent(target);
+      while (true) {
+        if (!scrollParent)
+          return;
+        var scrollTop = getScrollTop(scrollParent);
+        if (scrollTop > 0) {
+          return;
+        }
+        if (scrollParent instanceof Window) {
+          break;
+        }
+        scrollParent = getScrollParent(scrollParent.parentNode);
+      }
+      pullingRef.current = true;
+    }
+    if (!pullingRef.current)
+      return;
+    if (event.cancelable) {
+      event.preventDefault();
+    }
+    event.stopPropagation();
+    var height = Math.max(rubberbandIfOutOfBounds(y, 0, 0, headHeight * 5, 0.5), 0);
+    api.start({
+      height
+    });
+    setStatus(height > threshold ? "canRelease" : "pulling");
+  }, {
+    pointer: {
+      touch: true
+    },
+    axis: "y",
+    target: elementRef,
+    enabled: !props.disabled,
+    eventOptions: passiveSupported ? {
+      passive: false
+    } : false
+  });
+  var renderStatusText = function renderStatusText2() {
+    if (props.renderText) {
+      var _props$renderText;
+      return (_props$renderText = props.renderText) === null || _props$renderText === void 0 ? void 0 : _props$renderText.call(props, status);
+    }
+    if (status === "pulling")
+      return props.pullingText;
+    if (status === "canRelease")
+      return props.canReleaseText;
+    if (status === "refreshing")
+      return props.refreshingText;
+    if (status === "complete")
+      return props.completeText;
+    return "";
+  };
+  return React__default.createElement(animated.div, {
+    ref: elementRef,
+    className: "".concat(classPrefix, " ").concat(props.className),
+    style: props.style
+  }, React__default.createElement(animated.div, {
+    style: springStyles,
+    className: "".concat(classPrefix, "-head")
+  }, React__default.createElement("div", {
+    className: "".concat(classPrefix, "-head-content"),
+    style: {
+      height: headHeight
+    }
+  }, renderStatusText())), React__default.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children));
+};
+PullToRefresh.defaultProps = defaultProps;
+PullToRefresh.displayName = "NutPullToRefresh";
+export {
+  PullToRefresh as default
+};

package/dist/esm/Radio/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Radio/style/index.js

@@ -1,2 +1,2 @@
-require('../../Icon/style')
-require('../../../packages/radio/radio.scss')
+import '../../RadioGroup/style'
+import '../../../packages/radio/radio.scss'

package/dist/esm/Radio/style/style.css

@@ -0,0 +1 @@
+.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio__label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio__button{background-color:#f6f7f9}.nut-radiogroup--vertical .nut-radio.nut-radio--reverse{width:100%;justify-content:space-between}.nut-radiogroup--vertical .nut-radio__button{border:1px solid #f6f7f9}.nut-radiogroup--vertical .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup--horizontal .nut-radio{display:inline-flex}.nut-radiogroup--horizontal .nut-radio__button{border:1px solid var(--nutui-gray-6, #ffffff)}.nut-radiogroup--horizontal .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, rgba(0, 0, 0, .15));color:var(--nutui-radio-button-disabled-active-color, rgba(0, 0, 0, .25));border:1px solid var(--nutui-radio-button-disabled-active-border-color, rgba(211, 211, 211, .15))}.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 .nut-radio__label{margin-right:var(--nutui-radio-label-margin-left, 6px);margin-left:0}.nut-radio__button{display:inline-flex;align-items:center;padding:var(--nutui-radio-button-padding, 5px 18px);font-size:var(--nutui-radio-button-font-size, 12px);background:#f6f7f9;border-radius:var(--nutui-radio-button-border-radius, 15px);color:var(--nutui-radio-label-font-color, var(--nutui-gray-1, #1a1a1a));box-sizing:border-box;border:1px solid #f6f7f9}.nut-radio__button--active{background:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05));color:var(--nutui-radio-label-font-active-color, var(--nutui-brand-color, #fa2c19));border:1px solid var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19))}.nut-radio__button--disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-gray-3, #bfbfbf));border:1px solid #f6f7f9}.nut-radio .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, rgba(0, 0, 0, .15));color:var(--nutui-radio-button-disabled-active-color, rgba(0, 0, 0, .25));border:1px solid var(--nutui-radio-button-disabled-active-border-color, rgba(211, 211, 211, .15))}.nut-radio__label{margin-left:var(--nutui-radio-label-margin-left, 6px);font-size:var(--nutui-radio-label-font-size, 14px);color:var(--nutui-radio-label-font-color, var(--nutui-gray-1, #1a1a1a))}.nut-radio__label--disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-gray-3, #bfbfbf))}.nut-radio__icon{color:var(--nutui-radio-label-font-active-color, var(--nutui-brand-color, #fa2c19));transition-duration:.3s;transition-property:color,border-color,background-color;font-size:var(--nutui-radio-icon-font-size, 18px)}.nut-radio__icon--unchecked{color:var(--nutui-radio-icon-disable-color, var(--nutui-gray-2, #757575))}.nut-radio__icon--disable{color:var(--nutui-radio-icon-disable-color2, var(--nutui-gray-3, #bfbfbf))}