@uiw/doc 5.0.0-bate-1 → 5.0.0-bate-2

package/web/static/js/4156.65292e46.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4156],{4156:function(e,t,n){n.r(t),t.default={components:{18: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,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function s(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function i(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function a(e){var t=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 n,o=l(e);if(t){var r=l(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return c(this,n)}}function c(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)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(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)}(p,e);var t,n,c,l=a(p);function p(){var e;return s(this,p),(e=l.call(this)).state={message:""},e}return t=p,(n=[{key:"render",value:function(){var e=this;return o.default.createElement("div",null,o.default.createElement(r.CopyToClipboard,{text:"\u6211\u88ab\u4e00\u4e2a\u8fde\u63a5\u590d\u5236\u4e86\uff01",onClick:function(){e.setState({message:"\u590d\u5236\u6210\u529f\uff01\u4f60\u53ef\u4ee5\u7c98\u8d34\u4e86\u3002"},(function(){setTimeout((function(){e.setState({message:""})}),2e3)}))}},"\u70b9\u51fb\u6211\u590d\u5236"),o.default.createElement("div",{style:{color:"#28a745"}},this.state.message))}}])&&i(t.prototype,n),c&&i(t,c),Object.defineProperty(t,"prototype",{writable:!1}),p}(o.default.Component)}(),54: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,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function s(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function i(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function a(e){var t=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 n,o=l(e);if(t){var r=l(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return c(this,n)}}function c(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)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(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)}(p,e);var t,n,c,l=a(p);function p(e){var t;return s(this,p),(t=l.call(this,e)).state={copyText:"\u751f\u4ea6\u4f55\u6b22\uff0c\u6b7b\u4ea6\u4f55\u82e6"},t.input=o.default.createRef(),t}return t=p,(n=[{key:"onChange",value:function(e){}},{key:"render",value:function(){var e=this,t=this.state.copyText;return o.default.createElement("div",null,o.default.createElement("div",null,o.default.createElement(r.Input,{type:"text",ref:this.input,value:t,onChange:this.onChange.bind(this)})),o.default.createElement(r.CopyToClipboard,{style:{marginTop:10,display:"inline-block"},text:t,onClick:function(){e.setState({message:"\u590d\u5236\u6210\u529f\uff01\u4f60\u53ef\u4ee5\u7c98\u8d34\u4e86\u3002"},(function(){setTimeout((function(){e.setState({message:""})}),2e3)})),e.input.current.select()}},o.default.createElement(r.Button,{type:"primary"},"\u70b9\u51fb\u590d\u5236"),o.default.createElement("span",{style:{color:"#28a745"}},this.state.message)))}}])&&i(t.prototype,n),c&&i(t,c),Object.defineProperty(t,"prototype",{writable:!1}),p}(o.default.Component)}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},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; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\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); }; }\n\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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\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; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      message: \'\'\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "render",\n    value: function render() {\n      var _this2 = this;\n\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.CopyToClipboard, {\n        text: "\\u6211\\u88AB\\u4E00\\u4E2A\\u8FDE\\u63A5\\u590D\\u5236\\u4E86\\uFF01",\n        onClick: function onClick() {\n          _this2.setState({\n            message: \'\u590d\u5236\u6210\u529f\uff01\u4f60\u53ef\u4ee5\u7c98\u8d34\u4e86\u3002\'\n          }, function () {\n            setTimeout(function () {\n              _this2.setState({\n                message: \'\'\n              });\n            }, 2000);\n          });\n        }\n      }, "\\u70B9\\u51FB\\u6211\\u590D\\u5236"), /*#__PURE__*/_react["default"].createElement("div", {\n        style: {\n          color: \'#28a745\'\n        }\n      }, this.state.message));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { CopyToClipboard } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      message: ''\n    }\n  }\n  render() {\n    return (\n      <div>\n        <CopyToClipboard\n          text=\"\u6211\u88ab\u4e00\u4e2a\u8fde\u63a5\u590d\u5236\u4e86\uff01\"\n          onClick={() => {\n            this.setState({ message: '\u590d\u5236\u6210\u529f\uff01\u4f60\u53ef\u4ee5\u7c98\u8d34\u4e86\u3002' }, () => {\n              setTimeout(() => {\n                this.setState({ message: '' });\n              }, 2000);\n            });\n          }}\n        >\n          \u70b9\u51fb\u6211\u590d\u5236\n        </CopyToClipboard>\n        <div style={{color: '#28a745'}}>{this.state.message}</div>\n      </div>\n    )\n  }\n}\nexport default Demo"},54:{name:54,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},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; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\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); }; }\n\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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\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; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo(props) {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this, props);\n    _this.state = {\n      copyText: "\u751f\u4ea6\u4f55\u6b22\uff0c\u6b7b\u4ea6\u4f55\u82e6"\n    };\n    _this.input = /*#__PURE__*/_react["default"].createRef();\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onChange",\n    value: function onChange(e) {// this.setState({\n      //   copyText: e.target.value\n      // })\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      var _this2 = this;\n\n      var copyText = this.state.copyText;\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n        type: "text",\n        ref: this.input,\n        value: copyText,\n        onChange: this.onChange.bind(this)\n      })), /*#__PURE__*/_react["default"].createElement(_uiw.CopyToClipboard, {\n        style: {\n          marginTop: 10,\n          display: \'inline-block\'\n        },\n        text: copyText,\n        onClick: function onClick() {\n          // \u590d\u5236\u63d0\u793a\n          _this2.setState({\n            message: \'\u590d\u5236\u6210\u529f\uff01\u4f60\u53ef\u4ee5\u7c98\u8d34\u4e86\u3002\'\n          }, function () {\n            setTimeout(function () {\n              _this2.setState({\n                message: \'\'\n              });\n            }, 2000);\n          });\n\n          _this2.input.current.select();\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        type: "primary"\n      }, "\\u70B9\\u51FB\\u590D\\u5236"), /*#__PURE__*/_react["default"].createElement("span", {\n        style: {\n          color: \'#28a745\'\n        }\n      }, this.state.message)));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { CopyToClipboard, Input, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor(props){\n    super(props);\n    this.state = {\n      copyText: \"\u751f\u4ea6\u4f55\u6b22\uff0c\u6b7b\u4ea6\u4f55\u82e6\"\n    };\n    this.input = React.createRef();\n  }\n  onChange(e){\n    // this.setState({\n    //   copyText: e.target.value\n    // })\n  }\n  render() {\n    const { copyText } = this.state;\n    return (\n      <div>\n        <div>\n          <Input\n            type=\"text\"\n            ref={this.input}\n            value={copyText}\n            onChange={this.onChange.bind(this)}\n          />\n        </div>\n        <CopyToClipboard \n          style={{ marginTop:10, display:'inline-block' }} \n          text={copyText}\n          onClick={() => {\n            // \u590d\u5236\u63d0\u793a\n            this.setState({ message: '\u590d\u5236\u6210\u529f\uff01\u4f60\u53ef\u4ee5\u7c98\u8d34\u4e86\u3002' }, () => {\n              setTimeout(() => {\n                this.setState({ message: '' });\n              }, 2000);\n            });\n            this.input.current.select();\n          }}\n        >\n          <Button type=\"primary\">\u70b9\u51fb\u590d\u5236</Button>\n          <span style={{color: '#28a745'}}>{this.state.message}</span>\n        </CopyToClipboard>\n      </div>\n    )\n  }\n}\nexport default Demo"}},source:"CopyToClipboard \u590d\u5236\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-copy-to-clipboard/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-copy-to-clipboard.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-copy-to-clipboard)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-copy-to-clipboard.svg?label=@uiw/react-copy-to-clipboard)](https://npmjs.com/@uiw/react-copy-to-clipboard)\n\n\u5c06\u6587\u672c\u5230\u526a\u5207\u677f\uff0c\u590d\u5236\u5230\u526a\u8d34\u677f\u529f\u80fd\u53ef\u4ee5\u5e94\u7528\u4e8e\u5404\u79cd\u5143\u7d20\uff0c\u57fa\u4e8e [@uiwjs/copy-to-clipboard](https://github.com/uiwjs/copy-to-clipboard) \u5c01\u88c5\u3002\n\n```jsx\nimport { CopyToClipboard } from 'uiw';\n// or\nimport CopyToClipboard from '@uiw/react-copy-to-clipboard';\n```\n\n### \u57fa\u7840\u5b9e\u4f8b\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { CopyToClipboard } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      message: ''\n    }\n  }\n  render() {\n    return (\n      <div>\n        <CopyToClipboard\n          text=\"\u6211\u88ab\u4e00\u4e2a\u8fde\u63a5\u590d\u5236\u4e86\uff01\"\n          onClick={() => {\n            this.setState({ message: '\u590d\u5236\u6210\u529f\uff01\u4f60\u53ef\u4ee5\u7c98\u8d34\u4e86\u3002' }, () => {\n              setTimeout(() => {\n                this.setState({ message: '' });\n              }, 2000);\n            });\n          }}\n        >\n          \u70b9\u51fb\u6211\u590d\u5236\n        </CopyToClipboard>\n        <div style={{color: '#28a745'}}>{this.state.message}</div>\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n## \u590d\u5236\u8f93\u5165\u6846\u5185\u5bb9\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { CopyToClipboard, Input, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor(props){\n    super(props);\n    this.state = {\n      copyText: \"\u751f\u4ea6\u4f55\u6b22\uff0c\u6b7b\u4ea6\u4f55\u82e6\"\n    };\n    this.input = React.createRef();\n  }\n  onChange(e){\n    // this.setState({\n    //   copyText: e.target.value\n    // })\n  }\n  render() {\n    const { copyText } = this.state;\n    return (\n      <div>\n        <div>\n          <Input\n            type=\"text\"\n            ref={this.input}\n            value={copyText}\n            onChange={this.onChange.bind(this)}\n          />\n        </div>\n        <CopyToClipboard \n          style={{ marginTop:10, display:'inline-block' }} \n          text={copyText}\n          onClick={() => {\n            // \u590d\u5236\u63d0\u793a\n            this.setState({ message: '\u590d\u5236\u6210\u529f\uff01\u4f60\u53ef\u4ee5\u7c98\u8d34\u4e86\u3002' }, () => {\n              setTimeout(() => {\n                this.setState({ message: '' });\n              }, 2000);\n            });\n            this.input.current.select();\n          }}\n        >\n          <Button type=\"primary\">\u70b9\u51fb\u590d\u5236</Button>\n          <span style={{color: '#28a745'}}>{this.state.message}</span>\n        </CopyToClipboard>\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n## CopyToClipboard\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| text | \u62f7\u8d1d\u7684\u6587\u672c | String | - |\n| onClick | \u70b9\u51fb\u4e8b\u4ef6 | Function(text,isCopy,event) | - |\n"}}}]);
-//# sourceMappingURL=4156.65292e46.chunk.js.map

package/web/static/js/4307.194c608d.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4307],{4307:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},o=t(2814);return function(){return n.default.createElement(o.Row,{gutter:10},n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"}),onChange:function(e,n){console.log("---\x3e",e,n)}})),n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"}),format:"HH:mm",precision:"minute"})),n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"}),format:"HH",precision:"hour"})))}}(),45:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},o=t(2814);return function(){var e=new Date(2018,1,24,4,5,35);return n.default.createElement(o.Row,{gutter:10},n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"}),value:e})),n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"}),value:e,format:"HH:mm",precision:"minute"})),n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"}),value:e,format:"HH",precision:"hour"})))}}(),70:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},o=t(2814);return function(){var e=new Date(2018,1,24,4,5,35);return n.default.createElement(o.Row,{gutter:10},n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"}),size:"small",value:e})),n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"}),value:e,format:"HH",precision:"hour"})),n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"}),size:"large",value:e,format:"HH:mm",precision:"minute"})))}}(),97:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},o=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(o.Form,{onSubmit:function(e){var t=e.initial,r=e.current;console.log("--\x3e>",t,r),r.date?o.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a".concat(formatter("HH:mm:ss",r.date))}):o.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:n.default.createElement("span",null,"\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a",n.default.createElement("b",null,"\u7a7a"),"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{date:{labelClassName:"fieldLabel",labelFor:"date-inline",children:n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"})})}}},(function(e){var t=e.fields,r=(e.state,e.canSubmit);return n.default.createElement(o.Row,{gutter:10},n.default.createElement(o.Col,{style:{width:200},fixed:!0},t.date),n.default.createElement(o.Col,null,n.default.createElement(o.Button,{disabled:!r(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4")))})))}}(),146:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},o=t(2814);return function(){return n.default.createElement(o.Row,{gutter:10,style:{maxWidth:360}},n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"}),disabledMinutes:function(e,n){if(e%15!==0)return!0},disabledHours:function(e,n,t){if(e<3)return!0}})),n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"}),disabled:!0,value:new Date(2018,1,24,4,5,35)})))}}(),179:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},o=t(2814);return function(){return n.default.createElement(o.Row,{gutter:10,style:{maxWidth:360}},n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{hideDisabled:!0,icon:n.default.createElement(o.Icon,{type:"close"}),disabledMinutes:function(e,n){if(e%15!==0)return!0},disabledHours:function(e,n,t){if(e<3)return!0}})))}}(),210:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},o=t(2814);return function(){return n.default.createElement(o.Row,{gutter:10,style:{maxWidth:360}},n.default.createElement(o.Col,{style:{width:200},fixed:!0},n.default.createElement(o.TimePicker,{icon:n.default.createElement(o.Icon,{type:"close"}),hideDisabled:!0,disabledMinutes:function(e,n){if(e%15!==0)return!0},disabledSeconds:function(e,n){if(e%15!==0)return!0}})))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    onChange: function onChange(formatDate, date) {\n      console.log(\'---\x3e\', formatDate, date);\n    }\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    format: "HH:mm",\n    precision: "minute"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    format: "HH",\n    precision: "hour"\n  })));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { TimePicker, Row, Col ,Icon} from \'uiw\';\n\nconst Demo = () => (\n  <Row gutter={10}>\n    <Col style={{ width: 200 }} fixed>\n      <TimePicker\n        icon={<Icon type="close"/>}\n        onChange={(formatDate, date) => {\n          console.log(\'---\x3e\', formatDate, date);\n        }}\n      />\n    </Col>\n    <Col style={{ width: 200 }} fixed>\n      <TimePicker  icon={<Icon type="close"/>} format="HH:mm" precision="minute" />\n    </Col>\n    <Col style={{ width: 200 }} fixed>\n      <TimePicker  icon={<Icon type="close"/>} format="HH" precision="hour" />\n    </Col>\n  </Row>\n)\nexport default Demo'},45:{name:45,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  var value = new Date(2018, 1, 24, 4, 5, 35);\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    value: value\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    value: value,\n    format: "HH:mm",\n    precision: "minute"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    value: value,\n    format: "HH",\n    precision: "hour"\n  })));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { TimePicker, Row, Col  ,Icon} from \'uiw\';\n\nconst Demo = () => {\n  const value = new Date(2018, 1, 24, 4,5,35);\n  return (\n    <Row gutter={10}>\n      <Col style={{ width: 200 }} fixed>\n        <TimePicker  icon={<Icon type="close"/>} value={value} />\n      </Col>\n      <Col style={{ width: 200 }} fixed>\n        <TimePicker  icon={<Icon type="close"/>} value={value} format="HH:mm" precision="minute" />\n      </Col>\n      <Col style={{ width: 200 }} fixed>\n        <TimePicker  icon={<Icon type="close"/>} value={value} format="HH" precision="hour" />\n      </Col>\n    </Row>\n  )\n}\nexport default Demo'},70:{name:70,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  var value = new Date(2018, 1, 24, 4, 5, 35);\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    size: "small",\n    value: value\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    value: value,\n    format: "HH",\n    precision: "hour"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    size: "large",\n    value: value,\n    format: "HH:mm",\n    precision: "minute"\n  })));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { TimePicker, Row, Col ,Icon } from \'uiw\';\n\nconst Demo = () => {\n  const value = new Date(2018, 1, 24, 4,5,35);\n  return (\n    <Row gutter={10}>\n      <Col style={{ width: 200 }} fixed>\n        <TimePicker  icon={<Icon type="close"/>} size="small" value={value} />\n      </Col>\n      <Col style={{ width: 200 }} fixed>\n        <TimePicker  icon={<Icon type="close"/>} value={value} format="HH" precision="hour" />\n      </Col>\n      <Col style={{ width: 200 }} fixed>\n        <TimePicker  icon={<Icon type="close"/>} size="large" value={value} format="HH:mm" precision="minute" />\n      </Col>\n    </Row>\n  )\n}\nexport default Demo'},97:{name:97,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n      console.log(\'--\x3e>\', initial, current);\n\n      if (current.date) {\n        _uiw.Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: "\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A".concat(formatter(\'HH:mm:ss\', current.date))\n        });\n      } else {\n        _uiw.Notify.error({\n          title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n          description: /*#__PURE__*/_react["default"].createElement("span", null, "\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A", /*#__PURE__*/_react["default"].createElement("b", null, "\\u7A7A"), "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n        });\n      }\n    },\n    fields: {\n      date: {\n        labelClassName: \'fieldLabel\',\n        labelFor: \'date-inline\',\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n          icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n            type: "close"\n          })\n        })\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n        state = _ref2.state,\n        canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n      style: {\n        width: 200\n      },\n      fixed: true\n    }, fields.date), /*#__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")));\n  }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { TimePicker, Notify, Row, Col, Form, Button ,Icon } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Form\n      onSubmit={({initial, current}) => {\n        console.log('--\x3e>', initial, current);\n        if(current.date) {\n          Notify.success({\n            title: '\u63d0\u4ea4\u6210\u529f\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${formatter('HH:mm:ss', current.date)}`,\n          });\n        } else {\n          Notify.error({\n            title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n            description: <span>\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a<b>\u7a7a</b>\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01</span>,\n          });\n        }\n      }}\n      fields={{\n        date: {\n          labelClassName: 'fieldLabel',\n          labelFor: 'date-inline',\n          children: <TimePicker  icon={<Icon type=\"close\"/>} />\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <Row gutter={10}>\n            <Col style={{ width: 200 }} fixed>{fields.date}</Col>\n            <Col>\n              <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n            </Col>\n          </Row>\n        )\n      }}\n    </Form>\n  </div>\n)\nexport default Demo"},146:{name:146,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      maxWidth: 360\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    disabledMinutes: function disabledMinutes(minute, type) {\n      if (minute % 15 !== 0) {\n        return true;\n      }\n    },\n    disabledHours: function disabledHours(hour, type, date) {\n      // console.log(\'~~:\', hour, type, date);\n      if (hour < 3) {\n        return true;\n      }\n    }\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    disabled: true,\n    value: new Date(2018, 1, 24, 4, 5, 35)\n  })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { TimePicker, Row, Col  ,Icon} from 'uiw';\n\nconst Demo = () => (\n  <Row gutter={10} style={{ maxWidth: 360 }}>\n      <Col style={{ width: 200 }} fixed>\n      <TimePicker  icon={<Icon type=\"close\"/>}\n        disabledMinutes={(minute, type) => {\n          if (minute % 15 !== 0) {\n            return true;\n          }\n        }}\n        disabledHours={(hour, type, date) => {\n          // console.log('~~:', hour, type, date);\n          if (hour < 3) {\n            return true;\n          }\n        }}\n      />\n    </Col>\n    <Col style={{ width: 200 }} fixed>\n      <TimePicker  icon={<Icon type=\"close\"/>}disabled value={new Date(2018, 1, 24, 4,5,35)} />\n    </Col>\n  </Row>\n)\nexport default Demo"},179:{name:179,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      maxWidth: 360\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    hideDisabled: true,\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    disabledMinutes: function disabledMinutes(minute, type) {\n      if (minute % 15 !== 0) {\n        return true;\n      }\n    },\n    disabledHours: function disabledHours(hour, type, date) {\n      // console.log(\'~~:\', hour, type, date);\n      if (hour < 3) {\n        return true;\n      }\n    }\n  })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { TimePicker, Row, Col  ,Icon} from 'uiw';\n\nconst Demo = () => (\n  <Row gutter={10} style={{ maxWidth: 360 }}>\n    <Col style={{ width: 200 }} fixed>\n      <TimePicker\n        hideDisabled  icon={<Icon type=\"close\"/>}\n        disabledMinutes={(minute, type) => {\n          if (minute % 15 !== 0) {\n            return true;\n          }\n        }}\n        disabledHours={(hour, type, date) => {\n          // console.log('~~:', hour, type, date);\n          if (hour < 3) {\n            return true;\n          }\n        }}\n      />\n    </Col>\n  </Row>\n)\nexport default Demo"},210:{name:210,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      maxWidth: 360\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.TimePicker, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "close"\n    }),\n    hideDisabled: true,\n    disabledMinutes: function disabledMinutes(minute, date) {\n      if (minute % 15 !== 0) {\n        return true;\n      }\n    },\n    disabledSeconds: function disabledSeconds(second, date) {\n      if (second % 15 !== 0) {\n        return true;\n      }\n    }\n  })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { TimePicker, Row, Col  ,Icon} from 'uiw';\n\nconst Demo = () => (\n  <Row gutter={10} style={{ maxWidth: 360 }}>\n    <Col style={{ width: 200 }} fixed>\n      <TimePicker  icon={<Icon type=\"close\"/>}\n        hideDisabled\n        disabledMinutes={(minute, date) => {\n          if (minute % 15 !== 0) {\n            return true;\n          }\n        }}\n        disabledSeconds={(second, date) => {\n          if (second % 15 !== 0) {\n            return true;\n          }\n        }}\n      />\n    </Col>\n  </Row>\n)\nexport default Demo"}},source:'TimePicker \u65f6\u95f4\u9009\u62e9\u5668\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-time-picker/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-time-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-time-picker)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-time-picker.svg?label=@uiw/react-time-picker)](https://npmjs.com/@uiw/react-time-picker)\n\n\u5f53\u7528\u6237\u9700\u8981\u8f93\u5165\u4e00\u4e2a\u65f6\u95f4\uff0c\u53ef\u4ee5\u70b9\u51fb\u6807\u51c6\u8f93\u5165\u6846\uff0c\u5f39\u51fa\u65f6\u95f4\u9762\u677f\u8fdb\u884c\u9009\u62e9\u3002\n\n```jsx\nimport { TimePicker } from \'uiw\';\n// or\nimport TimePicker from \'@uiw/react-time-picker\';\n```\n\n## \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { TimePicker, Row, Col ,Icon} from \'uiw\';\n\nconst Demo = () => (\n  <Row gutter={10}>\n    <Col style={{ width: 200 }} fixed>\n      <TimePicker\n        icon={<Icon type="close"/>}\n        onChange={(formatDate, date) => {\n          console.log(\'---\x3e\', formatDate, date);\n        }}\n      />\n    </Col>\n    <Col style={{ width: 200 }} fixed>\n      <TimePicker  icon={<Icon type="close"/>} format="HH:mm" precision="minute" />\n    </Col>\n    <Col style={{ width: 200 }} fixed>\n      <TimePicker  icon={<Icon type="close"/>} format="HH" precision="hour" />\n    </Col>\n  </Row>\n)\nexport default Demo\n```\n\n## \u8bbe\u7f6e\u521d\u59cb\u503c\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { TimePicker, Row, Col  ,Icon} from \'uiw\';\n\nconst Demo = () => {\n  const value = new Date(2018, 1, 24, 4,5,35);\n  return (\n    <Row gutter={10}>\n      <Col style={{ width: 200 }} fixed>\n        <TimePicker  icon={<Icon type="close"/>} value={value} />\n      </Col>\n      <Col style={{ width: 200 }} fixed>\n        <TimePicker  icon={<Icon type="close"/>} value={value} format="HH:mm" precision="minute" />\n      </Col>\n      <Col style={{ width: 200 }} fixed>\n        <TimePicker  icon={<Icon type="close"/>} value={value} format="HH" precision="hour" />\n      </Col>\n    </Row>\n  )\n}\nexport default Demo\n```\n\n## \u8bbe\u7f6e\u6309\u94ae\u5927\u5c0f\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { TimePicker, Row, Col ,Icon } from \'uiw\';\n\nconst Demo = () => {\n  const value = new Date(2018, 1, 24, 4,5,35);\n  return (\n    <Row gutter={10}>\n      <Col style={{ width: 200 }} fixed>\n        <TimePicker  icon={<Icon type="close"/>} size="small" value={value} />\n      </Col>\n      <Col style={{ width: 200 }} fixed>\n        <TimePicker  icon={<Icon type="close"/>} value={value} format="HH" precision="hour" />\n      </Col>\n      <Col style={{ width: 200 }} fixed>\n        <TimePicker  icon={<Icon type="close"/>} size="large" value={value} format="HH:mm" precision="minute" />\n      </Col>\n    </Row>\n  )\n}\nexport default Demo\n```\n\n## \u8868\u5355\u4e2d\u5e94\u7528\n\n\u5728\u8868\u5355\u8fd4\u56de\u7684\u6570\u636e\uff0c\u5e76\u6ca1\u6709\u5c06 `format` \u683c\u5f0f\u5316\u540e\u7684\u6570\u636e\u8fd4\u56de\u7ed9\u4f60\uff0c\u800c\u662f\u8fd4\u56de\u7684\u4e00\u4e2a `Date`\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7 [`formatter`](#/components/formatter) \u91cd\u65b0\u683c\u5f0f\u5316\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { TimePicker, Notify, Row, Col, Form, Button ,Icon } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Form\n      onSubmit={({initial, current}) => {\n        console.log(\'--\x3e>\', initial, current);\n        if(current.date) {\n          Notify.success({\n            title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${formatter(\'HH:mm:ss\', current.date)}`,\n          });\n        } else {\n          Notify.error({\n            title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n            description: <span>\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a<b>\u7a7a</b>\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01</span>,\n          });\n        }\n      }}\n      fields={{\n        date: {\n          labelClassName: \'fieldLabel\',\n          labelFor: \'date-inline\',\n          children: <TimePicker  icon={<Icon type="close"/>} />\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <Row gutter={10}>\n            <Col style={{ width: 200 }} fixed>{fields.date}</Col>\n            <Col>\n              <Button disabled={!canSubmit()} type="primary" htmlType="submit">\u63d0\u4ea4</Button>\n            </Col>\n          </Row>\n        )\n      }}\n    </Form>\n  </div>\n)\nexport default Demo\n```\n\n## \u7981\u7528\n\n\u53ef\u4ee5\u4f7f\u7528 `disabledHours` `disabledMinutes` `disabledSeconds` \u7981\u7528\u90e8\u5206\u65f6\u95f4\u9009\u62e9\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { TimePicker, Row, Col  ,Icon} from \'uiw\';\n\nconst Demo = () => (\n  <Row gutter={10} style={{ maxWidth: 360 }}>\n      <Col style={{ width: 200 }} fixed>\n      <TimePicker  icon={<Icon type="close"/>}\n        disabledMinutes={(minute, type) => {\n          if (minute % 15 !== 0) {\n            return true;\n          }\n        }}\n        disabledHours={(hour, type, date) => {\n          // console.log(\'~~:\', hour, type, date);\n          if (hour < 3) {\n            return true;\n          }\n        }}\n      />\n    </Col>\n    <Col style={{ width: 200 }} fixed>\n      <TimePicker  icon={<Icon type="close"/>}disabled value={new Date(2018, 1, 24, 4,5,35)} />\n    </Col>\n  </Row>\n)\nexport default Demo\n```\n\n## \u4e0d\u663e\u793a\u7981\u7528\n\n\u53ef\u4ee5\u4f7f\u7528 `hideDisabled` \u5c06\u7981\u7528\u7684\u90e8\u5206\u65f6\u95f4\u9690\u85cf\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { TimePicker, Row, Col  ,Icon} from \'uiw\';\n\nconst Demo = () => (\n  <Row gutter={10} style={{ maxWidth: 360 }}>\n    <Col style={{ width: 200 }} fixed>\n      <TimePicker\n        hideDisabled  icon={<Icon type="close"/>}\n        disabledMinutes={(minute, type) => {\n          if (minute % 15 !== 0) {\n            return true;\n          }\n        }}\n        disabledHours={(hour, type, date) => {\n          // console.log(\'~~:\', hour, type, date);\n          if (hour < 3) {\n            return true;\n          }\n        }}\n      />\n    </Col>\n  </Row>\n)\nexport default Demo\n```\n\n## \u95f4\u9694\u65f6\u95f4\n\n\u53ef\u4ee5\u4f7f\u7528 `hideDisabled` \u5c06\u7981\u7528\u7684\u90e8\u5206\u65f6\u95f4\u9690\u85cf\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { TimePicker, Row, Col  ,Icon} from \'uiw\';\n\nconst Demo = () => (\n  <Row gutter={10} style={{ maxWidth: 360 }}>\n    <Col style={{ width: 200 }} fixed>\n      <TimePicker  icon={<Icon type="close"/>}\n        hideDisabled\n        disabledMinutes={(minute, date) => {\n          if (minute % 15 !== 0) {\n            return true;\n          }\n        }}\n        disabledSeconds={(second, date) => {\n          if (second % 15 !== 0) {\n            return true;\n          }\n        }}\n      />\n    </Col>\n  </Row>\n)\nexport default Demo\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| value | \u521d\u59cb\u65f6\u95f4\u503c | Date | - |\n| placeholder | \u8f93\u5165\u6846\u63d0\u793a\u6587\u5b57 | String | - |\n| format | \u683c\u5f0f\u5316\u65f6\u95f4\uff0c\u89c4\u5219\u67e5\u770b [`formatter`](#/components/formatter) \u6587\u6863 | Function | `HH:mm:ss` |\n| precision | \u9009\u62e9\u65f6\u95f4\u7cbe\u786e\u5ea6 | Enum{`hour`, `minute`, `second`} | `false` |\n| disabled | \u7981\u7528\u5168\u90e8\u64cd\u4f5c | Boolean | `false` |\n| disabledHours | \u7981\u6b62\u9009\u62e9\u90e8\u5206\u5c0f\u65f6\u9009\u9879 | Function(hour, <br/>type{`Hours`, `Minutes`, `Seconds`}, <br/>selectedDate) | - |\n| disabledMinutes | \u7981\u6b62\u9009\u62e9\u90e8\u5206\u5206\u949f\u9009\u9879 | Function(minute, <br/>type{`Hours`, `Minutes`, `Seconds`}, <br/>selectedDate) | - |\n| disabledSeconds | \u7981\u6b62\u9009\u62e9\u90e8\u5206\u79d2\u9009\u9879 | Function(second, <br/>type{`Hours`, `Minutes`, `Seconds`}, <br/>selectedDate) | - |\n| hideDisabled | \u4e0d\u53ef\u9009\u62e9\u7684\u9879\u9690\u85cf | Boolean | `false` |\n| onChange | \u65f6\u95f4\u9009\u62e9\u7684\u56de\u8c03\u51fd\u6570 | Function(formatDate, Date, <br/>type{`Hours`, `Minutes`, `Seconds`}, <br/>, num, disableds) | - |\n\n`uiw@3.3.0+` \u7ec4\u4ef6\u96c6\u6210\u90e8\u5206 Input\uff0c\u4e0d\u518d\u901a\u8fc7 inputProps \u5c5e\u6027\u4f20\u503c\uff0c\u66f4\u591a\u5c5e\u6027\u8bf7\u53c2\u8003 [Input](#/components/input)\n\n## ~~Props.inputProps~~\n\n`uiw@3.3.0+` \u5c06\u4e0d\u652f\u6301\u6b64\u5c5e\u6027\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| ~~inputProps~~ | ~~\u5c06\u53c2\u6570\u4f20\u9012\u7ed9 [`<Input>`](#/components/input) \u7ec4\u4ef6~~ | `Object` | - |\n\n## Props.popoverProps\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| popoverProps | \u5c06\u53c2\u6570\u4f20\u9012\u7ed9 [`<Popover>`](#/components/popover) \u7ec4\u4ef6 | `Object` | - |\n'}}}]);
-//# sourceMappingURL=4307.194c608d.chunk.js.map

package/web/static/js/4364.5ede0267.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4364],{4364:function(e,t,n){n.r(t),t.default={components:{18: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(8133))&&t.__esModule?t:{default:t},u=n(2814),o=n(1785);function l(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 i(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,r.key,r)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function s(e){var t=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 n,r=f(e);if(t){var u=f(this).constructor;n=Reflect.construct(r,arguments,u)}else n=r.apply(this,arguments);return c(this,n)}}function c(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)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(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)}(p,e);var t,n,c,f=s(p);function p(){var e;return l(this,p),(e=f.call(this)).state={visible:!1},e}return t=p,(n=[{key:"onClick",value:function(){this.setState({visible:!this.state.visible})}},{key:"onClose",value:function(){this.setState({visible:!1})}},{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(u.Drawer,{title:"\u62bd\u5c49\u6807\u9898",isOpen:this.state.visible,onClose:this.onClose.bind(this),icon:r.default.createElement(o.Information,{style:{width:16}})},"React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002",r.default.createElement("br",null),r.default.createElement("br",null),"\u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002",r.default.createElement("br",null),r.default.createElement("br",null),"\u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002",r.default.createElement("br",null),r.default.createElement("br",null),"\u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002",r.default.createElement("br",null),r.default.createElement("br",null),"\u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002",r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("b",null,"\u7ec4\u4ef6"),r.default.createElement("br",null),r.default.createElement("br",null),"React \u7ec4\u4ef6\u4f7f\u7528\u4e00\u4e2a\u540d\u4e3a render() \u7684\u65b9\u6cd5\uff0c \u63a5\u6536\u6570\u636e\u4f5c\u4e3a\u8f93\u5165\uff0c\u8f93\u51fa\u9875\u9762\u4e2d\u5bf9\u5e94\u5c55\u793a\u7684\u5185\u5bb9\u3002 \u4e0b\u9762\u8fd9\u4e2a\u793a\u4f8b\u4e2d\u7c7b\u4f3cXML\u7684\u5199\u6cd5\u88ab\u79f0\u4e3aJSX. \u8f93\u5165\u7684\u6570\u636e\u901a\u8fc7 this.props \u4f20\u5165 render() \u65b9\u6cd5\u3002"),r.default.createElement(u.ButtonGroup,null,r.default.createElement(u.Button,{onClick:this.onClick.bind(this)},"\u6253\u5f00\u62bd\u5c49")))}}])&&i(t.prototype,n),c&&i(t,c),Object.defineProperty(t,"prototype",{writable:!1}),p}(r.default.Component)}(),71: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(8133))&&t.__esModule?t:{default:t},u=n(2814),o=n(1785);function l(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 i(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,r.key,r)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function s(e){var t=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 n,r=f(e);if(t){var u=f(this).constructor;n=Reflect.construct(r,arguments,u)}else n=r.apply(this,arguments);return c(this,n)}}function c(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)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(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)}(p,e);var t,n,c,f=s(p);function p(){var e;return l(this,p),(e=f.call(this)).state={visible:!1,placement:null},e}return t=p,(n=[{key:"onClick",value:function(e){this.setState({visible:!this.state.visible,placement:e})}},{key:"onClose",value:function(){this.setState({visible:!1})}},{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(u.Drawer,{title:"\u62bd\u5c49\u6807\u9898",icon:r.default.createElement(o.Information,{style:{width:16}}),placement:this.state.placement,isOpen:this.state.visible,footer:"\u9875\u811a\uff0c\u53ef\u4ee5\u653e\u70b9\u5185\u5bb9",onClose:this.onClose.bind(this)},"React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002",r.default.createElement("br",null),r.default.createElement("br",null),"\u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002",r.default.createElement("br",null),r.default.createElement("br",null),"\u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002",r.default.createElement("br",null),r.default.createElement("br",null),"\u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002",r.default.createElement("br",null),r.default.createElement("br",null),"\u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002",r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("b",null,"\u7ec4\u4ef6"),"'top', 'right', 'bottom', 'left'"),r.default.createElement(u.ButtonGroup,null,r.default.createElement(u.Button,{onClick:this.onClick.bind(this,"left")},"Left"),r.default.createElement(u.Button,{onClick:this.onClick.bind(this,"top")},"Top"),r.default.createElement(u.Button,{onClick:this.onClick.bind(this,"bottom")},"Bottom"),r.default.createElement(u.Button,{onClick:this.onClick.bind(this,"right")},"Right")))}}])&&i(t.prototype,n),c&&i(t,c),Object.defineProperty(t,"prototype",{writable:!1}),p}(r.default.Component)}(),129: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(8133))&&t.__esModule?t:{default:t},u=n(2814);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 l(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,r.key,r)}}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function a(e){var t=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 n,r=c(e);if(t){var u=c(this).constructor;n=Reflect.construct(r,arguments,u)}else n=r.apply(this,arguments);return s(this,n)}}function s(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)}function c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(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&&i(e,t)}(f,e);var t,n,s,c=a(f);function f(){var e;return o(this,f),(e=c.call(this)).state={visible:!1},e}return t=f,(n=[{key:"onClick",value:function(){this.setState({visible:!this.state.visible})}},{key:"onClose",value:function(){this.setState({visible:!1})}},{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(u.Drawer,{title:"\u62bd\u5c49\u6807\u9898",isOpen:this.state.visible,onClose:this.onClose.bind(this),footer:r.default.createElement("div",null,r.default.createElement(u.Button,{size:"small",type:"danger",onClick:this.onClick.bind(this)},"\u5173\u95ed\u62bd\u5c49"),r.default.createElement(u.Button,{size:"small",type:"success"},"\u5176\u5b83"))},"React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002",r.default.createElement("br",null),r.default.createElement("br",null),"\u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002",r.default.createElement("br",null),r.default.createElement("br",null),"\u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002",r.default.createElement("br",null),r.default.createElement("br",null),"\u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002",r.default.createElement("br",null),r.default.createElement("br",null),"\u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002",r.default.createElement("br",null),r.default.createElement("br",null),r.default.createElement("b",null,"\u7ec4\u4ef6"),r.default.createElement("br",null),r.default.createElement("br",null),"React \u7ec4\u4ef6\u4f7f\u7528\u4e00\u4e2a\u540d\u4e3a render() \u7684\u65b9\u6cd5\uff0c \u63a5\u6536\u6570\u636e\u4f5c\u4e3a\u8f93\u5165\uff0c\u8f93\u51fa\u9875\u9762\u4e2d\u5bf9\u5e94\u5c55\u793a\u7684\u5185\u5bb9\u3002 \u4e0b\u9762\u8fd9\u4e2a\u793a\u4f8b\u4e2d\u7c7b\u4f3cXML\u7684\u5199\u6cd5\u88ab\u79f0\u4e3aJSX. \u8f93\u5165\u7684\u6570\u636e\u901a\u8fc7 this.props \u4f20\u5165 render() \u65b9\u6cd5\u3002"),r.default.createElement(u.ButtonGroup,null,r.default.createElement(u.Button,{onClick:this.onClick.bind(this)},"\u6253\u5f00\u62bd\u5c49")))}}])&&l(t.prototype,n),s&&l(t,s),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component)}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},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; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nvar _Information = require("@uiw/icons/lib/Information");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\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); }; }\n\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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\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; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      visible: false\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClick",\n    value: function onClick() {\n      this.setState({\n        visible: !this.state.visible\n      });\n    }\n  }, {\n    key: "onClose",\n    value: function onClose() {\n      this.setState({\n        visible: false\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Drawer, {\n        title: "\\u62BD\\u5C49\\u6807\\u9898",\n        isOpen: this.state.visible,\n        onClose: this.onClose.bind(this),\n        icon: /*#__PURE__*/_react["default"].createElement(_Information.Information, {\n          style: {\n            width: 16\n          }\n        })\n      }, "React \\u53EF\\u4EE5\\u975E\\u5E38\\u8F7B\\u677E\\u5730\\u521B\\u5EFA\\u7528\\u6237\\u4EA4\\u4E92\\u754C\\u9762\\u3002\\u4E3A\\u4F60\\u5E94\\u7528\\u7684\\u6BCF\\u4E00\\u4E2A\\u72B6\\u6001\\u8BBE\\u8BA1\\u7B80\\u6D01\\u7684\\u89C6\\u56FE\\uFF0C\\u5728\\u6570\\u636E\\u6539\\u53D8\\u65F6 React \\u4E5F\\u53EF\\u4EE5\\u9AD8\\u6548\\u5730\\u66F4\\u65B0\\u6E32\\u67D3\\u754C\\u9762\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\\u4EE5\\u58F0\\u660E\\u5F0F\\u7F16\\u5199UI\\uFF0C\\u53EF\\u4EE5\\u8BA9\\u4F60\\u7684\\u4EE3\\u7801\\u66F4\\u52A0\\u53EF\\u9760\\uFF0C\\u4E14\\u65B9\\u4FBF\\u8C03\\u8BD5\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\\u521B\\u5EFA\\u597D\\u62E5\\u6709\\u5404\\u81EA\\u72B6\\u6001\\u7684\\u7EC4\\u4EF6\\uFF0C\\u518D\\u7531\\u7EC4\\u4EF6\\u6784\\u6210\\u66F4\\u52A0\\u590D\\u6742\\u7684\\u754C\\u9762\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\\u65E0\\u9700\\u518D\\u7528\\u6A21\\u7248\\u4EE3\\u7801\\uFF0C\\u901A\\u8FC7\\u4F7F\\u7528JavaScript\\u7F16\\u5199\\u7684\\u7EC4\\u4EF6\\u4F60\\u53EF\\u4EE5\\u66F4\\u597D\\u5730\\u4F20\\u9012\\u6570\\u636E\\uFF0C\\u5C06\\u5E94\\u7528\\u72B6\\u6001\\u548CDOM\\u62C6\\u5206\\u5F00\\u6765\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\\u65E0\\u8BBA\\u4F60\\u73B0\\u5728\\u6B63\\u5728\\u4F7F\\u7528\\u4EC0\\u4E48\\u6280\\u672F\\u6808\\uFF0C\\u4F60\\u90FD\\u53EF\\u4EE5\\u968F\\u65F6\\u5F15\\u5165 React \\u5F00\\u53D1\\u65B0\\u7279\\u6027\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("b", null, "\\u7EC4\\u4EF6"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "React \\u7EC4\\u4EF6\\u4F7F\\u7528\\u4E00\\u4E2A\\u540D\\u4E3A render() \\u7684\\u65B9\\u6CD5\\uFF0C \\u63A5\\u6536\\u6570\\u636E\\u4F5C\\u4E3A\\u8F93\\u5165\\uFF0C\\u8F93\\u51FA\\u9875\\u9762\\u4E2D\\u5BF9\\u5E94\\u5C55\\u793A\\u7684\\u5185\\u5BB9\\u3002 \\u4E0B\\u9762\\u8FD9\\u4E2A\\u793A\\u4F8B\\u4E2D\\u7C7B\\u4F3CXML\\u7684\\u5199\\u6CD5\\u88AB\\u79F0\\u4E3AJSX. \\u8F93\\u5165\\u7684\\u6570\\u636E\\u901A\\u8FC7 this.props \\u4F20\\u5165 render() \\u65B9\\u6CD5\\u3002"), /*#__PURE__*/_react["default"].createElement(_uiw.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        onClick: this.onClick.bind(this)\n      }, "\\u6253\\u5F00\\u62BD\\u5C49")));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Drawer, ButtonGroup, Button } from 'uiw';\nimport { Information } from '@uiw/icons/lib/Information'\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      visible: false,\n    }\n  }\n  onClick() {\n    this.setState({ visible: !this.state.visible });\n  }\n  onClose() {\n    this.setState({ visible: false });\n  }\n  render() {\n    return (\n      <div>\n        <Drawer\n          title=\"\u62bd\u5c49\u6807\u9898\"\n          isOpen={this.state.visible}\n          onClose={this.onClose.bind(this)}\n          icon={<Information style={{ width: 16 }}/>}\n        >\n          React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002\n          <br /><br />\n          \u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002\n          <br /><br />\n          \u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002\n          <br /><br />\n          \u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002\n          <br /><br />\n          \u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002\n          <br /><br />\n          <b>\u7ec4\u4ef6</b>\n          <br /><br />\n          React \u7ec4\u4ef6\u4f7f\u7528\u4e00\u4e2a\u540d\u4e3a render() \u7684\u65b9\u6cd5\uff0c \u63a5\u6536\u6570\u636e\u4f5c\u4e3a\u8f93\u5165\uff0c\u8f93\u51fa\u9875\u9762\u4e2d\u5bf9\u5e94\u5c55\u793a\u7684\u5185\u5bb9\u3002 \u4e0b\u9762\u8fd9\u4e2a\u793a\u4f8b\u4e2d\u7c7b\u4f3cXML\u7684\u5199\u6cd5\u88ab\u79f0\u4e3aJSX. \u8f93\u5165\u7684\u6570\u636e\u901a\u8fc7 this.props \u4f20\u5165 render() \u65b9\u6cd5\u3002\n        </Drawer>\n        <ButtonGroup>\n          <Button onClick={this.onClick.bind(this)}>\u6253\u5f00\u62bd\u5c49</Button>\n        </ButtonGroup>\n      </div>\n    )\n  }\n}\nexport default Demo"},71:{name:71,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},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; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nvar _Information = require("@uiw/icons/lib/Information");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\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); }; }\n\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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\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; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      visible: false,\n      placement: null\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClick",\n    value: function onClick(placement) {\n      this.setState({\n        visible: !this.state.visible,\n        placement: placement\n      });\n    }\n  }, {\n    key: "onClose",\n    value: function onClose() {\n      this.setState({\n        visible: false\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Drawer, {\n        title: "\\u62BD\\u5C49\\u6807\\u9898",\n        icon: /*#__PURE__*/_react["default"].createElement(_Information.Information, {\n          style: {\n            width: 16\n          }\n        }),\n        placement: this.state.placement,\n        isOpen: this.state.visible,\n        footer: "\\u9875\\u811A\\uFF0C\\u53EF\\u4EE5\\u653E\\u70B9\\u5185\\u5BB9",\n        onClose: this.onClose.bind(this)\n      }, "React \\u53EF\\u4EE5\\u975E\\u5E38\\u8F7B\\u677E\\u5730\\u521B\\u5EFA\\u7528\\u6237\\u4EA4\\u4E92\\u754C\\u9762\\u3002\\u4E3A\\u4F60\\u5E94\\u7528\\u7684\\u6BCF\\u4E00\\u4E2A\\u72B6\\u6001\\u8BBE\\u8BA1\\u7B80\\u6D01\\u7684\\u89C6\\u56FE\\uFF0C\\u5728\\u6570\\u636E\\u6539\\u53D8\\u65F6 React \\u4E5F\\u53EF\\u4EE5\\u9AD8\\u6548\\u5730\\u66F4\\u65B0\\u6E32\\u67D3\\u754C\\u9762\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\\u4EE5\\u58F0\\u660E\\u5F0F\\u7F16\\u5199UI\\uFF0C\\u53EF\\u4EE5\\u8BA9\\u4F60\\u7684\\u4EE3\\u7801\\u66F4\\u52A0\\u53EF\\u9760\\uFF0C\\u4E14\\u65B9\\u4FBF\\u8C03\\u8BD5\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\\u521B\\u5EFA\\u597D\\u62E5\\u6709\\u5404\\u81EA\\u72B6\\u6001\\u7684\\u7EC4\\u4EF6\\uFF0C\\u518D\\u7531\\u7EC4\\u4EF6\\u6784\\u6210\\u66F4\\u52A0\\u590D\\u6742\\u7684\\u754C\\u9762\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\\u65E0\\u9700\\u518D\\u7528\\u6A21\\u7248\\u4EE3\\u7801\\uFF0C\\u901A\\u8FC7\\u4F7F\\u7528JavaScript\\u7F16\\u5199\\u7684\\u7EC4\\u4EF6\\u4F60\\u53EF\\u4EE5\\u66F4\\u597D\\u5730\\u4F20\\u9012\\u6570\\u636E\\uFF0C\\u5C06\\u5E94\\u7528\\u72B6\\u6001\\u548CDOM\\u62C6\\u5206\\u5F00\\u6765\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\\u65E0\\u8BBA\\u4F60\\u73B0\\u5728\\u6B63\\u5728\\u4F7F\\u7528\\u4EC0\\u4E48\\u6280\\u672F\\u6808\\uFF0C\\u4F60\\u90FD\\u53EF\\u4EE5\\u968F\\u65F6\\u5F15\\u5165 React \\u5F00\\u53D1\\u65B0\\u7279\\u6027\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("b", null, "\\u7EC4\\u4EF6"), "\'top\', \'right\', \'bottom\', \'left\'"), /*#__PURE__*/_react["default"].createElement(_uiw.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        onClick: this.onClick.bind(this, \'left\')\n      }, "Left"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        onClick: this.onClick.bind(this, \'top\')\n      }, "Top"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        onClick: this.onClick.bind(this, \'bottom\')\n      }, "Bottom"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        onClick: this.onClick.bind(this, \'right\')\n      }, "Right")));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Drawer, ButtonGroup, Button } from 'uiw';\nimport { Information } from '@uiw/icons/lib/Information'\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      visible: false,\n      placement: null,\n    }\n  }\n  onClick(placement) {\n    this.setState({ visible: !this.state.visible, placement });\n  }\n  onClose() {\n    this.setState({ visible: false });\n  }\n  render() {\n    return (\n      <div>\n        <Drawer\n          title=\"\u62bd\u5c49\u6807\u9898\"\n          icon={<Information style={{ width: 16 }}/>}\n          placement={this.state.placement}\n          isOpen={this.state.visible}\n          footer=\"\u9875\u811a\uff0c\u53ef\u4ee5\u653e\u70b9\u5185\u5bb9\"\n          onClose={this.onClose.bind(this)}\n        >\n          React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002\n          <br /><br />\n          \u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002\n          <br /><br />\n          \u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002\n          <br /><br />\n          \u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002\n          <br /><br />\n          \u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002\n          <br /><br />\n          <b>\u7ec4\u4ef6</b>'top', 'right', 'bottom', 'left'\n        </Drawer>\n        <ButtonGroup>\n          <Button onClick={this.onClick.bind(this, 'left')}>Left</Button>\n          <Button onClick={this.onClick.bind(this, 'top')}>Top</Button>\n          <Button onClick={this.onClick.bind(this, 'bottom')}>Bottom</Button>\n          <Button onClick={this.onClick.bind(this, 'right')}>Right</Button>\n        </ButtonGroup>\n      </div>\n    )\n  }\n}\nexport default Demo"},129:{name:129,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},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; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\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); }; }\n\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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\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; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      visible: false\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClick",\n    value: function onClick() {\n      this.setState({\n        visible: !this.state.visible\n      });\n    }\n  }, {\n    key: "onClose",\n    value: function onClose() {\n      this.setState({\n        visible: false\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Drawer, {\n        title: "\\u62BD\\u5C49\\u6807\\u9898",\n        isOpen: this.state.visible,\n        onClose: this.onClose.bind(this),\n        footer: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          size: "small",\n          type: "danger",\n          onClick: this.onClick.bind(this)\n        }, "\\u5173\\u95ED\\u62BD\\u5C49"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          size: "small",\n          type: "success"\n        }, "\\u5176\\u5B83"))\n      }, "React \\u53EF\\u4EE5\\u975E\\u5E38\\u8F7B\\u677E\\u5730\\u521B\\u5EFA\\u7528\\u6237\\u4EA4\\u4E92\\u754C\\u9762\\u3002\\u4E3A\\u4F60\\u5E94\\u7528\\u7684\\u6BCF\\u4E00\\u4E2A\\u72B6\\u6001\\u8BBE\\u8BA1\\u7B80\\u6D01\\u7684\\u89C6\\u56FE\\uFF0C\\u5728\\u6570\\u636E\\u6539\\u53D8\\u65F6 React \\u4E5F\\u53EF\\u4EE5\\u9AD8\\u6548\\u5730\\u66F4\\u65B0\\u6E32\\u67D3\\u754C\\u9762\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\\u4EE5\\u58F0\\u660E\\u5F0F\\u7F16\\u5199UI\\uFF0C\\u53EF\\u4EE5\\u8BA9\\u4F60\\u7684\\u4EE3\\u7801\\u66F4\\u52A0\\u53EF\\u9760\\uFF0C\\u4E14\\u65B9\\u4FBF\\u8C03\\u8BD5\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\\u521B\\u5EFA\\u597D\\u62E5\\u6709\\u5404\\u81EA\\u72B6\\u6001\\u7684\\u7EC4\\u4EF6\\uFF0C\\u518D\\u7531\\u7EC4\\u4EF6\\u6784\\u6210\\u66F4\\u52A0\\u590D\\u6742\\u7684\\u754C\\u9762\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\\u65E0\\u9700\\u518D\\u7528\\u6A21\\u7248\\u4EE3\\u7801\\uFF0C\\u901A\\u8FC7\\u4F7F\\u7528JavaScript\\u7F16\\u5199\\u7684\\u7EC4\\u4EF6\\u4F60\\u53EF\\u4EE5\\u66F4\\u597D\\u5730\\u4F20\\u9012\\u6570\\u636E\\uFF0C\\u5C06\\u5E94\\u7528\\u72B6\\u6001\\u548CDOM\\u62C6\\u5206\\u5F00\\u6765\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "\\u65E0\\u8BBA\\u4F60\\u73B0\\u5728\\u6B63\\u5728\\u4F7F\\u7528\\u4EC0\\u4E48\\u6280\\u672F\\u6808\\uFF0C\\u4F60\\u90FD\\u53EF\\u4EE5\\u968F\\u65F6\\u5F15\\u5165 React \\u5F00\\u53D1\\u65B0\\u7279\\u6027\\u3002", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("b", null, "\\u7EC4\\u4EF6"), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "React \\u7EC4\\u4EF6\\u4F7F\\u7528\\u4E00\\u4E2A\\u540D\\u4E3A render() \\u7684\\u65B9\\u6CD5\\uFF0C \\u63A5\\u6536\\u6570\\u636E\\u4F5C\\u4E3A\\u8F93\\u5165\\uFF0C\\u8F93\\u51FA\\u9875\\u9762\\u4E2D\\u5BF9\\u5E94\\u5C55\\u793A\\u7684\\u5185\\u5BB9\\u3002 \\u4E0B\\u9762\\u8FD9\\u4E2A\\u793A\\u4F8B\\u4E2D\\u7C7B\\u4F3CXML\\u7684\\u5199\\u6CD5\\u88AB\\u79F0\\u4E3AJSX. \\u8F93\\u5165\\u7684\\u6570\\u636E\\u901A\\u8FC7 this.props \\u4F20\\u5165 render() \\u65B9\\u6CD5\\u3002"), /*#__PURE__*/_react["default"].createElement(_uiw.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        onClick: this.onClick.bind(this)\n      }, "\\u6253\\u5F00\\u62BD\\u5C49")));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Drawer, ButtonGroup, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      visible: false,\n    }\n  }\n  onClick() {\n    this.setState({ visible: !this.state.visible });\n  }\n  onClose() {\n    this.setState({ visible: false });\n  }\n  render() {\n    return (\n      <div>\n        <Drawer\n          title="\u62bd\u5c49\u6807\u9898"\n          isOpen={this.state.visible}\n          onClose={this.onClose.bind(this)}\n          footer={\n            <div>\n              <Button size="small" type="danger" onClick={this.onClick.bind(this)}>\u5173\u95ed\u62bd\u5c49</Button>\n              <Button size="small" type="success">\u5176\u5b83</Button>\n            </div>\n          }\n        >\n          React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002\n          <br /><br />\n          \u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002\n          <br /><br />\n          \u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002\n          <br /><br />\n          \u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002\n          <br /><br />\n          \u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002\n          <br /><br />\n          <b>\u7ec4\u4ef6</b>\n          <br /><br />\n          React \u7ec4\u4ef6\u4f7f\u7528\u4e00\u4e2a\u540d\u4e3a render() \u7684\u65b9\u6cd5\uff0c \u63a5\u6536\u6570\u636e\u4f5c\u4e3a\u8f93\u5165\uff0c\u8f93\u51fa\u9875\u9762\u4e2d\u5bf9\u5e94\u5c55\u793a\u7684\u5185\u5bb9\u3002 \u4e0b\u9762\u8fd9\u4e2a\u793a\u4f8b\u4e2d\u7c7b\u4f3cXML\u7684\u5199\u6cd5\u88ab\u79f0\u4e3aJSX. \u8f93\u5165\u7684\u6570\u636e\u901a\u8fc7 this.props \u4f20\u5165 render() \u65b9\u6cd5\u3002\n        </Drawer>\n        <ButtonGroup>\n          <Button onClick={this.onClick.bind(this)}>\u6253\u5f00\u62bd\u5c49</Button>\n        </ButtonGroup>\n      </div>\n    )\n  }\n}\nexport default Demo'}},source:"Drawer \u62bd\u5c49\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-drawer/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-drawer.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-drawer)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-drawer.svg?label=@uiw/react-drawer)](https://npmjs.com/@uiw/react-drawer)\n\n\u4e00\u4e2a\u4ece\u9875\u9762\u8fb9\u7f18\u6ed1\u52a8\u51fa\u6765\u7684\u6d6e\u5c42\uff0c\u53ef\u4ee5\u66ff\u4ee3 [`<Modal>`](#/components/modal) \u66f4\u591a\u6837\u7684\u5c55\u793a\u65b9\u5f0f\u3002\n\n```jsx\nimport { Drawer } from 'uiw';\n// or\nimport Drawer from '@uiw/react-drawer';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Drawer, ButtonGroup, Button } from 'uiw';\nimport { Information } from '@uiw/icons/lib/Information'\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      visible: false,\n    }\n  }\n  onClick() {\n    this.setState({ visible: !this.state.visible });\n  }\n  onClose() {\n    this.setState({ visible: false });\n  }\n  render() {\n    return (\n      <div>\n        <Drawer\n          title=\"\u62bd\u5c49\u6807\u9898\"\n          isOpen={this.state.visible}\n          onClose={this.onClose.bind(this)}\n          icon={<Information style={{ width: 16 }}/>}\n        >\n          React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002\n          <br /><br />\n          \u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002\n          <br /><br />\n          \u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002\n          <br /><br />\n          \u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002\n          <br /><br />\n          \u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002\n          <br /><br />\n          <b>\u7ec4\u4ef6</b>\n          <br /><br />\n          React \u7ec4\u4ef6\u4f7f\u7528\u4e00\u4e2a\u540d\u4e3a render() \u7684\u65b9\u6cd5\uff0c \u63a5\u6536\u6570\u636e\u4f5c\u4e3a\u8f93\u5165\uff0c\u8f93\u51fa\u9875\u9762\u4e2d\u5bf9\u5e94\u5c55\u793a\u7684\u5185\u5bb9\u3002 \u4e0b\u9762\u8fd9\u4e2a\u793a\u4f8b\u4e2d\u7c7b\u4f3cXML\u7684\u5199\u6cd5\u88ab\u79f0\u4e3aJSX. \u8f93\u5165\u7684\u6570\u636e\u901a\u8fc7 this.props \u4f20\u5165 render() \u65b9\u6cd5\u3002\n        </Drawer>\n        <ButtonGroup>\n          <Button onClick={this.onClick.bind(this)}>\u6253\u5f00\u62bd\u5c49</Button>\n        </ButtonGroup>\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n### \u663e\u793a\u4f4d\u7f6e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Drawer, ButtonGroup, Button } from 'uiw';\nimport { Information } from '@uiw/icons/lib/Information'\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      visible: false,\n      placement: null,\n    }\n  }\n  onClick(placement) {\n    this.setState({ visible: !this.state.visible, placement });\n  }\n  onClose() {\n    this.setState({ visible: false });\n  }\n  render() {\n    return (\n      <div>\n        <Drawer\n          title=\"\u62bd\u5c49\u6807\u9898\"\n          icon={<Information style={{ width: 16 }}/>}\n          placement={this.state.placement}\n          isOpen={this.state.visible}\n          footer=\"\u9875\u811a\uff0c\u53ef\u4ee5\u653e\u70b9\u5185\u5bb9\"\n          onClose={this.onClose.bind(this)}\n        >\n          React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002\n          <br /><br />\n          \u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002\n          <br /><br />\n          \u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002\n          <br /><br />\n          \u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002\n          <br /><br />\n          \u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002\n          <br /><br />\n          <b>\u7ec4\u4ef6</b>'top', 'right', 'bottom', 'left'\n        </Drawer>\n        <ButtonGroup>\n          <Button onClick={this.onClick.bind(this, 'left')}>Left</Button>\n          <Button onClick={this.onClick.bind(this, 'top')}>Top</Button>\n          <Button onClick={this.onClick.bind(this, 'bottom')}>Bottom</Button>\n          <Button onClick={this.onClick.bind(this, 'right')}>Right</Button>\n        </ButtonGroup>\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n\n### \u6dfb\u52a0\u9875\u811a\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Drawer, ButtonGroup, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      visible: false,\n    }\n  }\n  onClick() {\n    this.setState({ visible: !this.state.visible });\n  }\n  onClose() {\n    this.setState({ visible: false });\n  }\n  render() {\n    return (\n      <div>\n        <Drawer\n          title=\"\u62bd\u5c49\u6807\u9898\"\n          isOpen={this.state.visible}\n          onClose={this.onClose.bind(this)}\n          footer={\n            <div>\n              <Button size=\"small\" type=\"danger\" onClick={this.onClick.bind(this)}>\u5173\u95ed\u62bd\u5c49</Button>\n              <Button size=\"small\" type=\"success\">\u5176\u5b83</Button>\n            </div>\n          }\n        >\n          React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002\n          <br /><br />\n          \u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002\n          <br /><br />\n          \u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002\n          <br /><br />\n          \u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002\n          <br /><br />\n          \u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002\n          <br /><br />\n          <b>\u7ec4\u4ef6</b>\n          <br /><br />\n          React \u7ec4\u4ef6\u4f7f\u7528\u4e00\u4e2a\u540d\u4e3a render() \u7684\u65b9\u6cd5\uff0c \u63a5\u6536\u6570\u636e\u4f5c\u4e3a\u8f93\u5165\uff0c\u8f93\u51fa\u9875\u9762\u4e2d\u5bf9\u5e94\u5c55\u793a\u7684\u5185\u5bb9\u3002 \u4e0b\u9762\u8fd9\u4e2a\u793a\u4f8b\u4e2d\u7c7b\u4f3cXML\u7684\u5199\u6cd5\u88ab\u79f0\u4e3aJSX. \u8f93\u5165\u7684\u6570\u636e\u901a\u8fc7 this.props \u4f20\u5165 render() \u65b9\u6cd5\u3002\n        </Drawer>\n        <ButtonGroup>\n          <Button onClick={this.onClick.bind(this)}>\u6253\u5f00\u62bd\u5c49</Button>\n        </ButtonGroup>\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| title | \u62bd\u5c49\u6807\u9898 | String | - |\n| icon | \u8bbe\u7f6e\u5bf9\u8bdd\u6846\u53f3\u4e0a\u89d2\u56fe\u6807 | React.ReactNode | - |\n| isOpen | \u662f\u5426\u53ef\u89c1 | Boollean | - |\n| closable | \u662f\u5426\u663e\u793a\u53f3\u4e0a\u89d2\u7684\u5173\u95ed\u6309\u94ae | Boollean | `true` |\n| placement | \u62bd\u5c49\u7684\u65b9\u5411 | Enum{`top`, `right`, `bottom`, `left`} | `right` |\n| size | \u9ad8\u5ea6/\u5bbd\u5ea6\uff0c\u5728 `placement` \u4e3a `top` \u6216 `bottom` \u65f6\u4f7f\u7528\u4e3a\u8bbe\u7f6e\u9ad8\u5ea6\uff0c\u5426\u5219\u8bbe\u7f6e\u5bbd\u5ea6 | Number | - |\n| bodyProps | \u62bd\u5c49\u586b\u5145\u5185\u5bb9\u7684\u53c2\u6570\u6837\u5f0f\u5bf9\u8c61\uff0c\u4f8b\u5982`className`,`style`\u7b49 | Object | - |\n\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [Overlay](#/components/overlay)\u3002\n"}}}]);
-//# sourceMappingURL=4364.5ede0267.chunk.js.map

package/web/static/js/4455.c387fff7.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4455],{4455:function(e,n,a){a.r(n),n.default={components:{20:function(){var e,n=(e=a(8133))&&e.__esModule?e:{default:e},t=a(2814);var l=[{type:"default",date:"8",label:"\u4e2d\u56fd\u7535\u52a8\u8f66\u521d\u521b\u516c\u53f8\u851a\u6765\u636e\u79f0\u8003\u8651\u660e\u5e74\u8d74\u7f8e\u4e0a\u5e02\u3002"},{type:"success",date:"8",label:"\u82f9\u679c\u6536\u8d2d\u4e00\u6279\u65b0\u4e13\u5229 \u6216\u7528\u4e8eiPhone 3D\u6444\u50cf\u5934"},{type:"default",date:"8",label:"\u9ad8\u901a\u518d\u8bc9iPhone\u4fb5\u72af\u4e13\u5229 \u82f9\u679c\u6b63\u9762\u53cd\u9a73"},{type:"error",date:"8",label:"\u8c37\u6b4c\u5b89\u5168\u56e2\u961f\u62a5\u544amacOS\u6587\u4ef6\u7cfb\u7edf\u9ad8\u5371\u6f0f\u6d1e"},{type:"default",date:"8",label:"iPhone\u9500\u91cf\u4e0b\u6ed1\u4f7f\u5bcc\u58eb\u5eb7\u5de5\u4eba\u5f85\u9047\u964d\u4f4e"},{type:"default",date:"8",label:"Flutter 1.0\u91cd\u78c5\u53d1\u5e03\uff0c\u5b83\u8fd8\u60f3\u505a\u684c\u9762\u548cWeb\u5f00\u53d1"},{type:"warning",date:"15",label:"\u6708\u5706\u7684\u65e5\u5b50?",style:{color:"red"}},{type:"success",date:"1/1",label:"\u5143\u65e6\u8282"},{type:"error",date:"3/12",label:"\u690d\u6811\u8282"},{type:"info",date:"3/5",label:"\u5b66\u96f7\u950b\u65e5"},{type:"default",date:"3/8",label:"\u5987\u5973\u8282"},{type:"success",date:"2019/3/8",label:"2019\u690d\u6811\u8282"},{type:"warning",date:"5/1",label:"\u52b3\u52a8\u8282"},{type:"default",date:"5/4",label:"\u9752\u5e74\u8282"},{type:"success",date:"6/1",label:"\u513f\u7ae5\u8282"},{type:"warning",date:"7/1",label:"\u5efa\u515a\u8282"},{type:"success",date:"8/1",label:"\u5efa\u519b\u8282"},{type:"warning",date:"9/10",label:"\u6559\u5e08\u8282"},{type:"default",date:"10/1",label:"\u56fd\u5e86\u8282"}];return function(){return n.default.createElement(t.Calendar,{onSelectDay:function(e,n){console.log("date:",e,n)},data:(e=l,e.map((function(e){var a="";switch(e.type){case"success":a="#28a745";break;case"error":a="#dc3545";break;case"warning":a="#F95C2B";break;case"default":a="#393E48";break;case"info":a="#008EF0"}return e.label=n.default.createElement(t.Badge,{color:a},e.label),e})))});var e}}(),75:function(){var e,n=(e=a(8133))&&e.__esModule?e:{default:e},t=a(2814);var l=[{type:"default",date:"8",label:"\u4e2d\u56fd\u7535\u52a8\u8f66\u521d\u521b\u516c\u53f8\u851a\u6765\u636e\u79f0\u8003\u8651\u660e\u5e74\u8d74\u7f8e\u4e0a\u5e02\u3002"},{type:"success",date:"8",label:"\u82f9\u679c\u6536\u8d2d\u4e00\u6279\u65b0\u4e13\u5229 \u6216\u7528\u4e8eiPhone 3D\u6444\u50cf\u5934"},{type:"default",date:"8",label:"\u9ad8\u901a\u518d\u8bc9iPhone\u4fb5\u72af\u4e13\u5229 \u82f9\u679c\u6b63\u9762\u53cd\u9a73"},{type:"error",date:"8",label:"\u8c37\u6b4c\u5b89\u5168\u56e2\u961f\u62a5\u544amacOS\u6587\u4ef6\u7cfb\u7edf\u9ad8\u5371\u6f0f\u6d1e"},{type:"default",date:"8",label:"iPhone\u9500\u91cf\u4e0b\u6ed1\u4f7f\u5bcc\u58eb\u5eb7\u5de5\u4eba\u5f85\u9047\u964d\u4f4e"},{type:"default",date:"8",label:"Flutter 1.0\u91cd\u78c5\u53d1\u5e03\uff0c\u5b83\u8fd8\u60f3\u505a\u684c\u9762\u548cWeb\u5f00\u53d1"},{type:"warning",date:"15",label:"\u6708\u5706\u7684\u65e5\u5b50?",style:{color:"red"}},{type:"success",date:"1/1",label:"\u5143\u65e6\u8282"},{type:"error",date:"3/12",label:"\u690d\u6811\u8282"},{type:"info",date:"3/5",label:"\u5b66\u96f7\u950b\u65e5"},{type:"default",date:"3/8",label:"\u5987\u5973\u8282"},{type:"success",date:"2019/3/8",label:"2019\u690d\u6811\u8282"},{type:"warning",date:"5/1",label:"\u52b3\u52a8\u8282"},{type:"default",date:"5/4",label:"\u9752\u5e74\u8282"},{type:"success",date:"6/1",label:"\u513f\u7ae5\u8282"},{type:"warning",date:"7/1",label:"\u5efa\u515a\u8282"},{type:"success",date:"8/1",label:"\u5efa\u519b\u8282"},{type:"warning",date:"9/10",label:"\u6559\u5e08\u8282"},{type:"default",date:"10/1",label:"\u56fd\u5e86\u8282"}];function r(e,n){var a=e.getDay();if(6===a||0===a||n.next||n.prev)return!0}return function(){return n.default.createElement(t.Calendar,{onSelectDay:function(e,n){console.log("date:",e,n)},disabledDate:r,data:(e=l,e.map((function(e){var a="";switch(e.type){case"success":a="#28a745";break;case"error":a="#dc3545";break;case"warning":a="#F95C2B";break;case"default":a="#393E48";break;default:a="#008EF0"}return e.label=n.default.createElement(t.Badge,{color:a},e.label),e})))});var e}}()},data:{20:{name:20,meta:{background:"#fff",noScroll:"true",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar data = [{\n  type: 'default',\n  date: '8',\n  label: '\u4e2d\u56fd\u7535\u52a8\u8f66\u521d\u521b\u516c\u53f8\u851a\u6765\u636e\u79f0\u8003\u8651\u660e\u5e74\u8d74\u7f8e\u4e0a\u5e02\u3002'\n}, {\n  type: 'success',\n  date: '8',\n  label: '\u82f9\u679c\u6536\u8d2d\u4e00\u6279\u65b0\u4e13\u5229 \u6216\u7528\u4e8eiPhone 3D\u6444\u50cf\u5934'\n}, {\n  type: 'default',\n  date: '8',\n  label: '\u9ad8\u901a\u518d\u8bc9iPhone\u4fb5\u72af\u4e13\u5229 \u82f9\u679c\u6b63\u9762\u53cd\u9a73'\n}, {\n  type: 'error',\n  date: '8',\n  label: '\u8c37\u6b4c\u5b89\u5168\u56e2\u961f\u62a5\u544amacOS\u6587\u4ef6\u7cfb\u7edf\u9ad8\u5371\u6f0f\u6d1e'\n}, {\n  type: 'default',\n  date: '8',\n  label: 'iPhone\u9500\u91cf\u4e0b\u6ed1\u4f7f\u5bcc\u58eb\u5eb7\u5de5\u4eba\u5f85\u9047\u964d\u4f4e'\n}, {\n  type: 'default',\n  date: '8',\n  label: 'Flutter 1.0\u91cd\u78c5\u53d1\u5e03\uff0c\u5b83\u8fd8\u60f3\u505a\u684c\u9762\u548cWeb\u5f00\u53d1'\n}, {\n  type: 'warning',\n  date: '15',\n  label: '\u6708\u5706\u7684\u65e5\u5b50?',\n  style: {\n    color: 'red'\n  }\n}, {\n  type: 'success',\n  date: '1/1',\n  label: '\u5143\u65e6\u8282'\n}, {\n  type: 'error',\n  date: '3/12',\n  label: '\u690d\u6811\u8282'\n}, {\n  type: 'info',\n  date: '3/5',\n  label: '\u5b66\u96f7\u950b\u65e5'\n}, {\n  type: 'default',\n  date: '3/8',\n  label: '\u5987\u5973\u8282'\n}, {\n  type: 'success',\n  date: '2019/3/8',\n  label: '2019\u690d\u6811\u8282'\n}, {\n  type: 'warning',\n  date: '5/1',\n  label: '\u52b3\u52a8\u8282'\n}, {\n  type: 'default',\n  date: '5/4',\n  label: '\u9752\u5e74\u8282'\n}, {\n  type: 'success',\n  date: '6/1',\n  label: '\u513f\u7ae5\u8282'\n}, {\n  type: 'warning',\n  date: '7/1',\n  label: '\u5efa\u515a\u8282'\n}, {\n  type: 'success',\n  date: '8/1',\n  label: '\u5efa\u519b\u8282'\n}, {\n  type: 'warning',\n  date: '9/10',\n  label: '\u6559\u5e08\u8282'\n}, {\n  type: 'default',\n  date: '10/1',\n  label: '\u56fd\u5e86\u8282'\n}];\n\nfunction filterData(dt) {\n  return dt.map(function (item) {\n    var color = '';\n\n    switch (item.type) {\n      case 'success':\n        color = '#28a745';\n        break;\n\n      case 'error':\n        color = '#dc3545';\n        break;\n\n      case 'warning':\n        color = '#F95C2B';\n        break;\n\n      case 'default':\n        color = '#393E48';\n        break;\n\n      case 'info':\n        color = '#008EF0';\n        break;\n    }\n\n    item.label = /*#__PURE__*/_react[\"default\"].createElement(_uiw.Badge, {\n      color: color\n    }, item.label);\n    return item;\n  });\n}\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Calendar, {\n    onSelectDay: function onSelectDay(date, dateSource) {\n      console.log('date:', date, dateSource);\n    },\n    data: filterData(data)\n  });\n}\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Calendar, Badge } from 'uiw';\n\nconst data = [\n  { type: 'default', date: '8', label: '\u4e2d\u56fd\u7535\u52a8\u8f66\u521d\u521b\u516c\u53f8\u851a\u6765\u636e\u79f0\u8003\u8651\u660e\u5e74\u8d74\u7f8e\u4e0a\u5e02\u3002' },\n  { type: 'success', date: '8', label: '\u82f9\u679c\u6536\u8d2d\u4e00\u6279\u65b0\u4e13\u5229 \u6216\u7528\u4e8eiPhone 3D\u6444\u50cf\u5934' },\n  { type: 'default', date: '8', label: '\u9ad8\u901a\u518d\u8bc9iPhone\u4fb5\u72af\u4e13\u5229 \u82f9\u679c\u6b63\u9762\u53cd\u9a73' },\n  { type: 'error', date: '8', label: '\u8c37\u6b4c\u5b89\u5168\u56e2\u961f\u62a5\u544amacOS\u6587\u4ef6\u7cfb\u7edf\u9ad8\u5371\u6f0f\u6d1e' },\n  { type: 'default', date: '8', label: 'iPhone\u9500\u91cf\u4e0b\u6ed1\u4f7f\u5bcc\u58eb\u5eb7\u5de5\u4eba\u5f85\u9047\u964d\u4f4e' },\n  { type: 'default', date: '8', label: 'Flutter 1.0\u91cd\u78c5\u53d1\u5e03\uff0c\u5b83\u8fd8\u60f3\u505a\u684c\u9762\u548cWeb\u5f00\u53d1' },\n  { type: 'warning', date: '15', label: '\u6708\u5706\u7684\u65e5\u5b50?', style: { color: 'red' } },\n  { type: 'success', date: '1/1', label: '\u5143\u65e6\u8282' },\n  { type: 'error', date: '3/12', label: '\u690d\u6811\u8282' },\n  { type: 'info', date: '3/5', label: '\u5b66\u96f7\u950b\u65e5' },\n  { type: 'default', date: '3/8', label: '\u5987\u5973\u8282' },\n  { type: 'success', date: '2019/3/8', label: '2019\u690d\u6811\u8282' },\n  { type: 'warning', date: '5/1', label: '\u52b3\u52a8\u8282' },\n  { type: 'default', date: '5/4', label: '\u9752\u5e74\u8282' },\n  { type: 'success', date: '6/1', label: '\u513f\u7ae5\u8282' },\n  { type: 'warning', date: '7/1', label: '\u5efa\u515a\u8282' },\n  { type: 'success', date: '8/1', label: '\u5efa\u519b\u8282' },\n  { type: 'warning', date: '9/10', label: '\u6559\u5e08\u8282' },\n  { type: 'default', date: '10/1', label: '\u56fd\u5e86\u8282' },\n]\nfunction filterData(dt) {\n  return dt.map((item) => {\n    let color = '';\n    switch (item.type) {\n      case 'success': color = '#28a745'; break;\n      case 'error': color = '#dc3545'; break;\n      case 'warning': color = '#F95C2B'; break;\n      case 'default': color = '#393E48'; break;\n      case 'info': color = '#008EF0'; break;\n    }\n    item.label = <Badge color={color}>{item.label}</Badge>;\n    return item;\n  });\n}\nfunction Demo(){\n  return <Calendar\n      onSelectDay={(date, dateSource) => {\n        console.log('date:', date, dateSource);\n      }}\n      data={filterData(data)}\n    />\n}\nexport default Demo"},75:{name:75,meta:{background:"#fff",noScroll:"true",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar data = [{\n  type: 'default',\n  date: '8',\n  label: '\u4e2d\u56fd\u7535\u52a8\u8f66\u521d\u521b\u516c\u53f8\u851a\u6765\u636e\u79f0\u8003\u8651\u660e\u5e74\u8d74\u7f8e\u4e0a\u5e02\u3002'\n}, {\n  type: 'success',\n  date: '8',\n  label: '\u82f9\u679c\u6536\u8d2d\u4e00\u6279\u65b0\u4e13\u5229 \u6216\u7528\u4e8eiPhone 3D\u6444\u50cf\u5934'\n}, {\n  type: 'default',\n  date: '8',\n  label: '\u9ad8\u901a\u518d\u8bc9iPhone\u4fb5\u72af\u4e13\u5229 \u82f9\u679c\u6b63\u9762\u53cd\u9a73'\n}, {\n  type: 'error',\n  date: '8',\n  label: '\u8c37\u6b4c\u5b89\u5168\u56e2\u961f\u62a5\u544amacOS\u6587\u4ef6\u7cfb\u7edf\u9ad8\u5371\u6f0f\u6d1e'\n}, {\n  type: 'default',\n  date: '8',\n  label: 'iPhone\u9500\u91cf\u4e0b\u6ed1\u4f7f\u5bcc\u58eb\u5eb7\u5de5\u4eba\u5f85\u9047\u964d\u4f4e'\n}, {\n  type: 'default',\n  date: '8',\n  label: 'Flutter 1.0\u91cd\u78c5\u53d1\u5e03\uff0c\u5b83\u8fd8\u60f3\u505a\u684c\u9762\u548cWeb\u5f00\u53d1'\n}, {\n  type: 'warning',\n  date: '15',\n  label: '\u6708\u5706\u7684\u65e5\u5b50?',\n  style: {\n    color: 'red'\n  }\n}, {\n  type: 'success',\n  date: '1/1',\n  label: '\u5143\u65e6\u8282'\n}, {\n  type: 'error',\n  date: '3/12',\n  label: '\u690d\u6811\u8282'\n}, {\n  type: 'info',\n  date: '3/5',\n  label: '\u5b66\u96f7\u950b\u65e5'\n}, {\n  type: 'default',\n  date: '3/8',\n  label: '\u5987\u5973\u8282'\n}, {\n  type: 'success',\n  date: '2019/3/8',\n  label: '2019\u690d\u6811\u8282'\n}, {\n  type: 'warning',\n  date: '5/1',\n  label: '\u52b3\u52a8\u8282'\n}, {\n  type: 'default',\n  date: '5/4',\n  label: '\u9752\u5e74\u8282'\n}, {\n  type: 'success',\n  date: '6/1',\n  label: '\u513f\u7ae5\u8282'\n}, {\n  type: 'warning',\n  date: '7/1',\n  label: '\u5efa\u515a\u8282'\n}, {\n  type: 'success',\n  date: '8/1',\n  label: '\u5efa\u519b\u8282'\n}, {\n  type: 'warning',\n  date: '9/10',\n  label: '\u6559\u5e08\u8282'\n}, {\n  type: 'default',\n  date: '10/1',\n  label: '\u56fd\u5e86\u8282'\n}];\n\nfunction filterData(dt) {\n  return dt.map(function (item) {\n    var color = '';\n\n    switch (item.type) {\n      case 'success':\n        color = '#28a745';\n        break;\n\n      case 'error':\n        color = '#dc3545';\n        break;\n\n      case 'warning':\n        color = '#F95C2B';\n        break;\n\n      case 'default':\n        color = '#393E48';\n        break;\n\n      case 'info':\n        color = '#008EF0';\n        break;\n\n      default:\n        color = '#008EF0';\n        break;\n    }\n\n    item.label = /*#__PURE__*/_react[\"default\"].createElement(_uiw.Badge, {\n      color: color\n    }, item.label);\n    return item;\n  });\n}\n\nfunction disabledDate(currentDate, props) {\n  var day = currentDate.getDay(); // \u7981\u7528\u5468\u672b\uff0c\u53ea\u80fd\u70b9\u51fb\u5f53\u6708\u5de5\u4f5c\u65e5\n\n  if (day === 6 || day === 0 || props.next || props.prev) {\n    return true;\n  } // \u4eca\u5929\u548c\u4eca\u5929\u4e4b\u524d\u4e0d\u80fd\u9009\u62e9\n  // return currentDate && currentDate.valueOf() < Date.now();\n\n}\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Calendar, {\n    onSelectDay: function onSelectDay(date, dateSource) {\n      console.log('date:', date, dateSource);\n    },\n    disabledDate: disabledDate,\n    data: filterData(data)\n  });\n}\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Calendar, Badge } from 'uiw';\n\nconst data = [\n  { type: 'default', date: '8', label: '\u4e2d\u56fd\u7535\u52a8\u8f66\u521d\u521b\u516c\u53f8\u851a\u6765\u636e\u79f0\u8003\u8651\u660e\u5e74\u8d74\u7f8e\u4e0a\u5e02\u3002' },\n  { type: 'success', date: '8', label: '\u82f9\u679c\u6536\u8d2d\u4e00\u6279\u65b0\u4e13\u5229 \u6216\u7528\u4e8eiPhone 3D\u6444\u50cf\u5934' },\n  { type: 'default', date: '8', label: '\u9ad8\u901a\u518d\u8bc9iPhone\u4fb5\u72af\u4e13\u5229 \u82f9\u679c\u6b63\u9762\u53cd\u9a73' },\n  { type: 'error', date: '8', label: '\u8c37\u6b4c\u5b89\u5168\u56e2\u961f\u62a5\u544amacOS\u6587\u4ef6\u7cfb\u7edf\u9ad8\u5371\u6f0f\u6d1e' },\n  { type: 'default', date: '8', label: 'iPhone\u9500\u91cf\u4e0b\u6ed1\u4f7f\u5bcc\u58eb\u5eb7\u5de5\u4eba\u5f85\u9047\u964d\u4f4e' },\n  { type: 'default', date: '8', label: 'Flutter 1.0\u91cd\u78c5\u53d1\u5e03\uff0c\u5b83\u8fd8\u60f3\u505a\u684c\u9762\u548cWeb\u5f00\u53d1' },\n  { type: 'warning', date: '15', label: '\u6708\u5706\u7684\u65e5\u5b50?', style: { color: 'red' } },\n  { type: 'success', date: '1/1', label: '\u5143\u65e6\u8282' },\n  { type: 'error', date: '3/12', label: '\u690d\u6811\u8282' },\n  { type: 'info', date: '3/5', label: '\u5b66\u96f7\u950b\u65e5' },\n  { type: 'default', date: '3/8', label: '\u5987\u5973\u8282' },\n  { type: 'success', date: '2019/3/8', label: '2019\u690d\u6811\u8282' },\n  { type: 'warning', date: '5/1', label: '\u52b3\u52a8\u8282' },\n  { type: 'default', date: '5/4', label: '\u9752\u5e74\u8282' },\n  { type: 'success', date: '6/1', label: '\u513f\u7ae5\u8282' },\n  { type: 'warning', date: '7/1', label: '\u5efa\u515a\u8282' },\n  { type: 'success', date: '8/1', label: '\u5efa\u519b\u8282' },\n  { type: 'warning', date: '9/10', label: '\u6559\u5e08\u8282' },\n  { type: 'default', date: '10/1', label: '\u56fd\u5e86\u8282' },\n]\nfunction filterData(dt) {\n  return dt.map((item) => {\n    let color = '';\n    switch (item.type) {\n      case 'success': color = '#28a745'; break;\n      case 'error': color = '#dc3545'; break;\n      case 'warning': color = '#F95C2B'; break;\n      case 'default': color = '#393E48'; break;\n      case 'info': color = '#008EF0'; break;\n      default: color = '#008EF0'; break;\n    }\n    item.label = <Badge color={color}>{item.label}</Badge>;\n    return item;\n  });\n}\nfunction disabledDate(currentDate, props) {\n  const day = currentDate.getDay();\n  // \u7981\u7528\u5468\u672b\uff0c\u53ea\u80fd\u70b9\u51fb\u5f53\u6708\u5de5\u4f5c\u65e5\n  if (day === 6 || day === 0 || props.next || props.prev) {\n    return true;\n  }\n  // \u4eca\u5929\u548c\u4eca\u5929\u4e4b\u524d\u4e0d\u80fd\u9009\u62e9\n  // return currentDate && currentDate.valueOf() < Date.now();\n}\nfunction Demo() {\n  return <Calendar\n      onSelectDay={(date, dateSource) => {\n        console.log('date:', date, dateSource);\n      }}\n      disabledDate={disabledDate}\n      data={filterData(data)}\n  />\n}\nexport default Demo"}},source:"Calendar \u65e5\u5386\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-calendar/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-calendar.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-calendar)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-calendar.svg?label=@uiw/react-calendar)](https://npmjs.com/@uiw/react-calendar)\n\n\u6309\u7167\u65e5\u5386\u5f62\u5f0f\u5c55\u793a\u6570\u636e\u7684\u5bb9\u5668\u3002\n\n```jsx\nimport { Calendar } from 'uiw';\n// or\nimport Calendar from '@uiw/react-calendar';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u4e0b\u9762\u662f\u57fa\u7840\u4f7f\u7528\u65b9\u6cd5\uff0c\u53ef\u4ee5\u8bbe\u7f6e\u65e5\u5386\u901a\u77e5\u4e8b\u9879\uff0c\u5728\u65e5\u5386\u6e32\u67d3\u5355\u5143\u683c\u65f6\uff0c\u4f1a\u6839\u636e data \u5185\u5bb9\u6765\u6e32\u67d3\u5355\u5143\u683c\u901a\u77e5\u4e8b\u9879\u3002\n\n```jsx  mdx:preview&background=#fff&noScroll=true&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Calendar, Badge } from 'uiw';\n\nconst data = [\n  { type: 'default', date: '8', label: '\u4e2d\u56fd\u7535\u52a8\u8f66\u521d\u521b\u516c\u53f8\u851a\u6765\u636e\u79f0\u8003\u8651\u660e\u5e74\u8d74\u7f8e\u4e0a\u5e02\u3002' },\n  { type: 'success', date: '8', label: '\u82f9\u679c\u6536\u8d2d\u4e00\u6279\u65b0\u4e13\u5229 \u6216\u7528\u4e8eiPhone 3D\u6444\u50cf\u5934' },\n  { type: 'default', date: '8', label: '\u9ad8\u901a\u518d\u8bc9iPhone\u4fb5\u72af\u4e13\u5229 \u82f9\u679c\u6b63\u9762\u53cd\u9a73' },\n  { type: 'error', date: '8', label: '\u8c37\u6b4c\u5b89\u5168\u56e2\u961f\u62a5\u544amacOS\u6587\u4ef6\u7cfb\u7edf\u9ad8\u5371\u6f0f\u6d1e' },\n  { type: 'default', date: '8', label: 'iPhone\u9500\u91cf\u4e0b\u6ed1\u4f7f\u5bcc\u58eb\u5eb7\u5de5\u4eba\u5f85\u9047\u964d\u4f4e' },\n  { type: 'default', date: '8', label: 'Flutter 1.0\u91cd\u78c5\u53d1\u5e03\uff0c\u5b83\u8fd8\u60f3\u505a\u684c\u9762\u548cWeb\u5f00\u53d1' },\n  { type: 'warning', date: '15', label: '\u6708\u5706\u7684\u65e5\u5b50?', style: { color: 'red' } },\n  { type: 'success', date: '1/1', label: '\u5143\u65e6\u8282' },\n  { type: 'error', date: '3/12', label: '\u690d\u6811\u8282' },\n  { type: 'info', date: '3/5', label: '\u5b66\u96f7\u950b\u65e5' },\n  { type: 'default', date: '3/8', label: '\u5987\u5973\u8282' },\n  { type: 'success', date: '2019/3/8', label: '2019\u690d\u6811\u8282' },\n  { type: 'warning', date: '5/1', label: '\u52b3\u52a8\u8282' },\n  { type: 'default', date: '5/4', label: '\u9752\u5e74\u8282' },\n  { type: 'success', date: '6/1', label: '\u513f\u7ae5\u8282' },\n  { type: 'warning', date: '7/1', label: '\u5efa\u515a\u8282' },\n  { type: 'success', date: '8/1', label: '\u5efa\u519b\u8282' },\n  { type: 'warning', date: '9/10', label: '\u6559\u5e08\u8282' },\n  { type: 'default', date: '10/1', label: '\u56fd\u5e86\u8282' },\n]\nfunction filterData(dt) {\n  return dt.map((item) => {\n    let color = '';\n    switch (item.type) {\n      case 'success': color = '#28a745'; break;\n      case 'error': color = '#dc3545'; break;\n      case 'warning': color = '#F95C2B'; break;\n      case 'default': color = '#393E48'; break;\n      case 'info': color = '#008EF0'; break;\n    }\n    item.label = <Badge color={color}>{item.label}</Badge>;\n    return item;\n  });\n}\nfunction Demo(){\n  return <Calendar\n      onSelectDay={(date, dateSource) => {\n        console.log('date:', date, dateSource);\n      }}\n      data={filterData(data)}\n    />\n}\nexport default Demo\n```\n\n\n### \u7981\u7528\u65e5\u5386\n\n\u5728\u65e5\u5386\u9762\u677f\u4e0a\u9762\u6dfb\u52a0\u901a\u77e5\u4e8b\u4ef6\uff0c\u8fd8\u53ef\u4ee5\u901a\u8fc7\u8bbe\u7f6e `disabledDate` \u6765\u7981\u6b62\u90e8\u5206\u65e5\u671f\u70b9\u51fb\uff0c\u5982\u4e0b\u5b9e\u4f8b\u6bcf\u670812\u53f7\u4e0d\u80fd\u70b9\u51fb\u3002\n\n```jsx mdx:preview&background=#fff&noScroll=true&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Calendar, Badge } from 'uiw';\n\nconst data = [\n  { type: 'default', date: '8', label: '\u4e2d\u56fd\u7535\u52a8\u8f66\u521d\u521b\u516c\u53f8\u851a\u6765\u636e\u79f0\u8003\u8651\u660e\u5e74\u8d74\u7f8e\u4e0a\u5e02\u3002' },\n  { type: 'success', date: '8', label: '\u82f9\u679c\u6536\u8d2d\u4e00\u6279\u65b0\u4e13\u5229 \u6216\u7528\u4e8eiPhone 3D\u6444\u50cf\u5934' },\n  { type: 'default', date: '8', label: '\u9ad8\u901a\u518d\u8bc9iPhone\u4fb5\u72af\u4e13\u5229 \u82f9\u679c\u6b63\u9762\u53cd\u9a73' },\n  { type: 'error', date: '8', label: '\u8c37\u6b4c\u5b89\u5168\u56e2\u961f\u62a5\u544amacOS\u6587\u4ef6\u7cfb\u7edf\u9ad8\u5371\u6f0f\u6d1e' },\n  { type: 'default', date: '8', label: 'iPhone\u9500\u91cf\u4e0b\u6ed1\u4f7f\u5bcc\u58eb\u5eb7\u5de5\u4eba\u5f85\u9047\u964d\u4f4e' },\n  { type: 'default', date: '8', label: 'Flutter 1.0\u91cd\u78c5\u53d1\u5e03\uff0c\u5b83\u8fd8\u60f3\u505a\u684c\u9762\u548cWeb\u5f00\u53d1' },\n  { type: 'warning', date: '15', label: '\u6708\u5706\u7684\u65e5\u5b50?', style: { color: 'red' } },\n  { type: 'success', date: '1/1', label: '\u5143\u65e6\u8282' },\n  { type: 'error', date: '3/12', label: '\u690d\u6811\u8282' },\n  { type: 'info', date: '3/5', label: '\u5b66\u96f7\u950b\u65e5' },\n  { type: 'default', date: '3/8', label: '\u5987\u5973\u8282' },\n  { type: 'success', date: '2019/3/8', label: '2019\u690d\u6811\u8282' },\n  { type: 'warning', date: '5/1', label: '\u52b3\u52a8\u8282' },\n  { type: 'default', date: '5/4', label: '\u9752\u5e74\u8282' },\n  { type: 'success', date: '6/1', label: '\u513f\u7ae5\u8282' },\n  { type: 'warning', date: '7/1', label: '\u5efa\u515a\u8282' },\n  { type: 'success', date: '8/1', label: '\u5efa\u519b\u8282' },\n  { type: 'warning', date: '9/10', label: '\u6559\u5e08\u8282' },\n  { type: 'default', date: '10/1', label: '\u56fd\u5e86\u8282' },\n]\nfunction filterData(dt) {\n  return dt.map((item) => {\n    let color = '';\n    switch (item.type) {\n      case 'success': color = '#28a745'; break;\n      case 'error': color = '#dc3545'; break;\n      case 'warning': color = '#F95C2B'; break;\n      case 'default': color = '#393E48'; break;\n      case 'info': color = '#008EF0'; break;\n      default: color = '#008EF0'; break;\n    }\n    item.label = <Badge color={color}>{item.label}</Badge>;\n    return item;\n  });\n}\nfunction disabledDate(currentDate, props) {\n  const day = currentDate.getDay();\n  // \u7981\u7528\u5468\u672b\uff0c\u53ea\u80fd\u70b9\u51fb\u5f53\u6708\u5de5\u4f5c\u65e5\n  if (day === 6 || day === 0 || props.next || props.prev) {\n    return true;\n  }\n  // \u4eca\u5929\u548c\u4eca\u5929\u4e4b\u524d\u4e0d\u80fd\u9009\u62e9\n  // return currentDate && currentDate.valueOf() < Date.now();\n}\nfunction Demo() {\n  return <Calendar\n      onSelectDay={(date, dateSource) => {\n        console.log('date:', date, dateSource);\n      }}\n      disabledDate={disabledDate}\n      data={filterData(data)}\n  />\n}\nexport default Demo\n```\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| data | \u5728\u65e5\u5386\u9762\u677f\u4e0a\u9762\u6dfb\u52a0\u901a\u77e5\uff0c\u6570\u7ec4\u4e2d\u7684\u5bf9\u8c61\u53ef\u4ee5\u8bbe\u7f6e ElementProps\uff0c\u5982\uff1a`style`, `onClick` \u7b49\u5c5e\u6027\u3002 | `Array[{ date: YYYY/MM/DD, label: String/ReactNode }]` | - |\n| date[`<DatePicker>`](#/components/date-picker) | \u9009\u4e2d\u7684\u65e5\u671f | Date | - |\n| titleFormat | \u8bbe\u7f6e\u65e5\u5386\u9762\u677f\u4e0a\u9762\u7684\u65e5\u671f\u6807\u9898\u3002 | String | `YYYY\u5e74MM\u6708` |\n| today[`<DatePicker>`](#/components/date-picker) | \u9ed8\u8ba4\u9ad8\u4eae\u5f53\u5929\u65e5\u671f | Function(currentDate) | - |\n| todayLabel | \u201c\u4eca\u5929\u201d\u6309\u94ae\u7684\u6587\u672c\u8bbe\u7f6e | String | - |\n| panelDate[`<DatePicker>`](#/components/date-picker) | \u65e5\u5386\u9762\u677f\u9ed8\u8ba4\u5c55\u793a\u54ea\u4e00\u9875 | Date | `new Date` |\n| disabledDate[`<DatePicker>`](#/components/date-picker) | \u4e0d\u53ef\u9009\u62e9\u7684\u65e5\u671f\uff0c\u51fd\u6570\u8fd4\u56de `true` \u5f53\u524d\u65e5\u671f\u88ab\u7981\u7528\u65e0\u6cd5\u9009\u62e9\u3002`end`: \u5468\u672b\uff0c`prev`: \u4e0a\u4e2a\u6708\uff0c`next`\uff1a\u4e0b\u4e2a\u6708 | Function(currentDate, { end: bool, prev: bool, next: bool }) | - |\n| weekTitle[`<DatePicker>`](#/components/date-picker) | \u661f\u671f\u663e\u793a\u6587\u672c\u63d0\u793a | Array | \\[`\u661f\u671f\u5929`, `\u661f\u671f\u4e00`, `\u661f\u671f\u4e8c`, `\u661f\u671f\u4e09`, `\u661f\u671f\u56db`, `\u661f\u671f\u4e94`, `\u661f\u671f\u516d`\\] |\n| weekday[`<DatePicker>`](#/components/date-picker) | \u661f\u671f\u663e\u793a\u6587\u672c | Array | \\[`\u65e5`, `\u4e00`, `\u4e8c`, `\u4e09`, `\u56db`, `\u4e94`, `\u516d`\\] |\n| onSelectDay `@3.0.0+` | \u70b9\u51fb\u9009\u62e9\u65e5\u671f\u56de\u8c03 | Function | function(date?: Date, dateSource: { day?: number, month?: number, year?: number }) |\n| monthLabel[`<DatePicker>`](#/components/date-picker) | \u6708\u4efd\u663e\u793a\u6587\u672c | Array | \\[`\u4e00\u6708`, `\u4e8c\u6708`, `\u4e09\u6708`, `\u56db\u6708`, `\u4e94\u6708`, `\u516d\u6708`, `\u4e03\u6708`, `\u516b\u6708`, `\u4e5d\u6708`, `\u5341\u6708`, `\u5341\u4e00\u6708`, `\u5341\u4e8c\u6708`\\] |\n| onPaging | \u7ffb\u9875\u89e6\u53d1\u4e8b\u4ef6 | `Function(type: 'prev' \\| 'next' \\| 'today', month: number, date?: Date)` | - |"}}}]);
-//# sourceMappingURL=4455.c387fff7.chunk.js.map

package/web/static/js/498.e098e309.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[498],{498:function(e,n,l){l.r(n),n.default={components:{18:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);return function(){var e=[{label:"\u4e0a\u6d77\u5e02",value:1,children:[{label:"\u5f90\u6c47\u533a",value:4,children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",value:6},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",value:7},{label:"\u5916\u6ee9\u8857\u9053",value:8}]}]},{label:"\u5317\u4eac\u5e02",value:9,children:[{label:"\u5d07\u6587\u533a",value:12,children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",value:13},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",value:14},{label:"\u524d\u95e8\u8857\u9053",value:15}]}]}];return n.default.createElement(a.Row,null,n.default.createElement(a.Row,null,n.default.createElement(a.Cascader,{style:{width:200},allowClear:!0,placeholder:"\u8bf7\u9009\u62e9",value:[1,4,7],option:e,onChange:function(e,n){return console.log(e,n)}})),n.default.createElement(a.Row,{style:{marginLeft:20}},n.default.createElement(a.Cascader,{style:{width:200},allowClear:!0,placeholder:"\u8bf7\u9009\u62e9",value:[1,4,7],disabled:!0,option:e,onChange:function(e,n){return console.log(e,n)}})))}}(),88:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);return function(){var e=[{label:"\u5c3a\u5bf8",value:1,children:[{label:"size",value:2,children:[{label:"\u5c0f\u5c3a\u5bf8",value:3},{label:"\u9ed8\u8ba4\u5c3a\u5bf8",value:4},{label:"\u5927\u5c3a\u5bf8",value:5}]}]}];return n.default.createElement(a.Row,{style:{flexDirection:"column"}},n.default.createElement(a.Cascader,{style:{width:150},value:[1,2,3],option:e,size:"small"}),n.default.createElement(a.Cascader,{style:{width:175,marginTop:10},value:[1,2,4],option:e}),n.default.createElement(a.Cascader,{style:{width:200,marginTop:10},value:[1,2,5],option:e,size:"large"}))}}(),138:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);return function(){return n.default.createElement(a.Cascader,{style:{width:200},allowClear:!0,placeholder:"\u8bf7\u9009\u62e9",value:[1,4,7],option:[{label:"\u4e0a\u6d77\u5e02",value:1,children:[{label:"\u5f90\u6c47\u533a",value:4,children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",value:6},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",value:7},{label:"\u5916\u6ee9\u8857\u9053",value:8}]}]},{label:"\u5317\u4eac\u5e02",value:9,children:[{label:"\u5d07\u6587\u533a",value:12,children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",value:13},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",value:14},{label:"\u524d\u95e8\u8857\u9053",value:15}]}]}],onChange:function(e,n){return console.log(e,n)},onSearch:function(e){return console.log("text",e)}})}}(),194:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);return function(){return n.default.createElement(a.Row,{style:{flexDirection:"column"}},n.default.createElement(a.Cascader,{style:{width:200},expandTrigger:"hover",allowClear:!0,placeholder:"\u8bf7\u9009\u62e9",value:[1,4,7],option:[{label:"\u4e0a\u6d77\u5e02",value:1,children:[{label:"\u5f90\u6c47\u533a",value:4,children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",value:6},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",value:7},{label:"\u5916\u6ee9\u8857\u9053",value:8}]}]},{label:"\u5317\u4eac\u5e02",value:9,children:[{label:"\u5d07\u6587\u533a",value:12,children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",value:13},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",value:14},{label:"\u524d\u95e8\u8857\u9053",value:15}]}]}],onChange:function(e,n){return console.log(e,n)},onSearch:!0}))}}(),255:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},a=l(2814);function r(e,n){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),l.push.apply(l,a)}return l}function t(e,n,l){return n in e?Object.defineProperty(e,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[n]=l,e}return function(){return n.default.createElement("div",null,n.default.createElement(a.Form,{onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var l=null!=arguments[n]?arguments[n]:{};n%2?r(Object(l),!0).forEach((function(n){t(e,n,l[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):r(Object(l)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(l,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current,l={};if(n.selectField||(l.selectField="\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9"),Object.keys(l).length>0){var a=new Error;throw a.filed=l,Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),a}Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a".concat(n.selectField,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{cascader:{initialValue:[1,4,7],children:n.default.createElement(a.Cascader,{allowClear:!0,onSearch:!0,placeholder:"\u8bf7\u9009\u62e9",option:[{label:"\u4e0a\u6d77\u5e02",value:1,children:[{label:"\u5f90\u6c47\u533a",value:4,children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",value:6},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",value:7},{label:"\u5916\u6ee9\u8857\u9053",value:8}]}]},{label:"\u5317\u4eac\u5e02",value:9,children:[{label:"\u5d07\u6587\u533a",value:12,children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",value:13},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",value:14},{label:"\u524d\u95e8\u8857\u9053",value:15}]}]}],onChange:function(e,n){return console.log(e,n)}})}}},(function(e){var l=e.fields,r=e.state,t=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(a.Row,null,n.default.createElement(a.Col,{fixed:!0,style:{width:200}},l.cascader)),n.default.createElement(a.Row,null,n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Button,{disabled:!t(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(a.Row,null,n.default.createElement(a.Col,null,n.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(r.current,null,2)))))})))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  var options = [{\n    label: \'\u4e0a\u6d77\u5e02\',\n    value: 1,\n    children: [{\n      label: \'\u5f90\u6c47\u533a\',\n      value: 4,\n      children: [{\n        label: \'\u534a\u6dde\u56ed\u8def\u8857\u9053\',\n        value: 6\n      }, {\n        label: \'\u5357\u4eac\u4e1c\u8def\u8857\u9053\',\n        value: 7\n      }, {\n        label: \'\u5916\u6ee9\u8857\u9053\',\n        value: 8\n      }]\n    }]\n  }, {\n    label: \'\u5317\u4eac\u5e02\',\n    value: 9,\n    children: [{\n      label: \'\u5d07\u6587\u533a\',\n      value: 12,\n      children: [{\n        label: \'\u4e1c\u82b1\u5e02\u8857\u9053\',\n        value: 13\n      }, {\n        label: \'\u4f53\u80b2\u9986\u8def\u8857\u9053\',\n        value: 14\n      }, {\n        label: \'\u524d\u95e8\u8857\u9053\',\n        value: 15\n      }]\n    }]\n  }];\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Cascader, {\n    style: {\n      width: 200\n    },\n    allowClear: true,\n    placeholder: "\\u8BF7\\u9009\\u62E9",\n    value: [1, 4, 7],\n    option: options,\n    onChange: function onChange(value, seleteds) {\n      return console.log(value, seleteds);\n    }\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    style: {\n      marginLeft: 20\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Cascader, {\n    style: {\n      width: 200\n    },\n    allowClear: true,\n    placeholder: "\\u8BF7\\u9009\\u62E9",\n    value: [1, 4, 7],\n    disabled: true,\n    option: options,\n    onChange: function onChange(value, seleteds) {\n      return console.log(value, seleteds);\n    }\n  })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Cascader,Row } from 'uiw';\n\nconst Demo = () => {\n\n  const options = [\n    {\n      label: '\u4e0a\u6d77\u5e02',\n      value: 1,\n      children: [\n        {\n          label: '\u5f90\u6c47\u533a',\n          value: 4,\n          children: [\n            { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n            { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n            { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n          ]\n        },\n      ]\n    },\n    {\n      label: '\u5317\u4eac\u5e02',\n      value: 9,\n      children: [\n        {\n          label: '\u5d07\u6587\u533a',\n          value: 12,\n          children: [\n            { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n            { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n            { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n          ]\n        },\n      ]\n    },\n  ];\n\n  return (\n    <Row>\n      <Row>\n        <Cascader\n          style={{ width:200 }}\n          allowClear={true}\n          placeholder=\"\u8bf7\u9009\u62e9\"\n          value={[1, 4, 7]}\n          option={options}\n          onChange={(value, seleteds) => console.log(value, seleteds)}\n        />\n      </Row>\n      <Row style={{ marginLeft: 20 }}>\n        <Cascader\n          style={{ width:200 }}\n          allowClear={true}\n          placeholder=\"\u8bf7\u9009\u62e9\"\n          value={[1, 4, 7]}\n          disabled={true}\n          option={options}\n          onChange={(value, seleteds) => console.log(value, seleteds)}\n        />\n      </Row>\n    </Row>\n  )\n};\nexport default Demo"},88:{name:88,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  var options = [{\n    label: \'\u5c3a\u5bf8\',\n    value: 1,\n    children: [{\n      label: \'size\',\n      value: 2,\n      children: [{\n        label: \'\u5c0f\u5c3a\u5bf8\',\n        value: 3\n      }, {\n        label: \'\u9ed8\u8ba4\u5c3a\u5bf8\',\n        value: 4\n      }, {\n        label: \'\u5927\u5c3a\u5bf8\',\n        value: 5\n      }]\n    }]\n  }];\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    style: {\n      flexDirection: \'column\'\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Cascader, {\n    style: {\n      width: 150\n    },\n    value: [1, 2, 3],\n    option: options,\n    size: "small"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Cascader, {\n    style: {\n      width: 175,\n      marginTop: 10\n    },\n    value: [1, 2, 4],\n    option: options\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Cascader, {\n    style: {\n      width: 200,\n      marginTop: 10\n    },\n    value: [1, 2, 5],\n    option: options,\n    size: "large"\n  }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Cascader,Row } from 'uiw';\n\nconst Demo = () => {\n\n  const options = [\n    {\n      label: '\u5c3a\u5bf8', value: 1,\n      children: [\n        {\n          label: 'size',\n          value: 2,\n          children: [\n            { label: '\u5c0f\u5c3a\u5bf8', value: 3 },\n            { label: '\u9ed8\u8ba4\u5c3a\u5bf8', value: 4 },\n            { label: '\u5927\u5c3a\u5bf8', value: 5 },\n          ]\n        },\n      ]\n    }\n  ];\n\n  return (\n    <Row style={{ flexDirection: 'column' }}>\n        <Cascader\n          style={{ width: 150 }}\n          value={[1, 2, 3]}\n          option={options}\n          size=\"small\"\n        />\n        <Cascader\n          style={{ width: 175, marginTop: 10 }}\n          value={[1, 2, 4]}\n          option={options}\n        />\n        <Cascader\n          style={{ width: 200, marginTop: 10 }}\n          value={[1, 2, 5]}\n          option={options}\n          size=\"large\"\n        />\n    </Row>\n  )\n};\nexport default Demo"},138:{name:138,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  var options = [{\n    label: '\u4e0a\u6d77\u5e02',\n    value: 1,\n    children: [{\n      label: '\u5f90\u6c47\u533a',\n      value: 4,\n      children: [{\n        label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n        value: 6\n      }, {\n        label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n        value: 7\n      }, {\n        label: '\u5916\u6ee9\u8857\u9053',\n        value: 8\n      }]\n    }]\n  }, {\n    label: '\u5317\u4eac\u5e02',\n    value: 9,\n    children: [{\n      label: '\u5d07\u6587\u533a',\n      value: 12,\n      children: [{\n        label: '\u4e1c\u82b1\u5e02\u8857\u9053',\n        value: 13\n      }, {\n        label: '\u4f53\u80b2\u9986\u8def\u8857\u9053',\n        value: 14\n      }, {\n        label: '\u524d\u95e8\u8857\u9053',\n        value: 15\n      }]\n    }]\n  }];\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Cascader, {\n    style: {\n      width: 200\n    },\n    allowClear: true,\n    placeholder: \"\\u8BF7\\u9009\\u62E9\",\n    value: [1, 4, 7],\n    option: options,\n    onChange: function onChange(value, seleteds) {\n      return console.log(value, seleteds);\n    },\n    onSearch: function onSearch(text) {\n      return console.log('text', text);\n    }\n  });\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Cascader, } from 'uiw';\n\nconst Demo = () => {\n\n  const options = [\n    {\n      label: '\u4e0a\u6d77\u5e02',\n      value: 1,\n      children: [\n        {\n          label: '\u5f90\u6c47\u533a',\n          value: 4,\n          children: [\n            { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n            { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n            { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n          ]\n        },\n      ]\n    },\n    {\n      label: '\u5317\u4eac\u5e02',\n      value: 9,\n      children: [\n        {\n          label: '\u5d07\u6587\u533a',\n          value: 12,\n          children: [\n            { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n            { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n            { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n          ]\n        },\n      ]\n    },\n  ];\n\n  return (\n    <Cascader\n      style={{ width: 200 }}\n      allowClear={true}\n      placeholder=\"\u8bf7\u9009\u62e9\"\n      value={[1, 4, 7]}\n      option={options}\n      onChange={(value, seleteds) => console.log(value, seleteds)}\n      onSearch={(text)=> console.log('text', text)}\n    />\n  )\n};\nexport default Demo"},194:{name:194,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  var options = [{\n    label: '\u4e0a\u6d77\u5e02',\n    value: 1,\n    children: [{\n      label: '\u5f90\u6c47\u533a',\n      value: 4,\n      children: [{\n        label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n        value: 6\n      }, {\n        label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n        value: 7\n      }, {\n        label: '\u5916\u6ee9\u8857\u9053',\n        value: 8\n      }]\n    }]\n  }, {\n    label: '\u5317\u4eac\u5e02',\n    value: 9,\n    children: [{\n      label: '\u5d07\u6587\u533a',\n      value: 12,\n      children: [{\n        label: '\u4e1c\u82b1\u5e02\u8857\u9053',\n        value: 13\n      }, {\n        label: '\u4f53\u80b2\u9986\u8def\u8857\u9053',\n        value: 14\n      }, {\n        label: '\u524d\u95e8\u8857\u9053',\n        value: 15\n      }]\n    }]\n  }];\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n    style: {\n      flexDirection: 'column'\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Cascader, {\n    style: {\n      width: 200\n    },\n    expandTrigger: \"hover\",\n    allowClear: true,\n    placeholder: \"\\u8BF7\\u9009\\u62E9\",\n    value: [1, 4, 7],\n    option: options,\n    onChange: function onChange(value, seleteds) {\n      return console.log(value, seleteds);\n    },\n    onSearch: true\n  }));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { Cascader,Row } from 'uiw';\n\nconst Demo = () => {\n\n  const options = [\n    {\n      label: '\u4e0a\u6d77\u5e02',\n      value: 1,\n      children: [\n        {\n          label: '\u5f90\u6c47\u533a',\n          value: 4,\n          children: [\n            { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n            { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n            { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n          ]\n        },\n      ]\n    },\n    {\n      label: '\u5317\u4eac\u5e02',\n      value: 9,\n      children: [\n        {\n          label: '\u5d07\u6587\u533a',\n          value: 12,\n          children: [\n            { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n            { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n            { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n          ]\n        },\n      ]\n    },\n  ];\n\n  return (\n    <Row style={{ flexDirection: 'column' }}>\n        <Cascader\n          style={{ width:200 }}\n          expandTrigger=\"hover\"\n          allowClear={true}\n          placeholder=\"\u8bf7\u9009\u62e9\"\n          value={[1, 4, 7]}\n          option={options}\n          onChange={(value, seleteds) => console.log(value, seleteds)}\n          onSearch={true}\n        />\n    </Row>\n  )\n};\nexport default Demo"},255:{name:255,meta:{background:"#fff",codeSandbox:"true",codePen:"true",noScroll:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n  var options = [{\n    label: \'\u4e0a\u6d77\u5e02\',\n    value: 1,\n    children: [{\n      label: \'\u5f90\u6c47\u533a\',\n      value: 4,\n      children: [{\n        label: \'\u534a\u6dde\u56ed\u8def\u8857\u9053\',\n        value: 6\n      }, {\n        label: \'\u5357\u4eac\u4e1c\u8def\u8857\u9053\',\n        value: 7\n      }, {\n        label: \'\u5916\u6ee9\u8857\u9053\',\n        value: 8\n      }]\n    }]\n  }, {\n    label: \'\u5317\u4eac\u5e02\',\n    value: 9,\n    children: [{\n      label: \'\u5d07\u6587\u533a\',\n      value: 12,\n      children: [{\n        label: \'\u4e1c\u82b1\u5e02\u8857\u9053\',\n        value: 13\n      }, {\n        label: \'\u4f53\u80b2\u9986\u8def\u8857\u9053\',\n        value: 14\n      }, {\n        label: \'\u524d\u95e8\u8857\u9053\',\n        value: 15\n      }]\n    }]\n  }];\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n    onSubmitError: function onSubmitError(error) {\n      if (error.filed) {\n        return _objectSpread({}, error.filed);\n      }\n\n      return null;\n    },\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n      var errorObj = {};\n\n      if (!current.selectField) {\n        errorObj.selectField = \'\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9\';\n      }\n\n      if (Object.keys(errorObj).length > 0) {\n        var err = new Error();\n        err.filed = errorObj;\n        Notify.error({\n          title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n          description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n        });\n        throw err;\n      }\n\n      Notify.success({\n        title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n        description: "\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u9009\\u62E9\\u503C\\u4E3A\\uFF1A".concat(current.selectField, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n      });\n    },\n    fields: {\n      cascader: {\n        initialValue: [1, 4, 7],\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.Cascader, {\n          allowClear: true,\n          onSearch: true,\n          placeholder: "\\u8BF7\\u9009\\u62E9",\n          option: options,\n          onChange: function onChange(value, seleteds) {\n            return console.log(value, seleteds);\n          }\n        })\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n        state = _ref2.state,\n        canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n      fixed: true,\n      style: {\n        width: 200\n      }\n    }, fields.cascader)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n      fixed: true\n    }, /*#__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};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Row, Col, Cascader, Button } from 'uiw';\n\nconst Demo = () => {\nconst options = [\n    {\n      label: '\u4e0a\u6d77\u5e02',\n      value: 1,\n      children: [\n        {\n          label: '\u5f90\u6c47\u533a',\n          value: 4,\n          children: [\n            { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n            { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n            { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n          ]\n        },\n      ]\n    },\n    {\n      label: '\u5317\u4eac\u5e02',\n      value: 9,\n      children: [\n        {\n          label: '\u5d07\u6587\u533a',\n          value: 12,\n          children: [\n            { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n            { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n            { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n          ]\n        },\n      ]\n    },\n  ];\n\n  return (\n    <div>\n      <Form\n        onSubmitError={(error) => {\n          if (error.filed) {\n            return { ...error.filed };\n          }\n          return null;\n        }}\n        onSubmit={({initial, current}) => {\n          const errorObj = {};\n          if (!current.selectField) {\n            errorObj.selectField = '\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9';\n          }\n          if(Object.keys(errorObj).length > 0) {\n            const err = new Error();\n            err.filed = errorObj;\n            Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n            throw err;\n          }\n          Notify.success({\n            title: '\u63d0\u4ea4\u6210\u529f\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n          });\n        }}\n        fields={{\n          cascader: {\n            initialValue:[1, 4, 7],\n            children: (\n              <Cascader\n                allowClear={true}\n                onSearch={true}\n                placeholder=\"\u8bf7\u9009\u62e9\"\n                option={options}\n                onChange={(value, seleteds) => console.log(value, seleteds)}\n              />\n            )\n          },\n        }}\n      >\n        {({ fields, state, canSubmit }) => {\n          return (\n            <div>\n              <Row >\n                <Col fixed style={{width:200}}>{fields.cascader}</Col>\n              </Row>\n              <Row>\n                <Col fixed>\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    </div>\n  );\n}\nexport default Demo"}},source:"Cascader \u7ea7\u8054\u9009\u62e9\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-cascader/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-cascader.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-cascader)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-cascader.svg?label=@uiw/react-cascader)](https://npmjs.com/@uiw/react-cascader)\n\n\u7ea7\u8054\u9009\u62e9\u6846\u3002v4.16.0\u4e2d\u6dfb\u52a0\n\n```jsx\nimport { Cascader, Row, Col  } from 'uiw';\n// or\nimport Cascader from '@uiw/react-cascader';\n```\n\n## \u57fa\u7840\u793a\u4f8b\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Cascader,Row } from 'uiw';\n\nconst Demo = () => {\n\n  const options = [\n    {\n      label: '\u4e0a\u6d77\u5e02',\n      value: 1,\n      children: [\n        {\n          label: '\u5f90\u6c47\u533a',\n          value: 4,\n          children: [\n            { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n            { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n            { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n          ]\n        },\n      ]\n    },\n    {\n      label: '\u5317\u4eac\u5e02',\n      value: 9,\n      children: [\n        {\n          label: '\u5d07\u6587\u533a',\n          value: 12,\n          children: [\n            { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n            { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n            { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n          ]\n        },\n      ]\n    },\n  ];\n\n  return (\n    <Row>\n      <Row>\n        <Cascader\n          style={{ width:200 }}\n          allowClear={true}\n          placeholder=\"\u8bf7\u9009\u62e9\"\n          value={[1, 4, 7]}\n          option={options}\n          onChange={(value, seleteds) => console.log(value, seleteds)}\n        />\n      </Row>\n      <Row style={{ marginLeft: 20 }}>\n        <Cascader\n          style={{ width:200 }}\n          allowClear={true}\n          placeholder=\"\u8bf7\u9009\u62e9\"\n          value={[1, 4, 7]}\n          disabled={true}\n          option={options}\n          onChange={(value, seleteds) => console.log(value, seleteds)}\n        />\n      </Row>\n    </Row>\n  )\n};\nexport default Demo\n```\n\n## \u5c3a\u5bf8\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Cascader,Row } from 'uiw';\n\nconst Demo = () => {\n\n  const options = [\n    {\n      label: '\u5c3a\u5bf8', value: 1,\n      children: [\n        {\n          label: 'size',\n          value: 2,\n          children: [\n            { label: '\u5c0f\u5c3a\u5bf8', value: 3 },\n            { label: '\u9ed8\u8ba4\u5c3a\u5bf8', value: 4 },\n            { label: '\u5927\u5c3a\u5bf8', value: 5 },\n          ]\n        },\n      ]\n    }\n  ];\n\n  return (\n    <Row style={{ flexDirection: 'column' }}>\n        <Cascader\n          style={{ width: 150 }}\n          value={[1, 2, 3]}\n          option={options}\n          size=\"small\"\n        />\n        <Cascader\n          style={{ width: 175, marginTop: 10 }}\n          value={[1, 2, 4]}\n          option={options}\n        />\n        <Cascader\n          style={{ width: 200, marginTop: 10 }}\n          value={[1, 2, 5]}\n          option={options}\n          size=\"large\"\n        />\n    </Row>\n  )\n};\nexport default Demo\n```\n\n## \u641c\u7d22\u9009\u9879\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Cascader, } from 'uiw';\n\nconst Demo = () => {\n\n  const options = [\n    {\n      label: '\u4e0a\u6d77\u5e02',\n      value: 1,\n      children: [\n        {\n          label: '\u5f90\u6c47\u533a',\n          value: 4,\n          children: [\n            { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n            { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n            { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n          ]\n        },\n      ]\n    },\n    {\n      label: '\u5317\u4eac\u5e02',\n      value: 9,\n      children: [\n        {\n          label: '\u5d07\u6587\u533a',\n          value: 12,\n          children: [\n            { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n            { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n            { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n          ]\n        },\n      ]\n    },\n  ];\n\n  return (\n    <Cascader\n      style={{ width: 200 }}\n      allowClear={true}\n      placeholder=\"\u8bf7\u9009\u62e9\"\n      value={[1, 4, 7]}\n      option={options}\n      onChange={(value, seleteds) => console.log(value, seleteds)}\n      onSearch={(text)=> console.log('text', text)}\n    />\n  )\n};\nexport default Demo\n```\n\n## \u79fb\u5165\u5c55\u5f00\u83dc\u5355\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Cascader,Row } from 'uiw';\n\nconst Demo = () => {\n\n  const options = [\n    {\n      label: '\u4e0a\u6d77\u5e02',\n      value: 1,\n      children: [\n        {\n          label: '\u5f90\u6c47\u533a',\n          value: 4,\n          children: [\n            { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n            { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n            { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n          ]\n        },\n      ]\n    },\n    {\n      label: '\u5317\u4eac\u5e02',\n      value: 9,\n      children: [\n        {\n          label: '\u5d07\u6587\u533a',\n          value: 12,\n          children: [\n            { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n            { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n            { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n          ]\n        },\n      ]\n    },\n  ];\n\n  return (\n    <Row style={{ flexDirection: 'column' }}>\n        <Cascader\n          style={{ width:200 }}\n          expandTrigger=\"hover\"\n          allowClear={true}\n          placeholder=\"\u8bf7\u9009\u62e9\"\n          value={[1, 4, 7]}\n          option={options}\n          onChange={(value, seleteds) => console.log(value, seleteds)}\n          onSearch={true}\n        />\n    </Row>\n  )\n};\nexport default Demo\n```\n\n### \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\u5728 [`<Form />`](#/components/form) \u8868\u5355\u4e2d\u5e94\u7528 `<Cascader />` \u7ec4\u4ef6\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true&noScroll=true\nimport React from 'react';\nimport { Form, Row, Col, Cascader, Button } from 'uiw';\n\nconst Demo = () => {\nconst options = [\n    {\n      label: '\u4e0a\u6d77\u5e02',\n      value: 1,\n      children: [\n        {\n          label: '\u5f90\u6c47\u533a',\n          value: 4,\n          children: [\n            { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n            { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n            { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n          ]\n        },\n      ]\n    },\n    {\n      label: '\u5317\u4eac\u5e02',\n      value: 9,\n      children: [\n        {\n          label: '\u5d07\u6587\u533a',\n          value: 12,\n          children: [\n            { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n            { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n            { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n          ]\n        },\n      ]\n    },\n  ];\n\n  return (\n    <div>\n      <Form\n        onSubmitError={(error) => {\n          if (error.filed) {\n            return { ...error.filed };\n          }\n          return null;\n        }}\n        onSubmit={({initial, current}) => {\n          const errorObj = {};\n          if (!current.selectField) {\n            errorObj.selectField = '\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9';\n          }\n          if(Object.keys(errorObj).length > 0) {\n            const err = new Error();\n            err.filed = errorObj;\n            Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n            throw err;\n          }\n          Notify.success({\n            title: '\u63d0\u4ea4\u6210\u529f\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n          });\n        }}\n        fields={{\n          cascader: {\n            initialValue:[1, 4, 7],\n            children: (\n              <Cascader\n                allowClear={true}\n                onSearch={true}\n                placeholder=\"\u8bf7\u9009\u62e9\"\n                option={options}\n                onChange={(value, seleteds) => console.log(value, seleteds)}\n              />\n            )\n          },\n        }}\n      >\n        {({ fields, state, canSubmit }) => {\n          return (\n            <div>\n              <Row >\n                <Col fixed style={{width:200}}>{fields.cascader}</Col>\n              </Row>\n              <Row>\n                <Col fixed>\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    </div>\n  );\n}\nexport default Demo\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c | \u7248\u672c |\n| ---- | ---- | ---- | ---- | ---- |\n| allowClear | \u652f\u6301\u6e05\u9664 | Boolean | `false` | - |\n| disabled | \u7981\u7528\u9009\u62e9\u5668 | Boolean | `false` | - |\n| placeholder | \u9009\u62e9\u6846\u9ed8\u8ba4\u6587\u5b57 | String | - | - |\n| option | \u9009\u9879\u83dc\u5355 | { value: String \\| Number, label: React.ReactNode, children: Array<String \\| Number>} | - | - |\n| value | \u6307\u5b9a\u5f53\u524d\u9009\u4e2d\u7684\u6761\u76ee\uff0c\u591a\u9009\u65f6\u4e3a\u4e00\u4e2a\u6570\u7ec4 | String[] \\| Number[] | - | - |\n| onChange | \u9009\u4e2d\u9009\u9879\u8c03\u7528\u6b64\u51fd\u6570 | function( isSeleted, value, selectedOptions) | - | - |\n| onSearch | \u5f00\u542f\u641c\u7d22\u9009\u9879 | functionon(searchText) \\| Boolean | - | v4.16.1 |\n| size | \u9009\u62e9\u6846\u5c3a\u5bf8 | Enum{large, default, small } | `default` | v17.0.1 |\n| inputProps | \u4f20\u7ed9[Input](http://localhost:3000/#/components/input)\u7ec4\u4ef6\u7684\u53c2\u6570 | Object | - | v17.0.1 |\n| expandTrigger |\t\u5b50\u96c6\u83dc\u5355\u7684\u5c55\u5f00\u65b9\u5f0f\uff0c'click' \u548c 'hover' |\tString | `click` | v4.18.2 |\n"}}}]);
-//# sourceMappingURL=498.e098e309.chunk.js.map

package/web/static/js/530.aed153af.chunk.js

@@ -1,2 +0,0 @@
-(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[530],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return D}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),s=n(6796),a=n(6135),d=n.n(a),u=n(2029),l=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t||[]).join("|");return e.replace(/import([\s\S]*?)(?=['"])['"].*['"]( *;|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/** ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,c=(0,o.Z)(e,f),a=(0,r.Z)({},c),m=(0,l.useRef)(null),v=[];if(n){var x={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text||"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};v.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},x),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var k={files:{"sandbox.config.json":{content:'{\n            "template": "node",\n            "container": {\n              "startScript": "start",\n              "node": "14"\n            }\n          }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};v.push((0,p.jsx)(u.Z,(0,r.Z)((0,r.Z)({},k),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(s.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(l.Fragment,{children:v})}))}var v=n(2814),x=n(2251);function k(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,x.$)(),r=n.t,o=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(l.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(v.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var j="index_docinfo__3Vx8S",g="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function D(e){var t=e.renderPage,n=e.path,s=(0,b.Z)(t),a=s.mdData,d=s.loading,u=c.i8||"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(v.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:g,components:{code:function(e){var t,n=e.inline,i=e.node,c=(0,o.Z)(e,Z),s=c["data-meta"],d=(c.noPreview,c.noScroll,c.bgWhite,c.noCode),l=(c.codePen,c.codeSandboxOption,c.codeSandbox,c.bordered,(0,o.Z)(c,_));if(n||!(0,w.pN)(s))return(0,p.jsx)("code",(0,r.Z)({},l));var f=null===(t=i.position)||void 0===t?void 0:t.start.line,h=(0,w.Mx)(s)||String(f),v=a.components["".concat(h)],x=(0,w.aE)(s);if(h&&"function"===typeof v){var k=a.data[h].value||"";return(0,p.jsx)(m,{toolbar:x.title||"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:x.codePen,codeSandbox:x.codeSandbox,disableCheckered:!!x.disableCheckered,background:x.background,version:u,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},l))}),text:k,children:(0,p.jsx)(v,{})})}return(0,p.jsx)("code",(0,r.Z)({},l))}}})})}),(0,p.jsx)("div",{className:j,children:(0,p.jsx)(k,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),c=n(8133),s=n(2251),a=n(3208),d=function(){var e=(0,s.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,c.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),s=n[0],a=n[1],u=d(),l=(0,c.useState)(!1),p=(0,i.Z)(l,2),f=p[0],h=p[1];return(0,c.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(u);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[u]),{mdData:s,loading:f}}},8294:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var r=n(1092),o=n(7791),i=n(2814),c=n(270),s=n(7946),a=n(9265);function d(){var e=(0,s.A)();return(0,a.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-button/README".concat(e,".md"),dependencies:{Icon:i.Icon,Divider:i.Divider,Button:i.Button,ButtonGroup:i.ButtonGroup,Row:i.Row,Col:i.Col},renderPage:(0,o.Z)((0,r.Z)().mark((function t(){var o;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,n(7441)("./README".concat(e,".md"));case 2:return o=t.sent,t.abrupt("return",o.default||o);case 4:case"end":return t.stop()}}),t)})))})}},7441:function(e,t,n){var r={"./README.en-US.md":[250,250],"./README.md":[1949,1949]};function o(e){if(!n.o(r,e))return Promise.resolve().then((function(){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=r[e],o=t[0];return n.e(t[1]).then((function(){return n(o)}))}o.keys=function(){return Object.keys(r)},o.id=7441,e.exports=o}}]);
-//# sourceMappingURL=530.aed153af.chunk.js.map