@trionesdev/antd-taro-react 0.0.1-beta.3

package/dist/ProgressBar/demo/base.js

@@ -0,0 +1,114 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { DemoBlock } from "../../DemoBlock";
+import React, { useState } from 'react';
+import Space from "../../Space";
+import Button from "../../Button";
+import ProgressBar from "../index";
+export default (function () {
+  var _useState = useState(20),
+    _useState2 = _slicedToArray(_useState, 2),
+    percent = _useState2[0],
+    setPercent = _useState2[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u7528\u6CD5"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(Space, {
+    block: true
+  }, /*#__PURE__*/React.createElement(Button, {
+    color: "primary",
+    disabled: percent === 100,
+    onClick: function onClick() {
+      setPercent(function (pre) {
+        return pre + 10;
+      });
+    }
+  }, "\u8FDB\u5EA6+10"), /*#__PURE__*/React.createElement(Button, {
+    color: "primary",
+    onClick: function onClick() {
+      setPercent(0);
+    }
+  }, "\u91CD\u7F6E")), /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: percent
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u663E\u793A\u8FDB\u5EA6\u6587\u5B57"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: 50,
+    text: true
+  }), /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: 50,
+    text: "\u5DF2\u5B8C\u6210 3/6 \u6B65",
+    style: {
+      '--text-width': '80px'
+    }
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6307\u5B9A\u7EBF\u6761\u5BBD\u5EA6"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: 50,
+    style: {
+      '--track-width': '4px'
+    }
+  }), /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: 80,
+    style: {
+      '--track-width': '12px'
+    }
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u76F4\u89D2\u7684\u8FDB\u5EA6\u6761"
+  }, /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: 50,
+    rounded: false
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6307\u5B9A\u7EBF\u6761\u989C\u8272"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: 50,
+    style: {
+      '--fill-color': '#00b578'
+    }
+  }), /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: 60,
+    style: {
+      '--fill-color': '#ff8f1f'
+    }
+  }), /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: 80,
+    style: {
+      '--fill-color': '#ff3141'
+    }
+  }), /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: 80,
+    style: {
+      '--fill-color': 'linear-gradient(to right, #1677ff, #00b578)'
+    }
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6307\u5B9A\u8F68\u9053\u989C\u8272"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: 50,
+    style: {
+      '--track-color': '#00b578'
+    }
+  }), /*#__PURE__*/React.createElement(ProgressBar, {
+    percent: 60,
+    style: {
+      '--track-color': '#ff8f1f'
+    }
+  }))));
+});

package/dist/ProgressBar/index.d.ts

@@ -0,0 +1,2 @@
+import { ProgressBar } from './progress-bar';
+export default ProgressBar;

package/dist/ProgressBar/index.js

@@ -0,0 +1,2 @@
+import { ProgressBar } from "./progress-bar";
+export default ProgressBar;

package/dist/ProgressBar/progress-bar.d.ts

@@ -0,0 +1,27 @@
+import React, { FC } from 'react';
+import { NativeProps } from '../utils/native-props';
+import './style.scss';
+type ProgressBarProps = {
+    /**
+     * 进度百分比
+     */
+    percent: number;
+    /**
+     * 是否为圆角
+     */
+    rounded?: boolean;
+    /**
+     * 进度文本
+     */
+    text?: boolean | React.ReactNode | ((percent: number) => React.ReactNode);
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: React.CSSProperties;
+} & NativeProps<'--fill-color' | '--track-color' | '--track-width' | '--text-width'>;
+export declare const ProgressBar: FC<ProgressBarProps>;
+export {};

package/dist/ProgressBar/progress-bar.js

@@ -0,0 +1,38 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import classNames from 'classnames';
+import React from 'react';
+import { withNativeProps } from "../utils/native-props";
+import { mergeProps } from "../utils/with-default-props";
+import "./style.scss";
+var defaultProps = {
+  rounded: true
+};
+export var ProgressBar = function ProgressBar(p) {
+  var props = mergeProps(defaultProps, p);
+  var percent = props.percent,
+    rounded = props.rounded,
+    className = props.className,
+    style = props.style,
+    text = props.text;
+  return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
+    className: classNames('triones-antm-progress-bar', className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "triones-antm-progress-bar-track",
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      borderRadius: rounded ? "var(--track-width)" : '0'
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "triones-antm-progress-bar-fill",
+    style: {
+      width: "".concat(percent, "%"),
+      borderRadius: rounded ? "var(--track-width)" : '0'
+    }
+  })), text && /*#__PURE__*/React.createElement("div", {
+    className: "triones-antm-progress-bar-text"
+  }, typeof text === 'function' ? text(percent) : text === true ? "".concat(percent, "%") : text)));
+};

package/dist/ProgressBar/style.scss

@@ -0,0 +1,34 @@
+$progressCls: 'triones-antm-progress-bar';
+
+.#{$progressCls} {
+  --fill-color: #1677ff;
+  --track-width: 8px;
+  --text-width: 40px;
+  --track-color: #e9ecef;
+
+  overflow: hidden;
+  display: flex;
+  flex: 1 auto;
+  flex-direction: row;
+  align-items: center;
+  &-track {
+    height: var(--track-width);
+    border-radius: 4px;
+    background: var(--track-color);
+    flex: 1;
+  }
+
+  &-fill {
+    height: 100%;
+    transition: width 0.6s ease;
+    background: var(--fill-color);
+    border-radius: 4px;
+  }
+
+  &-text {
+    width: calc(var(--text-width) + 8px);
+    padding-left: 8px;
+    text-align: center;
+    color: #999999;
+  }
+}

package/dist/Radio/GroupContext.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type RadioGroupContextType = {
+    value?: any;
+    defaultValue?: any;
+    disabled?: boolean;
+    handleCheck?: (v: any) => void;
+};
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextType>;
+export {};

package/dist/Radio/GroupContext.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var RadioGroupContext = /*#__PURE__*/createContext({});

package/dist/Radio/RadioButton.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { RadioProps } from "./types";
+export declare const RadioButton: FC<RadioProps>;

package/dist/Radio/RadioButton.js

@@ -0,0 +1,60 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useContext, useEffect, useState } from "react";
+import { classPrefix } from "./types";
+import React from "react";
+import classNames from "classnames";
+import { RadioGroupContext } from "./GroupContext";
+export var RadioButton = function RadioButton(_ref) {
+  var _ref2, _ref3, _ref4;
+  var children = _ref.children,
+    defaultChecked = _ref.defaultChecked,
+    checked = _ref.checked,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var groupContext = useContext(RadioGroupContext);
+  var _useState = useState((_ref2 = (_ref3 = (_ref4 = defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : checked) !== null && _ref4 !== void 0 ? _ref4 : groupContext === null || groupContext === void 0 ? void 0 : groupContext.defaultValue) !== null && _ref3 !== void 0 ? _ref3 : groupContext.value) !== null && _ref2 !== void 0 ? _ref2 : false),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalChecked = _useState2[0],
+    setInternalChecked = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    leftBorderShow = _useState4[0],
+    setLeftBorderShow = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    rightBorderShow = _useState6[0],
+    setRightBorderShow = _useState6[1];
+  var handleClick = function handleClick() {
+    var _groupContext$handleC;
+    setInternalChecked(!internalChecked);
+    onChange === null || onChange === void 0 || onChange(!internalChecked);
+    groupContext === null || groupContext === void 0 || (_groupContext$handleC = groupContext.handleCheck) === null || _groupContext$handleC === void 0 || _groupContext$handleC.call(groupContext, value);
+  };
+  useEffect(function () {
+    if (checked !== undefined) {
+      if (checked !== internalChecked) {
+        setInternalChecked(checked);
+      }
+    }
+  }, [checked]);
+  useEffect(function () {
+    if ((groupContext === null || groupContext === void 0 ? void 0 : groupContext.value) !== undefined) {
+      setInternalChecked(groupContext.value === value);
+    }
+  }, [groupContext === null || groupContext === void 0 ? void 0 : groupContext.value]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-button-wrapper"), _defineProperty({}, "".concat(classPrefix, "-button-wrapper-checked"), internalChecked)),
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-button")
+  }, children));
+};

package/dist/Radio/RadioGroup.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { RadioGroupProps } from './types';
+export declare const RadioGroup: FC<RadioGroupProps>;

package/dist/Radio/RadioGroup.js

@@ -0,0 +1,48 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import classNames from 'classnames';
+import React, { useState } from 'react';
+import { RadioGroupContext } from "./GroupContext";
+import { Radio } from "./radio";
+import { RadioButton } from "./RadioButton";
+import { classPrefix } from "./types";
+export var RadioGroup = function RadioGroup(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue,
+    children = _ref.children,
+    shape = _ref.shape,
+    items = _ref.items;
+  var _useState = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : value),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var handleCheck = function handleCheck(val) {
+    setInternalValue(val);
+    onChange === null || onChange === void 0 || onChange(val);
+  };
+  return /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
+    value: {
+      value: internalValue,
+      handleCheck: handleCheck
+    }
+  }, shape === 'button' ? /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-button-group"))
+  }, children || (items === null || items === void 0 ? void 0 : items.map(function (item) {
+    return /*#__PURE__*/React.createElement(RadioButton, {
+      key: item.value,
+      value: item.value
+    }, item.label);
+  }))) : /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-group"))
+  }, children || (items === null || items === void 0 ? void 0 : items.map(function (item) {
+    return /*#__PURE__*/React.createElement(Radio, {
+      key: item.value,
+      value: item.value
+    }, item.label);
+  }))));
+};

package/dist/Radio/demo/base.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './base.scss';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Radio/demo/base.js

@@ -0,0 +1,84 @@
+import { DemoBlock } from "../../DemoBlock";
+import { DemoDescription } from "../../DemoDescription";
+import React from 'react';
+import "./base.scss";
+import { Radio, Space } from "../..";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u7528\u6CD5"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(Radio, null), /*#__PURE__*/React.createElement(Radio, null, "\u6709\u63CF\u8FF0\u7684\u5355\u9009\u6846"))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u9009\u9879\u7EC4"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    defaultValue: "1"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: "1"
+  }, "\u7B2C\u4E00\u9879"), /*#__PURE__*/React.createElement(Radio, {
+    value: "2"
+  }, "\u7B2C\u4E8C\u9879"), /*#__PURE__*/React.createElement(Radio, {
+    value: "3"
+  }, "\u7B2C\u4E09\u9879")))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u9009\u9879\u7EC4"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    defaultValue: "1",
+    items: [{
+      label: '第一项',
+      value: '1'
+    }, {
+      label: '第二项',
+      value: '2'
+    }, {
+      label: '第三项',
+      value: '3'
+    }]
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5360\u6EE1\u6574\u884C\u5BBD\u5EA6"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(Radio.Group, null, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: "1",
+    block: true,
+    className: "blockIndicator"
+  }, "\u5757\u7EA7\u5143\u7D20"), /*#__PURE__*/React.createElement(Radio, {
+    value: "2",
+    className: "blockIndicator"
+  }, "\u975E\u5757\u7EA7\u5143\u7D20"))), /*#__PURE__*/React.createElement(DemoDescription, null, "\u5355\u9009\u6846\u7684\u5757\u7EA7\u5143\u7D20\u4F1A\u5360\u6EE1\u6574\u884C\uFF0C\u800C\u975E\u5757\u7EA7\u5143\u7D20\u4E0D\u4F1A\u3002\u7070\u8272\u7684\u80CC\u666F\u6807\u8BC6\u4E86\u5143\u7D20\u6240\u5360\u636E\u7684\u7A7A\u95F4\u548C\u53EF\u70B9\u51FB\u7684\u533A\u57DF\u3002"))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u7981\u7528\u72B6\u6001"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    defaultValue: "2"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: "1",
+    disabled: true
+  }, "\u7B2C\u4E00\u9879"), /*#__PURE__*/React.createElement(Radio, {
+    value: "2"
+  }, "\u7B2C\u4E8C\u9879"), /*#__PURE__*/React.createElement(Radio, {
+    value: "3"
+  }, "\u7B2C\u4E09\u9879")))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6309\u94AE\u6837\u5F0F\u5206\u7EC4"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    defaultValue: "1",
+    shape: 'button',
+    items: [{
+      label: '第一项',
+      value: '1'
+    }, {
+      label: '第二项',
+      value: '2'
+    }, {
+      label: '第三项',
+      value: '3'
+    }, {
+      label: '第四项',
+      value: '4'
+    }]
+  })));
+});

package/dist/Radio/demo/base.scss

@@ -0,0 +1,4 @@
+.blockIndicator {
+  background-color: #f5f5f5;
+  border-radius: 2px;
+}

package/dist/Radio/index.d.ts

@@ -0,0 +1,11 @@
+import { Radio as InternalRadio } from './radio';
+import { RadioGroup } from './RadioGroup';
+import './style.scss';
+export type { RadioGroupProps, RadioProps } from './types';
+import { RadioButton } from './RadioButton';
+type CompoundedComponent = typeof InternalRadio & {
+    Group: typeof RadioGroup;
+    Button: typeof RadioButton;
+};
+declare const Radio: CompoundedComponent;
+export default Radio;

package/dist/Radio/index.js

@@ -0,0 +1,14 @@
+import { Radio as InternalRadio } from "./radio";
+import { RadioGroup } from "./RadioGroup";
+import "./style.scss";
+import { RadioButton } from "./RadioButton";
+
+// export default attachPropertiesToComponent(Radio, {
+//   Group: RadioGroup,
+//   Button: RadioButton
+// });
+
+var Radio = InternalRadio;
+Radio.Group = RadioGroup;
+Radio.Button = RadioButton;
+export default Radio;

package/dist/Radio/radio.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RadioProps } from './types';
+export type RadioValue = string | number;
+export declare const Radio: FC<RadioProps>;

package/dist/Radio/radio.js

@@ -0,0 +1,68 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { CheckOutline } from '@trionesdev/antd-taro-icons-react';
+import classNames from 'classnames';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
+import { RadioGroupContext } from "./GroupContext";
+var classPrefix = "triones-antm-radio";
+export var Radio = function Radio(_ref) {
+  var _ref2, _ref3, _ref4;
+  var checked = _ref.checked,
+    defaultChecked = _ref.defaultChecked,
+    onChange = _ref.onChange,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    icon = _ref.icon,
+    children = _ref.children,
+    onClick = _ref.onClick;
+  var groupContext = useContext(RadioGroupContext);
+  var _useState = useState((_ref2 = (_ref3 = (_ref4 = checked !== null && checked !== void 0 ? checked : defaultChecked) !== null && _ref4 !== void 0 ? _ref4 : groupContext.value) !== null && _ref3 !== void 0 ? _ref3 : groupContext === null || groupContext === void 0 ? void 0 : groupContext.defaultValue) !== null && _ref2 !== void 0 ? _ref2 : false),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalChecked = _useState2[0],
+    setInternalChecked = _useState2[1];
+  var innerDisabled = useMemo(function () {
+    var _ref5;
+    return (_ref5 = disabled !== null && disabled !== void 0 ? disabled : groupContext.disabled) !== null && _ref5 !== void 0 ? _ref5 : false;
+  }, [disabled, groupContext.disabled]);
+  var handleClick = function handleClick(e) {
+    var _groupContext$handleC;
+    setInternalChecked(!internalChecked);
+    onChange === null || onChange === void 0 || onChange(!internalChecked);
+    groupContext === null || groupContext === void 0 || (_groupContext$handleC = groupContext.handleCheck) === null || _groupContext$handleC === void 0 || _groupContext$handleC.call(groupContext, value);
+    onClick === null || onClick === void 0 || onClick(e);
+  };
+  useEffect(function () {
+    if (checked !== undefined) {
+      if (checked !== internalChecked) {
+        setInternalChecked(checked);
+      }
+    }
+  }, [checked]);
+  useEffect(function () {
+    if ((groupContext === null || groupContext === void 0 ? void 0 : groupContext.value) !== undefined) {
+      setInternalChecked(groupContext.value === value);
+    }
+  }, [groupContext === null || groupContext === void 0 ? void 0 : groupContext.value]);
+  return /*#__PURE__*/React.createElement("label", {
+    className: classNames("".concat(classPrefix, "-wrapper"), _defineProperty({}, "".concat(classPrefix, "-disabled"), innerDisabled)),
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classPrefix))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-fake"))
+  }, (icon === null || icon === void 0 ? void 0 : icon(internalChecked)) || /*#__PURE__*/React.createElement(React.Fragment, null, internalChecked ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-fake-checked")
+  }, /*#__PURE__*/React.createElement(CheckOutline, null)) : /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-fake-unchecked")
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-label"))
+  }, children));
+};