@uiw/doc
Version:
UIW documentation website.
1 lines • 51.1 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[269],{4934:e=>{function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=4934,e.exports=t},5301:(e,t,n)=>{"use strict";n.d(t,{Z:()=>m});var r=n(8573),o=n(6320),a=n(8563),u=n(7622),i=n(7937);const l={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=n(4760);function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:t}=e,n=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,c.jsxs)("div",{className:l.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",n&&(0,c.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,c.jsx)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,c.jsx)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const d=o.ZP.Preview,f=o.ZP.Code,p=o.ZP.Toolbar,_=e=>{var t,n;let{node:u,components:i,data:l,...s}=e;const _=(0,r.useRef)(null),{headings:m,headingsList:v,...R}=s;(0,r.useEffect)((()=>{if(_.current){const e=_.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(_.current,e)}}),[_]);const b=null===u||void 0===u||null===(t=u.position)||void 0===t?void 0:t.start.line,y=null===u||void 0===u||null===(n=u.data)||void 0===n?void 0:n.meta,h=(0,a.Mx)(y)||String(b),E=i["".concat(h)];if(h&&"function"===typeof E){const e=l[h].value||"",t=(0,a.aE)(y||"");return(0,c.jsxs)(o.ZP,{ref:_,children:[(0,c.jsx)(d,{style:{background:t.bg||"transparent"},children:(0,c.jsx)(E,{})}),(0,c.jsx)(p,{text:e,children:t.title||"Example"}),(0,c.jsx)(f,{children:(0,c.jsx)("pre",{...R})})]})}return(0,c.jsx)("code",{...R})};function m(e){return(0,c.jsxs)(r.Fragment,{children:[(0,c.jsx)(u.Z,{className:l.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,c.jsx)(_,{...e,...t})}}),(0,c.jsx)(s,{path:e.path})]})}},3805:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});const r={components:{21:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement("div",null,t.default.createElement(r.Radio,{value:"1"},"Radio"),t.default.createElement(r.Radio,{value:"2",checked:!0},"\u9009\u4e2d"),t.default.createElement(r.Radio,{value:"3",disabled:!0},"\u7981\u7528"),t.default.createElement(r.Radio,{value:"4",checked:!0,disabled:!0},"\u9009\u4e2d\u5e76\u7981\u7528"),t.default.createElement(r.Radio,{value:"4",checked:!0,disabled:!0},"\u9009\u4e2d\u5e76\u7981\u7528"),t.default.createElement(r.RadioButton,{value:"5"},"RadioButton"),t.default.createElement(r.RadioButton,{value:"5",checked:!0},"RadioButton \u9009\u4e2d"))}}(),42:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}return function(){return t.default.createElement(r.Form,{onChange:function(e){e.initial,e.current},resetOnSubmit:!1,onSubmitError:function(e){return e&&e.filed?function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var t={};if("unknown"===e.current.radioGroup&&(t.radioGroup="\u8bf7\u9009\u62e9\u6027\u522b\uff01"),Object.keys(t).length>0){var n=new Error;throw n.filed=t,n}r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u586b\u5199\uff1a\u3010\u586b\u5199\u6210\u529f\u3011\uff01"})},fields:{radioGroup:{value:"girl",label:"\u8bf7\u8f93\u5165\u5185\u5bb9",help:"\u5fc5\u987b\u9009\u62e9\u6027\u522b\uff01",children:t.default.createElement(r.RadioGroup,null,t.default.createElement(r.Radio,{value:"man"},"\u7537"),t.default.createElement(r.Radio,{value:"girl"},"\u5973"),t.default.createElement(r.Radio,{value:"shemale"},"\u4e2d\u6027"),t.default.createElement(r.Radio,{value:"unknown"},"\u672a\u77e5"))},radioButtonGroup:{value:"girl",label:"\u8bf7\u8f93\u5165\u5185\u5bb9",help:"\u5fc5\u987b\u9009\u62e9\u6027\u522b\uff01",children:t.default.createElement(r.RadioGroup,null,t.default.createElement(r.RadioButton,{value:"man"},"\u7537"),t.default.createElement(r.RadioButton,{value:"girl"},"\u5973"),t.default.createElement(r.RadioButton,{value:"shemale"},"\u4e2d\u6027"),t.default.createElement(r.RadioButton,{value:"unknown"},"\u672a\u77e5"))},radio:{help:"\u8bf7\u9009\u62e9\uff01\u8be5\u9009\u9879\u4e3a\u5fc5\u9009\uff01",validator:function(e){return e?null:"\u5fc5\u586b\u9009\u9879\uff01"},children:t.default.createElement(r.Radio,{value:"man"},"\u5df2\u9605\u8bfb")}}},(function(e){var n=e.fields,o=e.state,a=e.canSubmit;return t.default.createElement("div",null,t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,n.radioGroup)),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,n.radioButtonGroup)),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,n.radio)),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,t.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,t.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(o.current,null,2)))))}))}}(),138:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,r=(t=n(8573))&&t.__esModule?t:{default:t},o=n(7937);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,i(r.key),r)}}function i(t){var n=function(t,n){if("object"!==e(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,n||"default");if("object"!==e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"===e(n)?n:String(n)}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function c(t){var n=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,o=s(t);if(n){var a=s(this).constructor;r=Reflect.construct(o,arguments,a)}else r=o.apply(this,arguments);return function(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}(this,r)}}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(d,e);var t,n,i,s=c(d);function d(e){var t;return a(this,d),(t=s.call(this,e)).state={value:"\u672a\u77e5"},t}return t=d,(n=[{key:"onChange",value:function(e){this.setState({value:e})}},{key:"render",value:function(){var e=this;return r.default.createElement("div",null,r.default.createElement(o.RadioGroup,{name:"sexs",value:this.state.value,onChange:function(t){return e.onChange(t.target.value)}},r.default.createElement(o.Radio,{value:"man"},"\u7537"),r.default.createElement(o.Radio,{value:"girl"},"\u5973"),r.default.createElement(o.Radio,{value:"shemale",disabled:!0},"\u4e2d\u6027"),r.default.createElement(o.Radio,{value:"unknown",disabled:!0},"\u672a\u77e5")),r.default.createElement(o.RadioGroup,{name:"sexs",value:this.state.value,onChange:this.onChange.bind(this),style:{marginTop:20}},r.default.createElement(o.RadioButton,{value:"man"},"\u7537"),r.default.createElement(o.RadioButton,{value:"girl"},"\u5973"),r.default.createElement(o.RadioButton,{value:"shemale",disabled:!0},"\u4e2d\u6027"),r.default.createElement(o.RadioButton,{value:"unknown",disabled:!0},"\u672a\u77e5")))}}])&&u(t.prototype,n),i&&u(t,i),Object.defineProperty(t,"prototype",{writable:!1}),d}(r.default.Component)}(),176:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,r=(t=n(8573))&&t.__esModule?t:{default:t},o=n(7937);function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,i(r.key),r)}}function i(t){var n=function(t,n){if("object"!==e(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,n||"default");if("object"!==e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"===e(n)?n:String(n)}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function c(t){var n=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,o=s(t);if(n){var a=s(this).constructor;r=Reflect.construct(o,arguments,a)}else r=o.apply(this,arguments);return function(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}(this,r)}}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(d,e);var t,n,i,s=c(d);function d(e){var t;return a(this,d),(t=s.call(this,e)).state={value:"\u672a\u77e5"},t}return t=d,(n=[{key:"onChange",value:function(e){this.setState({value:e})}},{key:"render",value:function(){var e=this;return r.default.createElement("div",null,r.default.createElement(o.RadioGroup,{name:"other",value:this.state.value,onChange:function(t){return e.onChange(t.target.value)}},r.default.createElement("div",null,"Group 1"),r.default.createElement(o.Radio,{value:"\u7537"},"\u7537"),r.default.createElement(o.Radio,{value:"\u5973"},"\u5973"),r.default.createElement("div",null,"Group 2"),r.default.createElement(o.Radio,{value:"\u4e2d\u6027",disabled:!0},"\u4e2d\u6027"),r.default.createElement(o.Radio,{value:"\u672a\u77e5"},"\u672a\u77e5"),r.default.createElement("div",null,"Group 3"),r.default.createElement(o.Radio,{value:"E",style:{display:"block"}},"Item E"),r.default.createElement(o.Radio,{value:"F",style:{display:"block"}},"Item F"),r.default.createElement("div",null,"Group 3")),r.default.createElement(o.RadioGroup,{name:"other",value:this.state.value,onChange:this.onChange.bind(this),style:{marginTop:20}},r.default.createElement(o.RadioButton,{value:"\u7537"},"\u7537"),r.default.createElement(o.RadioButton,{value:"\u5973"},"\u5973"),r.default.createElement(o.RadioButton,{value:"\u672a\u77e5"},"\u672a\u77e5")),r.default.createElement(o.Divider,null),r.default.createElement(o.Button,{type:"primary",onClick:function(){e.setState({value:"\u5973"})}},'\u70b9\u51fb\u6309\u94ae\u9009"\u5973"'))}}])&&u(t.prototype,n),i&&u(t,i),Object.defineProperty(t,"prototype",{writable:!1}),d}(r.default.Component)}()},data:{21:{name:21,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "1"\n }, "Radio"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "2",\n checked: true\n }, "\\u9009\\u4E2D"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "3",\n disabled: true\n }, "\\u7981\\u7528"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "4",\n checked: true,\n disabled: true\n }, "\\u9009\\u4E2D\\u5E76\\u7981\\u7528"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "4",\n checked: true,\n disabled: true\n }, "\\u9009\\u4E2D\\u5E76\\u7981\\u7528"), /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "5"\n }, "RadioButton"), /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "5",\n checked: true\n }, "RadioButton \\u9009\\u4E2D"));\n};',language:"jsx",value:'import React from \'react\';\nimport { Radio, RadioButton } from \'uiw\';\n\nexport default function Demo() {\n return (\n <div>\n <Radio value="1">Radio</Radio>\n <Radio value="2" checked>\u9009\u4e2d</Radio>\n <Radio value="3" disabled>\u7981\u7528</Radio>\n <Radio value="4" checked disabled>\u9009\u4e2d\u5e76\u7981\u7528</Radio>\n <Radio value="4" checked disabled>\u9009\u4e2d\u5e76\u7981\u7528</Radio>\n <RadioButton value="5" >RadioButton</RadioButton>\n <RadioButton value="5" checked >RadioButton \u9009\u4e2d</RadioButton>\n </div>\n );\n}'},42:{name:42,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _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); }\nfunction 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; }\nfunction _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; }\nfunction _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; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nreturn function Demo() {\n return /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n onChange: function onChange(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n },\n resetOnSubmit: false,\n onSubmitError: function onSubmitError(error) {\n return error && error.filed ? _objectSpread({}, error.filed) : null;\n },\n onSubmit: function onSubmit(_ref2) {\n var initial = _ref2.initial,\n current = _ref2.current;\n var ErrObj = {};\n if (current.radioGroup === \'unknown\') {\n ErrObj.radioGroup = \'\u8bf7\u9009\u62e9\u6027\u522b\uff01\';\n }\n if (Object.keys(ErrObj).length > 0) {\n var err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u586B\\u5199\\uFF1A\\u3010\\u586B\\u5199\\u6210\\u529F\\u3011\\uFF01"\n });\n },\n fields: {\n radioGroup: {\n value: \'girl\',\n label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n help: \'\u5fc5\u987b\u9009\u62e9\u6027\u522b\uff01\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.RadioGroup, null, /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "man"\n }, "\\u7537"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "girl"\n }, "\\u5973"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "shemale"\n }, "\\u4E2D\\u6027"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "unknown"\n }, "\\u672A\\u77E5"))\n },\n radioButtonGroup: {\n value: \'girl\',\n label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n help: \'\u5fc5\u987b\u9009\u62e9\u6027\u522b\uff01\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.RadioGroup, null, /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "man"\n }, "\\u7537"), /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "girl"\n }, "\\u5973"), /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "shemale"\n }, "\\u4E2D\\u6027"), /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "unknown"\n }, "\\u672A\\u77E5"))\n },\n radio: {\n help: \'\u8bf7\u9009\u62e9\uff01\u8be5\u9009\u9879\u4e3a\u5fc5\u9009\uff01\',\n validator: function validator(value) {\n return !value ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null;\n },\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "man"\n }, "\\u5DF2\\u9605\\u8BFB")\n }\n }\n }, function (_ref3) {\n var fields = _ref3.fields,\n state = _ref3.state,\n canSubmit = _ref3.canSubmit;\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.radioGroup)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.radioButtonGroup)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.radio)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement("pre", {\n style: {\n padding: 10,\n marginTop: 10\n }\n }, JSON.stringify(state.current, null, 2)))));\n });\n};',language:"jsx",value:"import React from 'react';\nimport { Form, Radio, RadioGroup, RadioButton, Row, Col, Button, Notify } from 'uiw';\n\nexport default function Demo() {\n return (\n <Form\n onChange={({ initial, current }) => {}}\n resetOnSubmit={false}\n onSubmitError={(error) => error && error.filed ? { ...error.filed } : null}\n onSubmit={({initial, current}) => {\n const ErrObj = {};\n if (current.radioGroup === 'unknown') {\n ErrObj.radioGroup = '\u8bf7\u9009\u62e9\u6027\u522b\uff01';\n }\n\n if(Object.keys(ErrObj).length > 0) {\n const err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01', description: `\u586b\u5199\uff1a\u3010\u586b\u5199\u6210\u529f\u3011\uff01`\n });\n }}\n fields={{\n radioGroup: {\n value: 'girl',\n label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n help: '\u5fc5\u987b\u9009\u62e9\u6027\u522b\uff01',\n children: (\n <RadioGroup>\n <Radio value=\"man\">\u7537</Radio>\n <Radio value=\"girl\">\u5973</Radio>\n <Radio value=\"shemale\">\u4e2d\u6027</Radio>\n <Radio value=\"unknown\">\u672a\u77e5</Radio>\n </RadioGroup>\n ),\n },\n radioButtonGroup: {\n value: 'girl',\n label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n help: '\u5fc5\u987b\u9009\u62e9\u6027\u522b\uff01',\n children: (\n <RadioGroup>\n <RadioButton value=\"man\">\u7537</RadioButton>\n <RadioButton value=\"girl\">\u5973</RadioButton>\n <RadioButton value=\"shemale\">\u4e2d\u6027</RadioButton>\n <RadioButton value=\"unknown\">\u672a\u77e5</RadioButton>\n </RadioGroup>\n ),\n },\n radio: {\n help: '\u8bf7\u9009\u62e9\uff01\u8be5\u9009\u9879\u4e3a\u5fc5\u9009\uff01',\n validator: (value) => !value ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n children: <Radio value=\"man\">\u5df2\u9605\u8bfb</Radio>,\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.radioGroup}</Col>\n </Row>\n <Row>\n <Col>{fields.radioButtonGroup}</Col>\n </Row>\n <Row>\n <Col>{fields.radio}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n );\n }}\n </Form>\n );\n}"},138:{name:138,meta:{bg:"#fff"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\nfunction _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); }\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nvar Demo = /*#__PURE__*/function (_React$Component) {\n _inherits(Demo, _React$Component);\n var _super = _createSuper(Demo);\n function Demo(props) {\n var _this;\n _classCallCheck(this, Demo);\n _this = _super.call(this, props);\n _this.state = {\n value: \'\u672a\u77e5\'\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "onChange",\n value: function onChange(value) {\n this.setState({\n value: value\n });\n }\n }, {\n key: "render",\n value: function render() {\n var _this2 = this;\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.RadioGroup, {\n name: "sexs",\n value: this.state.value,\n onChange: function onChange(e) {\n return _this2.onChange(e.target.value);\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "man"\n }, "\\u7537"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "girl"\n }, "\\u5973"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "shemale",\n disabled: true\n }, "\\u4E2D\\u6027"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "unknown",\n disabled: true\n }, "\\u672A\\u77E5")), /*#__PURE__*/_react["default"].createElement(_uiw.RadioGroup, {\n name: "sexs",\n value: this.state.value,\n onChange: this.onChange.bind(this),\n style: {\n marginTop: 20\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "man"\n }, "\\u7537"), /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "girl"\n }, "\\u5973"), /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "shemale",\n disabled: true\n }, "\\u4E2D\\u6027"), /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "unknown",\n disabled: true\n }, "\\u672A\\u77E5")));\n }\n }]);\n return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Radio, RadioGroup, RadioButton } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = { value: \'\u672a\u77e5\' };\n }\n onChange(value) {\n this.setState({ value });\n }\n render() {\n return (\n <div>\n <RadioGroup name="sexs" value={this.state.value} onChange={(e)=>this.onChange(e.target.value)}>\n <Radio value="man">\u7537</Radio>\n <Radio value="girl">\u5973</Radio>\n <Radio value="shemale" disabled>\u4e2d\u6027</Radio>\n <Radio value="unknown" disabled>\u672a\u77e5</Radio>\n </RadioGroup>\n <RadioGroup name="sexs" value={this.state.value} onChange={this.onChange.bind(this)} style={{ marginTop: 20 }}>\n <RadioButton value="man">\u7537</RadioButton>\n <RadioButton value="girl">\u5973</RadioButton>\n <RadioButton value="shemale" disabled>\u4e2d\u6027</RadioButton>\n <RadioButton value="unknown" disabled>\u672a\u77e5</RadioButton>\n </RadioGroup>\n </div>\n )\n }\n}\nexport default Demo;'},176:{name:176,meta:{bg:"#fff"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\nfunction _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); }\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nvar Demo = /*#__PURE__*/function (_React$Component) {\n _inherits(Demo, _React$Component);\n var _super = _createSuper(Demo);\n function Demo(props) {\n var _this;\n _classCallCheck(this, Demo);\n _this = _super.call(this, props);\n _this.state = {\n value: \'\u672a\u77e5\'\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "onChange",\n value: function onChange(value) {\n this.setState({\n value: value\n });\n }\n }, {\n key: "render",\n value: function render() {\n var _this2 = this;\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.RadioGroup, {\n name: "other",\n value: this.state.value,\n onChange: function onChange(e) {\n return _this2.onChange(e.target.value);\n }\n }, /*#__PURE__*/_react["default"].createElement("div", null, "Group 1"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "\\u7537"\n }, "\\u7537"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "\\u5973"\n }, "\\u5973"), /*#__PURE__*/_react["default"].createElement("div", null, "Group 2"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "\\u4E2D\\u6027",\n disabled: true\n }, "\\u4E2D\\u6027"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "\\u672A\\u77E5"\n }, "\\u672A\\u77E5"), /*#__PURE__*/_react["default"].createElement("div", null, "Group 3"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "E",\n style: {\n display: \'block\'\n }\n }, "Item E"), /*#__PURE__*/_react["default"].createElement(_uiw.Radio, {\n value: "F",\n style: {\n display: \'block\'\n }\n }, "Item F"), /*#__PURE__*/_react["default"].createElement("div", null, "Group 3")), /*#__PURE__*/_react["default"].createElement(_uiw.RadioGroup, {\n name: "other",\n value: this.state.value,\n onChange: this.onChange.bind(this),\n style: {\n marginTop: 20\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "\\u7537"\n }, "\\u7537"), /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "\\u5973"\n }, "\\u5973"), /*#__PURE__*/_react["default"].createElement(_uiw.RadioButton, {\n value: "\\u672A\\u77E5"\n }, "\\u672A\\u77E5")), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: function onClick() {\n // console.log(\'set::\', [\'\u4e1c\u5317\u83dc\', \'\u5317\u4eac\u70e4\u9e2d\']);\n _this2.setState({\n value: \'\u5973\'\n });\n }\n }, "\\u70B9\\u51FB\\u6309\\u94AE\\u9009\\"\\u5973\\""));\n }\n }]);\n return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Radio, RadioGroup, RadioButton, Divider, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = { value: \'\u672a\u77e5\' };\n }\n onChange(value) {\n this.setState({ value });\n }\n render() {\n return (\n <div>\n <RadioGroup name="other" value={this.state.value} onChange={(e)=>this.onChange(e.target.value)}>\n <div>Group 1</div>\n <Radio value="\u7537">\u7537</Radio>\n <Radio value="\u5973">\u5973</Radio>\n <div>Group 2</div>\n <Radio value="\u4e2d\u6027" disabled>\u4e2d\u6027</Radio>\n <Radio value="\u672a\u77e5">\u672a\u77e5</Radio>\n <div>Group 3</div>\n <Radio value="E" style={{ display: \'block\' }}>Item E</Radio>\n <Radio value="F" style={{ display: \'block\' }}>Item F</Radio>\n <div>Group 3</div>\n </RadioGroup>\n\n <RadioGroup name="other" value={this.state.value} onChange={this.onChange.bind(this)} style={{ marginTop:20 }}>\n <RadioButton value="\u7537">\u7537</RadioButton>\n <RadioButton value="\u5973">\u5973</RadioButton>\n <RadioButton value="\u672a\u77e5">\u672a\u77e5</RadioButton>\n </RadioGroup>\n <Divider />\n <Button\n type="primary"\n onClick={() => {\n // console.log(\'set::\', [\'\u4e1c\u5317\u83dc\', \'\u5317\u4eac\u70e4\u9e2d\']);\n this.setState({ value: \'\u5973\' });\n }}\n >\n \u70b9\u51fb\u6309\u94ae\u9009"\u5973"\n </Button>\n </div>\n )\n }\n}\nexport default Demo;'}},source:'Radio \u5355\u9009\u6846\n===\n\n[](https://jaywcjlove.github.io/#/sponsor)\n[](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-radio/file/README.md)\n[](https://www.npmjs.com/package/@uiw/react-radio)\n[](https://npmjs.com/@uiw/react-radio)\n\n\u5355\u9009\u6846\uff0c\u5728\u4e00\u7ec4\u5907\u9009\u9879\u4e2d\u8fdb\u884c\u5355\u9009\u3002\n\n```jsx\nimport { Radio, RadioButton, RadioGroup } from \'uiw\';\n// or\nimport { Radio, RadioButton, RadioGroup } from \'@uiw/react-radio\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u9002\u7528\u5e7f\u6cdb\u7684\u57fa\u7840\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u5c55\u793a\u5404\u79cd\u72b6\u6001\u4e0b\u7684\u6837\u5f0f\u3002\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Radio, RadioButton } from \'uiw\';\n\nexport default function Demo() {\n return (\n <div>\n <Radio value="1">Radio</Radio>\n <Radio value="2" checked>\u9009\u4e2d</Radio>\n <Radio value="3" disabled>\u7981\u7528</Radio>\n <Radio value="4" checked disabled>\u9009\u4e2d\u5e76\u7981\u7528</Radio>\n <Radio value="4" checked disabled>\u9009\u4e2d\u5e76\u7981\u7528</Radio>\n <RadioButton value="5" >RadioButton</RadioButton>\n <RadioButton value="5" checked >RadioButton \u9009\u4e2d</RadioButton>\n </div>\n );\n}\n```\n\n### Form \u4e2d\u4f7f\u7528 Radio\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Form, Radio, RadioGroup, RadioButton, Row, Col, Button, Notify } from \'uiw\';\n\nexport default function Demo() {\n return (\n <Form\n onChange={({ initial, current }) => {}}\n resetOnSubmit={false}\n onSubmitError={(error) => error && error.filed ? { ...error.filed } : null}\n onSubmit={({initial, current}) => {\n const ErrObj = {};\n if (current.radioGroup === \'unknown\') {\n ErrObj.radioGroup = \'\u8bf7\u9009\u62e9\u6027\u522b\uff01\';\n }\n\n if(Object.keys(ErrObj).length > 0) {\n const err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n\n Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\', description: `\u586b\u5199\uff1a\u3010\u586b\u5199\u6210\u529f\u3011\uff01`\n });\n }}\n fields={{\n radioGroup: {\n value: \'girl\',\n label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n help: \'\u5fc5\u987b\u9009\u62e9\u6027\u522b\uff01\',\n children: (\n <RadioGroup>\n <Radio value="man">\u7537</Radio>\n <Radio value="girl">\u5973</Radio>\n <Radio value="shemale">\u4e2d\u6027</Radio>\n <Radio value="unknown">\u672a\u77e5</Radio>\n </RadioGroup>\n ),\n },\n radioButtonGroup: {\n value: \'girl\',\n label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n help: \'\u5fc5\u987b\u9009\u62e9\u6027\u522b\uff01\',\n children: (\n <RadioGroup>\n <RadioButton value="man">\u7537</RadioButton>\n <RadioButton value="girl">\u5973</RadioButton>\n <RadioButton value="shemale">\u4e2d\u6027</RadioButton>\n <RadioButton value="unknown">\u672a\u77e5</RadioButton>\n </RadioGroup>\n ),\n },\n radio: {\n help: \'\u8bf7\u9009\u62e9\uff01\u8be5\u9009\u9879\u4e3a\u5fc5\u9009\uff01\',\n validator: (value) => !value ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null,\n children: <Radio value="man">\u5df2\u9605\u8bfb</Radio>,\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.radioGroup}</Col>\n </Row>\n <Row>\n <Col>{fields.radioButtonGroup}</Col>\n </Row>\n <Row>\n <Col>{fields.radio}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type="primary" htmlType="submit">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n );\n }}\n </Form>\n );\n}\n```\n\n### \u5355\u9009\n\n\u9002\u7528\u5e7f\u6cdb\u7684\u57fa\u7840\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Radio, RadioGroup, RadioButton } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = { value: \'\u672a\u77e5\' };\n }\n onChange(value) {\n this.setState({ value });\n }\n render() {\n return (\n <div>\n <RadioGroup name="sexs" value={this.state.value} onChange={(e)=>this.onChange(e.target.value)}>\n <Radio value="man">\u7537</Radio>\n <Radio value="girl">\u5973</Radio>\n <Radio value="shemale" disabled>\u4e2d\u6027</Radio>\n <Radio value="unknown" disabled>\u672a\u77e5</Radio>\n </RadioGroup>\n <RadioGroup name="sexs" value={this.state.value} onChange={this.onChange.bind(this)} style={{ marginTop: 20 }}>\n <RadioButton value="man">\u7537</RadioButton>\n <RadioButton value="girl">\u5973</RadioButton>\n <RadioButton value="shemale" disabled>\u4e2d\u6027</RadioButton>\n <RadioButton value="unknown" disabled>\u672a\u77e5</RadioButton>\n </RadioGroup>\n </div>\n )\n }\n}\nexport default Demo;\n```\n\n### \u5355\u9009\u7ec4\n\n\u8bbe\u7f6e\u5355\u9009\u521d\u59cb\u503c\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Radio, RadioGroup, RadioButton, Divider, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = { value: \'\u672a\u77e5\' };\n }\n onChange(value) {\n this.setState({ value });\n }\n render() {\n return (\n <div>\n <RadioGroup name="other" value={this.state.value} onChange={(e)=>this.onChange(e.target.value)}>\n <div>Group 1</div>\n <Radio value="\u7537">\u7537</Radio>\n <Radio value="\u5973">\u5973</Radio>\n <div>Group 2</div>\n <Radio value="\u4e2d\u6027" disabled>\u4e2d\u6027</Radio>\n <Radio value="\u672a\u77e5">\u672a\u77e5</Radio>\n <div>Group 3</div>\n <Radio value="E" style={{ display: \'block\' }}>Item E</Radio>\n <Radio value="F" style={{ display: \'block\' }}>Item F</Radio>\n <div>Group 3</div>\n </RadioGroup>\n\n <RadioGroup name="other" value={this.state.value} onChange={this.onChange.bind(this)} style={{ marginTop:20 }}>\n <RadioButton value="\u7537">\u7537</RadioButton>\n <RadioButton value="\u5973">\u5973</RadioButton>\n <RadioButton value="\u672a\u77e5">\u672a\u77e5</RadioButton>\n </RadioGroup>\n <Divider />\n <Button\n type="primary"\n onClick={() => {\n // console.log(\'set::\', [\'\u4e1c\u5317\u83dc\', \'\u5317\u4eac\u70e4\u9e2d\']);\n this.setState({ value: \'\u5973\' });\n }}\n >\n \u70b9\u51fb\u6309\u94ae\u9009"\u5973"\n </Button>\n </div>\n )\n }\n}\nexport default Demo;\n```\n\n## Radio\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| value | \u6839\u636e value \u8fdb\u884c\u6bd4\u8f83\uff0c\u5224\u65ad\u662f\u5426\u9