antd-mobile 5.0.0-rc.9 → 5.2.0

package/cjs/components/pull-to-refresh/pull-to-refresh.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultProps = exports.PullToRefresh = void 0;
 
+var _tslib = require("tslib");
+
 var _withDefaultProps = require("../../utils/with-default-props");
 
 var _web = require("@react-spring/web");
@@ -23,180 +25,90 @@ var _rubberband = require("../../utils/rubberband");
 
 var _sleep = require("../../utils/sleep");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var classPrefix = "adm-pull-to-refresh";
-var defaultProps = {
+const classPrefix = `adm-pull-to-refresh`;
+const defaultProps = {
   pullingText: '下拉刷新',
   canReleaseText: '释放立即刷新',
   refreshingText: '加载中……',
   completeText: '刷新成功',
   completeDelay: 500,
   disabled: false,
-  onRefresh: function onRefresh() {}
+  onRefresh: () => {}
 };
 exports.defaultProps = defaultProps;
 
-var PullToRefresh = function PullToRefresh(p) {
+const PullToRefresh = p => {
   var _a, _b;
 
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var headHeight = (_a = props.headHeight) !== null && _a !== void 0 ? _a : (0, _convertPx.convertPx)(40);
-  var threshold = (_b = props.threshold) !== null && _b !== void 0 ? _b : (0, _convertPx.convertPx)(60);
-
-  var _useState = (0, _react2.useState)('pulling'),
-      status = _useState[0],
-      setStatus = _useState[1];
-
-  var _useSpring = (0, _web.useSpring)(function () {
-    return {
-      from: {
-        height: 0
-      },
-      config: {
-        tension: 300,
-        friction: 30,
-        clamp: true
-      }
-    };
-  }),
-      springStyles = _useSpring[0],
-      api = _useSpring[1];
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const headHeight = (_a = props.headHeight) !== null && _a !== void 0 ? _a : (0, _convertPx.convertPx)(40);
+  const threshold = (_b = props.threshold) !== null && _b !== void 0 ? _b : (0, _convertPx.convertPx)(60);
+  const [status, setStatus] = (0, _react2.useState)('pulling');
+  const [springStyles, api] = (0, _web.useSpring)(() => ({
+    from: {
+      height: 0
+    },
+    config: {
+      tension: 300,
+      friction: 30,
+      clamp: true
+    }
+  }));
+  const elementRef = (0, _react2.useRef)(null);
+  const pullingRef = (0, _react2.useRef)(false); //防止下拉时抖动
 
-  var elementRef = (0, _react2.useRef)(null);
-  var pullingRef = (0, _react2.useRef)(false);
+  (0, _react2.useEffect)(() => {
+    var _a;
+
+    (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('touchmove', () => {});
+  }, []);
 
   function doRefresh() {
-    return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-      var _this = this;
-
-      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 to(next) {
-                  return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-                    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);
-                  }));
-                }
-              });
-              throw _context3.t0;
-
-            case 12:
-              if (!(props.completeDelay > 0)) {
-                _context3.next = 15;
-                break;
-              }
-
-              _context3.next = 15;
-              return (0, _sleep.sleep)(props.completeDelay);
-
-            case 15:
-              api.start({
-                to: function to(next) {
-                  return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-                    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);
-                  }));
-                }
-              });
-
-            case 16:
-            case "end":
-              return _context3.stop();
-          }
-        }
-      }, _callee3, null, [[2, 8]]);
-    }));
+    return (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
+      api.start({
+        height: headHeight
+      });
+      setStatus('refreshing');
+
+      try {
+        yield props.onRefresh();
+        setStatus('complete');
+      } catch (e) {
+        api.start({
+          to: next => (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
+            yield next({
+              height: 0
+            });
+            setStatus('pulling');
+          })
+        });
+        throw e;
+      }
+
+      if (props.completeDelay > 0) {
+        yield (0, _sleep.sleep)(props.completeDelay);
+      }
+
+      api.start({
+        to: next => (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
+          yield next({
+            height: 0
+          });
+          setStatus('pulling');
+        })
+      });
+    });
   }
 
-  (0, _react.useDrag)(function (state) {
+  (0, _react.useDrag)(state => {
     if (status === 'refreshing' || status === 'complete') return;
-    var event = state.event;
+    const {
+      event
+    } = state;
 
     if (state.last) {
       pullingRef.current = false;
@@ -212,15 +124,14 @@ var PullToRefresh = function PullToRefresh(p) {
       return;
     }
 
-    var _state$movement = state.movement,
-        y = _state$movement[1];
+    const [, y] = state.movement;
 
     if (state.first) {
-      var element = elementRef.current;
+      const element = elementRef.current;
       if (!element) return;
-      var scrollParent = (0, _getScrollParent.getScrollParent)(element);
+      const scrollParent = (0, _getScrollParent.getScrollParent)(element);
       if (!scrollParent) return;
-      var top = 'scrollTop' in scrollParent ? scrollParent.scrollTop : scrollParent.pageYOffset;
+      const top = 'scrollTop' in scrollParent ? scrollParent.scrollTop : scrollParent.pageYOffset;
 
       if (top <= 0 && y > 0) {
         pullingRef.current = true;
@@ -234,9 +145,9 @@ var PullToRefresh = function PullToRefresh(p) {
     }
 
     event.stopPropagation();
-    var height = Math.max((0, _rubberband.rubberbandIfOutOfBounds)(y, 0, 0, headHeight * 5, 0.5), 0);
+    const height = Math.max((0, _rubberband.rubberbandIfOutOfBounds)(y, 0, 0, headHeight * 5, 0.5), 0);
     api.start({
-      height: height
+      height
     });
     setStatus(height > threshold ? 'canRelease' : 'pulling');
   }, {
@@ -251,7 +162,7 @@ var PullToRefresh = function PullToRefresh(p) {
     } : false
   });
 
-  var renderStatusText = function renderStatusText() {
+  const renderStatusText = () => {
     var _a;
 
     if (props.renderText) {
@@ -264,19 +175,19 @@ var PullToRefresh = function PullToRefresh(p) {
     if (status === 'complete') return props.completeText;
   };
 
-  return /*#__PURE__*/_react2["default"].createElement(_web.animated.div, {
+  return _react2.default.createElement(_web.animated.div, {
     ref: elementRef,
     className: classPrefix
-  }, /*#__PURE__*/_react2["default"].createElement(_web.animated.div, {
+  }, _react2.default.createElement(_web.animated.div, {
     style: springStyles,
-    className: classPrefix + "-head"
-  }, /*#__PURE__*/_react2["default"].createElement("div", {
-    className: classPrefix + "-head-content",
+    className: `${classPrefix}-head`
+  }, _react2.default.createElement("div", {
+    className: `${classPrefix}-head-content`,
     style: {
       height: headHeight
     }
-  }, renderStatusText())), /*#__PURE__*/_react2["default"].createElement("div", {
-    className: classPrefix + "-content"
+  }, renderStatusText())), _react2.default.createElement("div", {
+    className: `${classPrefix}-content`
   }, props.children));
 };
 

package/cjs/components/radio/group-context.js

@@ -7,5 +7,5 @@ exports.RadioGroupContext = void 0;
 
 var _react = require("react");
 
-var RadioGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
+const RadioGroupContext = (0, _react.createContext)(null);
 exports.RadioGroupContext = RadioGroupContext;

package/cjs/components/radio/group.js

@@ -11,31 +11,36 @@ var _withDefaultProps = require("../../utils/with-default-props");
 
 var _groupContext = require("./group-context");
 
-var _usePropsValue2 = require("../../utils/use-props-value");
+var _usePropsValue = require("../../utils/use-props-value");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var defaultProps = {
+const defaultProps = {
   disabled: false,
   defaultValue: null
 };
 
-var Group = function Group(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+const Group = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const [value, setValue] = (0, _usePropsValue.usePropsValue)({
+    value: props.value,
+    defaultValue: props.defaultValue,
+    onChange: v => {
+      var _a;
 
-  var _usePropsValue = (0, _usePropsValue2.usePropsValue)(props),
-      value = _usePropsValue[0],
-      setValue = _usePropsValue[1];
-
-  return /*#__PURE__*/_react["default"].createElement(_groupContext.RadioGroupContext.Provider // TODO: 性能优化
+      if (v === null) return;
+      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
+    }
+  });
+  return _react.default.createElement(_groupContext.RadioGroupContext.Provider // TODO: 性能优化
   , {
     // TODO: 性能优化
     value: {
       value: value === null ? [] : [value],
-      check: function check(v) {
+      check: v => {
         setValue(v);
       },
-      uncheck: function uncheck() {},
+      uncheck: () => {},
       disabled: props.disabled
     }
   }, props.children);

package/cjs/components/radio/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./radio.css");
 
@@ -17,4 +17,4 @@ var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_ra
   Group: _group.Group
 });
 
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/radio/radio.css

@@ -13,20 +13,17 @@
 }
 .adm-radio .adm-radio-icon {
   flex: none;
-  border: 1px solid #ccc;
+  border: 1px solid var(--adm-color-light);
   border-radius: var(--icon-size);
   box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  align-items: center;
   width: var(--icon-size);
   height: var(--icon-size);
-  color: #ffffff;
+  color: var(--adm-color-white);
 }
-.adm-radio .adm-radio-icon-checked {
+.adm-radio .adm-radio-icon > svg {
   display: block;
-  width: 65%;
-  height: 65%;
+  width: 100%;
+  height: 100%;
 }
 .adm-radio.adm-radio-block {
   display: flex;
@@ -39,12 +36,12 @@
   cursor: not-allowed;
 }
 .adm-radio.adm-radio-disabled .adm-radio-content {
-  color: var(--adm-color-weak);
+  opacity: 0.4;
 }
 .adm-radio.adm-radio-disabled .adm-radio-icon {
-  color: #ccc;
-  border-color: #ccc;
-  background-color: #ebedf0;
+  color: #b7b7b7;
+  border-color: var(--adm-color-light);
+  background-color: #f5f5f5;
 }
 .adm-radio .adm-radio-custom-icon {
   font-size: var(--icon-size);

package/cjs/components/radio/radio.js

@@ -13,44 +13,54 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _groupContext = require("./group-context");
 
-var _usePropsValue2 = require("../../utils/use-props-value");
+var _usePropsValue = require("../../utils/use-props-value");
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
 var _checkIcon = require("../checkbox/check-icon");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _devLog = require("../../utils/dev-log");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _isDev = require("../../utils/is-dev");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var classPrefix = "adm-radio";
-var defaultProps = {
-  defaultChecked: false
-};
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-var Radio = function Radio(p) {
-  var _classNames;
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var groupContext = (0, _react.useContext)(_groupContext.RadioGroupContext);
+const classPrefix = `adm-radio`;
+const defaultProps = {
+  defaultChecked: false
+};
 
-  var _usePropsValue = (0, _usePropsValue2.usePropsValue)({
+const Radio = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const groupContext = (0, _react.useContext)(_groupContext.RadioGroupContext);
+  let [checked, setChecked] = (0, _usePropsValue.usePropsValue)({
     value: props.checked,
     defaultValue: props.defaultChecked,
     onChange: props.onChange
-  }),
-      checked = _usePropsValue[0],
-      setChecked = _usePropsValue[1];
-
-  var disabled = props.disabled;
-  var value = props.value;
+  });
+  let disabled = props.disabled;
+  const {
+    value
+  } = props;
 
   if (groupContext && value !== undefined) {
+    if (_isDev.isDev) {
+      if (p.checked !== undefined) {
+        (0, _devLog.devWarning)('Radio', 'When used within `Radio.Group`, the `checked` prop of `Radio` will not work.');
+      }
+
+      if (p.defaultChecked !== undefined) {
+        (0, _devLog.devWarning)('Radio', 'When used within `Radio.Group`, the `defaultChecked` prop of `Radio` will not work.');
+      }
+    }
+
     checked = groupContext.value.includes(value);
 
-    setChecked = function setChecked(checked) {
+    setChecked = checked => {
       var _a;
 
       if (checked) {
@@ -65,37 +75,38 @@ var Radio = function Radio(p) {
     disabled = disabled || groupContext.disabled;
   }
 
-  var renderIcon = function renderIcon() {
+  const renderIcon = () => {
     if (props.icon) {
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classPrefix + "-custom-icon"
+      return _react.default.createElement("div", {
+        className: `${classPrefix}-custom-icon`
       }, props.icon(checked));
     }
 
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: classPrefix + "-icon"
-    }, checked && /*#__PURE__*/_react["default"].createElement(_checkIcon.CheckIcon, {
-      className: classPrefix + "-icon-checked"
-    }));
+    return _react.default.createElement("div", {
+      className: `${classPrefix}-icon`
+    }, checked && _react.default.createElement(_checkIcon.CheckIcon, null));
   };
 
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("label", {
-    className: (0, _classnames["default"])(classPrefix, props.className, (_classNames = {}, _classNames[classPrefix + "-checked"] = checked, _classNames[classPrefix + "-disabled"] = disabled, _classNames[classPrefix + "-block"] = props.block, _classNames)),
-    style: props.style
-  }, /*#__PURE__*/_react["default"].createElement("input", {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("label", {
+    className: (0, _classnames.default)(classPrefix, {
+      [`${classPrefix}-checked`]: checked,
+      [`${classPrefix}-disabled`]: disabled,
+      [`${classPrefix}-block`]: props.block
+    })
+  }, _react.default.createElement("input", {
     type: 'radio',
     checked: checked,
-    onChange: function onChange(e) {
+    onChange: e => {
       setChecked(e.target.checked);
     },
-    onClick: function onClick(e) {
+    onClick: e => {
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
     },
     disabled: disabled,
     id: props.id
-  }), renderIcon(), props.children && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-content"
+  }), renderIcon(), props.children && _react.default.createElement("div", {
+    className: `${classPrefix}-content`
   }, props.children)));
 };
 

package/cjs/components/rate/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./rate.css");
 
 var _rate2 = require("./rate");
 
 var _default = _rate2.Rate;
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/rate/rate.css

@@ -1,6 +1,7 @@
 .adm-rate {
   --star-size: 24px;
   --active-color: #ffd21e;
+  --inactive-color: var(--adm-color-light);
   display: inline-flex;
 }
 .adm-rate-box {
@@ -10,7 +11,7 @@
   padding: calc(var(--star-size) / 8);
   line-height: var(--star-size);
   font-size: var(--star-size);
-  color: var(--adm-color-light);
+  color: var(--inactive-color);
   text-align: center;
   overflow: hidden;
   cursor: pointer;

package/cjs/components/rate/rate.d.ts

@@ -9,5 +9,5 @@ export declare type RateProps = {
     readOnly?: boolean;
     value?: number;
     onChange?: (value: number) => void;
-} & NativeProps<'--star-size' | '--active-color'>;
+} & NativeProps<'--star-size' | '--active-color' | '--inactive-color'>;
 export declare const Rate: FC<RateProps>;