npm - @uiw/doc - Versions diffs - 4.11.5 → 4.12.1 - Mend

@uiw/doc 4.11.5 → 4.12.1

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 (781) hide show

package/web/static/js/2692.c93feb86.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2692],{42692:function(n,e,t){t.r(e),e.default="Slider \u6ed1\u5757\u8f93\u5165\u6761\n===\n\n\u901a\u8fc7\u62d6\u52a8\u6ed1\u5757\u5728\u4e00\u4e2a\u56fa\u5b9a\u533a\u95f4\u5185\u8fdb\u884c\u9009\u62e9\uff0c\u6548\u679c\u6bd4 [`input`](https://www.w3.org/wiki/HTML/Elements/input/range) \u7c7b\u578b\u4e3a [`range`](https://www.w3.org/wiki/HTML/Elements/input/range) \u7684\u529f\u80fd\u4e30\u5bcc\u3002\n\n```jsx\nimport { Slider } from 'uiw';\n// or\nimport Slider from '@uiw/react-slider';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\u6309\u94ae\u6837\u5f0f\u7684\u5355\u9009\u7ec4\u5408\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Slider, Divider } from 'uiw';\n\nfunction Demo() {\n const [value, setValue] = React.useState(20);\n const [value2, setValue2] = React.useState(-5);\n const [value3, setValue3] = React.useState([10, 50]);\n return (\n <div>\n <Slider\n value={value}\n style={{ maxWidth: 360 }}\n onChange={(value)=> setValue(value)}\n />\n <div>\u8bbe\u7f6e progress \u503c\u4e3a <b>\"false\"</b> \u4e0d\u663e\u793a\u8fdb\u5ea6\u6761</div>\n <Slider\n progress={false}\n value={value}\n style={{ maxWidth: 360, marginTop: 30 }}\n onChange={(value)=> setValue(value)}\n />\n <div>\u8bbe\u7f6e progress \u503c\u4e3a <b>\"#dc3545\"</b> \u8fd9\u662f\u4e00\u4e2a\u989c\u8272\u503c\uff0c\u8bbe\u7f6e\u8fdb\u5ea6\u6761\u989c\u8272</div>\n <Slider\n // progress={false}\n progress=\"#dc3545\"\n value={value}\n style={{ maxWidth: 360, marginTop: 30 }}\n onChange={(value)=> setValue(value)}\n />\n <div>\u5f53\u524d\u503c\uff1a<b>{value}</b></div>\n <Divider />\n <Slider\n min={-10}\n max={30}\n value={value2}\n style={{ maxWidth: 260 }}\n onChange={(val)=> setValue2(val)}\n />\n <div>\u53ef\u9009 -10~30\u503c\u8303\u56f4\uff1a<b>{value2}</b></div>\n <Divider />\n <Slider value={value3} style={{ maxWidth: 260 }}\n onChange={(val)=> setValue3(val)}\n />\n <div>\u53d6\u503c\u8303\u56f4\uff1a<b>{value3[0]} ~ {value3[1]}</b></div>\n </div>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\u5728 [`<Form />`](#/components/form) \u8868\u5355\u4e2d\u5e94\u7528 [`<Slider />`](#/components/slider) \u7ec4\u4ef6\uff0c\u9700\u8981\u8bbe\u7f6e `initialValue` \u521d\u59cb\u503c\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Form, Row, Col, Slider, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n if(current.age === initial.age) {\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u5e74\u9f84\u5931\u8d25\uff0c\u5e74\u9f84\u4e3a\uff1a${current.age}\uff0c\u4e0e\u521d\u59cb\u5316\u503c\u662f\u4e00\u6837\u6ef4\uff01`,\n });\n } else {\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u5e74\u9f84\u6210\u529f\uff0c\u5e74\u9f84\u4e3a\uff1a${current.age}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }\n }}\n fields={{\n age: {\n initialValue: 0,\n inline: true,\n label: '\u5e74\u9f84',\n help: '\u503c\u5fc5\u987b\u5927\u4e8e 10',\n validator: (value) => value < 10 ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n children: <Slider />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n console.log('state:', state)\n return (\n <div>\n <Row gutter={10}>\n <Col style={{ maxWidth: 300 }}>{fields.age}</Col>\n <Col>{state.current.age}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u63a7\u5236\u63d0\u793a\u663e\u793a\n\n\u901a\u8fc7\u8bbe\u7f6e `tooltip` \u7684\u503c\uff0c\u6765\u63a7\u5236\u63d0\u793a\u7684\u663e\u793a\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Slider, Divider } from 'uiw';\n\nfunction Demo() {\n return (\n <div>\n <div>\u8bbe\u7f6e tooltip \u503c\u4e3a <b>true</b>\uff0c\u63d0\u793a\u5c06\u59cb\u7ec8\u663e\u793a\u3002</div>\n <Slider value={25} style={{ maxWidth: 260 }} tooltip />\n <Divider />\n <div>\u8bbe\u7f6e tooltip \u503c\u4e3a <b>null</b>\uff0c\u63d0\u793a\u5c06\u59cb\u7ec8\u4e0d\u663e\u793a\u3002</div>\n <Slider value={25} style={{ maxWidth: 260 }} tooltip={null} />\n <Divider />\n <div>\u8bbe\u7f6e tooltip \u503c\u4e3a <b>false</b>\uff0c\u9f20\u6807\u7ecf\u8fc7\u663e\u793a\u63d0\u793a\u3002</div>\n <Slider value={25} style={{ maxWidth: 260 }} tooltip={false} />\n </div>\n )\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u523b\u5ea6\n\n\u901a\u8fc7 `step` \u8bbe\u7f6e\u6216\u8fd4\u56de\u6bcf\u6b21\u62d6\u52a8\u6ed1\u5757\u63a7\u4ef6\u65f6\u7684\u9012\u589e\u91cf\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Slider, Divider} from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: 20,\n value2: 1.5,\n value3: 20,\n value4: [10, 40],\n };\n }\n render() {\n return (\n <div>\n <div>\u523b\u5ea6 <b>step=10</b> \u5f53\u524d\u503c\uff1a<b>{this.state.value}</b></div>\n <Slider\n step={10}\n max={200}\n dots\n value={this.state.value}\n style={{ maxWidth: 460 }}\n onChange={(value)=> {\n this.setState({ value });\n }}\n />\n <Divider />\n <div>\u523b\u5ea6 <b>step=0.5</b> \u5f53\u524d\u503c\uff1a<b>{this.state.value2}</b></div>\n <Slider\n min={0}\n max={2}\n step={0.5}\n dots\n value={this.state.value2}\n style={{ maxWidth: 460 }}\n onChange={(value2)=> {\n this.setState({ value2 });\n }}\n />\n <Divider />\n <div>\u523b\u5ea6 <b>step=3</b>\uff0c\u8bbe\u7f6e <b>dots=false</b> \u4e0d\u663e\u793a\u523b\u5ea6 \u5f53\u524d\u503c\uff1a<b>{this.state.value3}</b></div>\n <Slider\n value={26}\n min={20}\n max={40}\n step={2}\n value={this.state.value3}\n style={{ maxWidth: 260 }}\n onChange={(value3)=> {\n this.setState({ value3 });\n }}\n />\n <Divider />\n <div>\u503c <b>value=[10, 40]</b> \uff0c\u5fc5\u987b\u8bbe\u7f6e<b>range=true</b>\uff0c\u53d6\u503c\u8303\u56f4\uff1a<b>{this.state.value4[0]} ~ {this.state.value4[1]}</b></div>\n <Slider value={this.state.value4} style={{ maxWidth: 260 }}\n onChange={(value4)=> {\n this.setState({ value4 });\n }}\n />\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u6807\u8bb0\u523b\u5ea6\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Slider, Divider} from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: 20,\n value2: 1.5,\n value3: 20,\n };\n }\n render() {\n return (\n <div>\n <div>\u523b\u5ea6 <b>step=2</b> \u5f53\u524d\u503c\uff1a<b>{this.state.value}</b></div>\n <Slider\n min={-10}\n max={30}\n step={2}\n dots\n value={this.state.value}\n marks={{\n [-10]: '-10\xb0C',\n [-2]: '-2\xb0C',\n 0: {\n style: { color: '#af00ff' },\n },\n 30: {\n style: { color: '#ff7c00' },\n label: <strong>30\xb0C</strong>,\n }\n }}\n renderMarks={(mark) => `${mark}\xb0C`}\n onChange={(value)=> {\n this.setState({ value });\n }}\n />\n <div>\u523b\u5ea6 <b>step=0.5</b> \u5f53\u524d\u503c\uff1a<b>{this.state.value2}</b></div>\n <Slider\n min={0}\n max={2}\n step={0.5}\n dots\n marks\n value={this.state.value2}\n style={{ maxWidth: 460 }}\n onChange={(value2)=> {\n this.setState({ value2 });\n }}\n />\n <div>\u523b\u5ea6 <b>step=3</b> \u5f53\u524d\u503c\uff1a<b>{this.state.value3}</b></div>\n <Slider\n value={26}\n min={20}\n max={44}\n step={2}\n dots\n marks\n value={this.state.value3}\n style={{ maxWidth: 260 }}\n onChange={(value3)=> {\n console.log('value5:', value3);\n this.setState({ value3 });\n }}\n />\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u7981\u7528\u6837\u5f0f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Slider, Divider} from 'uiw';\n\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Slider value={25} disabled style={{ maxWidth: 260 }} />\n <Divider />\n <Slider\n step={10}\n disabled\n dots\n value={50}\n style={{ maxWidth: 260 }}\n />\n <Divider />\n <Slider disabled step={2} value={26} min={20} max={44} dots marks />\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5782\u76f4\u65b9\u5411\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Row, Col, Slider } from 'uiw';\n\nclass Demo extends React.Component {\n render() {\n return (\n <Row>\n <Col fixed style={{ width: 70 }}>\n <Slider\n vertical\n min={-10}\n max={30}\n step={2}\n dots\n value={20}\n marks={{\n [-10]: '-10\xb0C',\n [-2]: '-2\xb0C',\n 0: ' ',\n 2: {\n style: { color: '#af00ff' },\n },\n 30: {\n style: { color: '#ff7c00' },\n label: <strong>30\xb0C</strong>,\n }\n }}\n style={{ height: 260 }}\n renderMarks={(mark) => `${mark}\xb0C`}\n />\n </Col>\n <Col fixed>\n <Slider vertical value={25} style={{ height: 260 }} />\n </Col>\n <Col fixed>\n <Slider vertical value={62} progress={false} tooltip style={{ height: 260 }} />\n </Col>\n <Col fixed>\n <Slider vertical value={50} step={10} dots style={{ height: 260 }} />\n </Col>\n <Col fixed>\n <Slider vertical step={2} value={[26, 40]} min={20} max={44} dots marks style={{ height: 260 }} />\n </Col>\n </Row>\n );\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| value \| \u9009\u62e9\u7684\u6570\u503c\uff0c\u4e3a\u6570\u7ec4\u65f6\u5373\u53ef\u5f00\u542f\u8303\u56f4\u9009\u62e9\uff0c\u5e76\u4e14\u6307\u5b9a\u8303\u56f4\uff0c`@3.0.0+` \u901a\u8fc7\u5224\u65ad\u662f\u5426\u4e3a\u6570\u7ec4\uff0c\u5c55\u793a\u53cc\u6ed1\u5757 \| Number/Number[] \| `0` \|\n\| min \| \u6700\u5c0f\u503c \| Number \| `0` \|\n\| max \| \u6700\u5927\u503c \| Number \| `100` \|\n\| dots \| \u663e\u793a `step` \u95f4\u65ad\u70b9\uff0c\u5efa\u8bae\u5728 `step` \u95f4\u9694\u4e0d\u5bc6\u96c6\u65f6\u4f7f\u7528 \| Number \| `false` \|\n\| marks \| \u523b\u5ea6\u6807\u8bb0\uff0c`key` \u7684\u7c7b\u578b\u5fc5\u987b\u4e3a `number` \u4e14\u53d6\u503c\u5728\u95ed\u533a\u95f4 `min`, `max` \u5185\uff0c\u6bcf\u4e2a\u6807\u7b7e\u53ef\u4ee5\u5355\u72ec\u8bbe\u7f6e\u6837\u5f0f\uff0c\u5f53\u503c\u4e3a `Boolean` \u503c\u65f6\u8868\u793a\u662f\u5426\u663e\u793a\u523b\u5ea6 \| Object/Boolean \| - \|\n\| renderMarks \| \u523b\u5ea6\u6807\u8bb0\u6e32\u67d3 \| Function(mark) => String \| - \| \n\| step \| \u8bbe\u7f6e\u6216\u8fd4\u56de\u6bcf\u6b21\u62d6\u52a8\u6ed1\u5757\u63a7\u4ef6\u65f6\u7684\u9012\u589e\u91cf\uff0c\u89c4\u5b9a\u5408\u6cd5\u6570\u5b57\u95f4\u9694\uff08\u5982\u679c `step={3}`\uff0c\u5219\u5408\u6cd5\u6570\u5b57\u662f `0`,`3`,`6`\uff0c\u4ee5\u6b64\u7c7b\u63a8\uff09 \| Number \| `1` \|\n\| ~~range~~ \| \u26a0\ufe0f(`@3.0.0+` \u79fb\u9664\u4e86\u6b64\u5c5e\u6027) \u5f53 range \u4e3a true \u65f6\uff0c\u6e32\u67d3\u4e3a\u53cc\u6ed1\u5757, `2.x` \u7248\u672c\u652f\u6301\uff0c\u65b0\u7248\u672c\u901a\u8fc7\u5224\u65ad `value` \u662f\u5426\u4e3a\u6570\u7ec4\u6765\u652f\u6301\u53cc\u6ed1\u5757 \| Boolean \| `false` \|\n\| disabled \| \u662f\u5426\u7981\u7528 \| Boolean \| `false` \|\n\| progress \| \u663e\u793a\u6ed1\u52a8\u7684\u8fdb\u5ea6\u6761\uff0c\u8bbe\u4e3a `false` \u4e0d\u663e\u793a\u8fdb\u5ea6\u6761\uff0c\u8bbe\u4e3a\u4e3a\u989c\u8272\u503c\uff0c\u5c06\u8fdb\u5ea6\u6761\u8bbe\u4e3a\u4e0d\u540c\u7684\u989c\u8272 \| Boolean/String \| `true` \|\n\| vertical \| \u503c\u4e3a `true` \u65f6\uff0c`Slider` \u4e3a\u5782\u76f4\u65b9\u5411\u3002 \| Boolean \| `false` \|\n\| tooltip \| \u662f\u5426\u663e\u793a\u63d0\u793a\uff0c\u82e5\u8bbe\u7f6e\u4e3a `true` \u63d0\u793a\u59cb\u7ec8\u663e\u793a\uff0c\u82e5\u8bbe\u7f6e\u4e3a `null` \u5c06\u59cb\u7ec8\u4e0d\u663e\u793a\u63d0\u793a\u3002 \| Boolean \| `false` \|\n\| onChange \| \u503c\u6539\u53d8\u65f6\u89e6\u53d1 \| Function(value) \| - \|"}}]);
2	- //# sourceMappingURL=2692.c93feb86.chunk.js.map

package/web/static/js/2692.c93feb86.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/2692.c93feb86.chunk.js","mappings":"gHAAA","sources":["../../packages/react-slider/README.md"],"sourcesContent":["export default \"Slider 滑块输入条\\n===\\n\\n通过拖动滑块在一个固定区间内进行选择，效果比 [`input`](https://www.w3.org/wiki/HTML/Elements/input/range) 类型为 [`range`](https://www.w3.org/wiki/HTML/Elements/input/range) 的功能丰富。\\n\\n```jsx\\nimport { Slider } from 'uiw';\\n// or\\nimport Slider from '@uiw/react-slider';\\n```\\n\\n### 基本用法\\n\\n按钮样式的单选组合。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Slider, Divider } from 'uiw';\\n\\nfunction Demo() {\\n const [value, setValue] = React.useState(20);\\n const [value2, setValue2] = React.useState(-5);\\n const [value3, setValue3] = React.useState([10, 50]);\\n return (\\n <div>\\n <Slider\\n value={value}\\n style={{ maxWidth: 360 }}\\n onChange={(value)=> setValue(value)}\\n />\\n <div>设置 progress 值为 <b>\\\"false\\\"</b> 不显示进度条</div>\\n <Slider\\n progress={false}\\n value={value}\\n style={{ maxWidth: 360, marginTop: 30 }}\\n onChange={(value)=> setValue(value)}\\n />\\n <div>设置 progress 值为 <b>\\\"#dc3545\\\"</b> 这是一个颜色值，设置进度条颜色</div>\\n <Slider\\n // progress={false}\\n progress=\\\"#dc3545\\\"\\n value={value}\\n style={{ maxWidth: 360, marginTop: 30 }}\\n onChange={(value)=> setValue(value)}\\n />\\n <div>当前值：<b>{value}</b></div>\\n <Divider />\\n <Slider\\n min={-10}\\n max={30}\\n value={value2}\\n style={{ maxWidth: 260 }}\\n onChange={(val)=> setValue2(val)}\\n />\\n <div>可选 -10~30值范围：<b>{value2}</b></div>\\n <Divider />\\n <Slider value={value3} style={{ maxWidth: 260 }}\\n onChange={(val)=> setValue3(val)}\\n />\\n <div>取值范围：<b>{value3[0]} ~ {value3[1]}</b></div>\\n </div>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 在表单中使用\\n\\n在 [`<Form />`](#/components/form) 表单中应用 [`<Slider />`](#/components/slider) 组件，需要设置 `initialValue` 初始值。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Form, Row, Col, Slider, Button, Notify } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Form\\n onSubmit={({initial, current}) => {\\n if(current.age === initial.age) {\\n Notify.error({\\n title: '提交失败！',\\n description: `表单提交年龄失败，年龄为：${current.age}，与初始化值是一样滴！`,\\n });\\n } else {\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交年龄成功，年龄为：${current.age}，将自动填充初始化值！`,\\n });\\n }\\n }}\\n fields={{\\n age: {\\n initialValue: 0,\\n inline: true,\\n label: '年龄',\\n help: '值必须大于 10',\\n validator: (value) => value < 10 ? '必填选项！' : null,\\n children: <Slider />\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n console.log('state:', state)\\n return (\\n <div>\\n <Row gutter={10}>\\n <Col style={{ maxWidth: 300 }}>{fields.age}</Col>\\n <Col>{state.current.age}</Col>\\n </Row>\\n <Row>\\n <Col fixed>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n <Row>\\n <Col>\\n <pre style={{ padding: 10, marginTop: 10 }}>\\n {JSON.stringify(state.current, null, 2)}\\n </pre>\\n </Col>\\n </Row>\\n </div>\\n )\\n }}\\n </Form>\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 控制提示显示\\n\\n通过设置 `tooltip` 的值，来控制提示的显示。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Slider, Divider } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <div>\\n <div>设置 tooltip 值为 <b>true</b>，提示将始终显示。</div>\\n <Slider value={25} style={{ maxWidth: 260 }} tooltip />\\n <Divider />\\n <div>设置 tooltip 值为 <b>null</b>，提示将始终不显示。</div>\\n <Slider value={25} style={{ maxWidth: 260 }} tooltip={null} />\\n <Divider />\\n <div>设置 tooltip 值为 <b>false</b>，鼠标经过显示提示。</div>\\n <Slider value={25} style={{ maxWidth: 260 }} tooltip={false} />\\n </div>\\n )\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 刻度\\n\\n通过 `step` 设置或返回每次拖动滑块控件时的递增量。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Slider, Divider} from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = {\\n value: 20,\\n value2: 1.5,\\n value3: 20,\\n value4: [10, 40],\\n };\\n }\\n render() {\\n return (\\n <div>\\n <div>刻度 <b>step=10</b> 当前值：<b>{this.state.value}</b></div>\\n <Slider\\n step={10}\\n max={200}\\n dots\\n value={this.state.value}\\n style={{ maxWidth: 460 }}\\n onChange={(value)=> {\\n this.setState({ value });\\n }}\\n />\\n <Divider />\\n <div>刻度 <b>step=0.5</b> 当前值：<b>{this.state.value2}</b></div>\\n <Slider\\n min={0}\\n max={2}\\n step={0.5}\\n dots\\n value={this.state.value2}\\n style={{ maxWidth: 460 }}\\n onChange={(value2)=> {\\n this.setState({ value2 });\\n }}\\n />\\n <Divider />\\n <div>刻度 <b>step=3</b>，设置 <b>dots=false</b> 不显示刻度当前值：<b>{this.state.value3}</b></div>\\n <Slider\\n value={26}\\n min={20}\\n max={40}\\n step={2}\\n value={this.state.value3}\\n style={{ maxWidth: 260 }}\\n onChange={(value3)=> {\\n this.setState({ value3 });\\n }}\\n />\\n <Divider />\\n <div>值 <b>value=[10, 40]</b> ，必须设置<b>range=true</b>，取值范围：<b>{this.state.value4[0]} ~ {this.state.value4[1]}</b></div>\\n <Slider value={this.state.value4} style={{ maxWidth: 260 }}\\n onChange={(value4)=> {\\n this.setState({ value4 });\\n }}\\n />\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 标记刻度\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Slider, Divider} from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = {\\n value: 20,\\n value2: 1.5,\\n value3: 20,\\n };\\n }\\n render() {\\n return (\\n <div>\\n <div>刻度 <b>step=2</b> 当前值：<b>{this.state.value}</b></div>\\n <Slider\\n min={-10}\\n max={30}\\n step={2}\\n dots\\n value={this.state.value}\\n marks={{\\n [-10]: '-10°C',\\n [-2]: '-2°C',\\n 0: {\\n style: { color: '#af00ff' },\\n },\\n 30: {\\n style: { color: '#ff7c00' },\\n label: <strong>30°C</strong>,\\n }\\n }}\\n renderMarks={(mark) => `${mark}°C`}\\n onChange={(value)=> {\\n this.setState({ value });\\n }}\\n />\\n <div>刻度 <b>step=0.5</b> 当前值：<b>{this.state.value2}</b></div>\\n <Slider\\n min={0}\\n max={2}\\n step={0.5}\\n dots\\n marks\\n value={this.state.value2}\\n style={{ maxWidth: 460 }}\\n onChange={(value2)=> {\\n this.setState({ value2 });\\n }}\\n />\\n <div>刻度 <b>step=3</b> 当前值：<b>{this.state.value3}</b></div>\\n <Slider\\n value={26}\\n min={20}\\n max={44}\\n step={2}\\n dots\\n marks\\n value={this.state.value3}\\n style={{ maxWidth: 260 }}\\n onChange={(value3)=> {\\n console.log('value5:', value3);\\n this.setState({ value3 });\\n }}\\n />\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 禁用样式\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Slider, Divider} from 'uiw';\\n\\nclass Demo extends React.Component {\\n render() {\\n return (\\n <div>\\n <Slider value={25} disabled style={{ maxWidth: 260 }} />\\n <Divider />\\n <Slider\\n step={10}\\n disabled\\n dots\\n value={50}\\n style={{ maxWidth: 260 }}\\n />\\n <Divider />\\n <Slider disabled step={2} value={26} min={20} max={44} dots marks />\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 垂直方向\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col, Slider } from 'uiw';\\n\\nclass Demo extends React.Component {\\n render() {\\n return (\\n <Row>\\n <Col fixed style={{ width: 70 }}>\\n <Slider\\n vertical\\n min={-10}\\n max={30}\\n step={2}\\n dots\\n value={20}\\n marks={{\\n [-10]: '-10°C',\\n [-2]: '-2°C',\\n 0: ' ',\\n 2: {\\n style: { color: '#af00ff' },\\n },\\n 30: {\\n style: { color: '#ff7c00' },\\n label: <strong>30°C</strong>,\\n }\\n }}\\n style={{ height: 260 }}\\n renderMarks={(mark) => `${mark}°C`}\\n />\\n </Col>\\n <Col fixed>\\n <Slider vertical value={25} style={{ height: 260 }} />\\n </Col>\\n <Col fixed>\\n <Slider vertical value={62} progress={false} tooltip style={{ height: 260 }} />\\n </Col>\\n <Col fixed>\\n <Slider vertical value={50} step={10} dots style={{ height: 260 }} />\\n </Col>\\n <Col fixed>\\n <Slider vertical step={2} value={[26, 40]} min={20} max={44} dots marks style={{ height: 260 }} />\\n </Col>\\n </Row>\\n );\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 选择的数值，为数组时即可开启范围选择，并且指定范围，`@3.0.0+` 通过判断是否为数组，展示双滑块 | Number/Number[] | `0` |\\n| min | 最小值 | Number | `0` |\\n| max | 最大值 | Number | `100` |\\n| dots | 显示 `step` 间断点，建议在 `step` 间隔不密集时使用 | Number | `false` |\\n| marks | 刻度标记，`key` 的类型必须为 `number` 且取值在闭区间 `min`, `max` 内，每个标签可以单独设置样式，当值为 `Boolean` 值时表示是否显示刻度 | Object/Boolean | - |\\n| renderMarks | 刻度标记渲染 | Function(mark) => String | - | \\n| step | 设置或返回每次拖动滑块控件时的递增量，规定合法数字间隔（如果 `step={3}`，则合法数字是 `0`,`3`,`6`，以此类推） | Number | `1` |\\n| ~~range~~ | ⚠️(`@3.0.0+` 移除了此属性) 当 range 为 true 时，渲染为双滑块, `2.x` 版本支持，新版本通过判断 `value` 是否为数组来支持双滑块 | Boolean | `false` |\\n| disabled | 是否禁用 | Boolean | `false` |\\n| progress | 显示滑动的进度条，设为 `false` 不显示进度条，设为为颜色值，将进度条设为不同的颜色 | Boolean/String | `true` |\\n| vertical | 值为 `true` 时，`Slider` 为垂直方向。 | Boolean | `false` |\\n| tooltip | 是否显示提示，若设置为 `true` 提示始终显示，若设置为 `null` 将始终不显示提示。 | Boolean | `false` |\\n| onChange | 值改变时触发 | Function(value) | - |\";"],"names":[],"sourceRoot":""}

package/web/static/js/2737.01b58403.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2737],{84934:function(e){function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=function(){return[]},n.resolve=n,n.id=84934,e.exports=n},86082:function(e,n,t){"use strict";t.d(n,{Z:function(){return j}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(82136),d=t(75752),a=t(64508),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.0.2/index.js")}),s&&(d.codeSandboxOption={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/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import webpack from "webpack";\nimport 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(n," - demo"),dependencies:{react:"latest","react-dom":"latest",uiw:"latest"},devDependencies:{"@kkt/less-modules":"6.9.0",kkt:"6.9.0",typescript:"4.1.3"},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"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(29812);function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n\|\|"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(s.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}var m="index_docinfo__3Vx8S",k="index_markdown__hcQCp",x=["inline","node"],b=function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return n.forEach((function(n){"text"===n.type?t+=n.value:n.children&&Array.isArray(n.children)&&(t+=e(n.children))})),t};function j(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),j=h[0],v=h[1],g=d.i8\|\|"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){v(e)})).catch((function(){}))}),[]),j?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:j,className:k,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,x),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,f=c.noCode,m=c.codePen;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var k={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m};return 0===Object.keys(k).filter((function(e){return void 0!==k[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:b(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},63926:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return a}});var r=t(27791),o=t(57135),i=t.n(o),s=(t(41473),t(29812)),c=t(86082),d=t(69286);function a(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-progress/README.md",dependencies:{Progress:s.Ex},renderPage:(0,r.Z)(i().mark((function e(){var n;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(9188).then(t.bind(t,49188));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=2737.01b58403.chunk.js.map

package/web/static/js/2737.01b58403.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/2737.01b58403.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?6e49","components/Markdown/index.tsx","routes/components/progress/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 = 84934;\nmodule.exports = webpackEmptyContext;","import CodePreview, { CodePreviewProps } from '@uiw/react-code-preview';\n\nexport interface CodeProps extends CodePreviewProps {\n code: string;\n version: string;\n codePen: boolean;\n codeSandbox?: boolean;\n dependencies: any;\n}\n\nexport default function Code({ version, dependencies, codePen, codeSandbox, ...other }: CodeProps) {\n const props: CodePreviewProps = { ...other };\n if (codePen) {\n props.codePenOption = {\n title: `uiw${version} - demo`,\n includeModule: ['uiw'],\n js: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\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/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import webpack from \"webpack\";\\nimport 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: 'latest',\n 'react-dom': 'latest',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '6.9.0',\n kkt: '6.9.0',\n typescript: '4.1.3',\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 }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport 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';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\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 { noPreview, bordered, noScroll, bgWhite, noCode, codePen } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { Progress } 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-progress/README.md\"\n dependencies={{ Progress }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-progress/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","typescript","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Page","Progress","md","default"],"sourceRoot":""}

package/web/static/js/2782.d09fa2d2.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2782],{84934:function(e){function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=function(){return[]},n.resolve=n,n.id=84934,e.exports=n},86082:function(e,n,t){"use strict";t.d(n,{Z:function(){return b}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(82136),d=t(75752),a=t(64508),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.0.2/index.js")}),s&&(d.codeSandboxOption={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/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import webpack from "webpack";\nimport 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(n," - demo"),dependencies:{react:"latest","react-dom":"latest",uiw:"latest"},devDependencies:{"@kkt/less-modules":"6.9.0",kkt:"6.9.0",typescript:"4.1.3"},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"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(29812);function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n\|\|"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(s.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}var m="index_docinfo__3Vx8S",k="index_markdown__hcQCp",v=["inline","node"],x=function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return n.forEach((function(n){"text"===n.type?t+=n.value:n.children&&Array.isArray(n.children)&&(t+=e(n.children))})),t};function b(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),b=h[0],j=h[1],g=d.i8\|\|"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){j(e)})).catch((function(){}))}),[]),b?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:b,className:k,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,v),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,f=c.noCode,m=c.codePen;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var k={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m};return 0===Object.keys(k).filter((function(e){return void 0!==k[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:x(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},26519:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return a}});var r=t(27791),o=t(57135),i=t.n(o),s=(t(41473),t(29812)),c=t(86082),d=t(69286);function a(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-descriptions/README.md",dependencies:{Descriptions:s.w5,Divider:s.iz,Badge:s.Ct,Radio:s.Y8,RadioGroup:s.Ee},renderPage:(0,r.Z)(i().mark((function e(){var n;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(3257).then(t.bind(t,23257));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=2782.d09fa2d2.chunk.js.map

package/web/static/js/2782.d09fa2d2.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/2782.d09fa2d2.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?6e49","components/Markdown/index.tsx","routes/components/descriptions/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 = 84934;\nmodule.exports = webpackEmptyContext;","import CodePreview, { CodePreviewProps } from '@uiw/react-code-preview';\n\nexport interface CodeProps extends CodePreviewProps {\n code: string;\n version: string;\n codePen: boolean;\n codeSandbox?: boolean;\n dependencies: any;\n}\n\nexport default function Code({ version, dependencies, codePen, codeSandbox, ...other }: CodeProps) {\n const props: CodePreviewProps = { ...other };\n if (codePen) {\n props.codePenOption = {\n title: `uiw${version} - demo`,\n includeModule: ['uiw'],\n js: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\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/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import webpack from \"webpack\";\\nimport 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: 'latest',\n 'react-dom': 'latest',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '6.9.0',\n kkt: '6.9.0',\n typescript: '4.1.3',\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 }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport 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';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\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 { noPreview, bordered, noScroll, bgWhite, noCode, codePen } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { Descriptions, Divider, Badge, Radio, RadioGroup } 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-descriptions/README.md\"\n dependencies={{ Descriptions, Divider, Badge, Radio, RadioGroup }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-descriptions/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","typescript","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Page","Descriptions","Divider","Badge","Radio","RadioGroup","md","default"],"sourceRoot":""}

package/web/static/js/2795.85c20470.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2795],{2795:function(n,o,l){l.r(o),o.default='Grid \u5220\u683c\n===\n\n\u57fa\u4e8e `flex` \u6805\u683c\u7cfb\u7edf\u3002\n\n```jsx\nimport { Row, Col } from \'uiw\';\n// or\nimport { Row, Col } from \'@uiw/react-grid\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst Box = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: \'center\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n <Row>\n <Col fixed style={{ width: 150 }}> <Box num="1" background="#A5A5A5" /> </Col>\n <Col grow={2}> <Box num="2" background="#dedede" /> </Col>\n <Col grow={1}> <Box num="3" background="#A5A5A5" /> </Col>\n </Row>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### Gutter\n\n\u6805\u683c\u95f4\u9694\uff0c\u53ef\u4ee5\u5199\u6210\u50cf\u7d20\u503c\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: \'center\', paddingTop: 5,paddingBottom: 5, background, width, height}}>Col {num}</div>\n\nReactDOM.render(\n <div>\n <Row gutter={10}>\n <Col> <Blank background="#A5A5A5" num={1}/> </Col>\n <Col> <Blank background="#dedede" num={2}/> </Col>\n <Col> <Blank background="#A5A5A5" num={3}/> </Col>\n </Row>\n <Row style={{ marginTop: 10 }}>\n <Col> <Blank background="#A5A5A5" num={1}/> </Col>\n <Col> <Blank background="#dedede" num={2}/> </Col>\n <Col> <Blank background="#A5A5A5" num={3}/> </Col>\n </Row>\n </div>,\n _mount_\n);\n```\n\n### Flex \u884c\u8bbe\u7f6e\u5217\u5bf9\u9f50\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst colStyl = { backgroundColor: \'rgba(230, 230, 230, 0.67)\', marginBottom: 10 }\nconst Blank = ({ num, height, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, height}}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} justify="center" align="top" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="space-around" align="middle" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="space-between" align="bottom" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="flex-end" align="bottom" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="center" align="baseline" style={{ ...colStyl, marginBottom: 0 }}>\n <Col span="2"> <Blank height={85} style={{ lineHeight: \'85px\' }} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### Flex \u5217\u5bf9\u9f50\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{height: 130}}>\n <Col align="top"> <Blank num={1}/> </Col>\n <Col align="middle"> <Blank num={2}/> </Col>\n <Col align="bottom"> <Blank num={3}/> </Col>\n </Row>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5bf9\u9f50\u5185\u5bb9\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst rowStyl = { backgroundColor: \'rgba(230, 230, 230, 0.67)\', marginBottom: 10 }\nconst Blank = ({ num, height, width, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} justify="flex-start" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="center" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="flex-end" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="space-between" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="space-around" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="space-evenly" style={{...rowStyl, marginBottom: 0 }}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### 24\u5220\u683c\n\n\u53ef\u4ee5\u901a\u8fc7\u6307\u5b9a `24` \u5217\u4e2d\u6bcf\u5217\u7684\u5bbd\u5ea6\u6765\u521b\u5efa\u57fa\u672c\u7f51\u683c\u7cfb\u7edf\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, height, width, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n <Col span="2"> <Blank num={3}/> </Col>\n <Col span="2"> <Blank num={4}/> </Col>\n <Col span="2"> <Blank num={5}/> </Col>\n <Col span="2"> <Blank num={6}/> </Col>\n <Col span="2"> <Blank num={7}/> </Col>\n <Col span="2"> <Blank num={8}/> </Col>\n <Col span="2"> <Blank num={9}/> </Col>\n <Col span="2"> <Blank num={10}/> </Col>\n <Col span="2"> <Blank num={11}/> </Col>\n <Col span="2"> <Blank num={12}/> </Col>\n </Row>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col span="16"> <Blank num={1}/> </Col>\n <Col span="8"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col span="8"> <Blank num={1}/> </Col>\n <Col span="8"> <Blank num={2}/> </Col>\n <Col span="8"> <Blank num={3}/> </Col>\n </Row>\n <Row gutter={10}>\n <Col span="12"> <Blank num={1}/> </Col>\n <Col span="12"> <Blank num={2}/> </Col>\n </Row>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u52a8\u6001\u5217\u589e\u957f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col> <Blank num={1}/> </Col>\n <Col grow={2}> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10}>\n <Col> <Blank num={1}/> </Col>\n <Col grow={2}> <Blank num={2}/> </Col>\n <Col grow={5}> <Blank num={3}/> </Col>\n </Row>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Row\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| gutter \| \u6805\u683c\u95f4\u9694\u95f4\u8ddd \| number \| - \|\n\| justify \| flex \u5e03\u5c40\u4e0b\u7684\u6c34\u5e73\u6392\u5217\u65b9\u5f0f \| Enum{`flex-start`, `flex-end`, `center`, `space-between`, `space-around`, `space-evenly`} \| - \|\n\| align \| flex \u5e03\u5c40\u4e0b\u7684\u5782\u76f4\u5bf9\u9f50\u65b9\u5f0f \| Enum{`top`, `middle`, `bottom`, `baseline`} \| - \|\n\n\n## Col\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| fixed \| \u5982\u679c\u4e3a `true`\uff0c\u5219\u5217\u5bbd\u56fa\u5b9a\u4e3a\u5176\u5185\u5bb9\u7684\u5bbd\u5ea6 \| boolean \| - \|\n\| grow \| \u5217\u7684\u5bbd\u5ea6\u76f8\u5bf9\u4e8e\u540c\u4e00\u7f51\u683c\u4e2d\u5176\u4ed6\u5217\u7684\u6bd4\u7387 \| number \| - \|\n\| align \| \u7f51\u683c\u4e2d\u5217\u7684\u5bf9\u9f50\u65b9\u5f0f \| Enum{`top`, `middle`, `bottom`, `baseline`} \| - \|'}}]);
2	- //# sourceMappingURL=2795.85c20470.chunk.js.map

package/web/static/js/2795.85c20470.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/2795.85c20470.chunk.js","mappings":"+GAAA","sources":["../../packages/react-grid/README.md"],"sourcesContent":["export default \"Grid 删格\\n===\\n\\n基于 `flex` 栅格系统。\\n\\n```jsx\\nimport { Row, Col } from 'uiw';\\n// or\\nimport { Row, Col } from '@uiw/react-grid';\\n```\\n\\n### 基础用法\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst Box = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: 'center', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\\nconst Demo = () => (\\n <Row>\\n <Col fixed style={{ width: 150 }}> <Box num=\\\"1\\\" background=\\\"#A5A5A5\\\" /> </Col>\\n <Col grow={2}> <Box num=\\\"2\\\" background=\\\"#dedede\\\" /> </Col>\\n <Col grow={1}> <Box num=\\\"3\\\" background=\\\"#A5A5A5\\\" /> </Col>\\n </Row>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### Gutter\\n\\n栅格间隔，可以写成像素值\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: 'center', paddingTop: 5,paddingBottom: 5, background, width, height}}>Col {num}</div>\\n\\nReactDOM.render(\\n <div>\\n <Row gutter={10}>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={1}/> </Col>\\n <Col> <Blank background=\\\"#dedede\\\" num={2}/> </Col>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={3}/> </Col>\\n </Row>\\n <Row style={{ marginTop: 10 }}>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={1}/> </Col>\\n <Col> <Blank background=\\\"#dedede\\\" num={2}/> </Col>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={3}/> </Col>\\n </Row>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### Flex 行设置列对齐\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst colStyl = { backgroundColor: 'rgba(230, 230, 230, 0.67)', marginBottom: 10 }\\nconst Blank = ({ num, height, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background, height}}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} justify=\\\"center\\\" align=\\\"top\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-around\\\" align=\\\"middle\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-between\\\" align=\\\"bottom\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"flex-end\\\" align=\\\"bottom\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"center\\\" align=\\\"baseline\\\" style={{ ...colStyl, marginBottom: 0 }}>\\n <Col span=\\\"2\\\"> <Blank height={85} style={{ lineHeight: '85px' }} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### Flex 列对齐\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{height: 130}}>\\n <Col align=\\\"top\\\"> <Blank num={1}/> </Col>\\n <Col align=\\\"middle\\\"> <Blank num={2}/> </Col>\\n <Col align=\\\"bottom\\\"> <Blank num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 对齐内容\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst rowStyl = { backgroundColor: 'rgba(230, 230, 230, 0.67)', marginBottom: 10 }\\nconst Blank = ({ num, height, width, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} justify=\\\"flex-start\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"center\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"flex-end\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-between\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-around\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-evenly\\\" style={{...rowStyl, marginBottom: 0 }}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 24删格\\n\\n可以通过指定 `24` 列中每列的宽度来创建基本网格系统。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, height, width, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={3}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={4}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={5}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={6}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={7}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={8}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={9}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={10}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={11}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={12}/> </Col>\\n </Row>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col span=\\\"16\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"8\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col span=\\\"8\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"8\\\"> <Blank num={2}/> </Col>\\n <Col span=\\\"8\\\"> <Blank num={3}/> </Col>\\n </Row>\\n <Row gutter={10}>\\n <Col span=\\\"12\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"12\\\"> <Blank num={2}/> </Col>\\n </Row>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 动态列增长\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col> <Blank num={1}/> </Col>\\n <Col grow={2}> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10}>\\n <Col> <Blank num={1}/> </Col>\\n <Col grow={2}> <Blank num={2}/> </Col>\\n <Col grow={5}> <Blank num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Row\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| gutter | 栅格间隔间距 | number | - |\\n| justify | flex 布局下的水平排列方式 | Enum{`flex-start`, `flex-end`, `center`, `space-between`, `space-around`, `space-evenly`} | - |\\n| align | flex 布局下的垂直对齐方式 | Enum{`top`, `middle`, `bottom`, `baseline`} | - |\\n\\n\\n## Col\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| fixed | 如果为 `true`，则列宽固定为其内容的宽度 | boolean | - |\\n| grow | 列的宽度相对于同一网格中其他列的比率 | number | - |\\n| align | 网格中列的对齐方式 | Enum{`top`, `middle`, `bottom`, `baseline`} | - |\";"],"names":[],"sourceRoot":""}

package/web/static/js/3257.f8706edc.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3257],{23257:function(e,n,t){t.r(n),n.default='Descriptions \u63cf\u8ff0\u5217\u8868\n===\n\n\u6210\u7ec4\u5c55\u793a\u591a\u4e2a\u53ea\u8bfb\u5b57\u6bb5\u3002\n\n```jsx\nimport { Descriptions } from \'uiw\';\n// or\nimport Descriptions from \'@uiw/react-descriptions\';\n```\n\n## \u57fa\u7840\u7528\u6cd5\n\n\u7b80\u5355\u7684\u5c55\u793a\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true&noScroll=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Descriptions } from \'uiw\';\n\nReactDOM.render(\n <Descriptions title="\u7528\u6237\u4fe1\u606f">\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">-</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>,\n _mount_\n);\n```\n\n## \u5e26\u8fb9\u6846\u7684\n\n\u5e26\u8fb9\u6846\u548c\u80cc\u666f\u989c\u8272\u5217\u8868\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true&noScroll=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Descriptions, Badge } from \'uiw\';\n\nReactDOM.render(\n <Descriptions title="\u8be6\u7ec6\u4fe1\u606f" bordered>\n <Descriptions.Item label="\u9879\u76ee">UI\u7ec4\u4ef6\u5e93</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6536\u8d39">\u514d\u8d39</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6301\u7eed\u7ef4\u62a4">\u662f</Descriptions.Item>\n <Descriptions.Item label="\u521b\u5efa\u65f6\u95f4">2018-04-24 18:00:00</Descriptions.Item>\n <Descriptions.Item label="\u66f4\u65b0\u65f6\u95f4" span={2}>\n 2019-04-24 18:00:00\n </Descriptions.Item>\n <Descriptions.Item label="\u72b6\u6001" span={3}>\n <Badge color="#008EF0" processing> \u6b63\u5728\u8fd0\u884c\u4e2d</Badge>\n </Descriptions.Item>\n <Descriptions.Item label="\u5b9a\u5236\u7ec4\u4ef6">\uffe5280.00</Descriptions.Item>\n <Descriptions.Item label="\u8fdc\u7a0b\u534f\u52a9">\uffe520.00</Descriptions.Item>\n <Descriptions.Item label="\u4fee\u590dbug">\uffe560.00</Descriptions.Item>\n <Descriptions.Item label="\u8be6\u7ec6\u8bf4\u660e">\n \u4e94\u5341\u591a\u4e2a\u7ec4\u4ef6\u5e93\n <br />\n \u5f53\u524d\u7248\u672c 3.4.1\n <br />\n \u5f53\u524d react \u7248\u672c >= 16.7.0\n </Descriptions.Item>\n </Descriptions>,\n _mount_,\n);\n```\n\n## \u81ea\u5b9a\u4e49\u5c3a\u5bf8\n\n\u81ea\u5b9a\u4e49\u5c3a\u5bf8\uff0c\u9002\u5e94\u5728\u5404\u79cd\u5bb9\u5668\u4e2d\u5c55\u793a\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true&noScroll=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Descriptions, Divider, Radio, RadioGroup } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n value: \'default\',\n }\n }\n onChange(e) {\n this.setState({\n value: e.target.value,\n });\n }\n render() {\n return (\n <div>\n <RadioGroup value={this.state.value} onChange={this.onChange.bind(this)}>\n <Radio value="default">\u9ed8\u8ba4(default)</Radio>\n <Radio value="large">\u5927\u5c3a\u5bf8(large)</Radio>\n <Radio value="small">\u5c0f\u5c3a\u5bf8(small)</Radio>\n </RadioGroup>\n <Divider />\n <Descriptions bordered title="\u8be6\u7ec6\u4fe1\u606f" size={this.state.value}>\n <Descriptions.Item label="\u9879\u76ee">UI\u7ec4\u4ef6\u5e93</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6536\u8d39">\u514d\u8d39</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6301\u7eed\u7ef4\u62a4">\u662f</Descriptions.Item>\n <Descriptions.Item label="\u521b\u5efa\u65f6\u95f4">2018-04-24 18:00:00</Descriptions.Item>\n <Descriptions.Item label="\u66f4\u65b0\u65f6\u95f4" span={2}>\n 2019-04-24 18:00:00\n </Descriptions.Item>\n <Descriptions.Item label="\u72b6\u6001" span={3}>\n <Badge color="#008EF0" processing> \u6b63\u5728\u8fd0\u884c\u4e2d</Badge>\n </Descriptions.Item>\n <Descriptions.Item label="\u5b9a\u5236\u7ec4\u4ef6">\uffe5280.00</Descriptions.Item>\n <Descriptions.Item label="\u8fdc\u7a0b\u534f\u52a9">\uffe520.00</Descriptions.Item>\n <Descriptions.Item label="\u4fee\u590dbug">\uffe560.00</Descriptions.Item>\n <Descriptions.Item label="\u8be6\u7ec6\u8bf4\u660e">\n \u4e94\u5341\u591a\u4e2a\u7ec4\u4ef6\u5e93\n <br />\n \u5f53\u524d\u7248\u672c 3.4.1\n <br />\n \u5f53\u524d react \u7248\u672c >= 16.7.0\n </Descriptions.Item>\n </Descriptions>\n <Divider />\n <Descriptions title="\u81ea\u5b9a\u4e49\u5c3a\u5bf8" size={this.state.value}>\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">-</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## \u5782\u76f4\n\n\u5782\u76f4\u7684\u5217\u8868\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true&noScroll=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Descriptions, Divider } from \'uiw\';\n\nReactDOM.render(\n <>\n <Descriptions title="\u5782\u76f4\u7684\u5217\u8868" layout="vertical">\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">\u5782\u76f4\u5217\u8868\u8bbe\u7f6e layout \u503c\u4e3a vertical\u3002</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n <Divider />\n <Descriptions title="\u5782\u76f4\u7684\u5217\u8868" layout="vertical" bordered>\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">\u5782\u76f4\u5217\u8868\u8bbe\u7f6e layout \u503c\u4e3a vertical\u3002</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n </>,\n _mount_,\n);\n```\n\n## Props\n\n### Descriptions\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| ---- \| ---- \| ---- \| ---- \|\n\| title \| \u6807\u9898 \| ReactNode \| - \|\n\| bordered \| \u662f\u5426\u5c55\u793a\u8fb9\u6846 \| boolean \| `false` \|\n\| colon \| \u7c7b\u5bb9\u8868\u8ff0 `label` \u6dfb\u52a0 `:` \u5192\u53f7 \| boolean \| `true` \|\n\| size \| \u8bbe\u7f6e\u5217\u8868\u7684\u5927\u5c0f\u3002\u8bbe\u7f6e `bordered={ture}` \u751f\u6548\u3002 \| `large`, `small`, `default` \| `default` \|\n\| layout \| \u63cf\u8ff0\u5e03\u5c40 \| `horizontal`, `vertical` \| `horizontal` \|\n\| column \| \u4e00\u884c\u7684 `DescriptionItems` \u6570\u91cf \| Number \| 3 \|\n\n### Descriptions.Item\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| ---- \| ---- \| ---- \| ---- \|\n\| label \| \u5185\u5bb9\u7684\u63cf\u8ff0 \| ReactNode \| - \|\n\| span \| \u5305\u542b\u5217\u7684\u6570\u91cf \| Number \| 1 \|'}}]);
2	- //# sourceMappingURL=3257.f8706edc.chunk.js.map

package/web/static/js/3257.f8706edc.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/3257.f8706edc.chunk.js","mappings":"gHAAA","sources":["../../packages/react-descriptions/README.md"],"sourcesContent":["export default \"Descriptions 描述列表\\n===\\n\\n成组展示多个只读字段。\\n\\n```jsx\\nimport { Descriptions } from 'uiw';\\n// or\\nimport Descriptions from '@uiw/react-descriptions';\\n```\\n\\n## 基础用法\\n\\n简单的展示。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Descriptions } from 'uiw';\\n\\nReactDOM.render(\\n <Descriptions title=\\\"用户信息\\\">\\n <Descriptions.Item label=\\\"姓名\\\">调调</Descriptions.Item>\\n <Descriptions.Item label=\\\"手机号码\\\">1360000000</Descriptions.Item>\\n <Descriptions.Item label=\\\"居住地\\\">上海市，青浦区</Descriptions.Item>\\n <Descriptions.Item label=\\\"备注\\\">-</Descriptions.Item>\\n <Descriptions.Item label=\\\"地址\\\">\\n 中国湖北省黄冈市罗田县666号\\n </Descriptions.Item>\\n </Descriptions>,\\n _mount_\\n);\\n```\\n\\n## 带边框的\\n\\n带边框和背景颜色列表。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Descriptions, Badge } from 'uiw';\\n\\nReactDOM.render(\\n <Descriptions title=\\\"详细信息\\\" bordered>\\n <Descriptions.Item label=\\\"项目\\\">UI组件库</Descriptions.Item>\\n <Descriptions.Item label=\\\"是否收费\\\">免费</Descriptions.Item>\\n <Descriptions.Item label=\\\"是否持续维护\\\">是</Descriptions.Item>\\n <Descriptions.Item label=\\\"创建时间\\\">2018-04-24 18:00:00</Descriptions.Item>\\n <Descriptions.Item label=\\\"更新时间\\\" span={2}>\\n 2019-04-24 18:00:00\\n </Descriptions.Item>\\n <Descriptions.Item label=\\\"状态\\\" span={3}>\\n <Badge color=\\\"#008EF0\\\" processing> 正在运行中</Badge>\\n </Descriptions.Item>\\n <Descriptions.Item label=\\\"定制组件\\\">￥280.00</Descriptions.Item>\\n <Descriptions.Item label=\\\"远程协助\\\">￥20.00</Descriptions.Item>\\n <Descriptions.Item label=\\\"修复bug\\\">￥60.00</Descriptions.Item>\\n <Descriptions.Item label=\\\"详细说明\\\">\\n 五十多个组件库\\n <br />\\n 当前版本 3.4.1\\n <br />\\n 当前 react 版本 >= 16.7.0\\n </Descriptions.Item>\\n </Descriptions>,\\n _mount_,\\n);\\n```\\n\\n## 自定义尺寸\\n\\n自定义尺寸，适应在各种容器中展示。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Descriptions, Divider, Radio, RadioGroup } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor() {\\n super();\\n this.state = {\\n value: 'default',\\n }\\n }\\n onChange(e) {\\n this.setState({\\n value: e.target.value,\\n });\\n }\\n render() {\\n return (\\n <div>\\n <RadioGroup value={this.state.value} onChange={this.onChange.bind(this)}>\\n <Radio value=\\\"default\\\">默认(default)</Radio>\\n <Radio value=\\\"large\\\">大尺寸(large)</Radio>\\n <Radio value=\\\"small\\\">小尺寸(small)</Radio>\\n </RadioGroup>\\n <Divider />\\n <Descriptions bordered title=\\\"详细信息\\\" size={this.state.value}>\\n <Descriptions.Item label=\\\"项目\\\">UI组件库</Descriptions.Item>\\n <Descriptions.Item label=\\\"是否收费\\\">免费</Descriptions.Item>\\n <Descriptions.Item label=\\\"是否持续维护\\\">是</Descriptions.Item>\\n <Descriptions.Item label=\\\"创建时间\\\">2018-04-24 18:00:00</Descriptions.Item>\\n <Descriptions.Item label=\\\"更新时间\\\" span={2}>\\n 2019-04-24 18:00:00\\n </Descriptions.Item>\\n <Descriptions.Item label=\\\"状态\\\" span={3}>\\n <Badge color=\\\"#008EF0\\\" processing> 正在运行中</Badge>\\n </Descriptions.Item>\\n <Descriptions.Item label=\\\"定制组件\\\">￥280.00</Descriptions.Item>\\n <Descriptions.Item label=\\\"远程协助\\\">￥20.00</Descriptions.Item>\\n <Descriptions.Item label=\\\"修复bug\\\">￥60.00</Descriptions.Item>\\n <Descriptions.Item label=\\\"详细说明\\\">\\n 五十多个组件库\\n <br />\\n 当前版本 3.4.1\\n <br />\\n 当前 react 版本 >= 16.7.0\\n </Descriptions.Item>\\n </Descriptions>\\n <Divider />\\n <Descriptions title=\\\"自定义尺寸\\\" size={this.state.value}>\\n <Descriptions.Item label=\\\"姓名\\\">调调</Descriptions.Item>\\n <Descriptions.Item label=\\\"手机号码\\\">1360000000</Descriptions.Item>\\n <Descriptions.Item label=\\\"居住地\\\">上海市，青浦区</Descriptions.Item>\\n <Descriptions.Item label=\\\"备注\\\">-</Descriptions.Item>\\n <Descriptions.Item label=\\\"地址\\\">\\n 中国湖北省黄冈市罗田县666号\\n </Descriptions.Item>\\n </Descriptions>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 垂直\\n\\n垂直的列表。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Descriptions, Divider } from 'uiw';\\n\\nReactDOM.render(\\n <>\\n <Descriptions title=\\\"垂直的列表\\\" layout=\\\"vertical\\\">\\n <Descriptions.Item label=\\\"姓名\\\">调调</Descriptions.Item>\\n <Descriptions.Item label=\\\"手机号码\\\">1360000000</Descriptions.Item>\\n <Descriptions.Item label=\\\"居住地\\\">上海市，青浦区</Descriptions.Item>\\n <Descriptions.Item label=\\\"备注\\\">垂直列表设置 layout 值为 vertical。</Descriptions.Item>\\n <Descriptions.Item label=\\\"地址\\\">\\n 中国湖北省黄冈市罗田县666号\\n </Descriptions.Item>\\n </Descriptions>\\n <Divider />\\n <Descriptions title=\\\"垂直的列表\\\" layout=\\\"vertical\\\" bordered>\\n <Descriptions.Item label=\\\"姓名\\\">调调</Descriptions.Item>\\n <Descriptions.Item label=\\\"手机号码\\\">1360000000</Descriptions.Item>\\n <Descriptions.Item label=\\\"居住地\\\">上海市，青浦区</Descriptions.Item>\\n <Descriptions.Item label=\\\"备注\\\">垂直列表设置 layout 值为 vertical。</Descriptions.Item>\\n <Descriptions.Item label=\\\"地址\\\">\\n 中国湖北省黄冈市罗田县666号\\n </Descriptions.Item>\\n </Descriptions>\\n </>,\\n _mount_,\\n);\\n```\\n\\n## Props\\n\\n### Descriptions\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n| ---- | ---- | ---- | ---- |\\n| title | 标题 | ReactNode | - |\\n| bordered | 是否展示边框 | boolean | `false` |\\n| colon | 类容表述 `label` 添加 `:` 冒号 | boolean | `true` |\\n| size | 设置列表的大小。设置 `bordered={ture}` 生效。 | `large`, `small`, `default` | `default` |\\n| layout | 描述布局 | `horizontal`, `vertical` | `horizontal` |\\n| column | 一行的 `DescriptionItems` 数量 | Number | 3 |\\n\\n### Descriptions.Item\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n| ---- | ---- | ---- | ---- |\\n| label | 内容的描述 | ReactNode | - |\\n| span | 包含列的数量 | Number | 1 |\";"],"names":[],"sourceRoot":""}

package/web/static/js/3261.8fb28323.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3261],{83261:function(r,e,n){n.r(e),e.default='Breadcrumb \u9762\u5305\u5c51\n===\n\n\u663e\u793a\u5f53\u524d\u9875\u9762\u7684\u8def\u5f84\uff0c\u5feb\u901f\u8fd4\u56de\u4e4b\u524d\u7684\u4efb\u610f\u9875\u9762\u3002\n\n```jsx\nimport { Breadcrumb } from \'uiw\';\n// or\nimport Breadcrumb from \'@uiw/react-breadcrumb\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u9002\u7528\u5e7f\u6cdb\u7684\u57fa\u7840\u7528\u6cd5\uff0c\u5728 `Breadcrumb` \u4e2d\u4f7f\u7528 `Breadcrumb.Item` \u6807\u7b7e\u8868\u793a\u4ece\u9996\u9875\u5f00\u59cb\u7684\u6bcf\u4e00\u7ea7\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport { Breadcrumb } from \'uiw\';\n\nReactDOM.render(\n <Breadcrumb>\n <Breadcrumb.Item>\u9996\u9875</Breadcrumb.Item>\n <Breadcrumb.Item separator=">">\u6d3b\u52a8\u7ba1\u7406</Breadcrumb.Item>\n <Breadcrumb.Item>\u6d3b\u52a8\u5217\u8868</Breadcrumb.Item>\n <Breadcrumb.Item active>\u6d3b\u52a8\u8be6\u60c5</Breadcrumb.Item>\n </Breadcrumb>,\n _mount_\n);\n```\n\n### \u81ea\u5b9a\u4e49\u5206\u9694\u7b26\n\n\u4f7f\u7528 `separator=">"` \u53ef\u4ee5\u81ea\u5b9a\u4e49\u5206\u9694\u7b26\uff0c\u5206\u9694\u7b26\u4e5f\u53ef\u4ee5\u662f\u56fe\u6807\u3002\n\n\x3c!--rehype:codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Breadcrumb, Divider } from \'uiw\';\n\nReactDOM.render(\n <div>\n <Breadcrumb>\n <Breadcrumb.Item><a href="#">Home</a></Breadcrumb.Item>\n <Breadcrumb.Item separator=">"><a href="#">Library</a></Breadcrumb.Item>\n <Breadcrumb.Item active>Data</Breadcrumb.Item>\n </Breadcrumb>\n <Divider />\n <Breadcrumb separator="#">\n <Breadcrumb.Item><a href="#">Home</a></Breadcrumb.Item>\n <Breadcrumb.Item separator={<span>+</span>}><a href="#">Home</a></Breadcrumb.Item>\n <Breadcrumb.Item separator={<Icon type="home" verticalAlign="baseline" />}><a href="#">Icon</a></Breadcrumb.Item>\n <Breadcrumb.Item separator=">"><a href="#">Library</a></Breadcrumb.Item>\n <Breadcrumb.Item active>Data</Breadcrumb.Item>\n </Breadcrumb>\n </div>,\n _mount_\n);\n```\n\n### \u5e26\u6709\u56fe\u6807\u548c\u8fde\u63a5\u7684\n\n\u56fe\u6807\u653e\u5728\u6587\u5b57\u524d\u9762\u3002\u6ce8\u610f\u6587\u5b57\u8981\u4f7f\u7528 `span` \u5305\u88f9\u8d77\u6765\uff0c\u56fe\u6807 `<Icon />` \u9700\u8981\u8ddf `span` \u540c\u7ea7\u3002`Breadcrumb.Item` \u5b9a\u4e49 `href` \u53c2\u6570\u7684\u8bdd\uff0c`Item` \u4e0a\u7684\u53c2\u6570\u5c31\u5168\u90e8\u662f\u8d85\u94fe\u539f\u59cb\u5c5e\u6027\u3002\n\n\x3c!--rehype:codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Breadcrumb } from \'uiw\';\n\nconst stylIcon = { marginRight: 3, top: 2, display: \'inline-flex\' }\n\nReactDOM.render(\n <div>\n <Breadcrumb>\n <Breadcrumb.Item>\n <a href="#"><Icon style={stylIcon} type="home"/></a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator=">">\n <a href="#"><Icon style={stylIcon} type="apple"/>Library</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator=">">\n <a href="#"><Icon style={stylIcon} type="pie-chart"/>Chart</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator="">\n <a href="#"><Icon style={{...stylIcon, marginRight: 0}} type="star-on"/> Chart</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator="" active>Data</Breadcrumb.Item>\n </Breadcrumb>\n </div>,\n _mount_\n);\n```\n\n## Breadcrumb\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| style \| \u6837\u5f0f \| String \| - \|\n\| className \| \u6837\u5f0f\u540d\u79f0 \| String \| `w-breadcrumb` \|\n\| tagName \| \u8bbe\u7f6e\u5b50\u8282\u70b9\u6807\u7b7e\u540d\uff0c\u9ed8\u8ba4 `<a />` \u6807\u7b7e\uff0c\u4e5f\u53ef\u4ee5\u6307\u5b9a\u8def\u7531 [`<Link />`](https://reacttraining.com/react-router/web/api/Link) \| String \| `a` \|\n\| separator \| \u5206\u9694\u7b26\u81ea\u5b9a\u4e49\uff0c\u5b9a\u4e49\u6240\u6709\u5b50\u7ec4\u4ef6\u7684\u5206\u9694\u7b26\u3002 \| String \| `/` \|\n\n\u5176\u5b83\u53c2\u6570\u53ef\u6839\u636e `tagName` \u6765\u8bbe\u7f6e\uff0c\u9ed8\u8ba4 `<a />` \u6807\u7b7e\u65f6\uff0c\u53ef\u8bbe\u7f6e `href="https://wwww.google.com"` \u6216\u8005 `target="_blank"` \u7b49\u53c2\u6570\uff0c\u4f60\u53ef\u4ee5\u8bbe\u7f6e [react-router-dom](https://github.com/ReactTraining/react-router) \u8def\u7531 [`<Link />`](https://reacttraining.com/react-router/web/api/Link)\uff0c\u4f8b\u5982\uff1a\n\n```jsx\nimport { Breadcrumb } from \'uiw\';\nimport { Link } from \'react-router-dom\';\n\nconst Demo = () => {\n return (\n <Breadcrumb>\n <Breadcrumb.Item tagName={Link} to="/home">\n <Icon type="apple"/> Home\n </Breadcrumb.Item>\n </Breadcrumb>\n )\n}\n```\n\n## Breadcrumb.Item\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| className \| \u6837\u5f0f\u540d\u79f0 \| String \| `w-breadcrumb-itme` \|\n\| separator \| \u5206\u9694\u7b26\u81ea\u5b9a\u4e49\uff0c\u5b50\u7ec4\u4ef6\u53ef\u4ee5\u5355\u72ec\u5b9a\u4e49\u4e0d\u540c\u7684\u5206\u9694\u7b26\u3002 \| String \| - \|\n\| active \| \u6fc0\u6d3b\u3002 \| String \| - \|\n\n'}}]);
2	- //# sourceMappingURL=3261.8fb28323.chunk.js.map

package/web/static/js/3261.8fb28323.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/3261.8fb28323.chunk.js","mappings":"gHAAA","sources":["../../packages/react-breadcrumb/README.md"],"sourcesContent":["export default \"Breadcrumb 面包屑\\n===\\n\\n显示当前页面的路径，快速返回之前的任意页面。\\n\\n```jsx\\nimport { Breadcrumb } from 'uiw';\\n// or\\nimport Breadcrumb from '@uiw/react-breadcrumb';\\n```\\n\\n### 基础用法\\n\\n适用广泛的基础用法，在 `Breadcrumb` 中使用 `Breadcrumb.Item` 标签表示从首页开始的每一级。\\n\\n \\n```jsx\\nimport { Breadcrumb } from 'uiw';\\n\\nReactDOM.render(\\n <Breadcrumb>\\n <Breadcrumb.Item>首页</Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\">\\\">活动管理</Breadcrumb.Item>\\n <Breadcrumb.Item>活动列表</Breadcrumb.Item>\\n <Breadcrumb.Item active>活动详情</Breadcrumb.Item>\\n </Breadcrumb>,\\n _mount_\\n);\\n```\\n\\n### 自定义分隔符\\n\\n使用 `separator=\\\">\\\"` 可以自定义分隔符，分隔符也可以是图标。\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Breadcrumb, Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Breadcrumb>\\n <Breadcrumb.Item><a href=\\\"#\\\">Home</a></Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\">\\\"><a href=\\\"#\\\">Library</a></Breadcrumb.Item>\\n <Breadcrumb.Item active>Data</Breadcrumb.Item>\\n </Breadcrumb>\\n <Divider />\\n <Breadcrumb separator=\\\"#\\\">\\n <Breadcrumb.Item><a href=\\\"#\\\">Home</a></Breadcrumb.Item>\\n <Breadcrumb.Item separator={<span>+</span>}><a href=\\\"#\\\">Home</a></Breadcrumb.Item>\\n <Breadcrumb.Item separator={<Icon type=\\\"home\\\" verticalAlign=\\\"baseline\\\" />}><a href=\\\"#\\\">Icon</a></Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\">\\\"><a href=\\\"#\\\">Library</a></Breadcrumb.Item>\\n <Breadcrumb.Item active>Data</Breadcrumb.Item>\\n </Breadcrumb>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 带有图标和连接的\\n\\n图标放在文字前面。注意文字要使用 `span` 包裹起来，图标 `<Icon />` 需要跟 `span` 同级。`Breadcrumb.Item` 定义 `href` 参数的话，`Item` 上的参数就全部是超链原始属性。\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Breadcrumb } from 'uiw';\\n\\nconst stylIcon = { marginRight: 3, top: 2, display: 'inline-flex' }\\n\\nReactDOM.render(\\n <div>\\n <Breadcrumb>\\n <Breadcrumb.Item>\\n <a href=\\\"#\\\"><Icon style={stylIcon} type=\\\"home\\\"/></a>\\n </Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\">\\\">\\n <a href=\\\"#\\\"><Icon style={stylIcon} type=\\\"apple\\\"/>Library</a>\\n </Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\">\\\">\\n <a href=\\\"#\\\"><Icon style={stylIcon} type=\\\"pie-chart\\\"/>Chart</a>\\n </Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\"\\\">\\n <a href=\\\"#\\\"><Icon style={{...stylIcon, marginRight: 0}} type=\\\"star-on\\\"/> Chart</a>\\n </Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\"\\\" active>Data</Breadcrumb.Item>\\n </Breadcrumb>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## Breadcrumb\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| style | 样式 | String | - |\\n| className | 样式名称 | String | `w-breadcrumb` |\\n| tagName | 设置子节点标签名，默认 `<a />` 标签，也可以指定路由 [`<Link />`](https://reacttraining.com/react-router/web/api/Link) | String | `a` |\\n| separator | 分隔符自定义，定义所有子组件的分隔符。 | String | `/` |\\n\\n其它参数可根据 `tagName` 来设置，默认 `<a />` 标签时，可设置 `href=\\\"https://wwww.google.com\\\"` 或者 `target=\\\"_blank\\\"` 等参数，你可以设置 [react-router-dom](https://github.com/ReactTraining/react-router) 路由 [`<Link />`](https://reacttraining.com/react-router/web/api/Link)，例如：\\n\\n```jsx\\nimport { Breadcrumb } from 'uiw';\\nimport { Link } from 'react-router-dom';\\n\\nconst Demo = () => {\\n return (\\n <Breadcrumb>\\n <Breadcrumb.Item tagName={Link} to=\\\"/home\\\">\\n <Icon type=\\\"apple\\\"/> Home\\n </Breadcrumb.Item>\\n </Breadcrumb>\\n )\\n}\\n```\\n\\n## Breadcrumb.Item\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| className | 样式名称 | String | `w-breadcrumb-itme` |\\n| separator | 分隔符自定义，子组件可以单独定义不同的分隔符。 | String | - |\\n| active | 激活。 | String | - |\\n\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/3313.00bc6b3a.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3313],{84934:function(e){function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=function(){return[]},n.resolve=n,n.id=84934,e.exports=n},86082:function(e,n,t){"use strict";t.d(n,{Z:function(){return j}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(82136),d=t(75752),a=t(64508),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.0.2/index.js")}),s&&(d.codeSandboxOption={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/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import webpack from "webpack";\nimport 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(n," - demo"),dependencies:{react:"latest","react-dom":"latest",uiw:"latest"},devDependencies:{"@kkt/less-modules":"6.9.0",kkt:"6.9.0",typescript:"4.1.3"},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"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(29812);function m(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n\|\|"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(s.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}var f="index_docinfo__3Vx8S",k="index_markdown__hcQCp",b=["inline","node"],x=function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return n.forEach((function(n){"text"===n.type?t+=n.value:n.children&&Array.isArray(n.children)&&(t+=e(n.children))})),t};function j(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),j=h[0],v=h[1],g=d.i8\|\|"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){v(e)})).catch((function(){}))}),[]),j?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:j,className:k,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,b),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,m=c.noCode,f=c.codePen;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var k={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f};return 0===Object.keys(k).filter((function(e){return void 0!==k[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:x(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f})}}}),(0,u.jsx)("div",{className:f,children:(0,u.jsx)(m,{path:a})})]}):null}},50216:function(e,n,t){"use strict";t.r(n);var r=t(27791),o=t(57135),i=t.n(o),s=(t(41473),t(29812)),c=t(86082),d=t(69286);n.default=function(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-table/README.md",dependencies:{Table:s.iA,Notify:s.gU,Button:s.zx,Checkbox:s.XZ,Pagination:s.tl,Loader:s.aN,Tooltip:s.u,Empty:s.HY},renderPage:(0,r.Z)(i().mark((function e(){var n;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(6659).then(t.bind(t,66659));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=3313.00bc6b3a.chunk.js.map

package/web/static/js/3313.00bc6b3a.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/3313.00bc6b3a.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?6e49","components/Markdown/index.tsx","routes/components/table/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 = 84934;\nmodule.exports = webpackEmptyContext;","import CodePreview, { CodePreviewProps } from '@uiw/react-code-preview';\n\nexport interface CodeProps extends CodePreviewProps {\n code: string;\n version: string;\n codePen: boolean;\n codeSandbox?: boolean;\n dependencies: any;\n}\n\nexport default function Code({ version, dependencies, codePen, codeSandbox, ...other }: CodeProps) {\n const props: CodePreviewProps = { ...other };\n if (codePen) {\n props.codePenOption = {\n title: `uiw${version} - demo`,\n includeModule: ['uiw'],\n js: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\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/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import webpack from \"webpack\";\\nimport 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: 'latest',\n 'react-dom': 'latest',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '6.9.0',\n kkt: '6.9.0',\n typescript: '4.1.3',\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 }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport 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';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\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 { noPreview, bordered, noScroll, bgWhite, noCode, codePen } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { Table, Empty, Notify, Button, Checkbox, Pagination, Loader, Tooltip } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-table/README.md\"\n dependencies={{\n Table,\n Notify,\n Button,\n Checkbox,\n Pagination,\n Loader,\n Tooltip,\n Empty,\n }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-table/README.md');\n return md.default || md;\n }}\n />\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","typescript","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Table","Notify","Button","Checkbox","Pagination","Loader","Tooltip","Empty","md","default"],"sourceRoot":""}

package/web/static/js/3450.d09525f0.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3450],{43450:function(t,e,n){n.r(e),e.default='Steps \u6b65\u9aa4\u6761\n===\n\n\u5f15\u5bfc\u7528\u6237\u6309\u7167\u6d41\u7a0b\u5b8c\u6210\u4efb\u52a1\u7684\u5bfc\u822a\u6761\u3002\u5f53\u4efb\u52a1\u590d\u6742\u6216\u8005\u5b58\u5728\u5148\u540e\u5173\u7cfb\u65f6\uff0c\u5c06\u5176\u5206\u89e3\u6210\u4e00\u7cfb\u5217\u6b65\u9aa4\uff0c\u4ece\u800c\u7b80\u5316\u4efb\u52a1\u3002\n\n```jsx\nimport { Steps } from \'uiw\';\n// or\nimport Steps from \'@uiw/react-steps\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\u7b80\u5355\u7684\u6b65\u9aa4\u6761\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps current={1} style={{ padding:"20px 0" }}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u6ca1\u6709\u8be6\u60c5\u4ecb\u7ecd\n\n\u7b80\u5355\u7684\u6b65\u9aa4\u6761\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps current={1} style={{padding:"20px 0"}}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" />\n <Steps.Step title="\u6b65\u9aa4\u56db" />\n </Steps>\n )\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5e26\u56fe\u6807\u7684\u6b65\u9aa4\u6761\n\n\u901a\u8fc7\u8bbe\u7f6e `Steps.Step` \u7684 `icon` \u5c5e\u6027\uff0c\u53ef\u4ee5\u542f\u7528\u81ea\u5b9a\u4e49\u56fe\u6807\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps, Icon } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps current={1} style={{padding:"20px 0"}}>\n <Steps.Step icon={<Icon type="user"/>} title="\u6ce8\u518c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step icon={<Icon type="picasa" spin={true} color="red" />} title="\u4e0a\u4f20\u5934\u50cf" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step icon="message" title="\u9a8c\u8bc1\u90ae\u7bb1" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u6b65\u9aa4\u8fd0\u884c\u9519\u8bef\n\n\u4f7f\u7528 `Steps` \u7684 `status` \u5c5e\u6027\u6765\u6307\u5b9a\u5f53\u524d\u6b65\u9aa4\u7684\u72b6\u6001\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps current={2} status="error" style={{padding:"20px 0"}}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u70b9\u72b6\u6b65\u9aa4\u6761\n\n\u5305\u542b\u6b65\u9aa4\u70b9\u7684\u8fdb\u5ea6\u6761\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps progressDot status="error" current={2} style={{padding:"20px 0"}}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u6b65\u9aa4\u5207\u6362\n\n\u901a\u5e38\u914d\u5408\u5185\u5bb9\u53ca\u6309\u94ae\u4f7f\u7528\uff0c\u8868\u793a\u4e00\u4e2a\u6d41\u7a0b\u7684\u5904\u7406\u8fdb\u5ea6\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps, Button, Notify } from \'uiw\';\n\nconst conStyle = { minHeight: 200, backgroundColor: \'#fafafa\',textAlign: \'center\', borderRadius: 6, paddingTop: 80, marginTop: 15 }\nconst steps = [\n {\n title: \'\u7b2c\u4e00\u6b65\',\n content: \'\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7\',\n }, {\n title: \'\u7b2c\u4e8c\u6b65\',\n content: \'\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002\',\n }, {\n title: \'\u7b2c\u4e09\u6b65\',\n content: \'\u9a8c\u8bc1\u90ae\u7bb1\',\n }\n]\n\nfunction Demo() {\n const [current, setCurrent] = React.useState(0);\n return (\n <div>\n <Steps current={current}>\n {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\n </Steps>\n <div style={conStyle}>{steps[current].content}</div>\n <div style={{marginTop: 20}}>\n {current < steps.length - 1 && (\n <Button type="primary" size="small" onClick={() => setCurrent(current + 1)}>\u4e0b\u4e00\u6b65</Button>\n )}\n {current === steps.length - 1 && (\n <Button type="primary" size="small" onClick={() => Notify.open({ description: \'\u5904\u7406\u5b8c\u6210!\' })}>\u5b8c\u6210</Button>\n )}\n {current > 0 && (\n <Button size="small" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\n \u4e0a\u4e00\u6b65\n </Button>\n )}\n </div>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u7ad6\u76f4\u65b9\u5411\u7684\u6b65\u9aa4\u6761\n\n\u7b80\u5355\u7684\u7ad6\u76f4\u65b9\u5411\u7684\u6b65\u9aa4\u6761\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Row gutter={20}>\n <Col>\n <Steps current={1} direction="vertical" style={{ padding: \'20px 0\' }}>\n <Steps.Step title="\u5df2\u5b8c\u6210" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n <Steps.Step title="\u8fdb\u884c\u4e2d" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n <Steps.Step status="error" title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n <Steps.Step title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n </Steps>\n </Col>\n <Col>\n <Steps direction="vertical" progressDot status="error" current={2} style={{ padding: \'20px 0\' }}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n </Col>\n </Row>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n### Steps \n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|---------- \|-------- \|\n\| current \| \u6307\u5b9a\u5f53\u524d\u6b65\u9aa4\uff0c\u4ece `0` \u5f00\u59cb\u8bb0\u6570\u3002\| Number \| `0` \|\n\| status \| \u5f53\u524d\u6b65\u9aa4\u7684\u72b6\u6001\uff0c\u53ef\u9009\u503c\u4e3a`wait`\u3001`process`\u3001`finish`\u3001`error` \| String \| `process` \|\n\| direction \| \u6307\u5b9a\u6b65\u9aa4\u6761\u65b9\u5411\uff0c\u652f\u6301\u6c34\u5e73`vertical`\u3001`horizontal` \| \| `horizontal` \|\n\| progressDot \| \u70b9\u72b6\u6b65\u9aa4\u6761\| \| `horizontal` \|\n\n### Steps.Step\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|---------- \|-------- \|\n\| status \| \u6307\u5b9a\u72b6\u6001\u3002\u5f53\u4e0d\u914d\u7f6e\u8be5\u5c5e\u6027\u65f6\uff0c\u4f1a\u4f7f\u7528 Steps \u7684 current \u6765\u81ea\u52a8\u6307\u5b9a\u72b6\u6001\u3002\u53ef\u9009\uff1a`wait` `process` `finish` `error` \| String \| `wait` \|\n\| title \| \u6307\u5b9a\u6bcf\u4e2a\u6b65\u9aa4\u6807\u9898 \| String/ReactNode \| - \|\n\| description \| \u6b65\u9aa4\u7684\u8be6\u60c5\u63cf\u8ff0\uff0c\u53ef\u9009 \| String/ReactNode \| - \|\n\| icon \| \u6b65\u9aa4\u7684\u56fe\u6807\uff0c\u5b57\u7b26\u4e32\u7c7b\u578b\u4ece`<Icon/>`\u7ec4\u4ef6\u4e2d\u627e\uff0c\u53ef\u9009 \| String/ReactNode \| - \|\n'}}]);
2	- //# sourceMappingURL=3450.d09525f0.chunk.js.map

package/web/static/js/3450.d09525f0.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/3450.d09525f0.chunk.js","mappings":"gHAAA","sources":["../../packages/react-steps/README.md"],"sourcesContent":["export default \"Steps 步骤条\\n===\\n\\n引导用户按照流程完成任务的导航条。当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。\\n\\n```jsx\\nimport { Steps } from 'uiw';\\n// or\\nimport Steps from '@uiw/react-steps';\\n```\\n\\n### 基本用法\\n\\n简单的步骤条。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Steps current={1} style={{ padding:\\\"20px 0\\\" }}>\\n <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。这里是步骤一的说明，可以很长很长哦。这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n </Steps>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 没有详情介绍\\n\\n简单的步骤条。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Steps current={1} style={{padding:\\\"20px 0\\\"}}>\\n <Steps.Step title=\\\"步骤一\\\" />\\n <Steps.Step title=\\\"步骤二\\\" />\\n <Steps.Step title=\\\"步骤三\\\" />\\n <Steps.Step title=\\\"步骤四\\\" />\\n </Steps>\\n )\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 带图标的步骤条\\n\\n通过设置 `Steps.Step` 的 `icon` 属性，可以启用自定义图标。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps, Icon } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Steps current={1} style={{padding:\\\"20px 0\\\"}}>\\n <Steps.Step icon={<Icon type=\\\"user\\\"/>} title=\\\"注册\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step icon={<Icon type=\\\"picasa\\\" spin={true} color=\\\"red\\\" />} title=\\\"上传头像\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step icon=\\\"message\\\" title=\\\"验证邮箱\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n </Steps>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 步骤运行错误\\n\\n使用 `Steps` 的 `status` 属性来指定当前步骤的状态。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Steps current={2} status=\\\"error\\\" style={{padding:\\\"20px 0\\\"}}>\\n <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n </Steps>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 点状步骤条\\n\\n包含步骤点的进度条。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Steps progressDot status=\\\"error\\\" current={2} style={{padding:\\\"20px 0\\\"}}>\\n <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n </Steps>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 步骤切换\\n\\n通常配合内容及按钮使用，表示一个流程的处理进度。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps, Button, Notify } from 'uiw';\\n\\nconst conStyle = { minHeight: 200, backgroundColor: '#fafafa',textAlign: 'center', borderRadius: 6, paddingTop: 80, marginTop: 15 }\\nconst steps = [\\n {\\n title: '第一步',\\n content: '注册一个账号',\\n }, {\\n title: '第二步',\\n content: '填写个人信息。',\\n }, {\\n title: '第三步',\\n content: '验证邮箱',\\n }\\n]\\n\\nfunction Demo() {\\n const [current, setCurrent] = React.useState(0);\\n return (\\n <div>\\n <Steps current={current}>\\n {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\\n </Steps>\\n <div style={conStyle}>{steps[current].content}</div>\\n <div style={{marginTop: 20}}>\\n {current < steps.length - 1 && (\\n <Button type=\\\"primary\\\" size=\\\"small\\\" onClick={() => setCurrent(current + 1)}>下一步</Button>\\n )}\\n {current === steps.length - 1 && (\\n <Button type=\\\"primary\\\" size=\\\"small\\\" onClick={() => Notify.open({ description: '处理完成!' })}>完成</Button>\\n )}\\n {current > 0 && (\\n <Button size=\\\"small\\\" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\\n 上一步\\n </Button>\\n )}\\n </div>\\n </div>\\n );\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 竖直方向的步骤条\\n\\n简单的竖直方向的步骤条。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Row gutter={20}>\\n <Col>\\n <Steps current={1} direction=\\\"vertical\\\" style={{ padding: '20px 0' }}>\\n <Steps.Step title=\\\"已完成\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n <Steps.Step title=\\\"进行中\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n <Steps.Step status=\\\"error\\\" title=\\\"待进行\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n <Steps.Step title=\\\"待进行\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n </Steps>\\n </Col>\\n <Col>\\n <Steps direction=\\\"vertical\\\" progressDot status=\\\"error\\\" current={2} style={{ padding: '20px 0' }}>\\n <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n </Steps>\\n </Col>\\n </Row>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n### Steps \\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |---------- |-------- |\\n| current | 指定当前步骤，从 `0` 开始记数。| Number | `0` |\\n| status | 当前步骤的状态，可选值为`wait`、`process`、`finish`、`error` | String | `process` |\\n| direction | 指定步骤条方向，支持水平`vertical`、`horizontal` | | `horizontal` |\\n| progressDot | 点状步骤条| | `horizontal` |\\n\\n### Steps.Step\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |---------- |-------- |\\n| status | 指定状态。当不配置该属性时，会使用 Steps 的 current 来自动指定状态。可选：`wait` `process` `finish` `error` | String | `wait` |\\n| title | 指定每个步骤标题 | String/ReactNode | - |\\n| description | 步骤的详情描述，可选 | String/ReactNode | - |\\n| icon | 步骤的图标，字符串类型从`<Icon/>`组件中找，可选 | String/ReactNode | - |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/3518.4ae16e1a.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3518],{84934:function(e){function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=function(){return[]},n.resolve=n,n.id=84934,e.exports=n},86082:function(e,n,t){"use strict";t.d(n,{Z:function(){return j}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(82136),d=t(75752),a=t(64508),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.0.2/index.js")}),s&&(d.codeSandboxOption={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/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import webpack from "webpack";\nimport 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(n," - demo"),dependencies:{react:"latest","react-dom":"latest",uiw:"latest"},devDependencies:{"@kkt/less-modules":"6.9.0",kkt:"6.9.0",typescript:"4.1.3"},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"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(29812);function m(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n\|\|"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(s.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}var f="index_docinfo__3Vx8S",k="index_markdown__hcQCp",x=["inline","node"],b=function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return n.forEach((function(n){"text"===n.type?t+=n.value:n.children&&Array.isArray(n.children)&&(t+=e(n.children))})),t};function j(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),j=h[0],v=h[1],g=d.i8\|\|"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){v(e)})).catch((function(){}))}),[]),j?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:j,className:k,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,x),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,m=c.noCode,f=c.codePen;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var k={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f};return 0===Object.keys(k).filter((function(e){return void 0!==k[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:b(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f})}}}),(0,u.jsx)("div",{className:f,children:(0,u.jsx)(m,{path:a})})]}):null}},51130:function(e,n,t){"use strict";t.r(n);var r=t(27791),o=t(57135),i=t.n(o),s=(t(41473),t(29812)),c=t(86082),d=t(69286);n.default=function(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-select/README.md",dependencies:{Select:s.Ph,Form:s.l0,Notify:s.gU,Row:s.X2,Col:s.JX,Button:s.zx,SearchSelect:s.ul},renderPage:(0,r.Z)(i().mark((function e(){var n;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(1971).then(t.bind(t,71971));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=3518.4ae16e1a.chunk.js.map

package/web/static/js/3518.4ae16e1a.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/3518.4ae16e1a.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?6e49","components/Markdown/index.tsx","routes/components/select/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 = 84934;\nmodule.exports = webpackEmptyContext;","import CodePreview, { CodePreviewProps } from '@uiw/react-code-preview';\n\nexport interface CodeProps extends CodePreviewProps {\n code: string;\n version: string;\n codePen: boolean;\n codeSandbox?: boolean;\n dependencies: any;\n}\n\nexport default function Code({ version, dependencies, codePen, codeSandbox, ...other }: CodeProps) {\n const props: CodePreviewProps = { ...other };\n if (codePen) {\n props.codePenOption = {\n title: `uiw${version} - demo`,\n includeModule: ['uiw'],\n js: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\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/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import webpack from \"webpack\";\\nimport 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: 'latest',\n 'react-dom': 'latest',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '6.9.0',\n kkt: '6.9.0',\n typescript: '4.1.3',\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 }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport 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';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\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 { noPreview, bordered, noScroll, bgWhite, noCode, codePen } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { Select, Form, Notify, Row, Col, Button, SearchSelect } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-select/README.md\"\n dependencies={{ Select, Form, Notify, Row, Col, Button, SearchSelect }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-select/README.md');\n return md.default || md;\n }}\n />\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","typescript","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Select","Form","Notify","Row","Col","Button","SearchSelect","md","default"],"sourceRoot":""}

package/web/static/js/3769.c50e5321.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3769],{53769:function(e,n,t){t.r(n),n.default="DatePicker \u65e5\u671f\u9009\u62e9\u5668\n===\n\n\u663e\u793a\u4e00\u4e2a\u6708\u7684\u65e5\u5386\uff0c\u5e76\u5141\u8bb8\u7528\u6237\u9009\u62e9\u5355\u4e2a\u65e5\u671f\uff0c\u5e38\u89c1\u7684\u5e94\u7528\u573a\u666f\u5728\u8868\u5355\u4e2d\u5e94\u7528\uff0c\u8bf7\u67e5\u770b\u57fa\u4e8e `DatePicker` \u7684 [`DateInput`](#/components/date-input) \u7ec4\u4ef6\u3002\n\n```jsx\nimport { DatePicker } from 'uiw';\n// or\nimport DatePicker from '@uiw/react-date-picker';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n const [date, setDate] = React.useState(new Date('2019-02-26 02:00:00'));\n \n return (\n <div>\n <DatePicker\n date={date}\n weekday={['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']}\n monthLabel={['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']}\n todayButton=\"\u4eca\u5929\"\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <DatePicker\n showTime\n date={date}\n todayButton=\"\u4eca\u5929\"\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <DatePicker\n date={date}\n todayButton=\"\u4eca\u5929\"\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <div>{date ? String(date) : 'no date'}</div>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u663e\u793a\u65f6\u95f4\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n const [date, setDate] = React.useState(null);\n return (\n <div>\n <DatePicker\n showTime\n date={date}\n todayButton=\"\u4eca\u5929\"\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <div>{date ? String(date) : 'no date'}</div>\n </div>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u8bbe\u7f6e\u672c\u5730\u8bed\u8a00\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n const [date, setDate] = React.useState(null);\n return (\n <div>\n <DatePicker\n todayButton=\"Today\"\n weekTitle={['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']}\n weekday={['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']}\n monthLabel={['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']}\n date={date}\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <div>{date ? String(date) : 'no date'}</div>\n </div>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u521d\u59cb\u5c55\u793a\u65e5\u671f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n const [date, setDate] = React.useState(null);\n return (\n <div>\n <DatePicker\n date={date}\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <div>{date ? String(date) : 'no date'}</div>\n </div>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u7981\u7528\u65f6\u95f4\n\n\u901a\u8fc7 `disabledDate` \u65b9\u6cd5\u8bbe\u7f6e\uff0c\u4eca\u5929\u548c\u4eca\u5929\u4e4b\u524d\u4e0d\u80fd\u9009\u62e9\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { DatePicker } from 'uiw';\n\nfunction disabledDate(currentDate) {\n // \u4eca\u5929\u548c\u4eca\u5929\u4e4b\u524d\u4e0d\u80fd\u9009\u62e9\n return currentDate && currentDate.valueOf() < Date.now();\n}\n\nfunction Demo() {\n const [date, setDate] = React.useState(null);\n return (\n <div>\n <DatePicker\n disabledDate={disabledDate}\n date={date}\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <div>{date ? String(date) : 'no date'}</div>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n## \u5b9a\u5236\u65e5\u5386\u5355\u5143\u683c\n\n\u4f7f\u7528 `renderDay` \u53ef\u4ee5\u81ea\u5b9a\u4e49\u65e5\u671f\u5355\u5143\u683c\u7684\u5185\u5bb9\u548c\u6837\u5f0f\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n const [date, setDate] = React.useState(null);\n return (\n <div>\n <DatePicker\n renderDay={(day, props) => {\n const style = {}\n const week = props.date.getDay();\n if (week === 0 && !props.prev && !props.next) {\n style.boxShadow = 'inset 0 0 0 1px rgb(255 0 0)';\n }\n return (\n <div style={style}> {day} </div>\n );\n }}\n date={date}\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <div>{date ? String(date) : 'no date'}</div>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n## DatePicker\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| date \| \u9009\u4e2d\u7684\u65e5\u671f \| Date \| - \|\n\| panelDate \| \u65e5\u5386\u9762\u677f\u9ed8\u8ba4\u5c55\u793a\u54ea\u4e00\u9875 \| Date \| `new Date` \|\n\| today \| \u9ed8\u8ba4\u9ad8\u4eae\u5f53\u5929\u65e5\u671f \| Date \| `new Date` \|\n\| todayButton \| \u5c55\u793a\u56de\u5230\u4eca\u5929\u6309\u94ae\uff0c\u548c\u63d0\u793a\u6587\u672c\u3002 \| String \| - \|\n\| showTime \| \u589e\u52a0\u65f6\u95f4\u9009\u62e9\u529f\u80fd\uff0c\u5f53 showTime \u4e3a\u4e00\u4e2a\u5bf9\u8c61\u65f6\uff0c\u5176\u5c5e\u6027\u4f1a\u4f20\u9012\u7ed9\u5185\u5efa\u7684 [`<TimePicker />`](#/components/time-picker)\u3002 \| Boolean/Object \| - \|\n\| renderDay \| \u589e\u52a0\u65f6\u95f4\u9009\u62e9\u529f\u80fd\u3002 `end`: \u5468\u672b\uff0c`prev`: \u4e0a\u4e2a\u6708\uff0c`next`\uff1a\u4e0b\u4e2a\u6708 `@3.0.0+` \| Function(day, { end: bool, prev: bool, next: bool, date: Date }) \| - \|\n\| disabledDate \| \u4e0d\u53ef\u9009\u62e9\u7684\u65e5\u671f\uff0c\u51fd\u6570\u8fd4\u56de `true` \u5f53\u524d\u65e5\u671f\u88ab\u7981\u7528\u65e0\u6cd5\u9009\u62e9\u3002`end`: \u5468\u672b\uff0c`prev`: \u4e0a\u4e2a\u6708\uff0c`next`\uff1a\u4e0b\u4e2a\u6708 \| Function(currentDate, { end: bool, prev: bool, next: bool }) \| - \|\n\| weekTitle \| \u661f\u671f\u663e\u793a\u6587\u672c\u63d0\u793a \| Array \| \\[`\u661f\u671f\u5929`, `\u661f\u671f\u4e00`, `\u661f\u671f\u4e8c`, `\u661f\u671f\u4e09`, `\u661f\u671f\u56db`, `\u661f\u671f\u4e94`, `\u661f\u671f\u516d`\\] \|\n\| weekday \| \u661f\u671f\u663e\u793a\u6587\u672c \| Array \| \\[`\u65e5`, `\u4e00`, `\u4e8c`, `\u4e09`, `\u56db`, `\u4e94`, `\u516d`\\] \|\n\| monthLabel \| \u6708\u4efd\u663e\u793a\u6587\u672c \| Array \| \\[`\u4e00\u6708`, `\u4e8c\u6708`, `\u4e09\u6708`, `\u56db\u6708`, `\u4e94\u6708`, `\u516d\u6708`, `\u4e03\u6708`, `\u516b\u6708`, `\u4e5d\u6708`, `\u5341\u6708`, `\u5341\u4e00\u6708`, `\u5341\u4e8c\u6708`\\] \|\n\| onChange \| \u9009\u62e9\u4e00\u5929\u65f6\u8c03\u7528\u3002 \| (selectedDate?: Date, dateSource?: IDateSource) \| - \|\n\| onPanelChange \| \u9762\u677f\u53d8\u5316\u4e8b\u4ef6\u3002 \| (date?: Date, mode?: 'next' \| 'prev') \| - \|\n\n## DatePicker.showTime\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| defaultValue \| \u9ed8\u8ba4\u65f6\u95f4 \| Date \| - \|\n\| disabled \| \u7981\u7528\u5168\u90e8\u64cd\u4f5c \| Boolean \| `false` \|\n\| disabledHours \| \u7981\u6b62\u9009\u62e9\u90e8\u5206\u5c0f\u65f6\u9009\u9879 \| Function \| - \|\n\| disabledMinutes \| \u7981\u6b62\u9009\u62e9\u90e8\u5206\u5206\u949f\u9009\u9879 \| Function \| - \|\n\| disabledSeconds \| \u7981\u6b62\u9009\u62e9\u90e8\u5206\u79d2\u9009\u9879 \| Function \| - \|\n\| format \| \u7981\u6b62\u9009\u62e9\u90e8\u5206\u79d2\u9009\u9879 \| Function \| `HH:mm:ss` \|\n\| hourStep \| \u7981\u6b62\u9009\u62e9\u90e8\u5206\u79d2\u9009\u9879 \| Function \| - \|\n"}}]);
2	- //# sourceMappingURL=3769.c50e5321.chunk.js.map

package/web/static/js/3769.c50e5321.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/3769.c50e5321.chunk.js","mappings":"gHAAA","sources":["../../packages/react-date-picker/README.md"],"sourcesContent":["export default \"DatePicker 日期选择器\\n===\\n\\n显示一个月的日历，并允许用户选择单个日期，常见的应用场景在表单中应用，请查看基于 `DatePicker` 的 [`DateInput`](#/components/date-input) 组件。\\n\\n```jsx\\nimport { DatePicker } from 'uiw';\\n// or\\nimport DatePicker from '@uiw/react-date-picker';\\n```\\n\\n### 基础用法\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { DatePicker } from 'uiw';\\n\\nfunction Demo() {\\n const [date, setDate] = React.useState(new Date('2019-02-26 02:00:00'));\\n \\n return (\\n <div>\\n <DatePicker\\n date={date}\\n weekday={['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']}\\n monthLabel={['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']}\\n todayButton=\\\"今天\\\"\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <DatePicker\\n showTime\\n date={date}\\n todayButton=\\\"今天\\\"\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <DatePicker\\n date={date}\\n todayButton=\\\"今天\\\"\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <div>{date ? String(date) : 'no date'}</div>\\n </div>\\n );\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 显示时间\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { DatePicker } from 'uiw';\\n\\nfunction Demo() {\\n const [date, setDate] = React.useState(null);\\n return (\\n <div>\\n <DatePicker\\n showTime\\n date={date}\\n todayButton=\\\"今天\\\"\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <div>{date ? String(date) : 'no date'}</div>\\n </div>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 设置本地语言\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { DatePicker } from 'uiw';\\n\\nfunction Demo() {\\n const [date, setDate] = React.useState(null);\\n return (\\n <div>\\n <DatePicker\\n todayButton=\\\"Today\\\"\\n weekTitle={['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']}\\n weekday={['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']}\\n monthLabel={['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']}\\n date={date}\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <div>{date ? String(date) : 'no date'}</div>\\n </div>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 初始展示日期\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { DatePicker } from 'uiw';\\n\\nfunction Demo() {\\n const [date, setDate] = React.useState(null);\\n return (\\n <div>\\n <DatePicker\\n date={date}\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <div>{date ? String(date) : 'no date'}</div>\\n </div>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 禁用时间\\n\\n通过 `disabledDate` 方法设置，今天和今天之前不能选择。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { DatePicker } from 'uiw';\\n\\nfunction disabledDate(currentDate) {\\n // 今天和今天之前不能选择\\n return currentDate && currentDate.valueOf() < Date.now();\\n}\\n\\nfunction Demo() {\\n const [date, setDate] = React.useState(null);\\n return (\\n <div>\\n <DatePicker\\n disabledDate={disabledDate}\\n date={date}\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <div>{date ? String(date) : 'no date'}</div>\\n </div>\\n );\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 定制日历单元格\\n\\n使用 `renderDay` 可以自定义日期单元格的内容和样式。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { DatePicker } from 'uiw';\\n\\nfunction Demo() {\\n const [date, setDate] = React.useState(null);\\n return (\\n <div>\\n <DatePicker\\n renderDay={(day, props) => {\\n const style = {}\\n const week = props.date.getDay();\\n if (week === 0 && !props.prev && !props.next) {\\n style.boxShadow = 'inset 0 0 0 1px rgb(255 0 0)';\\n }\\n return (\\n <div style={style}> {day} </div>\\n );\\n }}\\n date={date}\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <div>{date ? String(date) : 'no date'}</div>\\n </div>\\n );\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## DatePicker\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| date | 选中的日期 | Date | - |\\n| panelDate | 日历面板默认展示哪一页 | Date | `new Date` |\\n| today | 默认高亮当天日期 | Date | `new Date` |\\n| todayButton | 展示回到今天按钮，和提示文本。 | String | - |\\n| showTime | 增加时间选择功能，当 showTime 为一个对象时，其属性会传递给内建的 [`<TimePicker />`](#/components/time-picker)。 | Boolean/Object | - |\\n| renderDay | 增加时间选择功能。 `end`: 周末，`prev`: 上个月，`next`：下个月 `@3.0.0+` | Function(day, { end: bool, prev: bool, next: bool, date: Date }) | - |\\n| disabledDate | 不可选择的日期，函数返回 `true` 当前日期被禁用无法选择。`end`: 周末，`prev`: 上个月，`next`：下个月 | Function(currentDate, { end: bool, prev: bool, next: bool }) | - |\\n| weekTitle | 星期显示文本提示 | Array | \\\\[`星期天`, `星期一`, `星期二`, `星期三`, `星期四`, `星期五`, `星期六`\\\\] |\\n| weekday | 星期显示文本 | Array | \\\\[`日`, `一`, `二`, `三`, `四`, `五`, `六`\\\\] |\\n| monthLabel | 月份显示文本 | Array | \\\\[`一月`, `二月`, `三月`, `四月`, `五月`, `六月`, `七月`, `八月`, `九月`, `十月`, `十一月`, `十二月`\\\\] |\\n| onChange | 选择一天时调用。 | (selectedDate?: Date, dateSource?: IDateSource) | - |\\n| onPanelChange | 面板变化事件。 | (date?: Date, mode?: 'next' | 'prev') | - |\\n\\n## DatePicker.showTime\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| defaultValue | 默认时间 | Date | - |\\n| disabled | 禁用全部操作 | Boolean | `false` |\\n| disabledHours | 禁止选择部分小时选项 | Function | - |\\n| disabledMinutes | 禁止选择部分分钟选项 | Function | - |\\n| disabledSeconds | 禁止选择部分秒选项 | Function | - |\\n| format | 禁止选择部分秒选项 | Function | `HH:mm:ss` |\\n| hourStep | 禁止选择部分秒选项 | Function | - |\\n\";"],"names":[],"sourceRoot":""}