@uiw/doc/web/static/js/1992.9c56602c.chunk.js

UIW documentation website.

(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1992],{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),i=n(6320),o=n(8563),a=n(7622),c=n(7937);const u={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:u.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=i.ZP.Preview,d=i.ZP.Code,h=i.ZP.Toolbar,p=e=>{var t,n;let{node:a,components:c,data:u,...s}=e;const p=(0,r.useRef)(null),{headings:m,headingsList:_,...b}=s;(0,r.useEffect)((()=>{if(p.current){const e=p.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(p.current,e)}}),[p]);const y=null===a||void 0===a||null===(t=a.position)||void 0===t?void 0:t.start.line,g=null===a||void 0===a||null===(n=a.data)||void 0===n?void 0:n.meta,w=(0,o.Mx)(g)||String(y),v=c["".concat(w)];if(w&&"function"===typeof v){const e=u[w].value||"",t=(0,o.aE)(g||"");return(0,l.jsxs)(i.ZP,{ref:p,children:[(0,l.jsx)(f,{style:{background:t.bg||"transparent"},children:(0,l.jsx)(v,{})}),(0,l.jsx)(h,{text:e,children:t.title||"Example"}),(0,l.jsx)(d,{children:(0,l.jsx)("pre",{...b})})]})}return(0,l.jsx)("code",{...b})};function m(e){return(0,l.jsxs)(r.Fragment,{children:[(0,l.jsx)(a.Z,{className:u.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,l.jsx)(p,{...e,...t})}}),(0,l.jsx)(s,{path:e.path})]})}},4346:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const r={components:{19: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.Switch,{checked:!0,style:{marginRight:10}}),t.default.createElement(r.Switch,{style:{marginRight:10}}),t.default.createElement(r.Switch,{"data-checked":"\u5f00","data-unchecked":"\u5173"},"\u7535\u6e90"))}}(),37:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function i(e){return i="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},i(e)}function o(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 a(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==i(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==i(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===i(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?o(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e.filed):null},onSubmit:function(e){var t=e.initial,n=e.current;console.log("switch::",t,n);var r={};if(Object.keys(r).length>0){var i=new Error;throw i.filed=r,i}},fields:{switch:{checked:!0,initialValue:!0,label:"\u8bf7\u8f93\u5165\u5185\u5bb9",help:"\u5fc5\u9009\u9009\u9879\uff01",validator:function(e){return e?null:"\u5fc5\u586b\u9009\u9879\uff01"},children:t.default.createElement(r.Switch,{style:{maxWidth:200}})}}},(function(e){var n=e.fields,i=e.state,o=e.canSubmit;return t.default.createElement("div",null,t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,n.switch)),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,t.default.createElement(r.Button,{disabled:!o(),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(i.current,null,2)))))}))}}(),95: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.Switch,{"data-checked":"\u5f00","data-unchecked":"\u5173",onChange:function(e){console.log("e",e.target.checked)},style:{marginRight:10}}))}}(),117: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.Switch,{disabled:!0,checked:!0,style:{marginRight:10}}),t.default.createElement(r.Switch,{disabled:!0,style:{marginRight:10}}),t.default.createElement(r.Switch,{disabled:!0,"data-checked":"\u5f00","data-unchecked":"\u5173"},"\u7535\u6e90"))}}(),134: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.Switch,{size:"large",style:{marginRight:10},"data-checked":"\u5f00","data-unchecked":"\u5173"}),t.default.createElement(r.Switch,{size:"large",checked:!0,style:{marginRight:10}}),t.default.createElement(r.Switch,{style:{marginRight:10}}),t.default.createElement(r.Switch,{style:{marginRight:10},"data-checked":"\u5f00","data-unchecked":"\u5173"}),t.default.createElement(r.Switch,{size:"small","data-checked":"\u5f00","data-unchecked":"\u5173"},"\u7535\u6e90"))}}(),155: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},i=n(7937);function o(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 a(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 i=r.call(t,n||"default");if("object"!==e(i))return i;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 u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(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,i=s(t);if(n){var o=s(this).constructor;r=Reflect.construct(i,arguments,o)}else r=i.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&&u(e,t)}(f,e);var t,n,c,s=l(f);function f(e){var t;return o(this,f),(t=s.call(this,e)).state={checked:!0},t}return t=f,(n=[{key:"onChange",value:function(e){console.log("~~~:::"),this.setState({checked:e.target.checked})}},{key:"render",value:function(){var e=this;return r.default.createElement("div",{style:{backgroundColor:"#fff",margin:-15,padding:15,borderRadius:"5px 5px 0 0"}},r.default.createElement(i.Switch,{onChange:this.onChange.bind(this),checked:this.state.checked,style:{marginRight:10}}),r.default.createElement(i.Button,{size:"small",type:"primary",onClick:function(){e.setState({checked:!e.state.checked})}},"\u70b9\u51fb\u6309\u94ae\u6539\u53d8 Switch \u72b6\u6001"))}}])&&a(t.prototype,n),c&&a(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component)}()},data:{19:{name:19,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.Switch, {\n    checked: true,\n    style: {\n      marginRight: 10\n    }\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Switch, {\n    style: {\n      marginRight: 10\n    }\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Switch, {\n    "data-checked": "\\u5F00",\n    "data-unchecked": "\\u5173"\n  }, "\\u7535\\u6E90"));\n};',language:"jsx",value:"import React from 'react';\nimport { Switch } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Switch checked style={{ marginRight: 10 }} />\n      <Switch style={{ marginRight: 10 }} />\n      <Switch data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n    </div>\n  );\n}"},37:{name:37,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      console.log(\'switch::\', initial, current);\n      var ErrObj = {};\n      if (Object.keys(ErrObj).length > 0) {\n        var err = new Error();\n        err.filed = ErrObj;\n        throw err;\n      }\n    },\n    fields: {\n      "switch": {\n        checked: true,\n        initialValue: true,\n        label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n        help: \'\u5fc5\u9009\u9009\u9879\uff01\',\n        validator: function validator(value) {\n          return !value ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null;\n        },\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.Switch, {\n          style: {\n            maxWidth: 200\n          }\n        })\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["switch"])), /*#__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, Switch, 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        console.log('switch::', initial, current)\n        const ErrObj = {};\n        if(Object.keys(ErrObj).length > 0) {\n          const err = new Error();\n          err.filed = ErrObj;\n          throw err;\n        }\n      }}\n      fields={{\n        switch: {\n          checked: true,\n          initialValue: true,\n          label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n          help: '\u5fc5\u9009\u9009\u9879\uff01',\n          validator: value => !value ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n          children: <Switch style={{ maxWidth: 200 }} />,\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col>{fields.switch}</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}"},95:{name:95,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.Switch, {\n    "data-checked": "\\u5F00",\n    "data-unchecked": "\\u5173",\n    onChange: function onChange(e) {\n      console.log(\'e\', e.target.checked);\n    },\n    style: {\n      marginRight: 10\n    }\n  }));\n};',language:"jsx",value:"import React from 'react';\nimport { Switch } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Switch\n        data-checked=\"\u5f00\"\n        data-unchecked=\"\u5173\"\n        onChange={(e) => {\n          console.log('e', e.target.checked);\n        }}\n        style={{ marginRight: 10 }}\n      />\n    </div>\n  );\n}"},117:{name:117,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.Switch, {\n    disabled: true,\n    checked: true,\n    style: {\n      marginRight: 10\n    }\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Switch, {\n    disabled: true,\n    style: {\n      marginRight: 10\n    }\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Switch, {\n    disabled: true,\n    "data-checked": "\\u5F00",\n    "data-unchecked": "\\u5173"\n  }, "\\u7535\\u6E90"));\n};',language:"jsx",value:"import React from 'react';\nimport { Switch } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Switch disabled checked style={{ marginRight: 10 }} />\n      <Switch disabled style={{ marginRight: 10 }} />\n      <Switch disabled data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n    </div>\n  );\n}"},134:{name:134,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.Switch, {\n    size: "large",\n    style: {\n      marginRight: 10\n    },\n    "data-checked": "\\u5F00",\n    "data-unchecked": "\\u5173"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Switch, {\n    size: "large",\n    checked: true,\n    style: {\n      marginRight: 10\n    }\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Switch, {\n    style: {\n      marginRight: 10\n    }\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Switch, {\n    style: {\n      marginRight: 10\n    },\n    "data-checked": "\\u5F00",\n    "data-unchecked": "\\u5173"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Switch, {\n    size: "small",\n    "data-checked": "\\u5F00",\n    "data-unchecked": "\\u5173"\n  }, "\\u7535\\u6E90"));\n};',language:"jsx",value:'import React from \'react\';\nimport { Switch } from \'uiw\';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Switch size="large" style={{ marginRight: 10 }} data-checked="\u5f00" data-unchecked="\u5173" />\n      <Switch size="large" checked style={{ marginRight: 10 }} />\n      <Switch style={{ marginRight: 10 }} />\n      <Switch style={{ marginRight: 10 }} data-checked="\u5f00" data-unchecked="\u5173" />\n      <Switch size="small" data-checked="\u5f00" data-unchecked="\u5173">\u7535\u6e90</Switch>\n    </div>\n  );\n}'},155:{name:155,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(\'~~~:::\');\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", {\n        style: {\n          backgroundColor: \'#fff\',\n          margin: -15,\n          padding: 15,\n          borderRadius: \'5px 5px 0 0\'\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Switch, {\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 Switch \\u72B6\\u6001"));\n    }\n  }]);\n  return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Switch, 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('~~~:::');\n    this.setState({ checked: e.target.checked });\n  }\n  render() {\n    return (\n      <div style={{ backgroundColor: '#fff', margin: -15, padding: 15, borderRadius: '5px 5px 0 0' }}>\n        <Switch 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 Switch \u72b6\u6001\n        </Button>\n      </div>\n    )\n  }\n}\nexport default Demo;"}},source:"Switch \u5f00\u5173\n===\n\n[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-switch/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-switch.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-switch)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-switch.svg?label=@uiw/react-switch)](https://npmjs.com/@uiw/react-switch)\n\n\u8868\u793a\u4e24\u79cd\u76f8\u4e92\u5bf9\u7acb\u7684\u72b6\u6001\u95f4\u7684\u5207\u6362\uff0c\u591a\u7528\u4e8e\u89e6\u53d1\u300c\u5f00/\u5173\u300d\u3002\u9009\u4e2d\u65f6\u7684\u5185\u5bb9\u652f\u6301\u54cd\u5e94\u5f0f\u3002\n\n```jsx\nimport { Switch } from 'uiw';\n// or\nimport Switch from '@uiw/react-switch';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Switch } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Switch checked style={{ marginRight: 10 }} />\n      <Switch style={{ marginRight: 10 }} />\n      <Switch data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n    </div>\n  );\n}\n```\n\n\n### Form \u4e2d\u4f7f\u7528 Switch\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Form, Switch, 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        console.log('switch::', initial, current)\n        const ErrObj = {};\n        if(Object.keys(ErrObj).length > 0) {\n          const err = new Error();\n          err.filed = ErrObj;\n          throw err;\n        }\n      }}\n      fields={{\n        switch: {\n          checked: true,\n          initialValue: true,\n          label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n          help: '\u5fc5\u9009\u9009\u9879\uff01',\n          validator: value => !value ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n          children: <Switch style={{ maxWidth: 200 }} />,\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col>{fields.switch}</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### \u8bbe\u7f6e\u6587\u5b57\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Switch } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Switch\n        data-checked=\"\u5f00\"\n        data-unchecked=\"\u5173\"\n        onChange={(e) => {\n          console.log('e', e.target.checked);\n        }}\n        style={{ marginRight: 10 }}\n      />\n    </div>\n  );\n}\n```\n\n### \u7981\u7528\u72b6\u6001\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Switch } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Switch disabled checked style={{ marginRight: 10 }} />\n      <Switch disabled style={{ marginRight: 10 }} />\n      <Switch disabled data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n    </div>\n  );\n}\n```\n\n### \u5c3a\u5bf8\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Switch } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <Switch size=\"large\" style={{ marginRight: 10 }} data-checked=\"\u5f00\" data-unchecked=\"\u5173\" />\n      <Switch size=\"large\" checked style={{ marginRight: 10 }} />\n      <Switch style={{ marginRight: 10 }} />\n      <Switch style={{ marginRight: 10 }} data-checked=\"\u5f00\" data-unchecked=\"\u5173\" />\n      <Switch size=\"small\" data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n    </div>\n  );\n}\n```\n\n### \u63a7\u5236\u7ec4\u4ef6\n\n\u901a\u8fc7 `checked` \u5c5e\u6027\u6539\u53d8 `Switch` \u7ec4\u4ef6\u72b6\u6001\u3002\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Switch, 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('~~~:::');\n    this.setState({ checked: e.target.checked });\n  }\n  render() {\n    return (\n      <div style={{ backgroundColor: '#fff', margin: -15, padding: 15, borderRadius: '5px 5px 0 0' }}>\n        <Switch 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 Switch \u72b6\u6001\n        </Button>\n      </div>\n    )\n  }\n}\nexport default Demo;\n```\n\n## Switch \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\u9009\u4e2d | String/Number/Boolean | - |\n| name | \u7528\u4e8e\u8868\u5355\u5bf9\u5e94\u7684\u540d\u79f0 | String | - |\n| checked | \u6307\u5b9a\u5f53\u524d\u662f\u5426\u9009\u4e2d | boolean | false |\n| disabled | \u662f\u5426\u7981\u7528 | boolean | false |\n| onChange | \u53d8\u5316\u65f6\u56de\u8c03\u51fd\u6570 | Function(e:Event) | - |\n| data-checked |  \u9009\u4e2d\u65f6\u7684\u5185\u5bb9 | string/ReactNode | - |\n| data-unchecked |  \u975e\u9009\u4e2d\u65f6\u7684\u5185\u5bb9 | string/ReactNode | - |\n| size |  \u5f00\u5173\u5927\u5c0f\uff0c\u53ef\u9009\u503c\uff1a`large` `default` `small` | string | default |\n",headings:[],headingsList:[]};var i=n(5301),o=n(4760);function a(){return(0,o.jsx)(i.Z,{...r,path:"https://github.com/uiwjs/uiw/tree/master/packages/react-switch/README.md"})}}}]);
//# sourceMappingURL=1992.9c56602c.chunk.js.map