@uiw/doc
Version:
UIW documentation website.
1 lines • 58.8 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9932],{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:()=>b});var r=n(8573),o=n(6320),i=n(8563),u=n(7622),c=n(7937);const a={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var l=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,l.jsxs)("div",{className:a.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",n&&(0,l.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,l.jsx)("br",{}),(0,l.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,l.jsx)(c.Divider,{type:"vertical"}),(0,l.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,l.jsx)(c.Divider,{type:"vertical"}),(0,l.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,l.jsx)(c.Divider,{type:"vertical"}),(0,l.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,l.jsx)(c.Divider,{type:"vertical"}),(0,l.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,l.jsx)(c.Divider,{type:"vertical"}),(0,l.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const f=o.ZP.Preview,p=o.ZP.Code,h=o.ZP.Toolbar,d=e=>{var t,n;let{node:u,components:c,data:a,...s}=e;const d=(0,r.useRef)(null),{headings:b,headingsList:_,...m}=s;(0,r.useEffect)((()=>{if(d.current){const e=d.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(d.current,e)}}),[d]);const C=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,v=(0,i.Mx)(y)||String(C),k=c["".concat(v)];if(v&&"function"===typeof k){const e=a[v].value||"",t=(0,i.aE)(y||"");return(0,l.jsxs)(o.ZP,{ref:d,children:[(0,l.jsx)(f,{style:{background:t.bg||"transparent"},children:(0,l.jsx)(k,{})}),(0,l.jsx)(h,{text:e,children:t.title||"Example"}),(0,l.jsx)(p,{children:(0,l.jsx)("pre",{...m})})]})}return(0,l.jsx)("code",{...m})};function b(e){return(0,l.jsxs)(r.Fragment,{children:[(0,l.jsx)(u.Z,{className:a.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,l.jsx)(d,{...e,...t})}}),(0,l.jsx)(s,{path:e.path})]})}},1981:(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.Checkbox,{onChange:function(e){console.log(e.target.checked),console.log(e.target)}},"\u672a\u9009\u4e2d"),t.default.createElement(r.Checkbox,{checked:!0},"\u9009\u4e2d"))}}(),40: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.Form,{onChange:function(e){var t=e.initial,n=e.current;console.log("onChange~~~:::",t,n)},onSubmit:function(e){var t=e.initial,n=e.current;console.log("onSubmit~~~:::",t,n),r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u9009\u9879\u4e3a\uff1a\u3010".concat(n.checkbox,"\u3011\u3010").concat(JSON.stringify(n.checkboxGroup),"\u3011\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{checkbox:{inline:!0,initialValue:!0,label:"\u5355\u9009\u6761\u4ef6",children:t.default.createElement(r.Checkbox,null,"\u56db\u5ddd\u83dc"),validator:function(e){return e?null:"\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e"}},checkboxGroup:{initialValue:["\u56db\u5ddd\u83dc"],label:"\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc",children:t.default.createElement(r.Checkbox.Group,null,t.default.createElement("div",null,"\u83dc\u7cfb"),t.default.createElement(r.Checkbox,{value:"\u56db\u5ddd\u83dc"},"\u56db\u5ddd\u83dc"),t.default.createElement(r.Checkbox,{value:"\u6e56\u5317\u83dc"},"\u6e56\u5317\u83dc"),t.default.createElement(r.Checkbox,{value:"\u897f\u5317\u83dc"},"\u897f\u5317\u83dc"),t.default.createElement(r.Checkbox,{disabled:!0,value:"\u65b0\u7586\u83dc"},"\u65b0\u7586\u83dc"),t.default.createElement(r.Checkbox,{value:"\u4e1c\u5317\u83dc"},"\u4e1c\u5317\u83dc"),t.default.createElement("div",{style:{marginTop:10}},"\u5bb6\u5e38\u83dc"),t.default.createElement(r.Checkbox,{value:"\u7ea2\u70e7\u6b66\u660c\u9c7c"},"\u7ea2\u70e7\u6b66\u660c\u9c7c"),t.default.createElement(r.Checkbox,{value:"\u9ebb\u5a46\u8c46\u8150"},"\u9ebb\u5a46\u8c46\u8150"),t.default.createElement(r.Checkbox,{value:"\u5317\u4eac\u70e4\u9e2d"},"\u5317\u4eac\u70e4\u9e2d"))}}},(function(e){var n=e.fields,o=e.state,i=e.canSubmit;return t.default.createElement("div",null,t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,n.checkbox)),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,n.checkboxGroup)),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,t.default.createElement(r.Button,{disabled:!i(),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)))))})))}}(),124: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.Checkbox,{disabled:!0,checked:!0},"\u672a\u9009\u4e2d\u7981\u7528"),t.default.createElement(r.Checkbox,{disabled:!0,checked:!0},"\u9009\u4e2d\u7981\u7528"),t.default.createElement(r.Checkbox,{disabled:!0,indeterminate:!0},"\u534a\u9009\u4e2d\u7981\u7528"))}}(),141: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 i(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,c(r.key),r)}}function c(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 a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function l(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 i=s(this).constructor;r=Reflect.construct(o,arguments,i)}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)}var f=["\u56db\u5ddd\u83dc","\u6e56\u5317\u83dc","\u897f\u5317\u83dc","\u65b0\u7586\u83dc","\u4e1c\u5317\u83dc"];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&&a(e,t)}(p,e);var t,n,c,s=l(p);function p(e){var t;return i(this,p),(t=s.call(this,e)).state={value:["\u56db\u5ddd\u83dc","\u65b0\u7586\u83dc"],indeterminate:!0,checkAll:!1},t}return t=p,(n=[{key:"onChange",value:function(e,t){console.log("list",t),console.log("list",f),this.setState({value:t,indeterminate:!!t.length&&t.length<f.length,checkAll:t.length===f.length})}},{key:"onCheckAllChange",value:function(e){this.setState({value:e.target.checked?f:[],indeterminate:!1,checkAll:e.target.checked})}},{key:"render",value:function(){var e=this.state,t=e.indeterminate,n=e.checkAll;return r.default.createElement("div",null,r.default.createElement(o.Checkbox,{checked:n,indeterminate:t,onChange:this.onCheckAllChange.bind(this)},"\u5168\u9009"),r.default.createElement(o.Divider,null),r.default.createElement(o.Checkbox.Group,{name:"cuisine",value:this.state.value,onChange:this.onChange.bind(this)},f.map((function(e,t){return r.default.createElement(o.Checkbox,{key:t,value:e},e)}))))}}])&&u(t.prototype,n),c&&u(t,c),Object.defineProperty(t,"prototype",{writable:!1}),p}(r.default.Component)}(),195: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 i(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,c(r.key),r)}}function c(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 a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function l(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 i=s(this).constructor;r=Reflect.construct(o,arguments,i)}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&&a(e,t)}(f,e);var t,n,c,s=l(f);function f(e){var t;return i(this,f),(t=s.call(this,e)).state={value:["\u56db\u5ddd\u83dc","\u65b0\u7586\u83dc"]},t}return t=f,(n=[{key:"onChange",value:function(e,t){console.log("Value:--\x3e",e.target.value,t),this.setState({value:t})}},{key:"render",value:function(){var e=this;return r.default.createElement("div",null,r.default.createElement(o.Checkbox.Group,{name:"cuisine",value:this.state.value,onChange:this.onChange.bind(this)},r.default.createElement("div",null,"\u5ddd\u83dc"),r.default.createElement(o.Checkbox,{value:"\u56db\u5ddd\u83dc"},"\u56db\u5ddd\u83dc"),r.default.createElement(o.Checkbox,{value:"\u6e56\u5317\u83dc"},"\u6e56\u5317\u83dc"),r.default.createElement("div",null,"\u672c\u5e2e\u6c5f\u6d59\u83dc"),r.default.createElement(o.Checkbox,{value:"\u897f\u5317\u83dc"},"\u897f\u5317\u83dc"),r.default.createElement(o.Checkbox,{value:"\u65b0\u7586\u83dc"},"\u65b0\u7586\u83dc"),r.default.createElement("div",null,"\u5bb6\u5e38\u83dc"),r.default.createElement(o.Checkbox,{value:"\u4e1c\u5317\u83dc"},"\u4e1c\u5317\u83dc"),r.default.createElement(o.Checkbox,{value:"\u5317\u4eac\u70e4\u9e2d"},"\u5317\u4eac\u70e4\u9e2d")),r.default.createElement(o.Divider,null),r.default.createElement(o.Button,{type:"primary",onClick:function(){e.setState({value:["\u4e1c\u5317\u83dc","\u5317\u4eac\u70e4\u9e2d"]})}},"\u9009\u4e2d\u4e24\u4e2a"))}}])&&u(t.prototype,n),c&&u(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component)}(),245: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 i(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,c(r.key),r)}}function c(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 a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function l(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 i=s(this).constructor;r=Reflect.construct(o,arguments,i)}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&&a(e,t)}(f,e);var t,n,c,s=l(f);function f(e){var t;return i(this,f),(t=s.call(this,e)).state={checked:!0},t}return t=f,(n=[{key:"onChange",value:function(e){console.log("e.target.checked:",e.target.checked),this.setState({checked:e.target.checked})}},{key:"render",value:function(){var e=this;return r.default.createElement("div",null,r.default.createElement(o.Checkbox,{onChange:this.onChange.bind(this),checked:this.state.checked,style:{marginRight:10}}),r.default.createElement(o.Button,{size:"small",type:"primary",onClick:function(){e.setState({checked:!e.state.checked})}},"\u70b9\u51fb\u6309\u94ae\u6539\u53d8 Checkbox \u72b6\u6001"))}}])&&u(t.prototype,n),c&&u(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(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.Checkbox, {\n onChange: function onChange(e) {\n console.log(e.target.checked);\n console.log(e.target);\n }\n }, "\\u672A\\u9009\\u4E2D"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n checked: true\n }, "\\u9009\\u4E2D"));\n};',language:"jsx",value:"import React from 'react';\nimport { Checkbox } from 'uiw';\n\nexport default function Demo() {\n return(\n <div>\n <Checkbox onChange={(e) =>{\n console.log(e.target.checked)\n console.log(e.target)\n }}>\u672a\u9009\u4e2d</Checkbox>\n <Checkbox checked >\u9009\u4e2d</Checkbox>\n </div>\n );\n}"},40:{name:40,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 }; }\nvar Demo = function Demo() {\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n onChange: function onChange(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n console.log(\'onChange~~~:::\', initial, current);\n },\n onSubmit: function onSubmit(_ref2) {\n var initial = _ref2.initial,\n current = _ref2.current;\n console.log(\'onSubmit~~~:::\', initial, current);\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u9009\\u9879\\u4E3A\\uFF1A\\u3010".concat(current.checkbox, "\\u3011\\u3010").concat(JSON.stringify(current.checkboxGroup), "\\u3011\\uFF0C\\u63D0\\u4EA4\\u5B8C\\u6210\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n },\n fields: {\n checkbox: {\n inline: true,\n initialValue: true,\n label: \'\u5355\u9009\u6761\u4ef6\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, null, "\\u56DB\\u5DDD\\u83DC"),\n validator: function validator(value) {\n return !value ? \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\' : null;\n }\n },\n checkboxGroup: {\n initialValue: [\'\u56db\u5ddd\u83dc\'],\n label: \'\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc\',\n children: /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox.Group, null, /*#__PURE__*/_react["default"].createElement("div", null, "\\u83DC\\u7CFB"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u56DB\\u5DDD\\u83DC"\n }, "\\u56DB\\u5DDD\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u6E56\\u5317\\u83DC"\n }, "\\u6E56\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u897F\\u5317\\u83DC"\n }, "\\u897F\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n disabled: true,\n value: "\\u65B0\\u7586\\u83DC"\n }, "\\u65B0\\u7586\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u4E1C\\u5317\\u83DC"\n }, "\\u4E1C\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n marginTop: 10\n }\n }, "\\u5BB6\\u5E38\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u7EA2\\u70E7\\u6B66\\u660C\\u9C7C"\n }, "\\u7EA2\\u70E7\\u6B66\\u660C\\u9C7C"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u9EBB\\u5A46\\u8C46\\u8150"\n }, "\\u9EBB\\u5A46\\u8C46\\u8150"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u5317\\u4EAC\\u70E4\\u9E2D"\n }, "\\u5317\\u4EAC\\u70E4\\u9E2D"))\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.checkbox)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.checkboxGroup)), /*#__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};\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Form, Checkbox, Row, Col, Button, Notify } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Form\n onChange={({ initial, current }) => {\n console.log(\'onChange~~~:::\', initial, current);\n }}\n onSubmit={({initial, current}) => {\n console.log(\'onSubmit~~~:::\', initial, current)\n Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: `\u9009\u9879\u4e3a\uff1a\u3010${current.checkbox}\u3011\u3010${JSON.stringify(current.checkboxGroup)}\u3011\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n checkbox: {\n inline: true,\n initialValue: true,\n label: \'\u5355\u9009\u6761\u4ef6\',\n children: <Checkbox>\u56db\u5ddd\u83dc</Checkbox>,\n validator: (value) => {\n return !value ? \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\' : null;\n },\n },\n checkboxGroup: {\n initialValue: [\'\u56db\u5ddd\u83dc\'],\n label: \'\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc\',\n children: (\n <Checkbox.Group>\n <div>\u83dc\u7cfb</div>\n <Checkbox value="\u56db\u5ddd\u83dc">\u56db\u5ddd\u83dc</Checkbox>\n <Checkbox value="\u6e56\u5317\u83dc">\u6e56\u5317\u83dc</Checkbox>\n <Checkbox value="\u897f\u5317\u83dc">\u897f\u5317\u83dc</Checkbox>\n <Checkbox disabled value="\u65b0\u7586\u83dc">\u65b0\u7586\u83dc</Checkbox>\n <Checkbox value="\u4e1c\u5317\u83dc">\u4e1c\u5317\u83dc</Checkbox>\n <div style={{ marginTop: 10 }}>\u5bb6\u5e38\u83dc</div>\n <Checkbox value="\u7ea2\u70e7\u6b66\u660c\u9c7c">\u7ea2\u70e7\u6b66\u660c\u9c7c</Checkbox>\n <Checkbox value="\u9ebb\u5a46\u8c46\u8150">\u9ebb\u5a46\u8c46\u8150</Checkbox>\n <Checkbox value="\u5317\u4eac\u70e4\u9e2d">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n </Checkbox.Group>\n ),\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.checkbox}</Col>\n </Row>\n <Row>\n <Col>{fields.checkboxGroup}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type="primary" htmlType="submit">\n \u63d0\u4ea4\n </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 </div>\n)\n\nexport default Demo;'},124:{name:124,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.Checkbox, {\n disabled: true,\n checked: true\n }, "\\u672A\\u9009\\u4E2D\\u7981\\u7528"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n disabled: true,\n checked: true\n }, "\\u9009\\u4E2D\\u7981\\u7528"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n disabled: true,\n indeterminate: true\n }, "\\u534A\\u9009\\u4E2D\\u7981\\u7528"));\n};',language:"jsx",value:"import React from 'react';\nimport { Checkbox } from 'uiw';\n\nexport default function Demo() {\n return(\n <div>\n <Checkbox disabled checked>\u672a\u9009\u4e2d\u7981\u7528</Checkbox>\n <Checkbox disabled checked>\u9009\u4e2d\u7981\u7528</Checkbox>\n <Checkbox disabled indeterminate>\u534a\u9009\u4e2d\u7981\u7528</Checkbox>\n </div>\n );\n}"},141:{name:141,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 checkedList = [\'\u56db\u5ddd\u83dc\', \'\u6e56\u5317\u83dc\', \'\u897f\u5317\u83dc\', \'\u65b0\u7586\u83dc\', \'\u4e1c\u5317\u83dc\'];\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: [\'\u56db\u5ddd\u83dc\', \'\u65b0\u7586\u83dc\'],\n indeterminate: true,\n checkAll: false\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "onChange",\n value: function onChange(e, list) {\n console.log(\'list\', list);\n console.log(\'list\', checkedList);\n this.setState({\n value: list,\n indeterminate: !!list.length && list.length < checkedList.length,\n checkAll: list.length === checkedList.length\n });\n }\n }, {\n key: "onCheckAllChange",\n value: function onCheckAllChange(e) {\n this.setState({\n value: e.target.checked ? checkedList : [],\n indeterminate: false,\n checkAll: e.target.checked\n });\n }\n }, {\n key: "render",\n value: function render() {\n var _this$state = this.state,\n indeterminate = _this$state.indeterminate,\n checkAll = _this$state.checkAll;\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n checked: checkAll,\n indeterminate: indeterminate,\n onChange: this.onCheckAllChange.bind(this)\n }, "\\u5168\\u9009"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox.Group, {\n name: "cuisine",\n value: this.state.value,\n onChange: this.onChange.bind(this)\n }, checkedList.map(function (item, idx) {\n return /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n key: idx,\n value: item\n }, item);\n })));\n }\n }]);\n return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox, Divider } from 'uiw';\n\nconst checkedList = [ '\u56db\u5ddd\u83dc', '\u6e56\u5317\u83dc', '\u897f\u5317\u83dc', '\u65b0\u7586\u83dc', '\u4e1c\u5317\u83dc' ];\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: ['\u56db\u5ddd\u83dc', '\u65b0\u7586\u83dc'],\n indeterminate: true,\n checkAll: false,\n };\n }\n onChange(e, list) {\n console.log('list', list);\n console.log('list', checkedList);\n this.setState({\n value: list,\n indeterminate: !!list.length && (list.length < checkedList.length),\n checkAll: list.length === checkedList.length,\n });\n }\n onCheckAllChange(e) {\n this.setState({\n value: e.target.checked ? checkedList : [],\n indeterminate: false,\n checkAll: e.target.checked,\n });\n }\n render() {\n const { indeterminate, checkAll } = this.state;\n return (\n <div>\n <Checkbox checked={checkAll} indeterminate={indeterminate} onChange={this.onCheckAllChange.bind(this)}>\u5168\u9009</Checkbox>\n <Divider />\n <Checkbox.Group name=\"cuisine\" value={this.state.value} onChange={this.onChange.bind(this)}>\n {checkedList.map((item, idx) => {\n return (\n <Checkbox key={idx} value={item}>{item}</Checkbox>\n )\n })}\n </Checkbox.Group>\n </div>\n )\n }\n}\nexport default Demo;"},195:{name:195,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: [\'\u56db\u5ddd\u83dc\', \'\u65b0\u7586\u83dc\']\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "onChange",\n value: function onChange(e, list) {\n console.log(\'Value:--\x3e\', e.target.value, list);\n this.setState({\n value: list\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.Checkbox.Group, {\n name: "cuisine",\n value: this.state.value,\n onChange: this.onChange.bind(this)\n }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u5DDD\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u56DB\\u5DDD\\u83DC"\n }, "\\u56DB\\u5DDD\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u6E56\\u5317\\u83DC"\n }, "\\u6E56\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u672C\\u5E2E\\u6C5F\\u6D59\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u897F\\u5317\\u83DC"\n }, "\\u897F\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u65B0\\u7586\\u83DC"\n }, "\\u65B0\\u7586\\u83DC"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u5BB6\\u5E38\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u4E1C\\u5317\\u83DC"\n }, "\\u4E1C\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u5317\\u4EAC\\u70E4\\u9E2D"\n }, "\\u5317\\u4EAC\\u70E4\\u9E2D")), /*#__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: [\'\u4e1c\u5317\u83dc\', \'\u5317\u4eac\u70e4\u9e2d\']\n });\n }\n }, "\\u9009\\u4E2D\\u4E24\\u4E2A"));\n }\n }]);\n return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox, Divider, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: ['\u56db\u5ddd\u83dc', '\u65b0\u7586\u83dc'],\n };\n }\n onChange(e, list) {\n console.log('Value:--\x3e', e.target.value, list);\n this.setState({ value: list });\n }\n render() {\n return (\n <div>\n <Checkbox.Group name=\"cuisine\" value={this.state.value} onChange={this.onChange.bind(this)}>\n <div>\u5ddd\u83dc</div>\n <Checkbox value=\"\u56db\u5ddd\u83dc\">\u56db\u5ddd\u83dc</Checkbox>\n <Checkbox value=\"\u6e56\u5317\u83dc\">\u6e56\u5317\u83dc</Checkbox>\n <div>\u672c\u5e2e\u6c5f\u6d59\u83dc</div>\n <Checkbox value=\"\u897f\u5317\u83dc\">\u897f\u5317\u83dc</Checkbox>\n <Checkbox value=\"\u65b0\u7586\u83dc\">\u65b0\u7586\u83dc</Checkbox>\n <div>\u5bb6\u5e38\u83dc</div>\n <Checkbox value=\"\u4e1c\u5317\u83dc\">\u4e1c\u5317\u83dc</Checkbox>\n <Checkbox value=\"\u5317\u4eac\u70e4\u9e2d\">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n </Checkbox.Group>\n <Divider />\n <Button\n type=\"primary\"\n onClick={() => {\n // console.log('set::', ['\u4e1c\u5317\u83dc', '\u5317\u4eac\u70e4\u9e2d']);\n this.setState({ value: ['\u4e1c\u5317\u83dc', '\u5317\u4eac\u70e4\u9e2d'] });\n }}\n >\n \u9009\u4e2d\u4e24\u4e2a\n </Button>\n </div>\n )\n }\n}\nexport default Demo;"},245:{name:245,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 checked: true\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "onChange",\n value: function onChange(e) {\n console.log(\'e.target.checked:\', e.target.checked);\n this.setState({\n checked: e.target.checked\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.Checkbox, {\n onChange: this.onChange.bind(this),\n checked: this.state.checked,\n style: {\n marginRight: 10\n }\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "primary",\n onClick: function onClick() {\n _this2.setState({\n checked: !_this2.state.checked\n });\n }\n }, "\\u70B9\\u51FB\\u6309\\u94AE\\u6539\\u53D8 Checkbox \\u72B6\\u6001"));\n }\n }]);\n return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n checked: true\n }\n }\n onChange(e) {\n console.log('e.target.checked:', e.target.checked);\n this.setState({ checked: e.target.checked });\n }\n render() {\n return (\n <div>\n <Checkbox onChange={this.onChange.bind(this)} checked={this.state.checked} style={{ marginRight: 10 }} />\n <Button\n size=\"small\"\n type=\"primary\"\n onClick={() => {\n this.setState({ checked: !this.state.checked });\n }}\n >\n \u70b9\u51fb\u6309\u94ae\u6539\u53d8 Checkbox \u72b6\u6001\n </Button>\n </div>\n )\n }\n}\nexport default Demo;"}},source:"Checkbox \u591a\u9009\u6846\n===\n\n[](https://jaywcjlove.github.io/#/sponsor)\n[](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-checkbox/file/README.md)\n[](https://www.npmjs.com/package/@uiw/react-checkbox)\n[](https://npmjs.com/@uiw/react-checkbox)\n\n\u4e00\u7ec4\u5907\u9009\u9879\u4e2d\u8fdb\u884c\u591a\u9009\n\n```jsx\nimport { Checkbox } from 'uiw';\n// or\nimport Checkbox from '@uiw/react-checkbox';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u5355\u72ec\u4f7f\u7528\u53ef\u4ee5\u8868\u793a\u4e24\u79cd\u72b6\u6001\u4e4b\u95f4\u7684\u5207\u6362\uff0c\u534a\u9009\u4e2d\u53ea\u662f\u6837\u5f0f\u4e0a\u7684\u8868\u73b0\u3002\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Checkbox } from 'uiw';\n\nexport default function Demo() {\n return(\n <div>\n <Checkbox onChange={(e) =>{\n console.log(e.target.checked)\n console.log(e.target)\n }}>\u672a\u9009\u4e2d</Checkbox>\n <Checkbox checked >\u9009\u4e2d</Checkbox>\n </div>\n );\n}\n```\n\n### Form \u4e2d\u4f7f\u7528 Checkbox\n \n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Form, Checkbox, Row, Col, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onChange={({ initial, current }) => {\n console.log('onChange~~~:::', initial, current);\n }}\n onSubmit={({initial, current}) => {\