npm - @uiw/doc - Versions diffs - 5.0.0-bate-1 → 5.0.0-bate-2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (337) hide show

package/web/static/js/{190.c864d902.chunk.js.map → 190.1c9e3d39.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"static/js/190.c864d902.chunk.js","mappings":"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","sources":["../../packages/react-carousel/README.md"],"sourcesContent":["\nexport default {\n components: { 20: (function() { \"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 Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n display: 'flex'\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Carousel, null, /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#1EABCD'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"1\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393b46'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"2\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#008EF0'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"3\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393E48'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"4\"))), /#__PURE__/_react[\"default\"].createElement(\"span\", {\n style: {\n marginLeft: 10\n }\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Carousel, {\n direction: \"vertical\"\n }, /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#1EABCD'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"1\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393b46'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"2\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#008EF0'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"3\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393E48'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"4\"))));\n}\n\nreturn Demo; })(),67: (function() { \"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 Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Carousel, {\n palyTime: 1000,\n scrollTime: 500\n }, /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#1EABCD'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"1\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393b46'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"2\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#008EF0'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"3\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393E48'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"4\")));\n}\n\nreturn Demo; })(),97: (function() { \"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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" \|\| n === \"Set\") return Array.from(o); if (n === \"Arguments\" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] \|\| arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var ref = _react[\"default\"].useRef();\n\n var _React$useState = _react[\"default\"].useState(true),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n autoPlay = _React$useState2[0],\n autoPlaySet = _React$useState2[1];\n\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Carousel, {\n ref: ref,\n position: 2,\n autoPlay: autoPlay,\n afterChange: function afterChange(current) {\n return console.log('after', current);\n },\n beforeChange: function beforeChange(current) {\n return console.log('before', current);\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#1EABCD'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"1\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393b46'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"2\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#008EF0'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"3\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393E48'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"4\"))), /#__PURE__/_react[\"default\"].createElement(\"button\", {\n onClick: function onClick() {\n return ref.current.gotoSlide(1);\n }\n }, \"\\u8DF3\\u8F6C\"), /#__PURE__/_react[\"default\"].createElement(\"button\", {\n onClick: function onClick() {\n return ref.current.prevSlide();\n }\n }, \"\\u4E0A\\u4E00\\u5F20\"), /#__PURE__/_react[\"default\"].createElement(\"button\", {\n onClick: function onClick() {\n return ref.current.nextSlide();\n }\n }, \"\\u4E0B\\u4E00\\u5F20\"), /#__PURE__/_react[\"default\"].createElement(\"button\", {\n onClick: function onClick() {\n return autoPlaySet(autoPlay ? false : true);\n }\n }, autoPlay ? '暂停' : '开始'));\n}\n\nreturn Demo; })(), },\n data: {\n \"20\": {\n \"name\": 20,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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 Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n display: 'flex'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Carousel, null, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#1EABCD'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"1\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393b46'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"2\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#008EF0'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"3\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393E48'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"4\\\"))), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", {\\n style: {\\n marginLeft: 10\\n }\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Carousel, {\\n direction: \\\"vertical\\\"\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#1EABCD'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"1\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393b46'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"2\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#008EF0'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"3\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393E48'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"4\\\"))));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <div style={{ display:'flex' }}>\\n <Carousel>\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n <span style={{marginLeft:10}}/>\\n <Carousel direction=\\\"vertical\\\" >\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n </div>\\n );\\n}\\n\\nexport default Demo\"\n },\n \"67\": {\n \"name\": 67,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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 Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Carousel, {\\n palyTime: 1000,\\n scrollTime: 500\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#1EABCD'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"1\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393b46'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"2\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#008EF0'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"3\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393E48'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"4\\\")));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Carousel palyTime={1000} scrollTime={500}>\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n );\\n}\\n\\nexport default Demo\"\n },\n \"97\": {\n \"name\": 97,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" \|\| n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] \|\| arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nfunction Demo() {\\n var ref = _react[\\\"default\\\"].useRef();\\n\\n var _React$useState = _react[\\\"default\\\"].useState(true),\\n _React$useState2 = _slicedToArray(_React$useState, 2),\\n autoPlay = _React$useState2[0],\\n autoPlaySet = _React$useState2[1];\\n\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_react[\\\"default\\\"].Fragment, null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Carousel, {\\n ref: ref,\\n position: 2,\\n autoPlay: autoPlay,\\n afterChange: function afterChange(current) {\\n return console.log('after', current);\\n },\\n beforeChange: function beforeChange(current) {\\n return console.log('before', current);\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#1EABCD'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"1\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393b46'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"2\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#008EF0'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"3\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393E48'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"4\\\"))), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"button\\\", {\\n onClick: function onClick() {\\n return ref.current.gotoSlide(1);\\n }\\n }, \\\"\\\\u8DF3\\\\u8F6C\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"button\\\", {\\n onClick: function onClick() {\\n return ref.current.prevSlide();\\n }\\n }, \\\"\\\\u4E0A\\\\u4E00\\\\u5F20\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"button\\\", {\\n onClick: function onClick() {\\n return ref.current.nextSlide();\\n }\\n }, \\\"\\\\u4E0B\\\\u4E00\\\\u5F20\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"button\\\", {\\n onClick: function onClick() {\\n return autoPlaySet(autoPlay ? false : true);\\n }\\n }, autoPlay ? '暂停' : '开始'));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n\\n const ref=React.useRef()\\n const [autoPlay,autoPlaySet]=React.useState(true)\\n\\n return (\\n <React.Fragment>\\n <Carousel\\n ref={ref}\\n position={2}\\n autoPlay={autoPlay}\\n afterChange={(current)=>console.log('after',current)}\\n beforeChange={(current)=>console.log('before',current)}\\n >\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n <button onClick={() => ref.current.gotoSlide(1)}>跳转</button>\\n <button onClick={() => ref.current.prevSlide()}>上一张</button>\\n <button onClick={() => ref.current.nextSlide()}>下一张</button>\\n <button onClick={() =>autoPlaySet(autoPlay?false:true)}>{autoPlay?'暂停':'开始'}</button>\\n </React.Fragment>\\n );\\n}\\n\\nexport default Demo\"\n }\n},\n source: \"Carousel 走马灯\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-carousel/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-carousel.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-carousel)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-carousel.svg?label=@uiw/react-carousel)](https://npmjs.com/@uiw/react-carousel)\\n\\n滚动播放。在 v4.15.0+ 添加。\\n\\n```jsx\\nimport { Carousel } from 'uiw';\\n// or\\nimport Carousel from '@uiw/react-carousel';\\n```\\n\\n## 基础用法\\n\\n最简单的用法。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <div style={{ display:'flex' }}>\\n <Carousel>\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n <span style={{marginLeft:10}}/>\\n <Carousel direction=\\\"vertical\\\" >\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n </div>\\n );\\n}\\n\\nexport default Demo\\n```\\n\\n## 控制播放频率\\n\\npalyTime设置每帧停留时间，scrollTime设置切换帧的速度\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Carousel palyTime={1000} scrollTime={500}>\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n );\\n}\\n\\nexport default Demo\\n```\\n\\n## 切换到指定帧\\n\\n手动切换到指定帧的位置\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n\\n const ref=React.useRef()\\n const [autoPlay,autoPlaySet]=React.useState(true)\\n\\n return (\\n <React.Fragment>\\n <Carousel\\n ref={ref}\\n position={2}\\n autoPlay={autoPlay}\\n afterChange={(current)=>console.log('after',current)}\\n beforeChange={(current)=>console.log('before',current)}\\n >\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n <button onClick={() => ref.current.gotoSlide(1)}>跳转</button>\\n <button onClick={() => ref.current.prevSlide()}>上一张</button>\\n <button onClick={() => ref.current.nextSlide()}>下一张</button>\\n <button onClick={() =>autoPlaySet(autoPlay?false:true)}>{autoPlay?'暂停':'开始'}</button>\\n </React.Fragment>\\n );\\n}\\n\\nexport default Demo\\n```\\n\\n## Props\\n\\n## API\\n\\n\| 参数 \| 说明 \| 类型 \| 默认值 \|\\n\|--------- \|-------- \|--------- \|-------- \|\\n\| width \| 宽度 \| number \| 400 \|\\n\| height \| 高度 \| number \| 200 \|\\n\| position \| 设置初始帧位置 \| number \| 0 \|\\n\| palyTime \| 每帧停留时间(ms) \| number \| 2000 \|\\n\| scrollTime \| 滚动动画的速度(ms) \| number \| 200 \|\\n\| autoPlay \| 是否自动播放 \| boolean \| true \|\\n\| afterChange \| 切换面板前的回调 \| (current) => void \| - \|\\n\| beforeChange \| 切换面板后的回调 \| (current) => void \| - \|\\n\| direction \| 滚动方位`horizontal`横向，`vertical`竖向 \| horizontal \\\\\| vertical \| horizontal \|\\n\\n### ref\\n\\n```ts\\n // 跳转到指定帧\\n gotoSlide: (slideNumber: number) => void;\\n // 上一针\\n prevSlide: () => void;\\n // 下一帧\\n nextSlide: () => void;\\n // 暂停播放\\n stopPlay: () => void;\\n```\\n\\n\\n\"\n }"],"names":["components","obj","_react","__esModule","_uiw","createElement","style","display","Carousel","height","background","marginLeft","direction","palyTime","scrollTime","_slicedToArray","arr","i","Array","isArray","_arrayWithHoles","_i","Symbol","iterator","_s","_e","_arr","_n","_d","call","next","done","push","value","length","err","_iterableToArrayLimit","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","len","arr2","ref","useRef","_React$useState2","useState","autoPlay","autoPlaySet","Fragment","position","afterChange","current","console","log","beforeChange","onClick","gotoSlide","prevSlide","nextSlide","data","source"],"sourceRoot":""}
1	+ {"version":3,"file":"static/js/190.1c9e3d39.chunk.js","mappings":"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","sources":["../../packages/react-carousel/README.md"],"sourcesContent":["\nexport default {\n components: { 20: (function() { \"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 Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n display: 'flex'\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Carousel, null, /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#1EABCD'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"1\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393b46'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"2\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#008EF0'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"3\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393E48'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"4\"))), /#__PURE__/_react[\"default\"].createElement(\"span\", {\n style: {\n marginLeft: 10\n }\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Carousel, {\n direction: \"vertical\"\n }, /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#1EABCD'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"1\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393b46'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"2\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#008EF0'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"3\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393E48'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"4\"))));\n}\n\nreturn Demo; })(),67: (function() { \"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 Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Carousel, {\n palyTime: 1000,\n scrollTime: 500\n }, /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#1EABCD'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"1\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393b46'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"2\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#008EF0'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"3\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393E48'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"4\")));\n}\n\nreturn Demo; })(),97: (function() { \"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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" \|\| n === \"Set\") return Array.from(o); if (n === \"Arguments\" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] \|\| arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var ref = _react[\"default\"].useRef();\n\n var _React$useState = _react[\"default\"].useState(true),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n autoPlay = _React$useState2[0],\n autoPlaySet = _React$useState2[1];\n\n return /#__PURE__/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Carousel, {\n ref: ref,\n position: 2,\n autoPlay: autoPlay,\n afterChange: function afterChange(current) {\n return console.log('after', current);\n },\n beforeChange: function beforeChange(current) {\n return console.log('before', current);\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#1EABCD'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"1\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393b46'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"2\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#008EF0'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"3\")), /#__PURE__/_react[\"default\"].createElement(\"div\", {\n style: {\n height: '100%',\n background: '#393E48'\n }\n }, /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"4\"))), /#__PURE__/_react[\"default\"].createElement(\"button\", {\n onClick: function onClick() {\n return ref.current.gotoSlide(1);\n }\n }, \"\\u8DF3\\u8F6C\"), /#__PURE__/_react[\"default\"].createElement(\"button\", {\n onClick: function onClick() {\n return ref.current.prevSlide();\n }\n }, \"\\u4E0A\\u4E00\\u5F20\"), /#__PURE__/_react[\"default\"].createElement(\"button\", {\n onClick: function onClick() {\n return ref.current.nextSlide();\n }\n }, \"\\u4E0B\\u4E00\\u5F20\"), /#__PURE__/_react[\"default\"].createElement(\"button\", {\n onClick: function onClick() {\n return autoPlaySet(autoPlay ? false : true);\n }\n }, autoPlay ? '暂停' : '开始'));\n}\n\nreturn Demo; })(), },\n data: {\n \"20\": {\n \"name\": 20,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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 Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n display: 'flex'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Carousel, null, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#1EABCD'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"1\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393b46'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"2\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#008EF0'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"3\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393E48'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"4\\\"))), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", {\\n style: {\\n marginLeft: 10\\n }\\n }), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Carousel, {\\n direction: \\\"vertical\\\"\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#1EABCD'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"1\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393b46'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"2\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#008EF0'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"3\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393E48'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"4\\\"))));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <div style={{ display:'flex' }}>\\n <Carousel>\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n <span style={{marginLeft:10}}/>\\n <Carousel direction=\\\"vertical\\\" >\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n </div>\\n );\\n}\\n\\nexport default Demo\"\n },\n \"67\": {\n \"name\": 67,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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 Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Carousel, {\\n palyTime: 1000,\\n scrollTime: 500\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#1EABCD'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"1\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393b46'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"2\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#008EF0'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"3\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393E48'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"4\\\")));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Carousel palyTime={1000} scrollTime={500}>\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n );\\n}\\n\\nexport default Demo\"\n },\n \"97\": {\n \"name\": 97,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" \|\| n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] \|\| arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nfunction Demo() {\\n var ref = _react[\\\"default\\\"].useRef();\\n\\n var _React$useState = _react[\\\"default\\\"].useState(true),\\n _React$useState2 = _slicedToArray(_React$useState, 2),\\n autoPlay = _React$useState2[0],\\n autoPlaySet = _React$useState2[1];\\n\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_react[\\\"default\\\"].Fragment, null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Carousel, {\\n ref: ref,\\n position: 2,\\n autoPlay: autoPlay,\\n afterChange: function afterChange(current) {\\n return console.log('after', current);\\n },\\n beforeChange: function beforeChange(current) {\\n return console.log('before', current);\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#1EABCD'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"1\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393b46'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"2\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#008EF0'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"3\\\")), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n height: '100%',\\n background: '#393E48'\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"4\\\"))), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"button\\\", {\\n onClick: function onClick() {\\n return ref.current.gotoSlide(1);\\n }\\n }, \\\"\\\\u8DF3\\\\u8F6C\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"button\\\", {\\n onClick: function onClick() {\\n return ref.current.prevSlide();\\n }\\n }, \\\"\\\\u4E0A\\\\u4E00\\\\u5F20\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"button\\\", {\\n onClick: function onClick() {\\n return ref.current.nextSlide();\\n }\\n }, \\\"\\\\u4E0B\\\\u4E00\\\\u5F20\\\"), /#__PURE__/_react[\\\"default\\\"].createElement(\\\"button\\\", {\\n onClick: function onClick() {\\n return autoPlaySet(autoPlay ? false : true);\\n }\\n }, autoPlay ? '暂停' : '开始'));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n\\n const ref=React.useRef()\\n const [autoPlay,autoPlaySet]=React.useState(true)\\n\\n return (\\n <React.Fragment>\\n <Carousel\\n ref={ref}\\n position={2}\\n autoPlay={autoPlay}\\n afterChange={(current)=>console.log('after',current)}\\n beforeChange={(current)=>console.log('before',current)}\\n >\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n <button onClick={() => ref.current.gotoSlide(1)}>跳转</button>\\n <button onClick={() => ref.current.prevSlide()}>上一张</button>\\n <button onClick={() => ref.current.nextSlide()}>下一张</button>\\n <button onClick={() =>autoPlaySet(autoPlay?false:true)}>{autoPlay?'暂停':'开始'}</button>\\n </React.Fragment>\\n );\\n}\\n\\nexport default Demo\"\n }\n},\n source: \"Carousel 走马灯\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-carousel/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-carousel.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-carousel)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-carousel.svg?label=@uiw/react-carousel)](https://npmjs.com/@uiw/react-carousel)\\n\\n滚动播放。在 v4.15.0+ 添加。\\n\\n```jsx\\nimport { Carousel } from 'uiw';\\n// or\\nimport Carousel from '@uiw/react-carousel';\\n```\\n\\n## 基础用法\\n\\n最简单的用法。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <div style={{ display:'flex' }}>\\n <Carousel>\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n <span style={{marginLeft:10}}/>\\n <Carousel direction=\\\"vertical\\\" >\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n </div>\\n );\\n}\\n\\nexport default Demo\\n```\\n\\n## 控制播放频率\\n\\npalyTime设置每帧停留时间，scrollTime设置切换帧的速度\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Carousel palyTime={1000} scrollTime={500}>\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n );\\n}\\n\\nexport default Demo\\n```\\n\\n## 切换到指定帧\\n\\n手动切换到指定帧的位置\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n\\n const ref=React.useRef()\\n const [autoPlay,autoPlaySet]=React.useState(true)\\n\\n return (\\n <React.Fragment>\\n <Carousel\\n ref={ref}\\n position={2}\\n autoPlay={autoPlay}\\n afterChange={(current)=>console.log('after',current)}\\n beforeChange={(current)=>console.log('before',current)}\\n >\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n <button onClick={() => ref.current.gotoSlide(1)}>跳转</button>\\n <button onClick={() => ref.current.prevSlide()}>上一张</button>\\n <button onClick={() => ref.current.nextSlide()}>下一张</button>\\n <button onClick={() =>autoPlaySet(autoPlay?false:true)}>{autoPlay?'暂停':'开始'}</button>\\n </React.Fragment>\\n );\\n}\\n\\nexport default Demo\\n```\\n\\n## Props\\n\\n## API\\n\\n\| 参数 \| 说明 \| 类型 \| 默认值 \|\\n\|--------- \|-------- \|--------- \|-------- \|\\n\| width \| 宽度 \| number \| 400 \|\\n\| height \| 高度 \| number \| 200 \|\\n\| position \| 设置初始帧位置 \| number \| 0 \|\\n\| palyTime \| 每帧停留时间(ms) \| number \| 2000 \|\\n\| scrollTime \| 滚动动画的速度(ms) \| number \| 200 \|\\n\| autoPlay \| 是否自动播放 \| boolean \| true \|\\n\| afterChange \| 切换面板前的回调 \| (current) => void \| - \|\\n\| beforeChange \| 切换面板后的回调 \| (current) => void \| - \|\\n\| direction \| 滚动方位`horizontal`横向，`vertical`竖向 \| horizontal \\\\\| vertical \| horizontal \|\\n\\n### ref\\n\\n```ts\\n // 跳转到指定帧\\n gotoSlide: (slideNumber: number) => void;\\n // 上一针\\n prevSlide: () => void;\\n // 下一帧\\n nextSlide: () => void;\\n // 暂停播放\\n stopPlay: () => void;\\n```\\n\\n\\n\"\n }"],"names":["components","obj","_react","__esModule","_uiw","createElement","style","display","Carousel","height","background","marginLeft","direction","palyTime","scrollTime","_slicedToArray","arr","i","Array","isArray","_arrayWithHoles","_i","Symbol","iterator","_s","_e","_arr","_n","_d","call","next","done","push","value","length","err","_iterableToArrayLimit","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","len","arr2","ref","useRef","_React$useState2","useState","autoPlay","autoPlaySet","Fragment","position","afterChange","current","console","log","beforeChange","onClick","gotoSlide","prevSlide","nextSlide","data","source"],"sourceRoot":""}

package/web/static/js/1949.9086db0d.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[1949],{1949:function(t,e,n){n.r(e),e.default={components:{21:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(968);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,null),e.default.createElement(u.Button,{basic:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,null),e.default.createElement(u.Button,null,"Normal"),e.default.createElement(u.Button,{disabled:!0},"Disabled"),e.default.createElement(u.Button,{type:"primary",active:!0},"Button"),e.default.createElement(u.Button,{type:"primary",size:"small"},"more ",e.default.createElement(u.Icon,{type:"down"})),e.default.createElement(u.Button,{type:"link"}," (\u8d85\u8fde\u63a5\u6837\u5f0f)link "))}}(),53:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(968);return function(){return e.default.createElement("div",null,e.default.createElement(u.ButtonGroup,null,e.default.createElement(u.Button,{type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{type:"dark"},"\u6697\u6309\u94ae")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{size:"small",type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{size:"small",type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{size:"small",type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{size:"small",type:"primary"},"\u6309\u94ae")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae")),e.default.createElement(u.Divider,{style:{maxWidth:220}},"\u6dfb\u52a0\u56fe\u6807"),e.default.createElement(u.ButtonGroup,null,e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"copy"}),type:"primary"},"\u590d\u5236"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"delete"}),type:"success"},"\u5220\u9664"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"file-add"}),type:"warning"},"\u6dfb\u52a0\u6587\u4ef6"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"map"}),type:"danger"},"\u5730\u56fe"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"linux"}),type:"light"},"Linux"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),type:"dark"},"Apple")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"copy"}),type:"primary"},"\u590d\u5236"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"delete"}),type:"primary"},"\u5220\u9664"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"file-add"}),type:"primary"},"\u6dfb\u52a0\u6587\u4ef6"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"map"}),type:"primary"},"\u5730\u56fe"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"linux"}),type:"primary"},"Linux"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),type:"primary"},"Apple")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"copy"})},"\u590d\u5236"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"delete"})},"\u5220\u9664"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"file-add"})},"\u6dfb\u52a0\u6587\u4ef6"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"map"})},"\u5730\u56fe"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"linux"})},"Linux"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"})},"Apple")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"copy"})}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"delete"})}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"file-add"})}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"map"})}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"linux"})}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"})})))}}(),119:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(968);var a=e.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"}," ",e.default.createElement("path",{d:"M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z",fillRule:"evenodd"})," "),o=e.default.createElement("svg",{width:"12",height:"16",style:{height:16}}," ",e.default.createElement("path",{fillRule:"evenodd",d:"M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"})," "),r=e.default.createElement("svg",{width:"12",height:"16",viewBox:"0 0 12 16",style:{height:16}}," ",e.default.createElement("path",{fillRule:"evenodd",d:"M10 7c-.73 0-1.38.41-1.73 1.02V8C7.22 7.98 6 7.64 5.14 6.98c-.75-.58-1.5-1.61-1.89-2.44A1.993 1.993 0 0 0 2 .99C.89.99 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2a1.993 1.993 0 0 0 1-3.72V7.67c.67.7 1.44 1.27 2.3 1.69.86.42 2.03.63 2.97.64v-.02c.36.61 1 1.02 1.73 1.02 1.11 0 2-.89 2-2 0-1.11-.89-2-2-2zm-6.8 6c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm8 6c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"})," "),c=e.default.createElement("svg",{viewBox:"0 0 16 16",width:"16",height:"16"}," ",e.default.createElement("path",{fillRule:"evenodd",d:"M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z"})," ");return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"taobao"}),type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),type:"danger"}),e.default.createElement(u.Button,{type:"danger"},e.default.createElement(u.Icon,{type:"reload",spin:!0}),e.default.createElement("span",null,"\u9519\u8bef",e.default.createElement("span",null,"\u6309\u94ae")),e.default.createElement(u.Icon,{type:"weibo"})),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:a}),type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,{style:{maxWidth:220}},"GitHub"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:o}),type:"success"},"Open"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:r}),type:"light",style:{backgroundColor:"#6f42c1",color:"#fff"}},"Merged"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:c}),type:"danger"},"Closed"))}}(),154:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(968);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{type:"danger"},e.default.createElement(u.Icon,{type:"reload",spin:!0}),e.default.createElement("span",null,"\u9519\u8bef",e.default.createElement("span",null,"\u6309\u94ae")),e.default.createElement(u.Icon,{type:"weibo"})),e.default.createElement(u.Button,{loading:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,type:"danger"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Divider,{style:{maxWidth:220}},"Size"),e.default.createElement(u.Button,{loading:!0,size:"small",type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,size:"default",type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{loading:!0,size:"large",type:"warning"},"\u8b66\u544a\u6309\u94ae"))}}(),184:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(968);return function(){return e.default.createElement("div",null,e.default.createElement(u.ButtonGroup,null,e.default.createElement(u.Button,{disabled:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"dark"},"\u6697\u6309\u94ae")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{disabled:!0,type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"primary"},"\u6309\u94ae")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{disabled:!0,type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"light"},"\u6309\u94ae")),e.default.createElement(u.Divider,{style:{maxWidth:220}},"\u6dfb\u52a0\u56fe\u6807"),e.default.createElement(u.ButtonGroup,null,e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"copy"}),type:"primary"},"\u590d\u5236"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"delete"}),type:"success"},"\u5220\u9664"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"file-add"}),type:"warning"},"\u6dfb\u52a0\u6587\u4ef6"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"map"}),type:"danger"},"\u5730\u56fe"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"linux"}),type:"light"},"Linux"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"apple"}),type:"dark"},"Apple")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"copy"}),type:"primary"},"\u590d\u5236"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"delete"}),type:"primary"},"\u5220\u9664"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"file-add"}),type:"primary"},"\u6dfb\u52a0\u6587\u4ef6"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"map"}),type:"primary"},"\u5730\u56fe"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"linux"}),type:"primary"},"Linux"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"apple"}),type:"primary"},"Apple")),e.default.createElement(u.ButtonGroup,{style:{marginTop:5}},e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"copy"})},"\u590d\u5236"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"delete"})},"\u5220\u9664"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"file-add"})},"\u6dfb\u52a0\u6587\u4ef6"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"map"})},"\u5730\u56fe"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"linux"})},"Linux"),e.default.createElement(u.Button,{disabled:!0,icon:e.default.createElement(u.Icon,{type:"apple"})},"Apple")),e.default.createElement("div",{style:{marginTop:5}},e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),disabled:!0,basic:!0,type:"primary"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),disabled:!0,basic:!0,type:"success"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"taobao"}),disabled:!0,basic:!0,type:"warning"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),disabled:!0,basic:!0,type:"danger"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),disabled:!0,basic:!0,type:"dark"})))}}(),252:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(968);return function(){return e.default.createElement(u.Row,{gutter:10},e.default.createElement(u.Col,{style:{maxWidth:120}},e.default.createElement(u.ButtonGroup,{vertical:!0},e.default.createElement(u.Button,{type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"primary"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"primary"},"\u6309\u94ae"))),e.default.createElement(u.Col,{style:{maxWidth:120}},e.default.createElement(u.ButtonGroup,{vertical:!0},e.default.createElement(u.Button,{type:"success"},"\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"success"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"success"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"success"},"\u6309\u94ae"))),e.default.createElement(u.Col,{style:{maxWidth:120}},e.default.createElement(u.ButtonGroup,{vertical:!0},e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u6309\u94ae"))),e.default.createElement(u.Col,{style:{maxWidth:120}},e.default.createElement(u.ButtonGroup,{vertical:!0},e.default.createElement(u.Button,{type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{type:"dark"},"\u6697\u6309\u94ae"))))}}(),302:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(968);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{basic:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,{style:{maxWidth:220}},"\u6fc0\u6d3b"),e.default.createElement(u.Button,{basic:!0,active:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,active:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,active:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,active:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,active:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,active:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,{style:{maxWidth:220}},"\u7981\u7528"),e.default.createElement(u.Button,{basic:!0,disabled:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,disabled:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,disabled:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,disabled:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,disabled:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{basic:!0,disabled:!0,type:"dark"},"\u6697\u6309\u94ae"))}}(),338:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(968);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),basic:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),basic:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"taobao"}),basic:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),basic:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),basic:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,null),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),basic:!0,type:"primary"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),basic:!0,type:"success"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"taobao"}),basic:!0,type:"warning"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),basic:!0,type:"danger"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),basic:!0,type:"dark"}),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),basic:!0,type:"dark"}))}}(),370:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(968);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{active:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{active:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{active:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{active:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{active:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{active:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Button,{active:!0,type:"link"}," (\u8d85\u8fde\u63a5\u6837\u5f0f)link "))}}(),391:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(968);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{disabled:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Button,{disabled:!0,type:"link"}," (\u8d85\u8fde\u63a5\u6837\u5f0f)link "))}}(),413:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(968);return function(){return e.default.createElement(u.Row,{gutter:10},e.default.createElement(u.Col,{style:{maxWidth:320}},e.default.createElement(u.Button,{block:!0,type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{block:!0,type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{block:!0,type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{block:!0,type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{block:!0,type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{block:!0,type:"dark"},"\u6697\u6309\u94ae")))}}(),436:function(){var t,e=(t=n(8133))&&t.__esModule?t:{default:t},u=n(968);return function(){return e.default.createElement("div",null,e.default.createElement(u.Button,{size:"small",type:"primary"},"\u4e3b\u8981\u6309\u94ae"),e.default.createElement(u.Button,{size:"default",type:"success"},"\u6210\u529f\u6309\u94ae"),e.default.createElement(u.Button,{size:"large",type:"warning"},"\u8b66\u544a\u6309\u94ae"),e.default.createElement(u.Button,{size:"small",type:"danger"},"\u9519\u8bef\u6309\u94ae"),e.default.createElement(u.Button,{size:"default",type:"light"},"\u4eae\u6309\u94ae"),e.default.createElement(u.Button,{size:"large",type:"dark"},"\u6697\u6309\u94ae"),e.default.createElement(u.Divider,null),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"weibo"}),size:"small",type:"primary"},"\u5fae\u535a"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),size:"small",type:"success"},"\u8c37\u6b4c\u6d4f\u89c8\u5668"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"chrome"}),type:"success"},"\u8c37\u6b4c\u6d4f\u89c8\u5668"),e.default.createElement(u.Button,{icon:e.default.createElement(u.Icon,{type:"apple"}),size:"large",type:"warning"},"\u6dd8\u5b9d"))}}()},data:{21:{name:21,meta:{disableCheckered:"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 Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Button, null, "Normal"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true\n }, "Disabled"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n active: true\n }, "Button"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n size: "small"\n }, "more ", /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "down"\n })), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "link"\n }, " (\\u8D85\\u8FDE\\u63A5\\u6837\\u5F0F)link "));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Divider, Icon } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button type="primary" >\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic type="light">\u4eae\u6309\u94ae</Button>\n <Button basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button>Normal</Button>\n <Button disabled>Disabled</Button>\n <Button type="primary" active>Button</Button>\n <Button type="primary" size="small">more <Icon type="down" /></Button>\n <Button type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>\n);\nexport default Demo'},53:{name:53,meta:{disableCheckered:"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 Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "dark"\n }, "\\u6697\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "primary"\n }, "\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n style: {\n maxWidth: 220\n }\n }, "\\u6DFB\\u52A0\\u56FE\\u6807"), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n }),\n type: "primary"\n }, "\\u590D\\u5236"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n }),\n type: "success"\n }, "\\u5220\\u9664"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n }),\n type: "warning"\n }, "\\u6DFB\\u52A0\\u6587\\u4EF6"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n }),\n type: "danger"\n }, "\\u5730\\u56FE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n }),\n type: "light"\n }, "Linux"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n type: "dark"\n }, "Apple")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n }),\n type: "primary"\n }, "\\u590D\\u5236"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n }),\n type: "primary"\n }, "\\u5220\\u9664"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n }),\n type: "primary"\n }, "\\u6DFB\\u52A0\\u6587\\u4EF6"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n }),\n type: "primary"\n }, "\\u5730\\u56FE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n }),\n type: "primary"\n }, "Linux"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n type: "primary"\n }, "Apple")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n })\n }, "\\u590D\\u5236"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n })\n }, "\\u5220\\u9664"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n })\n }, "\\u6DFB\\u52A0\\u6587\\u4EF6"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n })\n }, "\\u5730\\u56FE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n })\n }, "Linux"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n })\n }, "Apple")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n })\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n })\n })));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Divider, ButtonGroup,Icon } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <ButtonGroup>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n <Divider style={{ maxWidth: 220 }}>\u6dfb\u52a0\u56fe\u6807</Divider>\n <ButtonGroup>\n <Button icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button icon={<Icon type="delete" />} type="success">\u5220\u9664</Button>\n <Button icon={<Icon type="file-add" />} type="warning">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon={<Icon type="map" />} type="danger">\u5730\u56fe</Button>\n <Button icon={<Icon type="linux" />} type="light">Linux</Button>\n <Button icon={<Icon type="apple" />} type="dark">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button icon={<Icon type="delete" />} type="primary">\u5220\u9664</Button>\n <Button icon={<Icon type="file-add" />} type="primary">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon={<Icon type="map" />} type="primary">\u5730\u56fe</Button>\n <Button icon={<Icon type="linux" />} type="primary">Linux</Button>\n <Button icon={<Icon type="apple" />} type="primary">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon={<Icon type="copy" />}>\u590d\u5236</Button>\n <Button icon={<Icon type="delete" />} >\u5220\u9664</Button>\n <Button icon={<Icon type="file-add" />} >\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon={<Icon type="map" />} >\u5730\u56fe</Button>\n <Button icon={<Icon type="linux" />}>Linux</Button>\n <Button icon={<Icon type="apple" />} >Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon={<Icon type="copy" />} />\n <Button icon={<Icon type="delete" />} />\n <Button icon={<Icon type="file-add" />} />\n <Button icon={<Icon type="map" />} />\n <Button icon={<Icon type="linux" />} />\n <Button icon={<Icon type="apple" />} />\n </ButtonGroup>\n </div>\n);\nexport default Demo'},119:{name:119,meta:{disableCheckered:"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 chat = /#__PURE__/_react["default"].createElement("svg", {\n width: "20",\n height: "20",\n viewBox: "0 0 20 20"\n}, " ", /#__PURE__/_react["default"].createElement("path", {\n d: "M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z",\n fillRule: "evenodd"\n}), " ");\n\nvar open = /#__PURE__/_react["default"].createElement("svg", {\n width: "12",\n height: "16",\n style: {\n height: 16\n }\n}, " ", /#__PURE__/_react["default"].createElement("path", {\n fillRule: "evenodd",\n d: "M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"\n}), " ");\n\nvar merged = /#__PURE__/_react["default"].createElement("svg", {\n width: "12",\n height: "16",\n viewBox: "0 0 12 16",\n style: {\n height: 16\n }\n}, " ", /#__PURE__/_react["default"].createElement("path", {\n fillRule: "evenodd",\n d: "M10 7c-.73 0-1.38.41-1.73 1.02V8C7.22 7.98 6 7.64 5.14 6.98c-.75-.58-1.5-1.61-1.89-2.44A1.993 1.993 0 0 0 2 .99C.89.99 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2a1.993 1.993 0 0 0 1-3.72V7.67c.67.7 1.44 1.27 2.3 1.69.86.42 2.03.63 2.97.64v-.02c.36.61 1 1.02 1.73 1.02 1.11 0 2-.89 2-2 0-1.11-.89-2-2-2zm-6.8 6c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm8 6c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"\n}), " ");\n\nvar closed = /#__PURE__/_react["default"].createElement("svg", {\n viewBox: "0 0 16 16",\n width: "16",\n height: "16"\n}, " ", /#__PURE__/_react["default"].createElement("path", {\n fillRule: "evenodd",\n d: "M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z"\n}), " ");\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "taobao"\n }),\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n type: "danger"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "reload",\n spin: true\n }), /#__PURE__/_react["default"].createElement("span", null, "\\u9519\\u8BEF", /#__PURE__/_react["default"].createElement("span", null, "\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n })), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: chat\n }),\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n style: {\n maxWidth: 220\n }\n }, "GitHub"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: open\n }),\n type: "success"\n }, "Open"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: merged\n }),\n type: "light",\n style: {\n backgroundColor: \'#6f42c1\',\n color: \'#fff\'\n }\n }, "Merged"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: closed\n }),\n type: "danger"\n }, "Closed"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Icon, Divider } from \'uiw\';\n\nconst chat = <svg width="20" height="20" viewBox="0 0 20 20"> <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" /> </svg>;\nconst open = <svg width="12" height="16" style={{ height: 16 }}> <path fillRule="evenodd" d="M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z" /> </svg>;\nconst merged = <svg width="12" height="16" viewBox="0 0 12 16" style={{ height: 16 }}> <path fillRule="evenodd" d="M10 7c-.73 0-1.38.41-1.73 1.02V8C7.22 7.98 6 7.64 5.14 6.98c-.75-.58-1.5-1.61-1.89-2.44A1.993 1.993 0 0 0 2 .99C.89.99 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2a1.993 1.993 0 0 0 1-3.72V7.67c.67.7 1.44 1.27 2.3 1.69.86.42 2.03.63 2.97.64v-.02c.36.61 1 1.02 1.73 1.02 1.11 0 2-.89 2-2 0-1.11-.89-2-2-2zm-6.8 6c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm8 6c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z" /> </svg>;\nconst closed = <svg viewBox="0 0 16 16" width="16" height="16"> <path fillRule="evenodd" d="M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z" /> </svg>;\n\nconst Demo = ()=>(\n <div>\n <Button icon={<Icon type="weibo" />} type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button icon={<Icon type="chrome" />} type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button icon={<Icon type="taobao" />} type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button icon={<Icon type="weibo" />} type="danger" />\n <Button type="danger">\n <Icon type="reload" spin={true} />\n <span>\u9519\u8bef<span>\u6309\u94ae</span></span>\n <Icon type="weibo" />\n </Button>\n <Button icon={<Icon type="chrome" />} type="light">\u4eae\u6309\u94ae</Button>\n <Button icon={<Icon type="apple" />} type="dark">\u6697\u6309\u94ae</Button>\n <Button icon={<Icon type={chat} />} type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>GitHub</Divider>\n <Button icon={<Icon type={open} />} type="success">Open</Button>\n <Button icon={<Icon type={merged} />} type="light" style={{ backgroundColor: \'#6f42c1\', color: \'#fff\' }}>Merged</Button>\n <Button icon={<Icon type={closed} />} type="danger">Closed</Button>\n </div>\n);\nexport default Demo\n'},154:{name:154,meta:{disableCheckered:"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 Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger"\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "reload",\n spin: true\n }), /#__PURE__/_react["default"].createElement("span", null, "\\u9519\\u8BEF", /#__PURE__/_react["default"].createElement("span", null, "\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n })), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n type: "danger"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n style: {\n maxWidth: 220\n }\n }, "Size"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n size: "small",\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n size: "default",\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n loading: true,\n size: "large",\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Icon, Divider } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button type="danger">\n <Icon type="reload" spin={true} />\n <span>\u9519\u8bef<span>\u6309\u94ae</span></span>\n <Icon type="weibo" />\n </Button>\n <Button loading type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button loading type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button loading type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button loading type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button loading type="light">\u4eae\u6309\u94ae</Button>\n <Button loading type="dark">\u6697\u6309\u94ae</Button>\n <Button loading type="danger">\u4eae\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>Size</Divider>\n <Button loading size="small" type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button loading size="default" type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button loading size="large" type="warning">\u8b66\u544a\u6309\u94ae</Button>\n </div>\n);\nexport default Demo\n'},184:{name:184,meta:{disableCheckered:"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 Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "primary"\n }, "\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "light"\n }, "\\u6309\\u94AE")), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n style: {\n maxWidth: 220\n }\n }, "\\u6DFB\\u52A0\\u56FE\\u6807"), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n }),\n type: "primary"\n }, "\\u590D\\u5236"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n }),\n type: "success"\n }, "\\u5220\\u9664"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n }),\n type: "warning"\n }, "\\u6DFB\\u52A0\\u6587\\u4EF6"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n }),\n type: "danger"\n }, "\\u5730\\u56FE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n }),\n type: "light"\n }, "Linux"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n type: "dark"\n }, "Apple")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n }),\n type: "primary"\n }, "\\u590D\\u5236"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n }),\n type: "primary"\n }, "\\u5220\\u9664"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n }),\n type: "primary"\n }, "\\u6DFB\\u52A0\\u6587\\u4EF6"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n }),\n type: "primary"\n }, "\\u5730\\u56FE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n }),\n type: "primary"\n }, "Linux"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n type: "primary"\n }, "Apple")), /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "copy"\n })\n }, "\\u590D\\u5236"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "delete"\n })\n }, "\\u5220\\u9664"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "file-add"\n })\n }, "\\u6DFB\\u52A0\\u6587\\u4EF6"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "map"\n })\n }, "\\u5730\\u56FE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "linux"\n })\n }, "Linux"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n })\n }, "Apple")), /#__PURE__/_react["default"].createElement("div", {\n style: {\n marginTop: 5\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n disabled: true,\n basic: true,\n type: "primary"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n disabled: true,\n basic: true,\n type: "success"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "taobao"\n }),\n disabled: true,\n basic: true,\n type: "warning"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n disabled: true,\n basic: true,\n type: "danger"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n disabled: true,\n basic: true,\n type: "dark"\n })));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, ButtonGroup, Divider ,Icon} from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <ButtonGroup>\n <Button disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button disabled type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n <Divider style={{ maxWidth: 220 }}>\u6dfb\u52a0\u56fe\u6807</Divider>\n <ButtonGroup>\n <Button disabled icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button disabled icon={<Icon type="delete" />} type="success">\u5220\u9664</Button>\n <Button disabled icon={<Icon type="file-add" />} type="warning">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon={<Icon type="map" />} type="danger">\u5730\u56fe</Button>\n <Button disabled icon={<Icon type="linux" />} type="light">Linux</Button>\n <Button disabled icon={<Icon type="apple" />} type="dark">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button disabled icon={<Icon type="delete" />} type="primary">\u5220\u9664</Button>\n <Button disabled icon={<Icon type="file-add" />} type="primary">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon={<Icon type="map" />} type="primary">\u5730\u56fe</Button>\n <Button disabled icon={<Icon type="linux" />} type="primary">Linux</Button>\n <Button disabled icon={<Icon type="apple" />} type="primary">Apple</Button>\n\n\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled icon={<Icon type="copy" />} >\u590d\u5236</Button>\n <Button disabled icon={<Icon type="delete" />} >\u5220\u9664</Button>\n <Button disabled icon={<Icon type="file-add" />}>\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon={<Icon type="map" />} >\u5730\u56fe</Button>\n <Button disabled icon={<Icon type="linux" />} >Linux</Button>\n <Button disabled icon={<Icon type="apple" />}>Apple</Button>\n </ButtonGroup>\n <div style={{ marginTop: 5 }}>\n <Button icon={<Icon type="weibo" />} disabled basic type="primary" />\n <Button icon={<Icon type="chrome" />} disabled basic type="success" />\n <Button icon={<Icon type="taobao" />} disabled basic type="warning" />\n <Button icon={<Icon type="apple" />} disabled basic type="danger" />\n <Button icon={<Icon type="weibo" />} disabled basic type="dark" />\n </div>\n </div>\n);\nexport default Demo\n'},252:{name:252,meta:{disableCheckered:"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 Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 120\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n vertical: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u6309\\u94AE"))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 120\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n vertical: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "success"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6309\\u94AE"))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 120\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n vertical: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u6309\\u94AE"))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 120\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.ButtonGroup, {\n vertical: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, ButtonGroup, Row, Col } from \'uiw\';\n\nconst Demo = ()=>(\n <Row gutter={10}>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="success">\u6309\u94ae</Button>\n <Button disabled type="success">\u6309\u94ae</Button>\n <Button type="success">\u6309\u94ae</Button>\n <Button type="success">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n </Row>\n);\nexport default Demo\n'},302:{name:302,meta:{disableCheckered:"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 Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n style: {\n maxWidth: 220\n }\n }, "\\u6FC0\\u6D3B"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n active: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n active: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n active: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n active: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n active: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n active: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n style: {\n maxWidth: 220\n }\n }, "\\u7981\\u7528"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n disabled: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n disabled: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n disabled: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n disabled: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n disabled: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n basic: true,\n disabled: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Divider } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic type="light">\u4eae\u6309\u94ae</Button>\n <Button basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>\u6fc0\u6d3b</Divider>\n <Button basic active type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic active type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic active type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic active type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic active type="light">\u4eae\u6309\u94ae</Button>\n <Button basic active type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>\u7981\u7528</Divider>\n <Button basic disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button basic disabled type="dark">\u6697\u6309\u94ae</Button>\n </div>\n);\nexport default Demo\n'},338:{name:338,meta:{disableCheckered:"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 chat = /#__PURE__/_react["default"].createElement("svg", {\n width: "20",\n height: "20",\n viewBox: "0 0 20 20"\n}, /#__PURE__/_react["default"].createElement("path", {\n d: "M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z",\n fillRule: "evenodd"\n}));\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n basic: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n basic: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "taobao"\n }),\n basic: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n basic: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n basic: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n basic: true,\n type: "primary"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n basic: true,\n type: "success"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "taobao"\n }),\n basic: true,\n type: "warning"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n basic: true,\n type: "danger"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n basic: true,\n type: "dark"\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n basic: true,\n type: "dark"\n }));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Divider ,Icon } from \'uiw\';\n\nconst chat = (\n <svg width="20" height="20" viewBox="0 0 20 20">\n <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" />\n </svg>\n)\n\nconst Demo = ()=>(\n <div>\n <Button icon={<Icon type="weibo" />} basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button icon={<Icon type="chrome" />} basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button icon={<Icon type="taobao" />} basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button icon={<Icon type="apple" />} basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button icon={<Icon type="weibo" />} basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button icon={<Icon type="weibo" />} basic type="primary" />\n <Button icon={<Icon type="chrome" />} basic type="success" />\n <Button icon={<Icon type="taobao" />} basic type="warning" />\n <Button icon={<Icon type="apple" />} basic type="danger" />\n <Button icon={<Icon type="weibo" />} basic type="dark" />\n <Button icon={<Icon type="weibo" />} basic type="dark" />\n </div>\n);\nexport default Demo\n'},370:{name:370,meta:{disableCheckered:"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 Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n active: true,\n type: "link"\n }, " (\\u8D85\\u8FDE\\u63A5\\u6837\\u5F0F)link "));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button active type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button active type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button active type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button active type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button active type="light">\u4eae\u6309\u94ae</Button>\n <Button active type="dark">\u6697\u6309\u94ae</Button>\n <Button active type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>\n);\nexport default Demo\n'},391:{name:391,meta:{disableCheckered:"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 Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: true,\n type: "link"\n }, " (\\u8D85\\u8FDE\\u63A5\\u6837\\u5F0F)link "));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button disabled type="dark">\u6697\u6309\u94ae</Button>\n <Button disabled type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>\n);\nexport default Demo\n'},413:{name:413,meta:{disableCheckered:"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 Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 320\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n block: true,\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n block: true,\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n block: true,\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n block: true,\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n block: true,\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n block: true,\n type: "dark"\n }, "\\u6697\\u6309\\u94AE")));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Row, Col } from \'uiw\';\n\nconst Demo = ()=>(\n <Row gutter={10}>\n <Col style={{ maxWidth: 320 }}>\n <Button block type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button block type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button block type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button block type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button block type="light">\u4eae\u6309\u94ae</Button>\n <Button block type="dark">\u6697\u6309\u94ae</Button>\n </Col>\n </Row>\n);\nexport default Demo'},436:{name:436,meta:{disableCheckered:"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 Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "primary"\n }, "\\u4E3B\\u8981\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "default",\n type: "success"\n }, "\\u6210\\u529F\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "large",\n type: "warning"\n }, "\\u8B66\\u544A\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "danger"\n }, "\\u9519\\u8BEF\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "default",\n type: "light"\n }, "\\u4EAE\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "large",\n type: "dark"\n }, "\\u6697\\u6309\\u94AE"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "weibo"\n }),\n size: "small",\n type: "primary"\n }, "\\u5FAE\\u535A"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n size: "small",\n type: "success"\n }, "\\u8C37\\u6B4C\\u6D4F\\u89C8\\u5668"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "chrome"\n }),\n type: "success"\n }, "\\u8C37\\u6B4C\\u6D4F\\u89C8\\u5668"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n icon: /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "apple"\n }),\n size: "large",\n type: "warning"\n }, "\\u6DD8\\u5B9D"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Button, Divider ,Icon} from \'uiw\';\n\nconst Demo =()=>{\n return <div>\n <Button size="small" type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button size="default" type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button size="large" type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button size="small" type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button size="default" type="light">\u4eae\u6309\u94ae</Button>\n <Button size="large" type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button icon={<Icon type="weibo" />} size="small" type="primary">\u5fae\u535a</Button>\n <Button icon={<Icon type="chrome" />} size="small" type="success">\u8c37\u6b4c\u6d4f\u89c8\u5668</Button>\n <Button icon={<Icon type="chrome" />} type="success">\u8c37\u6b4c\u6d4f\u89c8\u5668</Button>\n <Button icon={<Icon type="apple" />} size="large" type="warning">\u6dd8\u5b9d</Button>\n </div>\n}\n\nexport default Demo'}},source:'[ButtonProps](./api_doc/markdown/react-button.buttonprops.md)\n\nButton \u6309\u94ae\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-button/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-button.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-button)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-button.svg?label=@uiw/react-button)](https://npmjs.com/@uiw/react-button)\n\n\u6309\u94ae\u7528\u4e8e\u5f00\u59cb\u4e00\u4e2a\u5373\u65f6\u64cd\u4f5c\uff0c\u89e6\u53d1\u4e1a\u52a1\u903b\u8f91\u65f6\u4f7f\u7528\u3002\n\n```jsx\nimport { Button, ButtonGroup } from \'uiw\';\n// or\nimport Button from \'@uiw/react-button\';\nimport ButtonGroup from \'@uiw/react-button-group\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Divider, Icon } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button type="primary" >\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic type="light">\u4eae\u6309\u94ae</Button>\n <Button basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button>Normal</Button>\n <Button disabled>Disabled</Button>\n <Button type="primary" active>Button</Button>\n <Button type="primary" size="small">more <Icon type="down" /></Button>\n <Button type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>\n);\nexport default Demo\n```\n\n### \u6309\u94ae\u7ec4\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true \nimport React from "react"\nimport { Button, Divider, ButtonGroup,Icon } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <ButtonGroup>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n <Divider style={{ maxWidth: 220 }}>\u6dfb\u52a0\u56fe\u6807</Divider>\n <ButtonGroup>\n <Button icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button icon={<Icon type="delete" />} type="success">\u5220\u9664</Button>\n <Button icon={<Icon type="file-add" />} type="warning">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon={<Icon type="map" />} type="danger">\u5730\u56fe</Button>\n <Button icon={<Icon type="linux" />} type="light">Linux</Button>\n <Button icon={<Icon type="apple" />} type="dark">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button icon={<Icon type="delete" />} type="primary">\u5220\u9664</Button>\n <Button icon={<Icon type="file-add" />} type="primary">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon={<Icon type="map" />} type="primary">\u5730\u56fe</Button>\n <Button icon={<Icon type="linux" />} type="primary">Linux</Button>\n <Button icon={<Icon type="apple" />} type="primary">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon={<Icon type="copy" />}>\u590d\u5236</Button>\n <Button icon={<Icon type="delete" />} >\u5220\u9664</Button>\n <Button icon={<Icon type="file-add" />} >\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon={<Icon type="map" />} >\u5730\u56fe</Button>\n <Button icon={<Icon type="linux" />}>Linux</Button>\n <Button icon={<Icon type="apple" />} >Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon={<Icon type="copy" />} />\n <Button icon={<Icon type="delete" />} />\n <Button icon={<Icon type="file-add" />} />\n <Button icon={<Icon type="map" />} />\n <Button icon={<Icon type="linux" />} />\n <Button icon={<Icon type="apple" />} />\n </ButtonGroup>\n </div>\n);\nexport default Demo\n```\n\n### \u56fe\u6807\u6309\u94ae\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Icon, Divider } from \'uiw\';\n\nconst chat = <svg width="20" height="20" viewBox="0 0 20 20"> <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" /> </svg>;\nconst open = <svg width="12" height="16" style={{ height: 16 }}> <path fillRule="evenodd" d="M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z" /> </svg>;\nconst merged = <svg width="12" height="16" viewBox="0 0 12 16" style={{ height: 16 }}> <path fillRule="evenodd" d="M10 7c-.73 0-1.38.41-1.73 1.02V8C7.22 7.98 6 7.64 5.14 6.98c-.75-.58-1.5-1.61-1.89-2.44A1.993 1.993 0 0 0 2 .99C.89.99 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2a1.993 1.993 0 0 0 1-3.72V7.67c.67.7 1.44 1.27 2.3 1.69.86.42 2.03.63 2.97.64v-.02c.36.61 1 1.02 1.73 1.02 1.11 0 2-.89 2-2 0-1.11-.89-2-2-2zm-6.8 6c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm8 6c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z" /> </svg>;\nconst closed = <svg viewBox="0 0 16 16" width="16" height="16"> <path fillRule="evenodd" d="M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z" /> </svg>;\n\nconst Demo = ()=>(\n <div>\n <Button icon={<Icon type="weibo" />} type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button icon={<Icon type="chrome" />} type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button icon={<Icon type="taobao" />} type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button icon={<Icon type="weibo" />} type="danger" />\n <Button type="danger">\n <Icon type="reload" spin={true} />\n <span>\u9519\u8bef<span>\u6309\u94ae</span></span>\n <Icon type="weibo" />\n </Button>\n <Button icon={<Icon type="chrome" />} type="light">\u4eae\u6309\u94ae</Button>\n <Button icon={<Icon type="apple" />} type="dark">\u6697\u6309\u94ae</Button>\n <Button icon={<Icon type={chat} />} type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>GitHub</Divider>\n <Button icon={<Icon type={open} />} type="success">Open</Button>\n <Button icon={<Icon type={merged} />} type="light" style={{ backgroundColor: \'#6f42c1\', color: \'#fff\' }}>Merged</Button>\n <Button icon={<Icon type={closed} />} type="danger">Closed</Button>\n </div>\n);\nexport default Demo\n\n```\n\n### \u6309\u94ae\u52a0\u8f7d\u72b6\u6001\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Icon, Divider } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button type="danger">\n <Icon type="reload" spin={true} />\n <span>\u9519\u8bef<span>\u6309\u94ae</span></span>\n <Icon type="weibo" />\n </Button>\n <Button loading type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button loading type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button loading type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button loading type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button loading type="light">\u4eae\u6309\u94ae</Button>\n <Button loading type="dark">\u6697\u6309\u94ae</Button>\n <Button loading type="danger">\u4eae\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>Size</Divider>\n <Button loading size="small" type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button loading size="default" type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button loading size="large" type="warning">\u8b66\u544a\u6309\u94ae</Button>\n </div>\n);\nexport default Demo\n\n```\n\n### \u7981\u7528\u6309\u94ae\u7ec4\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, ButtonGroup, Divider ,Icon} from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <ButtonGroup>\n <Button disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button disabled type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n <Divider style={{ maxWidth: 220 }}>\u6dfb\u52a0\u56fe\u6807</Divider>\n <ButtonGroup>\n <Button disabled icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button disabled icon={<Icon type="delete" />} type="success">\u5220\u9664</Button>\n <Button disabled icon={<Icon type="file-add" />} type="warning">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon={<Icon type="map" />} type="danger">\u5730\u56fe</Button>\n <Button disabled icon={<Icon type="linux" />} type="light">Linux</Button>\n <Button disabled icon={<Icon type="apple" />} type="dark">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled icon={<Icon type="copy" />} type="primary">\u590d\u5236</Button>\n <Button disabled icon={<Icon type="delete" />} type="primary">\u5220\u9664</Button>\n <Button disabled icon={<Icon type="file-add" />} type="primary">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon={<Icon type="map" />} type="primary">\u5730\u56fe</Button>\n <Button disabled icon={<Icon type="linux" />} type="primary">Linux</Button>\n <Button disabled icon={<Icon type="apple" />} type="primary">Apple</Button>\n\n\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled icon={<Icon type="copy" />} >\u590d\u5236</Button>\n <Button disabled icon={<Icon type="delete" />} >\u5220\u9664</Button>\n <Button disabled icon={<Icon type="file-add" />}>\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon={<Icon type="map" />} >\u5730\u56fe</Button>\n <Button disabled icon={<Icon type="linux" />} >Linux</Button>\n <Button disabled icon={<Icon type="apple" />}>Apple</Button>\n </ButtonGroup>\n <div style={{ marginTop: 5 }}>\n <Button icon={<Icon type="weibo" />} disabled basic type="primary" />\n <Button icon={<Icon type="chrome" />} disabled basic type="success" />\n <Button icon={<Icon type="taobao" />} disabled basic type="warning" />\n <Button icon={<Icon type="apple" />} disabled basic type="danger" />\n <Button icon={<Icon type="weibo" />} disabled basic type="dark" />\n </div>\n </div>\n);\nexport default Demo\n\n```\n\n### \u5782\u76f4\u6309\u94ae\u7ec4\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, ButtonGroup, Row, Col } from \'uiw\';\n\nconst Demo = ()=>(\n <Row gutter={10}>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="success">\u6309\u94ae</Button>\n <Button disabled type="success">\u6309\u94ae</Button>\n <Button type="success">\u6309\u94ae</Button>\n <Button type="success">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n </Row>\n);\nexport default Demo\n\n```\n\n### \u57fa\u672c\u6309\u94ae\n\n\u8bbe\u7f6e `basic=true` \u5373\u53ef\u83b7\u5f97\u57fa\u672c\u6309\u94ae\uff0c\u6ca1\u6709\u80cc\u666f\u989c\u8272\u7684\u72b6\u6001\u6309\u94ae\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Divider } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic type="light">\u4eae\u6309\u94ae</Button>\n <Button basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>\u6fc0\u6d3b</Divider>\n <Button basic active type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic active type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic active type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic active type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic active type="light">\u4eae\u6309\u94ae</Button>\n <Button basic active type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>\u7981\u7528</Divider>\n <Button basic disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button basic disabled type="dark">\u6697\u6309\u94ae</Button>\n </div>\n);\nexport default Demo\n\n```\n\n### \u57fa\u7840\u6309\u94ae\u6dfb\u52a0\u56fe\u6807\n\n\u8bbe\u7f6e `basic=true` \u5373\u53ef\u83b7\u5f97\u57fa\u672c\u6309\u94ae\uff0c\u6ca1\u6709\u80cc\u666f\u989c\u8272\u7684\u72b6\u6001\u6309\u94ae\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Divider ,Icon } from \'uiw\';\n\nconst chat = (\n <svg width="20" height="20" viewBox="0 0 20 20">\n <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" />\n </svg>\n)\n\nconst Demo = ()=>(\n <div>\n <Button icon={<Icon type="weibo" />} basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button icon={<Icon type="chrome" />} basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button icon={<Icon type="taobao" />} basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button icon={<Icon type="apple" />} basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button icon={<Icon type="weibo" />} basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button icon={<Icon type="weibo" />} basic type="primary" />\n <Button icon={<Icon type="chrome" />} basic type="success" />\n <Button icon={<Icon type="taobao" />} basic type="warning" />\n <Button icon={<Icon type="apple" />} basic type="danger" />\n <Button icon={<Icon type="weibo" />} basic type="dark" />\n <Button icon={<Icon type="weibo" />} basic type="dark" />\n </div>\n);\nexport default Demo\n\n```\n\n### \u6fc0\u6d3b\u6309\u94ae\u6837\u5f0f\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button active type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button active type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button active type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button active type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button active type="light">\u4eae\u6309\u94ae</Button>\n <Button active type="dark">\u6697\u6309\u94ae</Button>\n <Button active type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>\n);\nexport default Demo\n\n```\n\n### \u7981\u7528\u6309\u94ae\u6837\u5f0f\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button } from \'uiw\';\n\nconst Demo = ()=>(\n <div>\n <Button disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button disabled type="dark">\u6697\u6309\u94ae</Button>\n <Button disabled type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>\n);\nexport default Demo\n\n```\n\n\n### block\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Row, Col } from \'uiw\';\n\nconst Demo = ()=>(\n <Row gutter={10}>\n <Col style={{ maxWidth: 320 }}>\n <Button block type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button block type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button block type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button block type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button block type="light">\u4eae\u6309\u94ae</Button>\n <Button block type="dark">\u6697\u6309\u94ae</Button>\n </Col>\n </Row>\n);\nexport default Demo\n```\n\n### size\u5927\u5c0f\n\n`size` \u5728 `Button.Group`\u4e0b\u9762\u4e0d\u652f\u6301\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Button, Divider ,Icon} from \'uiw\';\n\nconst Demo =()=>{\n return <div>\n <Button size="small" type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button size="default" type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button size="large" type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button size="small" type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button size="default" type="light">\u4eae\u6309\u94ae</Button>\n <Button size="large" type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button icon={<Icon type="weibo" />} size="small" type="primary">\u5fae\u535a</Button>\n <Button icon={<Icon type="chrome" />} size="small" type="success">\u8c37\u6b4c\u6d4f\u89c8\u5668</Button>\n <Button icon={<Icon type="chrome" />} type="success">\u8c37\u6b4c\u6d4f\u89c8\u5668</Button>\n <Button icon={<Icon type="apple" />} size="large" type="warning">\u6dd8\u5b9d</Button>\n </div>\n}\n\nexport default Demo\n```\n\n## Props\n\n### Button\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| -------- \| -------- \| -------- \| -------- \|\n\| size \| \u6309\u94ae\u5c3a\u5bf8 \| Enum{`large`, `default`, `small`} \| `default` \|\n\| type \| \u6309\u94ae\u72b6\u6001\u7c7b\u578b\u9644\u5e26\u989c\u8272 \| Enum{`primary`, `success`, `warning`, `danger`, `light`, `dark`, `link`} \| `light` \|\n\| htmlType \| \u8bbe\u7f6e `button` \u539f\u751f\u7684 `type` \u503c\uff0c\u53ef\u9009\u503c\u8bf7\u53c2\u8003 [HTML \u6807\u51c6](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type) \| String \| `button` \|\n\| icon \| \u8bbe\u7f6e\u6309\u94ae\u7684\u56fe\u6807\u7c7b\u578b \| String/ReactNode \| - \|\n\| block \| \u901a\u8fc7\u8bbe\u7f6e\u5c5e\u6027 `block` \u53ef\u5c06\u6309\u94ae\u5bbd\u5ea6\u8bbe\u7f6e\u4e3a 100%\uff0c\uff08\u5757\u7ea7\u5143\u7d20\uff09\uff0c\u5e38\u7528\u4e8e\u5f39\u7a97\u5185\u64cd\u4f5c\u6309\u94ae\u3002 \| Boolean \| false \|\n\| disabled \| \u7981\u7528\u72b6\u6001 \| Boolean \| false \|\n\| active \| \u6fc0\u6d3b\u72b6\u6001\uff0c\u5176\u8868\u73b0\u4e3a\u88ab\u6309\u538b\u4e0b\u53bb\uff08\u5e95\u8272\u66f4\u6df1\u3001\u8fb9\u6846\u591c\u8272\u66f4\u6df1\u3001\u5411\u5185\u6295\u5c04\u9634\u5f71\uff09\u3002 \| Boolean \| false \|\n\| loading \| \u52a0\u8f7d\u4e2d\u72b6\u6001 \| Boolean \| false \|\n\n### Button.Group\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| -------- \| -------- \| -------- \| -------- \|\n\| vertical \| \u7ad6\u6392\u5217 \| Boolean \| `false` \|\n'}}}]);
2	+ //# sourceMappingURL=1949.9086db0d.chunk.js.map