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/{4307.194c608d.chunk.js.map → 4307.c5789ff5.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"static/js/4307.194c608d.chunk.js","mappings":"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","sources":["../../packages/react-time-picker/README.md"],"sourcesContent":["\nexport default {\n components: { 18: (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\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n onChange: function onChange(formatDate, date) {\n console.log('--->', formatDate, date);\n }\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n format: \"HH:mm\",\n precision: \"minute\"\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n format: \"HH\",\n precision: \"hour\"\n })));\n};\n\nreturn Demo; })(),45: (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\nvar Demo = function Demo() {\n var value = new Date(2018, 1, 24, 4, 5, 35);\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n value: value\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n value: value,\n format: \"HH:mm\",\n precision: \"minute\"\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n value: value,\n format: \"HH\",\n precision: \"hour\"\n })));\n};\n\nreturn Demo; })(),70: (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\nvar Demo = function Demo() {\n var value = new Date(2018, 1, 24, 4, 5, 35);\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n size: \"small\",\n value: value\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n value: value,\n format: \"HH\",\n precision: \"hour\"\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n size: \"large\",\n value: value,\n format: \"HH:mm\",\n precision: \"minute\"\n })));\n};\n\nreturn Demo; })(),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\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Form, {\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n console.log('-->>', initial, current);\n\n if (current.date) {\n _uiw.Notify.success({\n title: '提交成功！',\n description: \"\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A\".concat(formatter('HH:mm:ss', current.date))\n });\n } else {\n _uiw.Notify.error({\n title: '提交失败！',\n description: /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A\", /#__PURE__/_react[\"default\"].createElement(\"b\", null, \"\\u7A7A\"), \"\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01\")\n });\n }\n },\n fields: {\n date: {\n labelClassName: 'fieldLabel',\n labelFor: 'date-inline',\n children: /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n })\n })\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, fields.date), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: \"primary\",\n htmlType: \"submit\"\n }, \"\\u63D0\\u4EA4\")));\n }));\n};\n\nreturn Demo; })(),146: (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\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n maxWidth: 360\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n disabledMinutes: function disabledMinutes(minute, type) {\n if (minute % 15 !== 0) {\n return true;\n }\n },\n disabledHours: function disabledHours(hour, type, date) {\n // console.log('~~:', hour, type, date);\n if (hour < 3) {\n return true;\n }\n }\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n disabled: true,\n value: new Date(2018, 1, 24, 4, 5, 35)\n })));\n};\n\nreturn Demo; })(),179: (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\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n maxWidth: 360\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n hideDisabled: true,\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n disabledMinutes: function disabledMinutes(minute, type) {\n if (minute % 15 !== 0) {\n return true;\n }\n },\n disabledHours: function disabledHours(hour, type, date) {\n // console.log('~~:', hour, type, date);\n if (hour < 3) {\n return true;\n }\n }\n })));\n};\n\nreturn Demo; })(),210: (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\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n maxWidth: 360\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n hideDisabled: true,\n disabledMinutes: function disabledMinutes(minute, date) {\n if (minute % 15 !== 0) {\n return true;\n }\n },\n disabledSeconds: function disabledSeconds(second, date) {\n if (second % 15 !== 0) {\n return true;\n }\n }\n })));\n};\n\nreturn Demo; })(), },\n data: {\n \"18\": {\n \"name\": 18,\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\\nvar Demo = function Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n onChange: function onChange(formatDate, date) {\\n console.log('--->', formatDate, date);\\n }\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n format: \\\"HH:mm\\\",\\n precision: \\\"minute\\\"\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n format: \\\"HH\\\",\\n precision: \\\"hour\\\"\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker\\n icon={<Icon type=\\\"close\\\"/>}\\n onChange={(formatDate, date) => {\\n console.log('--->', formatDate, date);\\n }}\\n />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} format=\\\"HH:mm\\\" precision=\\\"minute\\\" />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} format=\\\"HH\\\" precision=\\\"hour\\\" />\\n </Col>\\n </Row>\\n)\\nexport default Demo\"\n },\n \"45\": {\n \"name\": 45,\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\\nvar Demo = function Demo() {\\n var value = new Date(2018, 1, 24, 4, 5, 35);\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n value: value\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n value: value,\\n format: \\\"HH:mm\\\",\\n precision: \\\"minute\\\"\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n value: value,\\n format: \\\"HH\\\",\\n precision: \\\"hour\\\"\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => {\\n const value = new Date(2018, 1, 24, 4,5,35);\\n return (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} format=\\\"HH:mm\\\" precision=\\\"minute\\\" />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} format=\\\"HH\\\" precision=\\\"hour\\\" />\\n </Col>\\n </Row>\\n )\\n}\\nexport default Demo\"\n },\n \"70\": {\n \"name\": 70,\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\\nvar Demo = function Demo() {\\n var value = new Date(2018, 1, 24, 4, 5, 35);\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n size: \\\"small\\\",\\n value: value\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n value: value,\\n format: \\\"HH\\\",\\n precision: \\\"hour\\\"\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n size: \\\"large\\\",\\n value: value,\\n format: \\\"HH:mm\\\",\\n precision: \\\"minute\\\"\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Row, Col ,Icon } from 'uiw';\\n\\nconst Demo = () => {\\n const value = new Date(2018, 1, 24, 4,5,35);\\n return (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} size=\\\"small\\\" value={value} />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} format=\\\"HH\\\" precision=\\\"hour\\\" />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} size=\\\"large\\\" value={value} format=\\\"HH:mm\\\" precision=\\\"minute\\\" />\\n </Col>\\n </Row>\\n )\\n}\\nexport default Demo\"\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\\nvar Demo = function Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Form, {\\n onSubmit: function onSubmit(_ref) {\\n var initial = _ref.initial,\\n current = _ref.current;\\n console.log('-->>', initial, current);\\n\\n if (current.date) {\\n _uiw.Notify.success({\\n title: '提交成功！',\\n description: \\\"\\\\u8868\\\\u5355\\\\u63D0\\\\u4EA4\\\\u65F6\\\\u95F4\\\\u6210\\\\u529F\\\\uFF0C\\\\u65F6\\\\u95F4\\\\u4E3A\\\\uFF1A\\\".concat(formatter('HH:mm:ss', current.date))\\n });\\n } else {\\n _uiw.Notify.error({\\n title: '提交失败！',\\n description: /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"\\\\u8868\\\\u5355\\\\u63D0\\\\u4EA4\\\\u65F6\\\\u95F4\\\\u6210\\\\u529F\\\\uFF0C\\\\u65F6\\\\u95F4\\\\u4E3A\\\\uFF1A\\\", /#__PURE__/_react[\\\"default\\\"].createElement(\\\"b\\\", null, \\\"\\\\u7A7A\\\"), \\\"\\\\uFF0C\\\\u5C06\\\\u81EA\\\\u52A8\\\\u586B\\\\u5145\\\\u521D\\\\u59CB\\\\u5316\\\\u503C\\\\uFF01\\\")\\n });\\n }\\n },\\n fields: {\\n date: {\\n labelClassName: 'fieldLabel',\\n labelFor: 'date-inline',\\n children: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n })\\n })\\n }\\n }\\n }, function (_ref2) {\\n var fields = _ref2.fields,\\n state = _ref2.state,\\n canSubmit = _ref2.canSubmit;\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, fields.date), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n disabled: !canSubmit(),\\n type: \\\"primary\\\",\\n htmlType: \\\"submit\\\"\\n }, \\\"\\\\u63D0\\\\u4EA4\\\")));\\n }));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Notify, Row, Col, Form, Button ,Icon } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Form\\n onSubmit={({initial, current}) => {\\n console.log('-->>', initial, current);\\n if(current.date) {\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交时间成功，时间为：${formatter('HH:mm:ss', current.date)}`,\\n });\\n } else {\\n Notify.error({\\n title: '提交失败！',\\n description: <span>表单提交时间成功，时间为：<b>空</b>，将自动填充初始化值！</span>,\\n });\\n }\\n }}\\n fields={{\\n date: {\\n labelClassName: 'fieldLabel',\\n labelFor: 'date-inline',\\n children: <TimePicker icon={<Icon type=\\\"close\\\"/>} />\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>{fields.date}</Col>\\n <Col>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n )\\n }}\\n </Form>\\n </div>\\n)\\nexport default Demo\"\n },\n \"146\": {\n \"name\": 146,\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\\nvar Demo = function Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n style: {\\n maxWidth: 360\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n disabledMinutes: function disabledMinutes(minute, type) {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n },\\n disabledHours: function disabledHours(hour, type, date) {\\n // console.log('~~:', hour, type, date);\\n if (hour < 3) {\\n return true;\\n }\\n }\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n disabled: true,\\n value: new Date(2018, 1, 24, 4, 5, 35)\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10} style={{ maxWidth: 360 }}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>}\\n disabledMinutes={(minute, type) => {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n }}\\n disabledHours={(hour, type, date) => {\\n // console.log('~~:', hour, type, date);\\n if (hour < 3) {\\n return true;\\n }\\n }}\\n />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>}disabled value={new Date(2018, 1, 24, 4,5,35)} />\\n </Col>\\n </Row>\\n)\\nexport default Demo\"\n },\n \"179\": {\n \"name\": 179,\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\\nvar Demo = function Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n style: {\\n maxWidth: 360\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n hideDisabled: true,\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n disabledMinutes: function disabledMinutes(minute, type) {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n },\\n disabledHours: function disabledHours(hour, type, date) {\\n // console.log('~~:', hour, type, date);\\n if (hour < 3) {\\n return true;\\n }\\n }\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10} style={{ maxWidth: 360 }}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker\\n hideDisabled icon={<Icon type=\\\"close\\\"/>}\\n disabledMinutes={(minute, type) => {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n }}\\n disabledHours={(hour, type, date) => {\\n // console.log('~~:', hour, type, date);\\n if (hour < 3) {\\n return true;\\n }\\n }}\\n />\\n </Col>\\n </Row>\\n)\\nexport default Demo\"\n },\n \"210\": {\n \"name\": 210,\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\\nvar Demo = function Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n style: {\\n maxWidth: 360\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n hideDisabled: true,\\n disabledMinutes: function disabledMinutes(minute, date) {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n },\\n disabledSeconds: function disabledSeconds(second, date) {\\n if (second % 15 !== 0) {\\n return true;\\n }\\n }\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10} style={{ maxWidth: 360 }}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>}\\n hideDisabled\\n disabledMinutes={(minute, date) => {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n }}\\n disabledSeconds={(second, date) => {\\n if (second % 15 !== 0) {\\n return true;\\n }\\n }}\\n />\\n </Col>\\n </Row>\\n)\\nexport default Demo\"\n }\n},\n source: \"TimePicker 时间选择器\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-time-picker/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-time-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-time-picker)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-time-picker.svg?label=@uiw/react-time-picker)](https://npmjs.com/@uiw/react-time-picker)\\n\\n当用户需要输入一个时间，可以点击标准输入框，弹出时间面板进行选择。\\n\\n```jsx\\nimport { TimePicker } from 'uiw';\\n// or\\nimport TimePicker from '@uiw/react-time-picker';\\n```\\n\\n## 基础用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker\\n icon={<Icon type=\\\"close\\\"/>}\\n onChange={(formatDate, date) => {\\n console.log('--->', formatDate, date);\\n }}\\n />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} format=\\\"HH:mm\\\" precision=\\\"minute\\\" />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} format=\\\"HH\\\" precision=\\\"hour\\\" />\\n </Col>\\n </Row>\\n)\\nexport default Demo\\n```\\n\\n## 设置初始值\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => {\\n const value = new Date(2018, 1, 24, 4,5,35);\\n return (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} format=\\\"HH:mm\\\" precision=\\\"minute\\\" />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} format=\\\"HH\\\" precision=\\\"hour\\\" />\\n </Col>\\n </Row>\\n )\\n}\\nexport default Demo\\n```\\n\\n## 设置按钮大小\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Row, Col ,Icon } from 'uiw';\\n\\nconst Demo = () => {\\n const value = new Date(2018, 1, 24, 4,5,35);\\n return (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} size=\\\"small\\\" value={value} />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} format=\\\"HH\\\" precision=\\\"hour\\\" />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} size=\\\"large\\\" value={value} format=\\\"HH:mm\\\" precision=\\\"minute\\\" />\\n </Col>\\n </Row>\\n )\\n}\\nexport default Demo\\n```\\n\\n## 表单中应用\\n\\n在表单返回的数据，并没有将 `format` 格式化后的数据返回给你，而是返回的一个 `Date`，你可以通过 [`formatter`](#/components/formatter) 重新格式化。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Notify, Row, Col, Form, Button ,Icon } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Form\\n onSubmit={({initial, current}) => {\\n console.log('-->>', initial, current);\\n if(current.date) {\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交时间成功，时间为：${formatter('HH:mm:ss', current.date)}`,\\n });\\n } else {\\n Notify.error({\\n title: '提交失败！',\\n description: <span>表单提交时间成功，时间为：<b>空</b>，将自动填充初始化值！</span>,\\n });\\n }\\n }}\\n fields={{\\n date: {\\n labelClassName: 'fieldLabel',\\n labelFor: 'date-inline',\\n children: <TimePicker icon={<Icon type=\\\"close\\\"/>} />\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>{fields.date}</Col>\\n <Col>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n )\\n }}\\n </Form>\\n </div>\\n)\\nexport default Demo\\n```\\n\\n## 禁用\\n\\n可以使用 `disabledHours` `disabledMinutes` `disabledSeconds` 禁用部分时间选择。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10} style={{ maxWidth: 360 }}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>}\\n disabledMinutes={(minute, type) => {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n }}\\n disabledHours={(hour, type, date) => {\\n // console.log('~~:', hour, type, date);\\n if (hour < 3) {\\n return true;\\n }\\n }}\\n />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>}disabled value={new Date(2018, 1, 24, 4,5,35)} />\\n </Col>\\n </Row>\\n)\\nexport default Demo\\n```\\n\\n## 不显示禁用\\n\\n可以使用 `hideDisabled` 将禁用的部分时间隐藏。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10} style={{ maxWidth: 360 }}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker\\n hideDisabled icon={<Icon type=\\\"close\\\"/>}\\n disabledMinutes={(minute, type) => {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n }}\\n disabledHours={(hour, type, date) => {\\n // console.log('~~:', hour, type, date);\\n if (hour < 3) {\\n return true;\\n }\\n }}\\n />\\n </Col>\\n </Row>\\n)\\nexport default Demo\\n```\\n\\n## 间隔时间\\n\\n可以使用 `hideDisabled` 将禁用的部分时间隐藏。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10} style={{ maxWidth: 360 }}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>}\\n hideDisabled\\n disabledMinutes={(minute, date) => {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n }}\\n disabledSeconds={(second, date) => {\\n if (second % 15 !== 0) {\\n return true;\\n }\\n }}\\n />\\n </Col>\\n </Row>\\n)\\nexport default Demo\\n```\\n\\n## Props\\n\\n\| 参数 \| 说明 \| 类型 \| 默认值 \|\\n\|--------- \|-------- \|--------- \|-------- \|\\n\| value \| 初始时间值 \| Date \| - \|\\n\| placeholder \| 输入框提示文字 \| String \| - \|\\n\| format \| 格式化时间，规则查看 [`formatter`](#/components/formatter) 文档 \| Function \| `HH:mm:ss` \|\\n\| precision \| 选择时间精确度 \| Enum{`hour`, `minute`, `second`} \| `false` \|\\n\| disabled \| 禁用全部操作 \| Boolean \| `false` \|\\n\| disabledHours \| 禁止选择部分小时选项 \| Function(hour, <br/>type{`Hours`, `Minutes`, `Seconds`}, <br/>selectedDate) \| - \|\\n\| disabledMinutes \| 禁止选择部分分钟选项 \| Function(minute, <br/>type{`Hours`, `Minutes`, `Seconds`}, <br/>selectedDate) \| - \|\\n\| disabledSeconds \| 禁止选择部分秒选项 \| Function(second, <br/>type{`Hours`, `Minutes`, `Seconds`}, <br/>selectedDate) \| - \|\\n\| hideDisabled \| 不可选择的项隐藏 \| Boolean \| `false` \|\\n\| onChange \| 时间选择的回调函数 \| Function(formatDate, Date, <br/>type{`Hours`, `Minutes`, `Seconds`}, <br/>, num, disableds) \| - \|\\n\\n`uiw@3.3.0+` 组件集成部分 Input，不再通过 inputProps 属性传值，更多属性请参考 [Input](#/components/input)\\n\\n## ~~Props.inputProps~~\\n\\n`uiw@3.3.0+` 将不支持此属性\\n\\n\| 参数 \| 说明 \| 类型 \| 默认值 \|\\n\|--------- \|-------- \|--------- \|-------- \|\\n\| ~~inputProps~~ \| ~~将参数传递给 [`<Input>`](#/components/input) 组件~~ \| `Object` \| - \|\\n\\n## Props.popoverProps\\n\\n\| 参数 \| 说明 \| 类型 \| 默认值 \|\\n\|--------- \|-------- \|--------- \|-------- \|\\n\| popoverProps \| 将参数传递给 [`<Popover>`](#/components/popover) 组件 \| `Object` \| - \|\\n\"\n }"],"names":["components","obj","_react","__esModule","_uiw","createElement","Row","gutter","Col","style","width","fixed","TimePicker","icon","Icon","type","onChange","formatDate","date","console","log","format","precision","value","Date","size","Form","onSubmit","_ref","initial","current","Notify","success","title","description","concat","formatter","error","fields","labelClassName","labelFor","children","_ref2","canSubmit","state","Button","disabled","htmlType","maxWidth","disabledMinutes","minute","disabledHours","hour","hideDisabled","disabledSeconds","second","data","source"],"sourceRoot":""}
1	+ {"version":3,"file":"static/js/4307.c5789ff5.chunk.js","mappings":"+GACA,WACIA,WAAY,CAAE,GAAI,WAEtB,IAIgCC,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KA4CnB,OAxCW,WACT,OAAoBF,EAAgB,QAAEG,cAAcD,EAAKE,IAAK,CAC5DC,OAAQ,IACML,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CACxDC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAERC,SAAU,SAAkBC,EAAYC,GACtCC,QAAQC,IAAI,UAAQH,EAAYC,EAClC,KACgBhB,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CAC1DC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAERM,OAAQ,QACRC,UAAW,YACKpB,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CAC1DC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAERM,OAAQ,KACRC,UAAW,UAEf,CAEc,CAhDQ,GAgDJ,GAAI,WAEtB,IAIgCrB,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KA6CnB,OAzCW,WACT,IAAImB,EAAQ,IAAIC,KAAK,KAAM,EAAG,GAAI,EAAG,EAAG,IACxC,OAAoBtB,EAAgB,QAAEG,cAAcD,EAAKE,IAAK,CAC5DC,OAAQ,IACML,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CACxDC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAERQ,MAAOA,KACSrB,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CAC1DC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAERQ,MAAOA,EACPF,OAAQ,QACRC,UAAW,YACKpB,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CAC1DC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAERQ,MAAOA,EACPF,OAAQ,KACRC,UAAW,UAEf,CAEc,CAjDQ,GAiDJ,GAAI,WAEtB,IAIgCrB,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KA+CnB,OA3CW,WACT,IAAImB,EAAQ,IAAIC,KAAK,KAAM,EAAG,GAAI,EAAG,EAAG,IACxC,OAAoBtB,EAAgB,QAAEG,cAAcD,EAAKE,IAAK,CAC5DC,OAAQ,IACML,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CACxDC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAERU,KAAM,QACNF,MAAOA,KACSrB,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CAC1DC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAERQ,MAAOA,EACPF,OAAQ,KACRC,UAAW,UACKpB,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CAC1DC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAERU,KAAM,QACNF,MAAOA,EACPF,OAAQ,QACRC,UAAW,YAEf,CAEc,CAnDQ,GAmDJ,GAAI,WAEtB,IAIgCrB,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KAqDnB,OAjDW,WACT,OAAoBF,EAAgB,QAAEG,cAAc,MAAO,KAAmBH,EAAgB,QAAEG,cAAcD,EAAKsB,KAAM,CACvHC,SAAU,SAAkBC,GAC1B,IAAIC,EAAUD,EAAKC,QACfC,EAAUF,EAAKE,QACnBX,QAAQC,IAAI,UAAQS,EAASC,GAEzBA,EAAQZ,KACVd,EAAK2B,OAAOC,QAAQ,CAClBC,MAAO,iCACPC,YAAa,iFAAiFC,OAAOC,UAAU,WAAYN,EAAQZ,SAGrId,EAAK2B,OAAOM,MAAM,CAChBJ,MAAO,iCACPC,YAA0BhC,EAAgB,QAAEG,cAAc,OAAQ,KAAM,iFAA+FH,EAAgB,QAAEG,cAAc,IAAK,KAAM,UAAW,uEAGnO,EACAiC,OAAQ,CACNpB,KAAM,CACJqB,eAAgB,aAChBC,SAAU,cACVC,SAAuBvC,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CACtEC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,gBAKb,SAAU2B,GACX,IAAIJ,EAASI,EAAMJ,OAEfK,GADQD,EAAME,MACFF,EAAMC,WACtB,OAAoBzC,EAAgB,QAAEG,cAAcD,EAAKE,IAAK,CAC5DC,OAAQ,IACML,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CACxDC,MAAO,CACLC,MAAO,KAETC,OAAO,GACN2B,EAAOpB,MAAoBhB,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,KAAmBN,EAAgB,QAAEG,cAAcD,EAAKyC,OAAQ,CACtIC,UAAWH,IACX5B,KAAM,UACNgC,SAAU,UACT,iBACL,IACF,CAEc,CAzDQ,GAyDJ,IAAK,WAEvB,IAIgC9C,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KA4CnB,OAxCW,WACT,OAAoBF,EAAgB,QAAEG,cAAcD,EAAKE,IAAK,CAC5DC,OAAQ,GACRE,MAAO,CACLuC,SAAU,MAEE9C,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CACxDC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAERkC,gBAAiB,SAAyBC,EAAQnC,GAChD,GAAImC,EAAS,KAAO,EAClB,OAAO,CAEX,EACAC,cAAe,SAAuBC,EAAMrC,EAAMG,GAEhD,GAAIkC,EAAO,EACT,OAAO,CAEX,KACgBlD,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CAC1DC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAER+B,UAAU,EACVvB,MAAO,IAAIC,KAAK,KAAM,EAAG,GAAI,EAAG,EAAG,OAEvC,CAEc,CAhDS,GAgDL,IAAK,WAEvB,IAIgCvB,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KAkCnB,OA9BW,WACT,OAAoBF,EAAgB,QAAEG,cAAcD,EAAKE,IAAK,CAC5DC,OAAQ,GACRE,MAAO,CACLuC,SAAU,MAEE9C,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CACxDC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DyC,cAAc,EACdxC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAERkC,gBAAiB,SAAyBC,EAAQnC,GAChD,GAAImC,EAAS,KAAO,EAClB,OAAO,CAEX,EACAC,cAAe,SAAuBC,EAAMrC,EAAMG,GAEhD,GAAIkC,EAAO,EACT,OAAO,CAEX,KAEJ,CAEc,CAtCS,GAsCL,IAAK,WAEvB,IAIgCnD,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KAiCnB,OA7BW,WACT,OAAoBF,EAAgB,QAAEG,cAAcD,EAAKE,IAAK,CAC5DC,OAAQ,GACRE,MAAO,CACLuC,SAAU,MAEE9C,EAAgB,QAAEG,cAAcD,EAAKI,IAAK,CACxDC,MAAO,CACLC,MAAO,KAETC,OAAO,GACOT,EAAgB,QAAEG,cAAcD,EAAKQ,WAAY,CAC/DC,KAAmBX,EAAgB,QAAEG,cAAcD,EAAKU,KAAM,CAC5DC,KAAM,UAERsC,cAAc,EACdJ,gBAAiB,SAAyBC,EAAQhC,GAChD,GAAIgC,EAAS,KAAO,EAClB,OAAO,CAEX,EACAI,gBAAiB,SAAyBC,EAAQrC,GAChD,GAAIqC,EAAS,KAAO,EAClB,OAAO,CAEX,KAEJ,CAEc,CArCS,IAsCnBC,KAAM,CACR,GAAM,CACJ,KAAQ,GACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,44CACR,SAAY,MACZ,MAAS,opBAEX,GAAM,CACJ,KAAQ,GACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,q4CACR,SAAY,MACZ,MAAS,ypBAEX,GAAM,CACJ,KAAQ,GACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,66CACR,SAAY,MACZ,MAAS,mrBAEX,GAAM,CACJ,KAAQ,GACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,qrEACR,SAAY,MACZ,MAAS,g6CAEX,IAAO,CACL,KAAQ,IACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,i0CACR,SAAY,MACZ,MAAS,0vBAEX,IAAO,CACL,KAAQ,IACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,s/BACR,SAAY,MACZ,MAAS,unBAEX,IAAO,CACL,KAAQ,IACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,68BACR,SAAY,MACZ,MAAS,2kBAGTC,OAAQ,mkT","sources":["../../packages/react-time-picker/README.md"],"sourcesContent":["\nexport default {\n components: { 18: (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\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n onChange: function onChange(formatDate, date) {\n console.log('--->', formatDate, date);\n }\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n format: \"HH:mm\",\n precision: \"minute\"\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n format: \"HH\",\n precision: \"hour\"\n })));\n};\n\nreturn Demo; })(),45: (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\nvar Demo = function Demo() {\n var value = new Date(2018, 1, 24, 4, 5, 35);\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n value: value\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n value: value,\n format: \"HH:mm\",\n precision: \"minute\"\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n value: value,\n format: \"HH\",\n precision: \"hour\"\n })));\n};\n\nreturn Demo; })(),70: (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\nvar Demo = function Demo() {\n var value = new Date(2018, 1, 24, 4, 5, 35);\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n size: \"small\",\n value: value\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n value: value,\n format: \"HH\",\n precision: \"hour\"\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n size: \"large\",\n value: value,\n format: \"HH:mm\",\n precision: \"minute\"\n })));\n};\n\nreturn Demo; })(),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\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Form, {\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n console.log('-->>', initial, current);\n\n if (current.date) {\n _uiw.Notify.success({\n title: '提交成功！',\n description: \"\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A\".concat(formatter('HH:mm:ss', current.date))\n });\n } else {\n _uiw.Notify.error({\n title: '提交失败！',\n description: /#__PURE__/_react[\"default\"].createElement(\"span\", null, \"\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A\", /#__PURE__/_react[\"default\"].createElement(\"b\", null, \"\\u7A7A\"), \"\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01\")\n });\n }\n },\n fields: {\n date: {\n labelClassName: 'fieldLabel',\n labelFor: 'date-inline',\n children: /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n })\n })\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, fields.date), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: \"primary\",\n htmlType: \"submit\"\n }, \"\\u63D0\\u4EA4\")));\n }));\n};\n\nreturn Demo; })(),146: (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\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n maxWidth: 360\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n disabledMinutes: function disabledMinutes(minute, type) {\n if (minute % 15 !== 0) {\n return true;\n }\n },\n disabledHours: function disabledHours(hour, type, date) {\n // console.log('~~:', hour, type, date);\n if (hour < 3) {\n return true;\n }\n }\n })), /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n disabled: true,\n value: new Date(2018, 1, 24, 4, 5, 35)\n })));\n};\n\nreturn Demo; })(),179: (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\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n maxWidth: 360\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n hideDisabled: true,\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n disabledMinutes: function disabledMinutes(minute, type) {\n if (minute % 15 !== 0) {\n return true;\n }\n },\n disabledHours: function disabledHours(hour, type, date) {\n // console.log('~~:', hour, type, date);\n if (hour < 3) {\n return true;\n }\n }\n })));\n};\n\nreturn Demo; })(),210: (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\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n maxWidth: 360\n }\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n width: 200\n },\n fixed: true\n }, /#__PURE__/_react[\"default\"].createElement(_uiw.TimePicker, {\n icon: /#__PURE__/_react[\"default\"].createElement(_uiw.Icon, {\n type: \"close\"\n }),\n hideDisabled: true,\n disabledMinutes: function disabledMinutes(minute, date) {\n if (minute % 15 !== 0) {\n return true;\n }\n },\n disabledSeconds: function disabledSeconds(second, date) {\n if (second % 15 !== 0) {\n return true;\n }\n }\n })));\n};\n\nreturn Demo; })(), },\n data: {\n \"18\": {\n \"name\": 18,\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\\nvar Demo = function Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n onChange: function onChange(formatDate, date) {\\n console.log('--->', formatDate, date);\\n }\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n format: \\\"HH:mm\\\",\\n precision: \\\"minute\\\"\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n format: \\\"HH\\\",\\n precision: \\\"hour\\\"\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker\\n icon={<Icon type=\\\"close\\\"/>}\\n onChange={(formatDate, date) => {\\n console.log('--->', formatDate, date);\\n }}\\n />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} format=\\\"HH:mm\\\" precision=\\\"minute\\\" />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} format=\\\"HH\\\" precision=\\\"hour\\\" />\\n </Col>\\n </Row>\\n)\\nexport default Demo\"\n },\n \"45\": {\n \"name\": 45,\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\\nvar Demo = function Demo() {\\n var value = new Date(2018, 1, 24, 4, 5, 35);\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n value: value\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n value: value,\\n format: \\\"HH:mm\\\",\\n precision: \\\"minute\\\"\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n value: value,\\n format: \\\"HH\\\",\\n precision: \\\"hour\\\"\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => {\\n const value = new Date(2018, 1, 24, 4,5,35);\\n return (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} format=\\\"HH:mm\\\" precision=\\\"minute\\\" />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} format=\\\"HH\\\" precision=\\\"hour\\\" />\\n </Col>\\n </Row>\\n )\\n}\\nexport default Demo\"\n },\n \"70\": {\n \"name\": 70,\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\\nvar Demo = function Demo() {\\n var value = new Date(2018, 1, 24, 4, 5, 35);\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n size: \\\"small\\\",\\n value: value\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n value: value,\\n format: \\\"HH\\\",\\n precision: \\\"hour\\\"\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n size: \\\"large\\\",\\n value: value,\\n format: \\\"HH:mm\\\",\\n precision: \\\"minute\\\"\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Row, Col ,Icon } from 'uiw';\\n\\nconst Demo = () => {\\n const value = new Date(2018, 1, 24, 4,5,35);\\n return (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} size=\\\"small\\\" value={value} />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} format=\\\"HH\\\" precision=\\\"hour\\\" />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} size=\\\"large\\\" value={value} format=\\\"HH:mm\\\" precision=\\\"minute\\\" />\\n </Col>\\n </Row>\\n )\\n}\\nexport default Demo\"\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\\nvar Demo = function Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Form, {\\n onSubmit: function onSubmit(_ref) {\\n var initial = _ref.initial,\\n current = _ref.current;\\n console.log('-->>', initial, current);\\n\\n if (current.date) {\\n _uiw.Notify.success({\\n title: '提交成功！',\\n description: \\\"\\\\u8868\\\\u5355\\\\u63D0\\\\u4EA4\\\\u65F6\\\\u95F4\\\\u6210\\\\u529F\\\\uFF0C\\\\u65F6\\\\u95F4\\\\u4E3A\\\\uFF1A\\\".concat(formatter('HH:mm:ss', current.date))\\n });\\n } else {\\n _uiw.Notify.error({\\n title: '提交失败！',\\n description: /#__PURE__/_react[\\\"default\\\"].createElement(\\\"span\\\", null, \\\"\\\\u8868\\\\u5355\\\\u63D0\\\\u4EA4\\\\u65F6\\\\u95F4\\\\u6210\\\\u529F\\\\uFF0C\\\\u65F6\\\\u95F4\\\\u4E3A\\\\uFF1A\\\", /#__PURE__/_react[\\\"default\\\"].createElement(\\\"b\\\", null, \\\"\\\\u7A7A\\\"), \\\"\\\\uFF0C\\\\u5C06\\\\u81EA\\\\u52A8\\\\u586B\\\\u5145\\\\u521D\\\\u59CB\\\\u5316\\\\u503C\\\\uFF01\\\")\\n });\\n }\\n },\\n fields: {\\n date: {\\n labelClassName: 'fieldLabel',\\n labelFor: 'date-inline',\\n children: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n })\\n })\\n }\\n }\\n }, function (_ref2) {\\n var fields = _ref2.fields,\\n state = _ref2.state,\\n canSubmit = _ref2.canSubmit;\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, fields.date), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, null, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n disabled: !canSubmit(),\\n type: \\\"primary\\\",\\n htmlType: \\\"submit\\\"\\n }, \\\"\\\\u63D0\\\\u4EA4\\\")));\\n }));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Notify, Row, Col, Form, Button ,Icon } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Form\\n onSubmit={({initial, current}) => {\\n console.log('-->>', initial, current);\\n if(current.date) {\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交时间成功，时间为：${formatter('HH:mm:ss', current.date)}`,\\n });\\n } else {\\n Notify.error({\\n title: '提交失败！',\\n description: <span>表单提交时间成功，时间为：<b>空</b>，将自动填充初始化值！</span>,\\n });\\n }\\n }}\\n fields={{\\n date: {\\n labelClassName: 'fieldLabel',\\n labelFor: 'date-inline',\\n children: <TimePicker icon={<Icon type=\\\"close\\\"/>} />\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>{fields.date}</Col>\\n <Col>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n )\\n }}\\n </Form>\\n </div>\\n)\\nexport default Demo\"\n },\n \"146\": {\n \"name\": 146,\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\\nvar Demo = function Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n style: {\\n maxWidth: 360\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n disabledMinutes: function disabledMinutes(minute, type) {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n },\\n disabledHours: function disabledHours(hour, type, date) {\\n // console.log('~~:', hour, type, date);\\n if (hour < 3) {\\n return true;\\n }\\n }\\n })), /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n disabled: true,\\n value: new Date(2018, 1, 24, 4, 5, 35)\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10} style={{ maxWidth: 360 }}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>}\\n disabledMinutes={(minute, type) => {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n }}\\n disabledHours={(hour, type, date) => {\\n // console.log('~~:', hour, type, date);\\n if (hour < 3) {\\n return true;\\n }\\n }}\\n />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>}disabled value={new Date(2018, 1, 24, 4,5,35)} />\\n </Col>\\n </Row>\\n)\\nexport default Demo\"\n },\n \"179\": {\n \"name\": 179,\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\\nvar Demo = function Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n style: {\\n maxWidth: 360\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n hideDisabled: true,\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n disabledMinutes: function disabledMinutes(minute, type) {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n },\\n disabledHours: function disabledHours(hour, type, date) {\\n // console.log('~~:', hour, type, date);\\n if (hour < 3) {\\n return true;\\n }\\n }\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10} style={{ maxWidth: 360 }}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker\\n hideDisabled icon={<Icon type=\\\"close\\\"/>}\\n disabledMinutes={(minute, type) => {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n }}\\n disabledHours={(hour, type, date) => {\\n // console.log('~~:', hour, type, date);\\n if (hour < 3) {\\n return true;\\n }\\n }}\\n />\\n </Col>\\n </Row>\\n)\\nexport default Demo\"\n },\n \"210\": {\n \"name\": 210,\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\\nvar Demo = function Demo() {\\n return /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n gutter: 10,\\n style: {\\n maxWidth: 360\\n }\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n style: {\\n width: 200\\n },\\n fixed: true\\n }, /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.TimePicker, {\\n icon: /#__PURE__/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n type: \\\"close\\\"\\n }),\\n hideDisabled: true,\\n disabledMinutes: function disabledMinutes(minute, date) {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n },\\n disabledSeconds: function disabledSeconds(second, date) {\\n if (second % 15 !== 0) {\\n return true;\\n }\\n }\\n })));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10} style={{ maxWidth: 360 }}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>}\\n hideDisabled\\n disabledMinutes={(minute, date) => {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n }}\\n disabledSeconds={(second, date) => {\\n if (second % 15 !== 0) {\\n return true;\\n }\\n }}\\n />\\n </Col>\\n </Row>\\n)\\nexport default Demo\"\n }\n},\n source: \"TimePicker 时间选择器\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-time-picker/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-time-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-time-picker)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-time-picker.svg?label=@uiw/react-time-picker)](https://npmjs.com/@uiw/react-time-picker)\\n\\n当用户需要输入一个时间，可以点击标准输入框，弹出时间面板进行选择。\\n\\n```jsx\\nimport { TimePicker } from 'uiw';\\n// or\\nimport TimePicker from '@uiw/react-time-picker';\\n```\\n\\n## 基础用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker\\n icon={<Icon type=\\\"close\\\"/>}\\n onChange={(formatDate, date) => {\\n console.log('--->', formatDate, date);\\n }}\\n />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} format=\\\"HH:mm\\\" precision=\\\"minute\\\" />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} format=\\\"HH\\\" precision=\\\"hour\\\" />\\n </Col>\\n </Row>\\n)\\nexport default Demo\\n```\\n\\n## 设置初始值\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => {\\n const value = new Date(2018, 1, 24, 4,5,35);\\n return (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} format=\\\"HH:mm\\\" precision=\\\"minute\\\" />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} format=\\\"HH\\\" precision=\\\"hour\\\" />\\n </Col>\\n </Row>\\n )\\n}\\nexport default Demo\\n```\\n\\n## 设置按钮大小\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Row, Col ,Icon } from 'uiw';\\n\\nconst Demo = () => {\\n const value = new Date(2018, 1, 24, 4,5,35);\\n return (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} size=\\\"small\\\" value={value} />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} value={value} format=\\\"HH\\\" precision=\\\"hour\\\" />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>} size=\\\"large\\\" value={value} format=\\\"HH:mm\\\" precision=\\\"minute\\\" />\\n </Col>\\n </Row>\\n )\\n}\\nexport default Demo\\n```\\n\\n## 表单中应用\\n\\n在表单返回的数据，并没有将 `format` 格式化后的数据返回给你，而是返回的一个 `Date`，你可以通过 [`formatter`](#/components/formatter) 重新格式化。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Notify, Row, Col, Form, Button ,Icon } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Form\\n onSubmit={({initial, current}) => {\\n console.log('-->>', initial, current);\\n if(current.date) {\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交时间成功，时间为：${formatter('HH:mm:ss', current.date)}`,\\n });\\n } else {\\n Notify.error({\\n title: '提交失败！',\\n description: <span>表单提交时间成功，时间为：<b>空</b>，将自动填充初始化值！</span>,\\n });\\n }\\n }}\\n fields={{\\n date: {\\n labelClassName: 'fieldLabel',\\n labelFor: 'date-inline',\\n children: <TimePicker icon={<Icon type=\\\"close\\\"/>} />\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <Row gutter={10}>\\n <Col style={{ width: 200 }} fixed>{fields.date}</Col>\\n <Col>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n )\\n }}\\n </Form>\\n </div>\\n)\\nexport default Demo\\n```\\n\\n## 禁用\\n\\n可以使用 `disabledHours` `disabledMinutes` `disabledSeconds` 禁用部分时间选择。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10} style={{ maxWidth: 360 }}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>}\\n disabledMinutes={(minute, type) => {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n }}\\n disabledHours={(hour, type, date) => {\\n // console.log('~~:', hour, type, date);\\n if (hour < 3) {\\n return true;\\n }\\n }}\\n />\\n </Col>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>}disabled value={new Date(2018, 1, 24, 4,5,35)} />\\n </Col>\\n </Row>\\n)\\nexport default Demo\\n```\\n\\n## 不显示禁用\\n\\n可以使用 `hideDisabled` 将禁用的部分时间隐藏。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10} style={{ maxWidth: 360 }}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker\\n hideDisabled icon={<Icon type=\\\"close\\\"/>}\\n disabledMinutes={(minute, type) => {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n }}\\n disabledHours={(hour, type, date) => {\\n // console.log('~~:', hour, type, date);\\n if (hour < 3) {\\n return true;\\n }\\n }}\\n />\\n </Col>\\n </Row>\\n)\\nexport default Demo\\n```\\n\\n## 间隔时间\\n\\n可以使用 `hideDisabled` 将禁用的部分时间隐藏。\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { TimePicker, Row, Col ,Icon} from 'uiw';\\n\\nconst Demo = () => (\\n <Row gutter={10} style={{ maxWidth: 360 }}>\\n <Col style={{ width: 200 }} fixed>\\n <TimePicker icon={<Icon type=\\\"close\\\"/>}\\n hideDisabled\\n disabledMinutes={(minute, date) => {\\n if (minute % 15 !== 0) {\\n return true;\\n }\\n }}\\n disabledSeconds={(second, date) => {\\n if (second % 15 !== 0) {\\n return true;\\n }\\n }}\\n />\\n </Col>\\n </Row>\\n)\\nexport default Demo\\n```\\n\\n## Props\\n\\n\| 参数 \| 说明 \| 类型 \| 默认值 \|\\n\|--------- \|-------- \|--------- \|-------- \|\\n\| value \| 初始时间值 \| Date \| - \|\\n\| placeholder \| 输入框提示文字 \| String \| - \|\\n\| format \| 格式化时间，规则查看 [`formatter`](#/components/formatter) 文档 \| Function \| `HH:mm:ss` \|\\n\| precision \| 选择时间精确度 \| Enum{`hour`, `minute`, `second`} \| `false` \|\\n\| disabled \| 禁用全部操作 \| Boolean \| `false` \|\\n\| disabledHours \| 禁止选择部分小时选项 \| Function(hour, <br/>type{`Hours`, `Minutes`, `Seconds`}, <br/>selectedDate) \| - \|\\n\| disabledMinutes \| 禁止选择部分分钟选项 \| Function(minute, <br/>type{`Hours`, `Minutes`, `Seconds`}, <br/>selectedDate) \| - \|\\n\| disabledSeconds \| 禁止选择部分秒选项 \| Function(second, <br/>type{`Hours`, `Minutes`, `Seconds`}, <br/>selectedDate) \| - \|\\n\| hideDisabled \| 不可选择的项隐藏 \| Boolean \| `false` \|\\n\| onChange \| 时间选择的回调函数 \| Function(formatDate, Date, <br/>type{`Hours`, `Minutes`, `Seconds`}, <br/>, num, disableds) \| - \|\\n\\n`uiw@3.3.0+` 组件集成部分 Input，不再通过 inputProps 属性传值，更多属性请参考 [Input](#/components/input)\\n\\n## ~~Props.inputProps~~\\n\\n`uiw@3.3.0+` 将不支持此属性\\n\\n\| 参数 \| 说明 \| 类型 \| 默认值 \|\\n\|--------- \|-------- \|--------- \|-------- \|\\n\| ~~inputProps~~ \| ~~将参数传递给 [`<Input>`](#/components/input) 组件~~ \| `Object` \| - \|\\n\\n## Props.popoverProps\\n\\n\| 参数 \| 说明 \| 类型 \| 默认值 \|\\n\|--------- \|-------- \|--------- \|-------- \|\\n\| popoverProps \| 将参数传递给 [`<Popover>`](#/components/popover) 组件 \| `Object` \| - \|\\n\"\n }"],"names":["components","obj","_react","__esModule","_uiw","createElement","Row","gutter","Col","style","width","fixed","TimePicker","icon","Icon","type","onChange","formatDate","date","console","log","format","precision","value","Date","size","Form","onSubmit","_ref","initial","current","Notify","success","title","description","concat","formatter","error","fields","labelClassName","labelFor","children","_ref2","canSubmit","state","Button","disabled","htmlType","maxWidth","disabledMinutes","minute","disabledHours","hour","hideDisabled","disabledSeconds","second","data","source"],"sourceRoot":""}

package/web/static/js/{432.443115b8.chunk.js → 432.ad2801e4.chunk.js} RENAMED Viewed

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

package/web/static/js/{432.443115b8.chunk.js.map → 432.ad2801e4.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"static/js/432.443115b8.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone\|sync\|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/notify/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n version: string;\n codePen?: boolean \| string;\n codeSandbox?: boolean \| string;\n noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n let include = (includeModule \|\| []).join('\|');\n let resultJs = js.replace(/import([\\s\\S]?)(?=['\"])['\"].['\"]( ;\|;)?/gm, (str) => {\n // eslint-disable-next-line no-useless-escape\n if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n return str;\n }\n return `/* ${str} /`;\n });\n return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n const $dom = useRef<HTMLDivElement>(null);\n\n // useLayoutEffect(() => {\n // if ($dom.current) {\n // const parentElement = $dom.current.parentElement;\n // if (parentElement && parentElement.parentElement) {\n // parentElement.parentElement.replaceChild($dom.current, parentElement);\n // }\n // }\n // }, [$dom]);\n let toolbarExtra: React.ReactNode[] = [];\n if (codePen) {\n const codePenOptions = {\n title: `uiw${version} - demo`,\n js: `${getCodePenJs(props.text \|\| '', ['uiw']).replace(\n 'export default',\n 'const APP_Default = ',\n )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n toolbarExtra.push(\n <Codepen key=\"Codepen\" {...codePenOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n p-id=\"2071\"\n ></path>\n </svg>\n </Codepen>,\n );\n }\n if (codeSandbox) {\n const codeSandboxOptions = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/app.js': {\n content: props.text,\n },\n 'src/index.js': {\n content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n },\n // 'src/index.js': {\n // content: (props.copyNodes \|\| '').replace('_mount_', 'document.getElementById(\"container\")'),\n // },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '18.1.0',\n 'react-dom': '18.1.0',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n toolbarExtra.push(\n <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n p-id=\"4089\"\n ></path>\n </svg>\n </Codesandbox>,\n );\n }\n return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const { t: trans } = useTranslation();\n const url = /^http/.test(path \|\| '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n return (\n <Fragment>\n {trans('footer.greeting')}\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.greetLinkText')}\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.issues')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n {trans('footer.bug')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n {trans('footer.github')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n {trans('footer.kkt')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n {trans('footer.kkt_ssr')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n {trans('footer.io')}\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, path } = props;\n const { mdData, loading } = useMdData(renderPage);\n const version = pkg.version \|\| '2.0.0';\n if (!mdData.source) {\n return null;\n }\n\n return (\n <div>\n <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n <div>\n <MarkdownPreview\n source={mdData.source}\n className={styles.markdown}\n components={{\n /\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const {\n 'data-meta': meta,\n noPreview,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandboxOption,\n codeSandbox,\n bordered,\n ...rest\n } = props as any;\n if (inline \|\| !isMeta(meta)) {\n return <code {...rest} />;\n }\n const line = node.position?.start.line;\n const metaId = getMetaId(meta) \|\| String(line);\n const Child = mdData.components[`${metaId}`];\n const parameters = getURLParameters(meta);\n if (metaId && typeof Child === 'function') {\n const copyNodes = mdData.data[metaId].value \|\| '';\n return (\n <Code\n toolbar={parameters.title \|\| '示例展示'}\n disableToolbar={noCode}\n codePen={parameters.codePen}\n codeSandbox={parameters.codeSandbox}\n disableCheckered={!!parameters.disableCheckered}\n background={parameters.background}\n version={version}\n code={\n <pre>\n <code {...rest} />\n </pre>\n }\n text={copyNodes}\n >\n <Child />\n </Code>\n );\n }\n return <code {...rest} />;\n },\n }}\n />\n </div>\n </Loader>\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n const { i18n } = useTranslation();\n const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n const [mdData, setMdData] = useState<CodeBlockData>({\n source: '',\n components: {},\n data: {},\n });\n const fileSuffix = useFileSuffix();\n const [loading, setLoading] = useState(false);\n useEffect(() => {\n const getMd = async () => {\n if (renderPage) {\n setLoading(() => true);\n try {\n const result = await renderPage(fileSuffix);\n if (result) {\n setMdData(result);\n }\n } catch (err) {\n console.warn(err);\n }\n setLoading(() => false);\n }\n };\n getMd();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileSuffix]);\n return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport { Notify, ButtonGroup, Button } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default function Page() {\n return (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-notify/README.md\"\n dependencies={{ Notify, ButtonGroup, Button }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-notify/README.md');\n return md.default \|\| md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Page","Notify","ButtonGroup","Button","md","default"],"sourceRoot":""}
1	+ {"version":3,"file":"static/js/432.ad2801e4.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone\|sync\|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/notify/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n version: string;\n codePen?: boolean \| string;\n codeSandbox?: boolean \| string;\n noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n let include = (includeModule \|\| []).join('\|');\n let resultJs = js.replace(/import([\\s\\S]?)(?=['\"])['\"].['\"]( ;\|;)?/gm, (str) => {\n // eslint-disable-next-line no-useless-escape\n if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n return str;\n }\n return `/* ${str} /`;\n });\n return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n const $dom = useRef<HTMLDivElement>(null);\n\n // useLayoutEffect(() => {\n // if ($dom.current) {\n // const parentElement = $dom.current.parentElement;\n // if (parentElement && parentElement.parentElement) {\n // parentElement.parentElement.replaceChild($dom.current, parentElement);\n // }\n // }\n // }, [$dom]);\n let toolbarExtra: React.ReactNode[] = [];\n if (codePen) {\n const codePenOptions = {\n title: `uiw${version} - demo`,\n js: `${getCodePenJs(props.text \|\| '', ['uiw']).replace(\n 'export default',\n 'const APP_Default = ',\n )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n toolbarExtra.push(\n <Codepen key=\"Codepen\" {...codePenOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n p-id=\"2071\"\n ></path>\n </svg>\n </Codepen>,\n );\n }\n if (codeSandbox) {\n const codeSandboxOptions = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/app.js': {\n content: props.text,\n },\n 'src/index.js': {\n content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n },\n // 'src/index.js': {\n // content: (props.copyNodes \|\| '').replace('_mount_', 'document.getElementById(\"container\")'),\n // },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '18.1.0',\n 'react-dom': '18.1.0',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n toolbarExtra.push(\n <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n p-id=\"4089\"\n ></path>\n </svg>\n </Codesandbox>,\n );\n }\n return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const { t: trans } = useTranslation();\n const url = /^http/.test(path \|\| '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n return (\n <Fragment>\n {trans('footer.greeting')}\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.greetLinkText')}\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.issues')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n {trans('footer.bug')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n {trans('footer.github')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n {trans('footer.kkt')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n {trans('footer.kkt_ssr')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n {trans('footer.io')}\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, path } = props;\n const { mdData, loading } = useMdData(renderPage);\n const version = pkg.version \|\| '2.0.0';\n if (!mdData.source) {\n return null;\n }\n\n return (\n <div>\n <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n <div>\n <MarkdownPreview\n source={mdData.source}\n className={styles.markdown}\n components={{\n /\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const {\n 'data-meta': meta,\n noPreview,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandboxOption,\n codeSandbox,\n bordered,\n ...rest\n } = props as any;\n if (inline \|\| !isMeta(meta)) {\n return <code {...rest} />;\n }\n const line = node.position?.start.line;\n const metaId = getMetaId(meta) \|\| String(line);\n const Child = mdData.components[`${metaId}`];\n const parameters = getURLParameters(meta);\n if (metaId && typeof Child === 'function') {\n const copyNodes = mdData.data[metaId].value \|\| '';\n return (\n <Code\n toolbar={parameters.title \|\| '示例展示'}\n disableToolbar={noCode}\n codePen={parameters.codePen}\n codeSandbox={parameters.codeSandbox}\n disableCheckered={!!parameters.disableCheckered}\n background={parameters.background}\n version={version}\n code={\n <pre>\n <code {...rest} />\n </pre>\n }\n text={copyNodes}\n >\n <Child />\n </Code>\n );\n }\n return <code {...rest} />;\n },\n }}\n />\n </div>\n </Loader>\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n const { i18n } = useTranslation();\n const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n const [mdData, setMdData] = useState<CodeBlockData>({\n source: '',\n components: {},\n data: {},\n });\n const fileSuffix = useFileSuffix();\n const [loading, setLoading] = useState(false);\n useEffect(() => {\n const getMd = async () => {\n if (renderPage) {\n setLoading(() => true);\n try {\n const result = await renderPage(fileSuffix);\n if (result) {\n setMdData(result);\n }\n } catch (err) {\n console.warn(err);\n }\n setLoading(() => false);\n }\n };\n getMd();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileSuffix]);\n return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport { Notify, ButtonGroup, Button } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default function Page() {\n return (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-notify/README.md\"\n dependencies={{ Notify, ButtonGroup, Button }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-notify/README.md');\n return md.default \|\| md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Page","Notify","ButtonGroup","Button","md","default"],"sourceRoot":""}

package/web/static/js/4364.ef059cd5.chunk.js ADDED Viewed

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