npm - @uiw/doc - Versions diffs - 4.21.14 → 5.0.0-bate-0 - Mend

@uiw/doc 4.21.14 → 5.0.0-bate-0

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

package/web/static/js/9057.b21f426b.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9057],{79057:function(e,n,l){l.r(n),n.default="TreeChecked \u6811\u5f62\u9009\u62e9\u63a7\u4ef6\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-tree-checked/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-tree-checked.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-tree-checked)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-tree-checked.svg?label=@uiw/react-tree-checked)](https://npmjs.com/@uiw/react-tree-checked)\n\n\u4f7f\u7528\u6811\u9009\u62e9\u63a7\u4ef6\u53ef\u4ee5\u5b8c\u6574\u5c55\u73b0\u5176\u4e2d\u7684\u5c42\u7ea7\u5173\u7cfb\uff0c\u5e76\u5177\u6709\u9009\u4e2d\u72b6\u6001\u3002\n\n```jsx\nimport { TreeChecked } from 'uiw';\n// or\nimport TreeChecked from '@uiw/react-tree-checked';\n```\n\n### \u57fa\u7840\u5b9e\u4f8b\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { TreeChecked, Card, Row, Col } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1', disabled: true },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n },\n { label: '\u6fb3\u95e8', key: '3' },\n];\n\nconst Demo = () => (\n <TreeChecked\n data={data}\n selectedKeys={['0-1-1']}\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log('select:', key);\n console.log('select:', selected);\n console.log('select:', item);\n console.log('select:', evn);\n }}\n />\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u8868\u5355\u4f7f\u7528\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React, { useState, useRef } from \"react\";\nimport ReactDOM from 'react-dom';\nimport { Form, Input, Row, Col, TreeChecked, Slider, Button, Notify } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1', disabled: true },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n { label: '\u6fb3\u95e8', key: '3' },\n];\n\nfunction Demo() {\n const form = useRef()\n\n const onSubmit = () => {\n form.current.onSubmit()\n }\n const resetForm = () => {\n form.current.resetForm()\n }\n const getFieldValues = () => {\n console.log('getFieldValues', form.current.getFieldValues())\n }\n\n const setFieldValue=()=>{\n form.current.setFieldValue('name','UIW')\n }\n\n return (\n <div>\n <Form\n ref={form}\n onChange={({ initial, current }) => {\n console.log('onChange', initial, current);\n }}\n onSubmit={({ initial, current }) => {\n if (current.tree === initial.tree) {\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u5185\u5bb9\u4e3a\u7a7a\uff01`,\n });\n } else {\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n });\n }\n }}\n fields={{\n tree: {\n label: \"\u6811\",\n initialValue: ['3'],\n children: <TreeChecked\n data={data}\n selectedKeys={['0-2-0']}\n />\n }\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col style={{ maxWidth: 300 }}>{fields.tree}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n )\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n\u5b8c\u5168\u7ee7\u627f [Tree](#/components/Tree) \u7ec4\u4ef6\u5c5e\u6027\uff0c\u9ed8\u8ba4\u521d\u59cb\u503c\u4e0d\u4e00\u6837\uff0c\u4e0b\u9762\u4ec5\u5217\u51fa\u9ed8\u8ba4\u4e0d\u4e00\u81f4\u7684 Props\u3002\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| checkStrictly \| \u5b50\u8282\u70b9\u53d7\u7236\u8282\u70b9\u63a7\u5236\u8bbe\u7f6e `true`\uff0c\u9700\u8981\u914d\u5408 `multiple` \u53c2\u6570\u4f7f\u7528\u3002 \| Boolean \| `true` \|\n\| isSelected \| \u662f\u5426\u9009\u4e2d\u5f53\u524d\u8282\u70b9 \| Boolean \| `false` \|\n\| multiple \| \u652f\u6301\u70b9\u9009\u591a\u4e2a\u8282\u70b9 \| Boolean \| `true` \|\n"}}]);
2	- //# sourceMappingURL=9057.b21f426b.chunk.js.map

package/web/static/js/9057.b21f426b.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9057.b21f426b.chunk.js","mappings":"gHAAA","sources":["../../packages/react-tree-checked/README.md"],"sourcesContent":["export default \"TreeChecked 树形选择控件\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-tree-checked/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-tree-checked.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-tree-checked)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-tree-checked.svg?label=@uiw/react-tree-checked)](https://npmjs.com/@uiw/react-tree-checked)\\n\\n使用树选择控件可以完整展现其中的层级关系，并具有选中状态。\\n\\n```jsx\\nimport { TreeChecked } from 'uiw';\\n// or\\nimport TreeChecked from '@uiw/react-tree-checked';\\n```\\n\\n### 基础实例\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { TreeChecked, Card, Row, Col } from 'uiw';\\n\\nconst data = [\\n {\\n label: '湖北省',\\n key: '0-0-0',\\n children:[\\n {\\n label: '武汉市',\\n key: '0-1-0',\\n children:[\\n { label: '新洲区', key: '0-1-1', disabled: true },\\n { label: '武昌区', key: '0-1-2' },\\n {\\n label: '汉南区',\\n key: '0-1-3',\\n children:[\\n { label: '汉南区1', key: '0-1-3-1' },\\n { label: '汉南区2', key: '0-1-3-2' },\\n { label: '汉南区3', key: '0-1-3-3' },\\n ]\\n },\\n ]\\n },\\n { label: '黄冈市', key: '0-2-0' },\\n {\\n label: '黄石市',\\n key: '0-3-0',\\n children:[\\n { label: '青山区', key: '0-3-1' },\\n { label: '黄陂区', key: '0-3-2' },\\n { label: '青山区', key: '0-3-3' },\\n ]\\n },\\n ]\\n },\\n {\\n label: '上海市',\\n key: '1-0-0',\\n children:[\\n { label: '黄浦区', key: '1-0-1' },\\n { label: '卢湾区', key: '1-0-2' },\\n {\\n label: '徐汇区',\\n key: '1-0-3',\\n children:[\\n { label: '半淞园路街道', key: '1-1-0' },\\n { label: '南京东路街道', key: '1-2-0' },\\n { label: '外滩街道', key: '1-3-0' },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n key: '2-0-0',\\n children:[\\n { label: '东城区', key: '2-1-0' },\\n { label: '西城区', key: '2-2-0' },\\n {\\n label: '崇文区',\\n key: '2-3-0',\\n children:[\\n { label: '东花市街道', key: '2-3-1' },\\n { label: '体育馆路街道', key: '2-3-2' },\\n { label: '前门街道', key: '2-3-3' },\\n ]\\n },\\n ]\\n },\\n { label: '澳门', key: '3' },\\n];\\n\\nconst Demo = () => (\\n <TreeChecked\\n data={data}\\n selectedKeys={['0-1-1']}\\n onExpand={(key, expanded, data, node) => {\\n console.log(key, expanded, data, node);\\n }}\\n onSelected={(key, selected, item, evn) => {\\n console.log('select:', key);\\n console.log('select:', selected);\\n console.log('select:', item);\\n console.log('select:', evn);\\n }}\\n />\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 表单使用\\n\\n\\n```jsx\\nimport React, { useState, useRef } from \\\"react\\\";\\nimport ReactDOM from 'react-dom';\\nimport { Form, Input, Row, Col, TreeChecked, Slider, Button, Notify } from 'uiw';\\n\\nconst data = [\\n {\\n label: '湖北省',\\n key: '0-0-0',\\n children:[\\n {\\n label: '武汉市',\\n key: '0-1-0',\\n children:[\\n { label: '新洲区', key: '0-1-1', disabled: true },\\n { label: '武昌区', key: '0-1-2' },\\n {\\n label: '汉南区',\\n key: '0-1-3',\\n children:[\\n { label: '汉南区1', key: '0-1-3-1' },\\n { label: '汉南区2', key: '0-1-3-2' },\\n { label: '汉南区3', key: '0-1-3-3' },\\n ]\\n },\\n ]\\n },\\n { label: '黄冈市', key: '0-2-0' },\\n {\\n label: '黄石市',\\n key: '0-3-0',\\n children:[\\n { label: '青山区', key: '0-3-1' },\\n { label: '黄陂区', key: '0-3-2' },\\n { label: '青山区', key: '0-3-3' },\\n ]\\n },\\n ]\\n },\\n { label: '澳门', key: '3' },\\n];\\n\\nfunction Demo() {\\n const form = useRef()\\n\\n const onSubmit = () => {\\n form.current.onSubmit()\\n }\\n const resetForm = () => {\\n form.current.resetForm()\\n }\\n const getFieldValues = () => {\\n console.log('getFieldValues', form.current.getFieldValues())\\n }\\n\\n const setFieldValue=()=>{\\n form.current.setFieldValue('name','UIW')\\n }\\n\\n return (\\n <div>\\n <Form\\n ref={form}\\n onChange={({ initial, current }) => {\\n console.log('onChange', initial, current);\\n }}\\n onSubmit={({ initial, current }) => {\\n if (current.tree === initial.tree) {\\n Notify.error({\\n title: '提交失败！',\\n description: `表单提交内容为空！`,\\n });\\n } else {\\n Notify.success({\\n title: '提交成功！',\\n });\\n }\\n }}\\n fields={{\\n tree: {\\n label: \\\"树\\\",\\n initialValue: ['3'],\\n children: <TreeChecked\\n data={data}\\n selectedKeys={['0-2-0']}\\n />\\n }\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <div>\\n <Row>\\n <Col style={{ maxWidth: 300 }}>{fields.tree}</Col>\\n </Row>\\n <Row>\\n <Col>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n </div>\\n )\\n }}\\n </Form>\\n </div>\\n )\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n完全继承 [Tree](#/components/Tree) 组件属性，默认初始值不一样，下面仅列出默认不一致的 Props。\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| checkStrictly | 子节点受父节点控制设置 `true`，需要配合 `multiple` 参数使用。 | Boolean | `true` |\\n| isSelected | 是否选中当前节点 | Boolean | `false` |\\n| multiple | 支持点选多个节点 | Boolean | `true` |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/9121.b3529e73.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9121],{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(32131),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@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.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.1.3/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 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:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(36131);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.Divider,{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.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.Divider,{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.Divider,{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",v="index_markdown__hcQCp",k=["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:v,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,k),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,f=c.noCode,m=c.codePen,v=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var b={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:v};return 0===Object.keys(b).filter((function(e){return void 0!==b[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,codeSandbox:v})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},52287: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(36131)),c=t(86082),d=t(69286);function a(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-message/README.md",dependencies:{Message:s.Message,Divider:s.Divider},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(6036).then(t.bind(t,6036));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=9121.b3529e73.chunk.js.map

package/web/static/js/9121.b3529e73.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9121.b3529e73.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/message/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@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n }\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 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: '^17.0.2',\n 'react-dom': '^17.0.2',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\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, codeSandbox } = 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 codeSandbox,\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, codeSandbox }}\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 { Message, Divider } 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-message/README.md\"\n dependencies={{ Message, Divider }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-message/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","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","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","Message","md","default"],"sourceRoot":""}

package/web/static/js/9137.fdbcd423.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9137],{29137:function(n,e,t){t.r(e),e.default='Menu \u83dc\u5355\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-menu/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-menu.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-menu)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-menu.svg?label=@uiw/react-menu)](https://www.npmjs.com/package/@uiw/react-menu)\n\n\u4e3a\u9875\u9762\u548c\u529f\u80fd\u63d0\u4f9b\u5bfc\u822a\u7684\u83dc\u5355\u5217\u8868\u3002\n\n```jsx\nimport { Menu } from \'uiw\';\nimport { MenuItem, MenuDivider, SubMenu } from \'uiw\'; // @ v4.10.0+\n// or\nimport Menu, { MenuItem, MenuDivider, SubMenu } from \'@uiw/react-menu\'; // @ v4.10.0+\n\n// Menu.Item === MenuItem\n// Menu.Divider === MenuDivider\n// Menu.SubMenu === SubMenu\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\n\x3c!--rehype:bgWhite=true&noScroll=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Menu, MenuItem, Row, Col } from \'uiw\';\n\nconst Demo = () => (\n <Row justify="flex-start" gutter={10}>\n <Col fixed>\n <Menu bordered>\n <MenuItem icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n <Menu.Divider />\n <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" />\n <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n <Menu.Divider />\n <Menu.Item icon="map" text="\u8c37\u6b4c\u5730\u56fe" />\n <Menu.Item icon="map" text="\u767e\u5ea6\u5730\u56fe" href="https://map.baidu.com" target="_blank" />\n </Menu>\n </Col>\n <Col fixed>\n <Menu bordered>\n <Menu.Divider title="\u7f16\u8f91" />\n <Menu.Item icon="file-add" text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.Item icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939" />\n <Menu.Item icon="copy" text="\u62f7\u8d1d" />\n <Menu.Item icon="delete" disabled text="\u5220\u9664" />\n <Menu.SubMenu icon="setting-o" text="\u9009\u9879" collapse>\n <Menu.Item icon="dot-chart" text="\u663e\u793a\u8fb9\u680f" />\n <Menu.Item icon="date" text="\u6dfb\u52a0\u65e5\u671f" />\n <Menu.Item icon="tags-o" text="\u6807\u7b7e\u540d\u79f0" />\n </Menu.SubMenu>\n <Menu.Divider title="\u5176\u5b83" />\n <Menu.SubMenu icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa">\n <Menu.Item icon="file-add" text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.Item icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939" />\n <Menu.Divider title="\u7c7b\u522b" />\n <Menu.Item icon="copy" text="\u62f7\u8d1d" />\n <Menu.SubMenu icon="bar-chart" text="\u62a5\u8868" collapse>\n <Menu.Item icon="file-add" text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.SubMenu icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939">\n <Menu.Item icon="file-add" text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.Item icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939" />\n </Menu.SubMenu>\n </Menu.SubMenu>\n </Menu.SubMenu>\n <Menu.SubMenu icon="setting" disabled text="\u504f\u597d\u8bbe\u7f6e">\n <Menu.Item icon="file-add" text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.Item icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939" />\n </Menu.SubMenu>\n <Menu.Item icon="map" text="\u8c37\u6b4c\u5730\u56fe" />\n </Menu>\n </Col>\n <Col fixed>\n <Menu bordered>\n <Menu.Item icon="file-add" text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.Item icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939" />\n <Menu.SubMenu icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa"\n overlayProps={{\n isOpen: true\n }}\n >\n <Menu.Item icon="file-add" text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.Divider title="\u7c7b\u522b" />\n <Menu.Item icon="copy" text="\u62f7\u8d1d" />\n <Menu.SubMenu icon="bar-chart" text="\u62a5\u8868" collapse>\n <Menu.Item icon="file-add" text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.SubMenu icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939">\n <Menu.Item icon="file-add" text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.Item icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939" />\n </Menu.SubMenu>\n </Menu.SubMenu>\n </Menu.SubMenu>\n <Menu.Item icon="map" text="\u8c37\u6b4c\u5730\u56fe" />\n </Menu>\n </Col>\n </Row>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u4e0b\u62c9\u83dc\u5355\n\n\x3c!--rehype:bgWhite=true&noScroll=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Menu, Popover, Button, Row, Col } from \'uiw\';\n\nconst btnStl = {position: \'relative\', width: 70 }\nconst content = (\n <Menu>\n <Menu.Divider title="\u7f16\u8f91" />\n <Menu.Item icon="file-add" text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.Item icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939" />\n <Menu.Item icon="copy" text="\u62f7\u8d1d" />\n <Menu.Item icon="delete" disabled text="\u5220\u9664" />\n <Menu.Divider title="\u5176\u5b83" />\n <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" />\n <Menu.Item icon="setting" disabled text="\u504f\u597d\u8bbe\u7f6e" />\n <Menu.Item icon="map" text="\u8c37\u6b4c\u5730\u56fe" />\n </Menu>\n)\nconst Demo = () => (\n <div>\n <div style={{ position: \'relative\' }}>\n\n <Popover trigger="click" placement="topLeft" content={content}>\n <Button style={{ ...btnStl, left: 70 }}>TL</Button>\n </Popover>\n <Popover trigger="click" placement="top" content={content}>\n <Button style={{ ...btnStl, left: 70}}>Top</Button>\n </Popover>\n <Popover trigger="click" placement="topRight" content={content}>\n <Button style={{ ...btnStl, left: 70 }}>TR</Button>\n </Popover>\n\n </div>\n <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n <Popover trigger="click" placement="leftTop" content={content}>\n <Button style={{ ...btnStl }}>LT</Button>\n </Popover>\n <Popover trigger="click" placement="rightTop" content={content}>\n <Button style={{ ...btnStl, left: 216 }}>RT</Button>\n </Popover>\n\n </div>\n <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n <Popover trigger="click" placement="left" content={content}>\n <Button style={{ ...btnStl }}>Left</Button>\n </Popover>\n <Popover trigger="click" placement="right" content={content}>\n <Button style={{ ...btnStl, left: 216 }}>Right</Button>\n </Popover>\n\n </div>\n <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n <Popover trigger="click" placement="leftBottom" content={content}>\n <Button style={{ ...btnStl }}>LB</Button>\n </Popover>\n <Popover trigger="click" placement="rightBottom" content={content}>\n <Button style={{ ...btnStl, left: 216 }}>RB</Button>\n </Popover>\n\n </div>\n <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n <Popover trigger="click" placement="bottomLeft" content={content}>\n <Button style={{ ...btnStl, left: 70 }}>BL</Button>\n </Popover>\n <Popover trigger="click" placement="bottom" content={content}>\n <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\n </Popover>\n <Popover trigger="click" placement="bottomRight" content={content}>\n <Button style={{ ...btnStl, left: 70 }}>BR</Button>\n </Popover>\n\n </div>\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5185\u5d4c\u83dc\u5355\n\n\u901a\u8fc7\u8bbe\u7f6e `overlayProps={ isOpen: true }`\uff0c\u8ba9\u83dc\u5355\u9ed8\u8ba4\u5c55\u5f00\u3002\n\n\x3c!--rehype:bgWhite=true&noScroll=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Menu, Row, Col } from \'uiw\';\n\nconst Demo = () => (\n <Row justify="flex-start" gutter={10}>\n <Col fixed>\n <Menu bordered style={{ maxWidth: 200 }}>\n <Menu.Item icon="delete" disabled text="\u5220\u9664" />\n <Menu.SubMenu icon="setting-o" text="\u9009\u9879" disabled collapse>\n <Menu.Item icon="dot-chart" text="\u663e\u793a\u8fb9\u680f" />\n <Menu.Item icon="date" text="\u6dfb\u52a0\u65e5\u671f" />\n <Menu.Item icon="tags-o" text="\u6807\u7b7e\u540d\u79f0" />\n </Menu.SubMenu>\n <Menu.Divider title="\u5176\u5b83" />\n <Menu.SubMenu\n icon="bar-chart" text="\u6bcf\u5e742019\u5e74\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" collapse\n // overlayProps={{ isOpen: true }}\n >\n <Menu.Item text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.Item text="\u6dfb\u52a0\u6587\u4ef6\u5939" />\n <Menu.Divider title="\u7c7b\u522b" />\n <Menu.Item icon="copy" text="\u62f7\u8d1d" />\n <Menu.SubMenu icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939" collapse>\n <Menu.Item icon="file-add" text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.Item icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939" />\n </Menu.SubMenu>\n </Menu.SubMenu>\n <Menu.Item icon="setting" disabled text="\u504f\u597d\u8bbe\u7f6e" />\n <Menu.Item icon="map" text="\u8c37\u6b4c\u5730\u56fe" />\n </Menu>\n </Col>\n </Row>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u4e3b\u9898\n\n\u5185\u5efa\u4e86\u4e24\u5957\u4e3b\u9898 `light`\u3001`dark`\uff0c\u9ed8\u8ba4 `light`\u3002\n\n\x3c!--rehype:bgWhite=true&noScroll=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Menu, Row, Col, Switch } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n theme: \'dark\',\n }\n }\n render() {\n return (\n <div>\n <Row justify="flex-start" gutter={10}>\n <Col style={{ paddingBottom: 5 }}>\n <Switch\n checked\n style={{ marginRight: 10 }}\n onChange={(e) => {\n this.setState({ theme: e.target.checked ? \'dark\' : \'light\' });\n }}\n />\n </Col>\n </Row>\n <Row justify="flex-start" gutter={10}>\n <Col fixed>\n <Menu theme={this.state.theme} bordered style={{ maxWidth: 200 }}>\n <Menu.Item icon="delete" disabled text="\u5220\u9664" />\n <Menu.SubMenu icon="setting-o" text="\u9009\u9879" disabled collapse>\n <Menu.Item icon="dot-chart" text="\u663e\u793a\u8fb9\u680f" />\n <Menu.Item icon="date" text="\u6dfb\u52a0\u65e5\u671f" />\n <Menu.Item icon="tags-o" text="\u6807\u7b7e\u540d\u79f0" />\n </Menu.SubMenu>\n <Menu.Divider title="\u5176\u5b83" />\n <Menu.Item active icon="map" text="\u8c37\u6b4c\u5730\u56fe" />\n <Menu.SubMenu icon="bar-chart" text="\u6bcf\u5e742019\u5e74\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa">\n <Menu.Item text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.Item text="\u6dfb\u52a0\u6587\u4ef6\u5939" />\n <Menu.Divider title="\u7c7b\u522b" />\n <Menu.SubMenu icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939" collapse>\n <Menu.Item icon="file-add" text="\u6dfb\u52a0\u6587\u4ef6" />\n <Menu.Item icon="folder-add" text="\u6dfb\u52a0\u6587\u4ef6\u5939" />\n </Menu.SubMenu>\n <Menu.Item icon="copy" text="\u62f7\u8d1d" />\n </Menu.SubMenu>\n <Menu.Item icon="setting" disabled text="\u504f\u597d\u8bbe\u7f6e" />\n <Menu.SubMenu icon="setting-o" text="\u9009\u9879" collapse>\n <Menu.Item icon="dot-chart" text="\u663e\u793a\u8fb9\u680f" />\n <Menu.Item icon="date" text="\u6dfb\u52a0\u65e5\u671f" />\n <Menu.Item icon="tags-o" text="\u6807\u7b7e\u540d\u79f0" />\n </Menu.SubMenu>\n </Menu>\n </Col>\n </Row>\n </div>\n );\n }\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5b8c\u6574\u83dc\u5355\u5c55\u793a\n\n\u5305\u62ec\u70b9\u51fb\u9009\u4e2d\u6548\u679c\uff0c\u4e8b\u4ef6\u7b49\u64cd\u4f5c\uff0c\u5b8c\u6574\u7684\u5b9e\u4f8b\u5c55\u793a\u3002\n\n\x3c!--rehype:bgWhite=true&noScroll=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Menu, Row, Col, Switch } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n theme: \'light\',\n menus: [\n { key: \'1\', icon: \'delete\', label: \'\u5220\u9664\' },\n {\n icon: \'setting-o\',\n label: \'\u9009\u9879\',\n childrend: [\n { key: \'1-1\', icon: \'dot-chart\', label: \'\u663e\u793a\u8fb9\u680f\' },\n { key: \'1-2\', icon: \'date\', disabled: true, label: \'\u6dfb\u52a0\u65e5\u671f\' },\n { key: \'1-3\', icon: \'tags-o\', label: \'\u6807\u7b7e\u540d\u79f0\' },\n ],\n },\n { divider: true },\n { key: \'2\', icon: \'map\', label: \'\u8c37\u6b4c\u5730\u56fe\' },\n {\n icon: \'bar-chart\',\n label: \'\u6bcf\u5e742019\u5e74\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa\',\n childrend: [\n { key: \'2-1\', label: \'\u7edf\u8ba1\u6dfb\u52a0\u6587\u4ef6\' },\n { key: \'2-2\', label: \'\u7edf\u8ba1\u6dfb\u52a0\u6587\u4ef6\u5939\' },\n { key: \'2-3\', icon: \'tags-o\', label: \'\u7c7b\u522b\', divider: true },\n {\n icon: \'folder-add\',\n label: \'\u6dfb\u52a0\u6587\u4ef6\u5939\',\n childrend: [\n { key: \'2-3-1\', label: \'\u6dfb\u52a0\u6587\u4ef6\u5939\' },\n { key: \'2-3-2\', label: \'\u6dfb\u52a0\u6587\u4ef6\' },\n { key: \'2-3-3\', label: \'\u6dfb\u52a0\u6587\u4ef6\u5939\' },\n ],\n },\n ],\n },\n ],\n active: \'1\',\n }\n }\n\n onClickItem(key) {\n this.setState({ active: key });\n }\n\n renderMenu(menus, k) {\n const { active } = this.state;\n const items = [];\n menus.forEach((item, key) => {\n if (item.childrend) {\n items.push(\n <Menu.SubMenu key={key} icon={item.icon} text={item.label} collapse\n // \u53c2\u6570 usePortal \u5bb9\u6613\u51fa\u95ee\u9898\n // overlayProps={{ usePortal: true }}\n >\n {this.renderMenu(item.childrend, `${k}${key}`)}\n </Menu.SubMenu>\n );\n } else if (item.divider) {\n items.push(<Menu.Divider key={`${k}${key}`} title={item.label} />);\n } else {\n items.push(\n <Menu.Item\n onClick={this.onClickItem.bind(this, item.key)}\n active={active === item.key} key={`${k}${key}`}\n icon={item.icon}\n text={item.label}\n />\n );\n }\n });\n return items;\n }\n\n render() {\n return (\n <div>\n <Row justify="flex-start" gutter={10}>\n <Col style={{ paddingBottom: 5 }}>\n <Switch\n checked={this.state.theme === \'dark\'}\n style={{ marginRight: 10 }}\n onChange={(e) => {\n this.setState({ theme: e.target.checked ? \'dark\' : \'light\' });\n }}\n />\n </Col>\n </Row>\n <Row justify="flex-start" gutter={10}>\n <Col fixed>\n <Menu inlineIndent={13} theme={this.state.theme} bordered style={{ maxWidth: 200 }}>\n {this.renderMenu(this.state.menus, \'k\')}\n </Menu>\n </Col>\n </Row>\n </div>\n );\n }\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u7f29\u8d77\u5185\u5d4c\u83dc\u5355\n\n\u5185\u5d4c\u83dc\u5355\u53ef\u4ee5\u88ab\u7f29\u8d77/\u5c55\u5f00\uff0c\u9700\u8981 `SubMenu` \u7684\u53c2\u6570 `collapse` \u548c `inlineCollapsed` \u914d\u5408\u4f7f\u7528\u3002\n\n\x3c!--rehype:bgWhite=true&noScroll=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Menu, Row, Col, Icon, Button } from \'uiw\';\n\nconst menusData = [\n { key: \'1\', icon: \'delete\', label: \'\u5220\u9664\' },\n {\n icon: \'setting-o\',\n label: \'\u9009\u9879\',\n childrend: [\n { key: \'1-1\', icon: \'dot-chart\', label: \'\u663e\u793a\u8fb9\u680f\' },\n { key: \'1-2\', icon: \'date\', disabled: true, label: \'\u6dfb\u52a0\u65e5\u671f\' },\n { key: \'1-3\', icon: \'tags-o\', label: \'\u6807\u7b7e\u540d\u79f0\' },\n ],\n },\n { key: \'2\', icon: \'map\', label: \'\u8c37\u6b4c\u5730\u56fe\' },\n {\n icon: \'bar-chart\',\n label: \'\u6bcf\u5e742019\u5e74\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa\',\n childrend: [\n { key: \'2-1\', label: \'\u7edf\u8ba1\u6dfb\u52a0\u6587\u4ef6\' },\n { key: \'2-2\', label: \'\u7edf\u8ba1\u6dfb\u52a0\u6587\u4ef6\u5939\' },\n { key: \'2-3\', icon: \'tags-o\', label: \'\u7c7b\u522b\', divider: true },\n {\n icon: \'folder-add\',\n label: \'\u6dfb\u52a0\u6587\u4ef6\u5939\',\n childrend: [\n { key: \'2-3-1\', label: \'\u6dfb\u52a0\u6587\u4ef6\u5939\' },\n { key: \'2-3-2\', label: \'\u6dfb\u52a0\u6587\u4ef6\' },\n { key: \'2-3-3\', label: \'\u6dfb\u52a0\u6587\u4ef6\u5939\' },\n ],\n },\n ],\n },\n];\n\nconst Demo = () => {\n const [theme, setTheme] = React.useState(\'dark\');\n const [collapse, setCollapse] = React.useState(false);\n const menuRef = React.useRef();\n function onClickItem() {\n console.log(\';;;;>>>\')\n }\n function renderMenu(menus) {\n const items = [];\n menus.forEach((item, key) => {\n if (item.childrend) {\n items.push(\n <Menu.SubMenu key={key} icon={item.icon} text={item.label}\n collapse={collapse}\n >\n {renderMenu(item.childrend)}\n </Menu.SubMenu>\n );\n } else if (item.divider) {\n items.push(<Menu.Divider key={key} title={item.label} />);\n } else {\n items.push(\n <Menu.Item\n onClick={onClickItem.bind(this, item.key)}\n key={key}\n icon={item.icon}\n text={item.label}\n />\n );\n }\n });\n return items;\n }\n return (\n <div style={{ maxWidth: 200}}>\n <Button type="primary" size="small" onClick={() => setCollapse(!collapse)} style={{ marginBottom: 10 }}>\n <Icon type={collapse ? \'menu-fold\' : \'menu-unfold\' } />\n </Button>\n <Switch\n size="large"\n data-checked="light"\n data-unchecked="dark"\n checked={theme === \'dark\'}\n style={{ marginLeft: 10, marginBottom: 10, display: \'inline-block\' }}\n onChange={(e) => setTheme(e.target.checked ? \'dark\' : \'light\')}\n />\n <Menu\n theme={theme}\n ref={menuRef}\n inlineCollapsed={collapse}\n inlineIndent={13}\n bordered\n // style={{ maxWidth: 200 }}\n >\n {renderMenu(menusData)}\n </Menu>\n </div>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Menu.Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| className \| \u8bbe\u7f6e\u7c7b\u7684\u540d\u79f0 \| String \| - \|\n\| style \| \u5143\u7d20\u7684\u884c\u5185\u6837\u5f0f \| Object \| - \|\n\| inlineIndent \| \u83dc\u5355\u7f29\u8fdb\u5bbd\u5ea6 \| Number \| `10` \|\n\| theme \| \u4e3b\u9898\u989c\u8272 \| Enum{`light`, `dark`} \| - \|\n\| bordered \| \u662f\u5426\u6709\u8fb9\u6846 \| Boolean \| `false` \|\n\| inlineCollapsed \| \u83dc\u5355\u662f\u5426\u6536\u8d77\u72b6\u6001 \| Boolean \| `false` \|\n\n\n## Menu.Item.Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| icon \| \u83dc\u5355\u56fe\u6807 [`<Icon />`](#/components/icon) \u7684 `type` \u5c5e\u6027 \| ReactNode/String \| - \|\n\| text \| \u83dc\u5355\u6807\u9898\u5185\u5bb9 \| ReactNode \| - \|\n\| addonAfter \| \u83dc\u5355\u6807\u9898\u540e\u9762\u63d2\u5165\u5185\u5bb9 \| ReactNode \| - \|\n\| ~~isSubMenuItem~~ \| \u4e0d\u53ef\u7528\uff0cSubMenu \u7ec4\u4ef6\u4f20\u9012\u7ed9 Item \u7ec4\u4ef6\u7684\u6807\u8bb0\u5c5e\u6027\uff0c\u8fd9\u662f\u4e00\u4e2a\u5185\u90e8\u53c2\u6570\u3002 \| Boolean \| - \|\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\| active \| \u6fc0\u6d3b\u9009\u4e2d\u72b6\u6001 \| Boolean \| `false` \|\n\| disabled \| \u7981\u7528\u72b6\u6001 \| Boolean \| `false` \|\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>`\uff0c\u4f8b\u5982\uff1a\n\n```jsx\nimport { Menu } from \'uiw\';\nimport { Link } from \'react-router-dom\';\n\nconst Demo = () => {\n return (\n <Menu style={{ maxWidth: 200 }}>\n <Menu.Item tagName={Link} to="/home" icon="reload" text="\u8df3\u8f6c\u9996\u9875" />\n <Menu.Item icon="map" text="\u767e\u5ea6\u5730\u56fe" href="https://map.baidu.com" target="_blank" />\n </Menu>\n )\n}\n```\n\n## Menu.SubMenu.Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| icon \| \u83dc\u5355\u56fe\u6807 [`<Icon />`](#/components/icon) \u7684 `type` \u5c5e\u6027 \| String \| - \|\n\| text \| \u83dc\u5355\u6807\u9898\u5185\u5bb9 \| ReactNode \| - \|\n\| disabled \| \u7981\u7528\u72b6\u6001 \| Boolean \| `false` \|\n\| collapse \| \u9ed8\u8ba4\u5b50\u83dc\u5355\u662f OverlayTrigger \u7684\u5f39\u51fa\u5c42\uff0c\u901a\u8fc7\u8bbe\u7f6e `collapse={true}` \u53d8\u4e3a~~\u6298\u53e0~~(\u5f39\u51fa\u6846\u5f0f `@v4.2.0+`)\u83dc\u5355 \| Boolean \| `false` \|\n\| overlayProps \| \u5bf9\u8c61\u5c06\u4f20\u9012\u5230 `OverlayTrigger` \u7ec4\u4ef6\uff0c\u4fee\u6539\u90e8\u5206\u53c2\u6570\uff0c\u76f8\u5173\u53c2\u6570\u53c2\u8003 [`OverlayTrigger`](#/components/overlay-trigger) \| Object \| - \|\n\n## Menu.Divider.Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| className \| \u8bbe\u7f6e\u7c7b\u7684\u540d\u79f0 \| String \| - \|\n\| style \| \u5143\u7d20\u7684\u884c\u5185\u6837\u5f0f \| Object \| - \|\n\| title \| \u6807\u9898 \| String \| - \|\n'}}]);
2	- //# sourceMappingURL=9137.fdbcd423.chunk.js.map

package/web/static/js/9137.fdbcd423.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9137.fdbcd423.chunk.js","mappings":"gHAAA","sources":["../../packages/react-menu/README.md"],"sourcesContent":["export default \"Menu 菜单\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-menu/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-menu.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-menu)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-menu.svg?label=@uiw/react-menu)](https://www.npmjs.com/package/@uiw/react-menu)\\n\\n为页面和功能提供导航的菜单列表。\\n\\n```jsx\\nimport { Menu } from 'uiw';\\nimport { MenuItem, MenuDivider, SubMenu } from 'uiw'; // @ v4.10.0+\\n// or\\nimport Menu, { MenuItem, MenuDivider, SubMenu } from '@uiw/react-menu'; // @ v4.10.0+\\n\\n// Menu.Item === MenuItem\\n// Menu.Divider === MenuDivider\\n// Menu.SubMenu === SubMenu\\n```\\n\\n### 基本用法\\n\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Menu, MenuItem, Row, Col } from 'uiw';\\n\\nconst Demo = () => (\\n <Row justify=\\\"flex-start\\\" gutter={10}>\\n <Col fixed>\\n <Menu bordered>\\n <MenuItem icon=\\\"reload\\\" text=\\\"重新加载\\\" />\\n <Menu.Divider />\\n <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\" />\\n <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n <Menu.Divider />\\n <Menu.Item icon=\\\"map\\\" text=\\\"谷歌地图\\\" />\\n <Menu.Item icon=\\\"map\\\" text=\\\"百度地图\\\" href=\\\"https://map.baidu.com\\\" target=\\\"_blank\\\" />\\n </Menu>\\n </Col>\\n <Col fixed>\\n <Menu bordered>\\n <Menu.Divider title=\\\"编辑\\\" />\\n <Menu.Item icon=\\\"file-add\\\" text=\\\"添加文件\\\" />\\n <Menu.Item icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\" />\\n <Menu.Item icon=\\\"copy\\\" text=\\\"拷贝\\\" />\\n <Menu.Item icon=\\\"delete\\\" disabled text=\\\"删除\\\" />\\n <Menu.SubMenu icon=\\\"setting-o\\\" text=\\\"选项\\\" collapse>\\n <Menu.Item icon=\\\"dot-chart\\\" text=\\\"显示边栏\\\" />\\n <Menu.Item icon=\\\"date\\\" text=\\\"添加日期\\\" />\\n <Menu.Item icon=\\\"tags-o\\\" text=\\\"标签名称\\\" />\\n </Menu.SubMenu>\\n <Menu.Divider title=\\\"其它\\\" />\\n <Menu.SubMenu icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\">\\n <Menu.Item icon=\\\"file-add\\\" text=\\\"添加文件\\\" />\\n <Menu.Item icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\" />\\n <Menu.Divider title=\\\"类别\\\" />\\n <Menu.Item icon=\\\"copy\\\" text=\\\"拷贝\\\" />\\n <Menu.SubMenu icon=\\\"bar-chart\\\" text=\\\"报表\\\" collapse>\\n <Menu.Item icon=\\\"file-add\\\" text=\\\"添加文件\\\" />\\n <Menu.SubMenu icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\">\\n <Menu.Item icon=\\\"file-add\\\" text=\\\"添加文件\\\" />\\n <Menu.Item icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\" />\\n </Menu.SubMenu>\\n </Menu.SubMenu>\\n </Menu.SubMenu>\\n <Menu.SubMenu icon=\\\"setting\\\" disabled text=\\\"偏好设置\\\">\\n <Menu.Item icon=\\\"file-add\\\" text=\\\"添加文件\\\" />\\n <Menu.Item icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\" />\\n </Menu.SubMenu>\\n <Menu.Item icon=\\\"map\\\" text=\\\"谷歌地图\\\" />\\n </Menu>\\n </Col>\\n <Col fixed>\\n <Menu bordered>\\n <Menu.Item icon=\\\"file-add\\\" text=\\\"添加文件\\\" />\\n <Menu.Item icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\" />\\n <Menu.SubMenu icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\"\\n overlayProps={{\\n isOpen: true\\n }}\\n >\\n <Menu.Item icon=\\\"file-add\\\" text=\\\"添加文件\\\" />\\n <Menu.Divider title=\\\"类别\\\" />\\n <Menu.Item icon=\\\"copy\\\" text=\\\"拷贝\\\" />\\n <Menu.SubMenu icon=\\\"bar-chart\\\" text=\\\"报表\\\" collapse>\\n <Menu.Item icon=\\\"file-add\\\" text=\\\"添加文件\\\" />\\n <Menu.SubMenu icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\">\\n <Menu.Item icon=\\\"file-add\\\" text=\\\"添加文件\\\" />\\n <Menu.Item icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\" />\\n </Menu.SubMenu>\\n </Menu.SubMenu>\\n </Menu.SubMenu>\\n <Menu.Item icon=\\\"map\\\" text=\\\"谷歌地图\\\" />\\n </Menu>\\n </Col>\\n </Row>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 下拉菜单\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Menu, Popover, Button, Row, Col } from 'uiw';\\n\\nconst btnStl = {position: 'relative', width: 70 }\\nconst content = (\\n <Menu>\\n <Menu.Divider title=\\\"编辑\\\" />\\n <Menu.Item icon=\\\"file-add\\\" text=\\\"添加文件\\\" />\\n <Menu.Item icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\" />\\n <Menu.Item icon=\\\"copy\\\" text=\\\"拷贝\\\" />\\n <Menu.Item icon=\\\"delete\\\" disabled text=\\\"删除\\\" />\\n <Menu.Divider title=\\\"其它\\\" />\\n <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\" />\\n <Menu.Item icon=\\\"setting\\\" disabled text=\\\"偏好设置\\\" />\\n <Menu.Item icon=\\\"map\\\" text=\\\"谷歌地图\\\" />\\n </Menu>\\n)\\nconst Demo = () => (\\n <div>\\n <div style={{ position: 'relative' }}>\\n\\n <Popover trigger=\\\"click\\\" placement=\\\"topLeft\\\" content={content}>\\n <Button style={{ ...btnStl, left: 70 }}>TL</Button>\\n </Popover>\\n <Popover trigger=\\\"click\\\" placement=\\\"top\\\" content={content}>\\n <Button style={{ ...btnStl, left: 70}}>Top</Button>\\n </Popover>\\n <Popover trigger=\\\"click\\\" placement=\\\"topRight\\\" content={content}>\\n <Button style={{ ...btnStl, left: 70 }}>TR</Button>\\n </Popover>\\n\\n </div>\\n <div style={{ position: 'relative', paddingTop: 10 }}>\\n\\n <Popover trigger=\\\"click\\\" placement=\\\"leftTop\\\" content={content}>\\n <Button style={{ ...btnStl }}>LT</Button>\\n </Popover>\\n <Popover trigger=\\\"click\\\" placement=\\\"rightTop\\\" content={content}>\\n <Button style={{ ...btnStl, left: 216 }}>RT</Button>\\n </Popover>\\n\\n </div>\\n <div style={{ position: 'relative', paddingTop: 10 }}>\\n\\n <Popover trigger=\\\"click\\\" placement=\\\"left\\\" content={content}>\\n <Button style={{ ...btnStl }}>Left</Button>\\n </Popover>\\n <Popover trigger=\\\"click\\\" placement=\\\"right\\\" content={content}>\\n <Button style={{ ...btnStl, left: 216 }}>Right</Button>\\n </Popover>\\n\\n </div>\\n <div style={{ position: 'relative', paddingTop: 10 }}>\\n\\n <Popover trigger=\\\"click\\\" placement=\\\"leftBottom\\\" content={content}>\\n <Button style={{ ...btnStl }}>LB</Button>\\n </Popover>\\n <Popover trigger=\\\"click\\\" placement=\\\"rightBottom\\\" content={content}>\\n <Button style={{ ...btnStl, left: 216 }}>RB</Button>\\n </Popover>\\n\\n </div>\\n <div style={{ position: 'relative', paddingTop: 10 }}>\\n\\n <Popover trigger=\\\"click\\\" placement=\\\"bottomLeft\\\" content={content}>\\n <Button style={{ ...btnStl, left: 70 }}>BL</Button>\\n </Popover>\\n <Popover trigger=\\\"click\\\" placement=\\\"bottom\\\" content={content}>\\n <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\\n </Popover>\\n <Popover trigger=\\\"click\\\" placement=\\\"bottomRight\\\" content={content}>\\n <Button style={{ ...btnStl, left: 70 }}>BR</Button>\\n </Popover>\\n\\n </div>\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 内嵌菜单\\n\\n通过设置 `overlayProps={ isOpen: true }`，让菜单默认展开。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Menu, Row, Col } from 'uiw';\\n\\nconst Demo = () => (\\n <Row justify=\\\"flex-start\\\" gutter={10}>\\n <Col fixed>\\n <Menu bordered style={{ maxWidth: 200 }}>\\n <Menu.Item icon=\\\"delete\\\" disabled text=\\\"删除\\\" />\\n <Menu.SubMenu icon=\\\"setting-o\\\" text=\\\"选项\\\" disabled collapse>\\n <Menu.Item icon=\\\"dot-chart\\\" text=\\\"显示边栏\\\" />\\n <Menu.Item icon=\\\"date\\\" text=\\\"添加日期\\\" />\\n <Menu.Item icon=\\\"tags-o\\\" text=\\\"标签名称\\\" />\\n </Menu.SubMenu>\\n <Menu.Divider title=\\\"其它\\\" />\\n <Menu.SubMenu\\n icon=\\\"bar-chart\\\" text=\\\"每年2019年统计报表导出\\\" collapse\\n // overlayProps={{ isOpen: true }}\\n >\\n <Menu.Item text=\\\"添加文件\\\" />\\n <Menu.Item text=\\\"添加文件夹\\\" />\\n <Menu.Divider title=\\\"类别\\\" />\\n <Menu.Item icon=\\\"copy\\\" text=\\\"拷贝\\\" />\\n <Menu.SubMenu icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\" collapse>\\n <Menu.Item icon=\\\"file-add\\\" text=\\\"添加文件\\\" />\\n <Menu.Item icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\" />\\n </Menu.SubMenu>\\n </Menu.SubMenu>\\n <Menu.Item icon=\\\"setting\\\" disabled text=\\\"偏好设置\\\" />\\n <Menu.Item icon=\\\"map\\\" text=\\\"谷歌地图\\\" />\\n </Menu>\\n </Col>\\n </Row>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 主题\\n\\n内建了两套主题 `light`、`dark`，默认 `light`。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Menu, Row, Col, Switch } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = {\\n theme: 'dark',\\n }\\n }\\n render() {\\n return (\\n <div>\\n <Row justify=\\\"flex-start\\\" gutter={10}>\\n <Col style={{ paddingBottom: 5 }}>\\n <Switch\\n checked\\n style={{ marginRight: 10 }}\\n onChange={(e) => {\\n this.setState({ theme: e.target.checked ? 'dark' : 'light' });\\n }}\\n />\\n </Col>\\n </Row>\\n <Row justify=\\\"flex-start\\\" gutter={10}>\\n <Col fixed>\\n <Menu theme={this.state.theme} bordered style={{ maxWidth: 200 }}>\\n <Menu.Item icon=\\\"delete\\\" disabled text=\\\"删除\\\" />\\n <Menu.SubMenu icon=\\\"setting-o\\\" text=\\\"选项\\\" disabled collapse>\\n <Menu.Item icon=\\\"dot-chart\\\" text=\\\"显示边栏\\\" />\\n <Menu.Item icon=\\\"date\\\" text=\\\"添加日期\\\" />\\n <Menu.Item icon=\\\"tags-o\\\" text=\\\"标签名称\\\" />\\n </Menu.SubMenu>\\n <Menu.Divider title=\\\"其它\\\" />\\n <Menu.Item active icon=\\\"map\\\" text=\\\"谷歌地图\\\" />\\n <Menu.SubMenu icon=\\\"bar-chart\\\" text=\\\"每年2019年统计报表导出\\\">\\n <Menu.Item text=\\\"添加文件\\\" />\\n <Menu.Item text=\\\"添加文件夹\\\" />\\n <Menu.Divider title=\\\"类别\\\" />\\n <Menu.SubMenu icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\" collapse>\\n <Menu.Item icon=\\\"file-add\\\" text=\\\"添加文件\\\" />\\n <Menu.Item icon=\\\"folder-add\\\" text=\\\"添加文件夹\\\" />\\n </Menu.SubMenu>\\n <Menu.Item icon=\\\"copy\\\" text=\\\"拷贝\\\" />\\n </Menu.SubMenu>\\n <Menu.Item icon=\\\"setting\\\" disabled text=\\\"偏好设置\\\" />\\n <Menu.SubMenu icon=\\\"setting-o\\\" text=\\\"选项\\\" collapse>\\n <Menu.Item icon=\\\"dot-chart\\\" text=\\\"显示边栏\\\" />\\n <Menu.Item icon=\\\"date\\\" text=\\\"添加日期\\\" />\\n <Menu.Item icon=\\\"tags-o\\\" text=\\\"标签名称\\\" />\\n </Menu.SubMenu>\\n </Menu>\\n </Col>\\n </Row>\\n </div>\\n );\\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 { Menu, Row, Col, Switch } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = {\\n theme: 'light',\\n menus: [\\n { key: '1', icon: 'delete', label: '删除' },\\n {\\n icon: 'setting-o',\\n label: '选项',\\n childrend: [\\n { key: '1-1', icon: 'dot-chart', label: '显示边栏' },\\n { key: '1-2', icon: 'date', disabled: true, label: '添加日期' },\\n { key: '1-3', icon: 'tags-o', label: '标签名称' },\\n ],\\n },\\n { divider: true },\\n { key: '2', icon: 'map', label: '谷歌地图' },\\n {\\n icon: 'bar-chart',\\n label: '每年2019年统计报表导出',\\n childrend: [\\n { key: '2-1', label: '统计添加文件' },\\n { key: '2-2', label: '统计添加文件夹' },\\n { key: '2-3', icon: 'tags-o', label: '类别', divider: true },\\n {\\n icon: 'folder-add',\\n label: '添加文件夹',\\n childrend: [\\n { key: '2-3-1', label: '添加文件夹' },\\n { key: '2-3-2', label: '添加文件' },\\n { key: '2-3-3', label: '添加文件夹' },\\n ],\\n },\\n ],\\n },\\n ],\\n active: '1',\\n }\\n }\\n\\n onClickItem(key) {\\n this.setState({ active: key });\\n }\\n\\n renderMenu(menus, k) {\\n const { active } = this.state;\\n const items = [];\\n menus.forEach((item, key) => {\\n if (item.childrend) {\\n items.push(\\n <Menu.SubMenu key={key} icon={item.icon} text={item.label} collapse\\n // 参数 usePortal 容易出问题\\n // overlayProps={{ usePortal: true }}\\n >\\n {this.renderMenu(item.childrend, `${k}${key}`)}\\n </Menu.SubMenu>\\n );\\n } else if (item.divider) {\\n items.push(<Menu.Divider key={`${k}${key}`} title={item.label} />);\\n } else {\\n items.push(\\n <Menu.Item\\n onClick={this.onClickItem.bind(this, item.key)}\\n active={active === item.key} key={`${k}${key}`}\\n icon={item.icon}\\n text={item.label}\\n />\\n );\\n }\\n });\\n return items;\\n }\\n\\n render() {\\n return (\\n <div>\\n <Row justify=\\\"flex-start\\\" gutter={10}>\\n <Col style={{ paddingBottom: 5 }}>\\n <Switch\\n checked={this.state.theme === 'dark'}\\n style={{ marginRight: 10 }}\\n onChange={(e) => {\\n this.setState({ theme: e.target.checked ? 'dark' : 'light' });\\n }}\\n />\\n </Col>\\n </Row>\\n <Row justify=\\\"flex-start\\\" gutter={10}>\\n <Col fixed>\\n <Menu inlineIndent={13} theme={this.state.theme} bordered style={{ maxWidth: 200 }}>\\n {this.renderMenu(this.state.menus, 'k')}\\n </Menu>\\n </Col>\\n </Row>\\n </div>\\n );\\n }\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 缩起内嵌菜单\\n\\n内嵌菜单可以被缩起/展开，需要 `SubMenu` 的参数 `collapse` 和 `inlineCollapsed` 配合使用。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Menu, Row, Col, Icon, Button } from 'uiw';\\n\\nconst menusData = [\\n { key: '1', icon: 'delete', label: '删除' },\\n {\\n icon: 'setting-o',\\n label: '选项',\\n childrend: [\\n { key: '1-1', icon: 'dot-chart', label: '显示边栏' },\\n { key: '1-2', icon: 'date', disabled: true, label: '添加日期' },\\n { key: '1-3', icon: 'tags-o', label: '标签名称' },\\n ],\\n },\\n { key: '2', icon: 'map', label: '谷歌地图' },\\n {\\n icon: 'bar-chart',\\n label: '每年2019年统计报表导出',\\n childrend: [\\n { key: '2-1', label: '统计添加文件' },\\n { key: '2-2', label: '统计添加文件夹' },\\n { key: '2-3', icon: 'tags-o', label: '类别', divider: true },\\n {\\n icon: 'folder-add',\\n label: '添加文件夹',\\n childrend: [\\n { key: '2-3-1', label: '添加文件夹' },\\n { key: '2-3-2', label: '添加文件' },\\n { key: '2-3-3', label: '添加文件夹' },\\n ],\\n },\\n ],\\n },\\n];\\n\\nconst Demo = () => {\\n const [theme, setTheme] = React.useState('dark');\\n const [collapse, setCollapse] = React.useState(false);\\n const menuRef = React.useRef();\\n function onClickItem() {\\n console.log(';;;;>>>')\\n }\\n function renderMenu(menus) {\\n const items = [];\\n menus.forEach((item, key) => {\\n if (item.childrend) {\\n items.push(\\n <Menu.SubMenu key={key} icon={item.icon} text={item.label}\\n collapse={collapse}\\n >\\n {renderMenu(item.childrend)}\\n </Menu.SubMenu>\\n );\\n } else if (item.divider) {\\n items.push(<Menu.Divider key={key} title={item.label} />);\\n } else {\\n items.push(\\n <Menu.Item\\n onClick={onClickItem.bind(this, item.key)}\\n key={key}\\n icon={item.icon}\\n text={item.label}\\n />\\n );\\n }\\n });\\n return items;\\n }\\n return (\\n <div style={{ maxWidth: 200}}>\\n <Button type=\\\"primary\\\" size=\\\"small\\\" onClick={() => setCollapse(!collapse)} style={{ marginBottom: 10 }}>\\n <Icon type={collapse ? 'menu-fold' : 'menu-unfold' } />\\n </Button>\\n <Switch\\n size=\\\"large\\\"\\n data-checked=\\\"light\\\"\\n data-unchecked=\\\"dark\\\"\\n checked={theme === 'dark'}\\n style={{ marginLeft: 10, marginBottom: 10, display: 'inline-block' }}\\n onChange={(e) => setTheme(e.target.checked ? 'dark' : 'light')}\\n />\\n <Menu\\n theme={theme}\\n ref={menuRef}\\n inlineCollapsed={collapse}\\n inlineIndent={13}\\n bordered\\n // style={{ maxWidth: 200 }}\\n >\\n {renderMenu(menusData)}\\n </Menu>\\n </div>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Menu.Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| className | 设置类的名称 | String | - |\\n| style | 元素的行内样式 | Object | - |\\n| inlineIndent | 菜单缩进宽度 | Number | `10` |\\n| theme | 主题颜色 | Enum{`light`, `dark`} | - |\\n| bordered | 是否有边框 | Boolean | `false` |\\n| inlineCollapsed | 菜单是否收起状态 | Boolean | `false` |\\n\\n\\n## Menu.Item.Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| icon | 菜单图标 [`<Icon />`](#/components/icon) 的 `type` 属性 | ReactNode/String | - |\\n| text | 菜单标题内容 | ReactNode | - |\\n| addonAfter | 菜单标题后面插入内容 | ReactNode | - |\\n| ~~isSubMenuItem~~ | 不可用，SubMenu 组件传递给 Item 组件的**标记**属性，这是一个内部参数。 | Boolean | - |\\n| tagName | 设置子节点标签名，默认 `<a />` 标签，也可以指定路由 [`<Link />`](https://reacttraining.com/react-router/web/api/Link) | String | `a` |\\n| active | 激活选中状态 | Boolean | `false` |\\n| disabled | 禁用状态 | Boolean | `false` |\\n\\n其它参数可根据 `tagName` 来设置，默认 `<a />` 标签时，可设置 `href=\\\"https://wwww.google.com\\\"` 或者 `target=\\\"_blank\\\"` 等参数，你可以设置 [react-router-dom](https://github.com/ReactTraining/react-router) 路由 `<Link>`，例如：\\n\\n```jsx\\nimport { Menu } from 'uiw';\\nimport { Link } from 'react-router-dom';\\n\\nconst Demo = () => {\\n return (\\n <Menu style={{ maxWidth: 200 }}>\\n <Menu.Item tagName={Link} to=\\\"/home\\\" icon=\\\"reload\\\" text=\\\"跳转首页\\\" />\\n <Menu.Item icon=\\\"map\\\" text=\\\"百度地图\\\" href=\\\"https://map.baidu.com\\\" target=\\\"_blank\\\" />\\n </Menu>\\n )\\n}\\n```\\n\\n## Menu.SubMenu.Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| icon | 菜单图标 [`<Icon />`](#/components/icon) 的 `type` 属性 | String | - |\\n| text | 菜单标题内容 | ReactNode | - |\\n| disabled | 禁用状态 | Boolean | `false` |\\n| collapse | 默认子菜单是 OverlayTrigger 的弹出层，通过设置 `collapse={true}` 变为~~折叠~~(弹出框式 `@v4.2.0+`)菜单 | Boolean | `false` |\\n| overlayProps | 对象将传递到 `OverlayTrigger` 组件，修改部分参数，相关参数参考 [`OverlayTrigger`](#/components/overlay-trigger) | Object | - |\\n\\n## Menu.Divider.Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| className | 设置类的名称 | String | - |\\n| style | 元素的行内样式 | Object | - |\\n| title | 标题 | String | - |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/9147.d6a507a2.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9147],{29147:function(n,t,e){e.r(t),t.default="Drawer \u62bd\u5c49\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-drawer/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-drawer.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-drawer)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-drawer.svg?label=@uiw/react-drawer)](https://npmjs.com/@uiw/react-drawer)\n\n\u4e00\u4e2a\u4ece\u9875\u9762\u8fb9\u7f18\u6ed1\u52a8\u51fa\u6765\u7684\u6d6e\u5c42\uff0c\u53ef\u4ee5\u66ff\u4ee3 [`<Modal>`](#/components/modal) \u66f4\u591a\u6837\u7684\u5c55\u793a\u65b9\u5f0f\u3002\n\n```jsx\nimport { Drawer } from 'uiw';\n// or\nimport Drawer from '@uiw/react-drawer';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Drawer, ButtonGroup, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible: false,\n }\n }\n onClick() {\n this.setState({ visible: !this.state.visible });\n }\n onClose() {\n this.setState({ visible: false });\n }\n render() {\n return (\n <div>\n <Drawer\n title=\"\u62bd\u5c49\u6807\u9898\"\n isOpen={this.state.visible}\n onClose={this.onClose.bind(this)}\n >\n React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002\n <br /><br />\n \u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002\n <br /><br />\n \u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002\n <br /><br />\n \u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002\n <br /><br />\n \u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002\n <br /><br />\n <b>\u7ec4\u4ef6</b>\n <br /><br />\n React \u7ec4\u4ef6\u4f7f\u7528\u4e00\u4e2a\u540d\u4e3a render() \u7684\u65b9\u6cd5\uff0c \u63a5\u6536\u6570\u636e\u4f5c\u4e3a\u8f93\u5165\uff0c\u8f93\u51fa\u9875\u9762\u4e2d\u5bf9\u5e94\u5c55\u793a\u7684\u5185\u5bb9\u3002 \u4e0b\u9762\u8fd9\u4e2a\u793a\u4f8b\u4e2d\u7c7b\u4f3cXML\u7684\u5199\u6cd5\u88ab\u79f0\u4e3aJSX. \u8f93\u5165\u7684\u6570\u636e\u901a\u8fc7 this.props \u4f20\u5165 render() \u65b9\u6cd5\u3002\n </Drawer>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this)}>\u6253\u5f00\u62bd\u5c49</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u663e\u793a\u4f4d\u7f6e\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Drawer, ButtonGroup, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible: false,\n placement: null,\n }\n }\n onClick(placement) {\n this.setState({ visible: !this.state.visible, placement });\n }\n onClose() {\n this.setState({ visible: false });\n }\n render() {\n return (\n <div>\n <Drawer\n title=\"\u62bd\u5c49\u6807\u9898\"\n icon=\"information\"\n placement={this.state.placement}\n isOpen={this.state.visible}\n footer=\"\u9875\u811a\uff0c\u53ef\u4ee5\u653e\u70b9\u5185\u5bb9\"\n onClose={this.onClose.bind(this)}\n >\n React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002\n <br /><br />\n \u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002\n <br /><br />\n \u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002\n <br /><br />\n \u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002\n <br /><br />\n \u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002\n <br /><br />\n <b>\u7ec4\u4ef6</b>'top', 'right', 'bottom', 'left'\n </Drawer>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this, 'left')}>Left</Button>\n <Button onClick={this.onClick.bind(this, 'top')}>Top</Button>\n <Button onClick={this.onClick.bind(this, 'bottom')}>Bottom</Button>\n <Button onClick={this.onClick.bind(this, 'right')}>Right</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n### \u6dfb\u52a0\u9875\u811a\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Drawer, ButtonGroup, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n visible: false,\n }\n }\n onClick() {\n this.setState({ visible: !this.state.visible });\n }\n onClose() {\n this.setState({ visible: false });\n }\n render() {\n return (\n <div>\n <Drawer\n title=\"\u62bd\u5c49\u6807\u9898\"\n isOpen={this.state.visible}\n onClose={this.onClose.bind(this)}\n footer={\n <div>\n <Button size=\"small\" type=\"danger\" onClick={this.onClick.bind(this)}>\u5173\u95ed\u62bd\u5c49</Button>\n <Button size=\"small\" type=\"success\">\u5176\u5b83</Button>\n </div>\n }\n >\n React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002\n <br /><br />\n \u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002\n <br /><br />\n \u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002\n <br /><br />\n \u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002\n <br /><br />\n \u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002\n <br /><br />\n <b>\u7ec4\u4ef6</b>\n <br /><br />\n React \u7ec4\u4ef6\u4f7f\u7528\u4e00\u4e2a\u540d\u4e3a render() \u7684\u65b9\u6cd5\uff0c \u63a5\u6536\u6570\u636e\u4f5c\u4e3a\u8f93\u5165\uff0c\u8f93\u51fa\u9875\u9762\u4e2d\u5bf9\u5e94\u5c55\u793a\u7684\u5185\u5bb9\u3002 \u4e0b\u9762\u8fd9\u4e2a\u793a\u4f8b\u4e2d\u7c7b\u4f3cXML\u7684\u5199\u6cd5\u88ab\u79f0\u4e3aJSX. \u8f93\u5165\u7684\u6570\u636e\u901a\u8fc7 this.props \u4f20\u5165 render() \u65b9\u6cd5\u3002\n </Drawer>\n <ButtonGroup>\n <Button onClick={this.onClick.bind(this)}>\u6253\u5f00\u62bd\u5c49</Button>\n </ButtonGroup>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| title \| \u62bd\u5c49\u6807\u9898 \| String \| - \|\n\| icon \| \u8bbe\u7f6e\u5bf9\u8bdd\u6846\u53f3\u4e0a\u89d2\u56fe\u6807 \| String/Element \| - \|\n\| isOpen \| \u662f\u5426\u53ef\u89c1 \| Boollean \| - \|\n\| closable \| \u662f\u5426\u663e\u793a\u53f3\u4e0a\u89d2\u7684\u5173\u95ed\u6309\u94ae \| Boollean \| `true` \|\n\| placement \| \u62bd\u5c49\u7684\u65b9\u5411 \| Enum{`top`, `right`, `bottom`, `left`} \| `right` \|\n\| size \| \u9ad8\u5ea6/\u5bbd\u5ea6\uff0c\u5728 `placement` \u4e3a `top` \u6216 `bottom` \u65f6\u4f7f\u7528\u4e3a\u8bbe\u7f6e\u9ad8\u5ea6\uff0c\u5426\u5219\u8bbe\u7f6e\u5bbd\u5ea6 \| Number \| - \|\n\| bodyProps \| \u62bd\u5c49\u586b\u5145\u5185\u5bb9\u7684\u53c2\u6570\u6837\u5f0f\u5bf9\u8c61\uff0c\u4f8b\u5982`className`,`style`\u7b49 \| Object \| - \|\n\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [Overlay](#/components/overlay)\u3002\n"}}]);
2	- //# sourceMappingURL=9147.d6a507a2.chunk.js.map

package/web/static/js/9147.d6a507a2.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9147.d6a507a2.chunk.js","mappings":"gHAAA","sources":["../../packages/react-drawer/README.md"],"sourcesContent":["export default \"Drawer 抽屉\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-drawer/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-drawer.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-drawer)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-drawer.svg?label=@uiw/react-drawer)](https://npmjs.com/@uiw/react-drawer)\\n\\n一个从页面边缘滑动出来的浮层，可以替代 [`<Modal>`](#/components/modal) 更多样的展示方式。\\n\\n```jsx\\nimport { Drawer } from 'uiw';\\n// or\\nimport Drawer from '@uiw/react-drawer';\\n```\\n\\n### 基础用法\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Drawer, ButtonGroup, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor() {\\n super();\\n this.state = {\\n visible: false,\\n }\\n }\\n onClick() {\\n this.setState({ visible: !this.state.visible });\\n }\\n onClose() {\\n this.setState({ visible: false });\\n }\\n render() {\\n return (\\n <div>\\n <Drawer\\n title=\\\"抽屉标题\\\"\\n isOpen={this.state.visible}\\n onClose={this.onClose.bind(this)}\\n >\\n React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图，在数据改变时 React 也可以高效地更新渲染界面。\\n <br /><br />\\n 以声明式编写UI，可以让你的代码更加可靠，且方便调试。\\n <br /><br />\\n 创建好拥有各自状态的组件，再由组件构成更加复杂的界面。\\n <br /><br />\\n 无需再用模版代码，通过使用JavaScript编写的组件你可以更好地传递数据，将应用状态和DOM拆分开来。\\n <br /><br />\\n 无论你现在正在使用什么技术栈，你都可以随时引入 React 开发新特性。\\n <br /><br />\\n <b>组件</b>\\n <br /><br />\\n React 组件使用一个名为 render() 的方法，接收数据作为输入，输出页面中对应展示的内容。下面这个示例中类似XML的写法被称为JSX. 输入的数据通过 this.props 传入 render() 方法。\\n </Drawer>\\n <ButtonGroup>\\n <Button onClick={this.onClick.bind(this)}>打开抽屉</Button>\\n </ButtonGroup>\\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 { Drawer, ButtonGroup, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor() {\\n super();\\n this.state = {\\n visible: false,\\n placement: null,\\n }\\n }\\n onClick(placement) {\\n this.setState({ visible: !this.state.visible, placement });\\n }\\n onClose() {\\n this.setState({ visible: false });\\n }\\n render() {\\n return (\\n <div>\\n <Drawer\\n title=\\\"抽屉标题\\\"\\n icon=\\\"information\\\"\\n placement={this.state.placement}\\n isOpen={this.state.visible}\\n footer=\\\"页脚，可以放点内容\\\"\\n onClose={this.onClose.bind(this)}\\n >\\n React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图，在数据改变时 React 也可以高效地更新渲染界面。\\n <br /><br />\\n 以声明式编写UI，可以让你的代码更加可靠，且方便调试。\\n <br /><br />\\n 创建好拥有各自状态的组件，再由组件构成更加复杂的界面。\\n <br /><br />\\n 无需再用模版代码，通过使用JavaScript编写的组件你可以更好地传递数据，将应用状态和DOM拆分开来。\\n <br /><br />\\n 无论你现在正在使用什么技术栈，你都可以随时引入 React 开发新特性。\\n <br /><br />\\n <b>组件</b>'top', 'right', 'bottom', 'left'\\n </Drawer>\\n <ButtonGroup>\\n <Button onClick={this.onClick.bind(this, 'left')}>Left</Button>\\n <Button onClick={this.onClick.bind(this, 'top')}>Top</Button>\\n <Button onClick={this.onClick.bind(this, 'bottom')}>Bottom</Button>\\n <Button onClick={this.onClick.bind(this, 'right')}>Right</Button>\\n </ButtonGroup>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n\\n### 添加页脚\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Drawer, ButtonGroup, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor() {\\n super();\\n this.state = {\\n visible: false,\\n }\\n }\\n onClick() {\\n this.setState({ visible: !this.state.visible });\\n }\\n onClose() {\\n this.setState({ visible: false });\\n }\\n render() {\\n return (\\n <div>\\n <Drawer\\n title=\\\"抽屉标题\\\"\\n isOpen={this.state.visible}\\n onClose={this.onClose.bind(this)}\\n footer={\\n <div>\\n <Button size=\\\"small\\\" type=\\\"danger\\\" onClick={this.onClick.bind(this)}>关闭抽屉</Button>\\n <Button size=\\\"small\\\" type=\\\"success\\\">其它</Button>\\n </div>\\n }\\n >\\n React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图，在数据改变时 React 也可以高效地更新渲染界面。\\n <br /><br />\\n 以声明式编写UI，可以让你的代码更加可靠，且方便调试。\\n <br /><br />\\n 创建好拥有各自状态的组件，再由组件构成更加复杂的界面。\\n <br /><br />\\n 无需再用模版代码，通过使用JavaScript编写的组件你可以更好地传递数据，将应用状态和DOM拆分开来。\\n <br /><br />\\n 无论你现在正在使用什么技术栈，你都可以随时引入 React 开发新特性。\\n <br /><br />\\n <b>组件</b>\\n <br /><br />\\n React 组件使用一个名为 render() 的方法，接收数据作为输入，输出页面中对应展示的内容。下面这个示例中类似XML的写法被称为JSX. 输入的数据通过 this.props 传入 render() 方法。\\n </Drawer>\\n <ButtonGroup>\\n <Button onClick={this.onClick.bind(this)}>打开抽屉</Button>\\n </ButtonGroup>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| title | 抽屉标题 | String | - |\\n| icon | 设置对话框右上角图标 | String/Element | - |\\n| isOpen | 是否可见 | Boollean | - |\\n| closable | 是否显示右上角的关闭按钮 | Boollean | `true` |\\n| placement | 抽屉的方向 | Enum{`top`, `right`, `bottom`, `left`} | `right` |\\n| size | 高度/宽度，在 `placement` 为 `top` 或 `bottom` 时使用为设置高度，否则设置宽度 | Number | - |\\n| bodyProps | 抽屉填充内容的参数样式对象，例如`className`,`style`等 | Object | - |\\n\\n\\n更多属性文档请参考 [Overlay](#/components/overlay)。\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/9188.b7ce0cf2.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9188],{49188:function(e,n,t){t.r(n),n.default="Progress \u8fdb\u5ea6\u6761\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-progress/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-progress.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-progress)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-progress.svg?label=@uiw/react-progress)](https://npmjs.com/@uiw/react-progress)\n\n\u7528\u4e8e\u5c55\u793a\u64cd\u4f5c\u8fdb\u5ea6\uff0c\u544a\u77e5\u7528\u6237\u5f53\u524d\u72b6\u6001\u548c\u9884\u671f\u3002\n\n```jsx\nimport { Progress } from 'uiw';\nconst { Line, Circle } = Progress;\n// or\nimport Progress from '@uiw/react-progress';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Progress } from 'uiw';\n\nconst { Line } = Progress;\nconst sty = {marginBottom:10}\nconst Demo = () => (\n <div>\n <Progress.Line style={sty} percent={30} />\n <Line style={sty} percent={50} status=\"active\" />\n <Line style={sty} percent={70} status=\"exception\" />\n <Line style={sty} percent={100} />\n <Line style={sty} percent={50} showText={false} />\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u8fdb\u5ea6\u6761\u5927\u5c0f\u8bbe\u7f6e\n\n\u8bbe\u7f6e\u53c2\u6570`strokeWidth`\u5373\u53ef\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Progress } from 'uiw';\n\nconst { Line } = Progress;\nconst sty = {marginBottom:10}\nconst Demo = () => (\n <div>\n <Progress.Line style={sty} strokeWidth={6} percent={30} />\n <Line style={sty} strokeWidth={14} percent={50} status=\"active\" />\n <Line style={sty} strokeWidth={18} percent={70} status=\"exception\" />\n <Line style={sty} strokeWidth={12} percent={100} />\n <Line style={sty} strokeWidth={14} percent={50} showText={false} />\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5706\u5708\u8fdb\u5ea6\u6761\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Progress } from 'uiw';\n\nconst { Circle } = Progress;\nconst sty = {marginBottom:10}\nconst Demo = () => (\n <div>\n <Progress.Circle style={sty} percent={30} />\n <Circle style={sty} percent={75} />\n <Circle style={sty} percent={70} status=\"exception\" />\n <Circle style={sty} percent={100} />\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u4e0d\u540c\u5c3a\u5bf8\u5706\u5708\u8fdb\u5ea6\u6761\n\n\u901a\u8fc7`strokeWidth`\u8bbe\u7f6e\u5706\u5708\u8fdb\u5ea6\u5bbd\u5e26\uff0c\u901a\u8fc7`width`\uff08`type=\"circle\"`\u6709\u6548\uff09\u8bbe\u7f6e\u5706\u5708\u5927\u5c0f\uff0c\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Progress } from 'uiw';\n\nlet sty = {marginRight:15}\nconst Demo = () => (\n <div>\n <Progress.Circle style={sty} width={80} strokeWidth={2} percent={30} />\n <Progress.Circle style={sty} width={100} strokeWidth={10} percent={75} />\n <Progress.Circle style={sty} percent={70} status=\"exception\" />\n <Progress.Circle style={sty} width={100} strokeWidth={3} percent={75} />\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u52a8\u6001\u5c55\u793a\n\n\u8fdb\u5ea6\u6761\u52a8\u6001\u5c55\u793a\u66f4\u76f4\u89c2\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Progress } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n percent: 50,\n }\n }\n increase(){\n let percent = this.state.percent + 10;\n if (percent > 100) {\n percent = 100;\n }\n this.setState({ percent });\n }\n decline(){\n let percent = this.state.percent - 10;\n if (percent < 0) {\n percent = 0;\n }\n this.setState({ percent });\n }\n render() {\n let sty = {marginRight:15}\n return (\n <div style={{maxWidth:400}}>\n <Progress.Line percent={this.state.percent} />\n <Progress.Circle percent={this.state.percent} />\n <div>\n <button onClick={this.decline.bind(this)}>minus -</button>\n <button onClick={this.increase.bind(this)}>plus +</button>\n </div>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## \u81ea\u5b9a\u4e49\u6587\u5b57\u683c\u5f0f\n\n`format` \u5c5e\u6027\u6307\u5b9a\u683c\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 { Progress } from 'uiw';\n\nconst sty = {marginRight:10}\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Progress.Circle style={sty} percent={80} type=\"circle\" format={percent => (\n <span>\n {`${percent} %`}\n <div style={{padding:\"10px 0 0 0\",fontSize:21}}>\u5df2\u5b8c\u6210</div>\n </span>\n )}/>\n <Progress.Circle style={sty} percent={70} status=\"exception\" type=\"circle\" format={percent => (\n <span>\n {`${percent} %`}\n <div style={{padding:\"10px 0 0 0\",fontSize:21}}>\u5df2\u5173\u95ed</div>\n </span>\n )}/>\n <Progress.Circle style={sty} percent={100} type=\"circle\" format={percent => `\u5df2\u5b8c\u6210`}/>\n <Progress.Line style={sty} percent={70} format={percent => `${percent}\u2103`}/>\n <Progress.Line strokeWidth={18} percent={1} status=\"exception\" />\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n## API\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|------ \|-------- \|---------- \|-------- \|\n\| percent \| \u767e\u5206\u6bd4 \| Number \| `0` \|\n\| showText \| \u662f\u5426\u663e\u793a\u8fdb\u5ea6\u6761\u6587\u5b57\u5185\u5bb9 \| Boolean \| `true` \|\n\| format \| \u5185\u5bb9\u7684\u6a21\u677f\u51fd\u6570\uff0c\u81ea\u5b9a\u4e49\u6587\u5b57\u683c\u5f0f\u3002 \| Function \| - \|\n\| strokeWidth \| \u8fdb\u5ea6\u6761\u7ebf\u7684\u5bbd\u5ea6 \| Number \| `6` \|\n\| width \| \u5706\u5f62\u8fdb\u5ea6\u6761\u753b\u5e03\u5bbd\u5ea6\uff0c\u5355\u4f4d px ,`type=\"circle\"`\u6709\u6548\| Number \| `126` \|\n\| status \| \u72b6\u6001\uff0c\u53ef\u9009\uff1a`success` `exception` `active` \| Enum{'`success`', '`exception`'} \| - \|\n"}}]);
2	- //# sourceMappingURL=9188.b7ce0cf2.chunk.js.map

package/web/static/js/9188.b7ce0cf2.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9188.b7ce0cf2.chunk.js","mappings":"gHAAA","sources":["../../packages/react-progress/README.md"],"sourcesContent":["export default \"Progress 进度条\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-progress/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-progress.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-progress)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-progress.svg?label=@uiw/react-progress)](https://npmjs.com/@uiw/react-progress)\\n\\n用于展示操作进度，告知用户当前状态和预期。\\n\\n```jsx\\nimport { Progress } from 'uiw';\\nconst { Line, Circle } = Progress;\\n// or\\nimport Progress from '@uiw/react-progress';\\n```\\n\\n### 基本用法\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Progress } from 'uiw';\\n\\nconst { Line } = Progress;\\nconst sty = {marginBottom:10}\\nconst Demo = () => (\\n <div>\\n <Progress.Line style={sty} percent={30} />\\n <Line style={sty} percent={50} status=\\\"active\\\" />\\n <Line style={sty} percent={70} status=\\\"exception\\\" />\\n <Line style={sty} percent={100} />\\n <Line style={sty} percent={50} showText={false} />\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 进度条大小设置\\n\\n设置参数`strokeWidth`即可\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Progress } from 'uiw';\\n\\nconst { Line } = Progress;\\nconst sty = {marginBottom:10}\\nconst Demo = () => (\\n <div>\\n <Progress.Line style={sty} strokeWidth={6} percent={30} />\\n <Line style={sty} strokeWidth={14} percent={50} status=\\\"active\\\" />\\n <Line style={sty} strokeWidth={18} percent={70} status=\\\"exception\\\" />\\n <Line style={sty} strokeWidth={12} percent={100} />\\n <Line style={sty} strokeWidth={14} percent={50} showText={false} />\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 圆圈进度条\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Progress } from 'uiw';\\n\\nconst { Circle } = Progress;\\nconst sty = {marginBottom:10}\\nconst Demo = () => (\\n <div>\\n <Progress.Circle style={sty} percent={30} />\\n <Circle style={sty} percent={75} />\\n <Circle style={sty} percent={70} status=\\\"exception\\\" />\\n <Circle style={sty} percent={100} />\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 不同尺寸圆圈进度条\\n\\n通过`strokeWidth`设置圆圈进度宽带，通过`width`（`type=\\\"circle\\\"`有效）设置圆圈大小，\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Progress } from 'uiw';\\n\\nlet sty = {marginRight:15}\\nconst Demo = () => (\\n <div>\\n <Progress.Circle style={sty} width={80} strokeWidth={2} percent={30} />\\n <Progress.Circle style={sty} width={100} strokeWidth={10} percent={75} />\\n <Progress.Circle style={sty} percent={70} status=\\\"exception\\\" />\\n <Progress.Circle style={sty} width={100} strokeWidth={3} percent={75} />\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 动态展示\\n\\n进度条动态展示更直观。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Progress } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props){\\n super(props);\\n this.state = {\\n percent: 50,\\n }\\n }\\n increase(){\\n let percent = this.state.percent + 10;\\n if (percent > 100) {\\n percent = 100;\\n }\\n this.setState({ percent });\\n }\\n decline(){\\n let percent = this.state.percent - 10;\\n if (percent < 0) {\\n percent = 0;\\n }\\n this.setState({ percent });\\n }\\n render() {\\n let sty = {marginRight:15}\\n return (\\n <div style={{maxWidth:400}}>\\n <Progress.Line percent={this.state.percent} />\\n <Progress.Circle percent={this.state.percent} />\\n <div>\\n <button onClick={this.decline.bind(this)}>minus -</button>\\n <button onClick={this.increase.bind(this)}>plus +</button>\\n </div>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 自定义文字格式\\n\\n`format` 属性指定格式。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Progress } from 'uiw';\\n\\nconst sty = {marginRight:10}\\nclass Demo extends React.Component {\\n render() {\\n return (\\n <div>\\n <Progress.Circle style={sty} percent={80} type=\\\"circle\\\" format={percent => (\\n <span>\\n {`${percent} %`}\\n <div style={{padding:\\\"10px 0 0 0\\\",fontSize:21}}>已完成</div>\\n </span>\\n )}/>\\n <Progress.Circle style={sty} percent={70} status=\\\"exception\\\" type=\\\"circle\\\" format={percent => (\\n <span>\\n {`${percent} %`}\\n <div style={{padding:\\\"10px 0 0 0\\\",fontSize:21}}>已关闭</div>\\n </span>\\n )}/>\\n <Progress.Circle style={sty} percent={100} type=\\\"circle\\\" format={percent => `已完成`}/>\\n <Progress.Line style={sty} percent={70} format={percent => `${percent}℃`}/>\\n <Progress.Line strokeWidth={18} percent={1} status=\\\"exception\\\" />\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n\\n## API\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|------ |-------- |---------- |-------- |\\n| percent | 百分比 | Number | `0` |\\n| showText | 是否显示进度条文字内容 | Boolean | `true` |\\n| format | 内容的模板函数，自定义文字格式。 | Function | - |\\n| strokeWidth | 进度条线的宽度 | Number | `6` |\\n| width | 圆形进度条画布宽度，单位 px ,`type=\\\"circle\\\"`有效| Number | `126` |\\n| status | 状态，可选：`success` `exception` `active` | Enum{'`success`', '`exception`'} | - |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/9200.0a1f7353.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9200],{69200:function(e,s,n){n.r(s),n.d(s,{default:function(){return x}});var i=n(64310),r=n(75752),a=n(62545),t="index_App__Uc5Yd",c="index_Title__nqrS0",d="index_Logo__3AJ2q",l="index_Des__5xFfT",o="index_AppHeader__XFeaO",h="index_AppLink__4uIcJ",u=n(69286);function x(){return(0,u.jsx)("div",{className:t,children:(0,u.jsxs)("header",{className:o,children:[(0,u.jsx)("div",{className:d,children:a.Z.dark}),(0,u.jsxs)("div",{className:c,children:["uiw",(0,u.jsx)("sup",{children:r.i8})]}),(0,u.jsx)("div",{className:l,children:"A Component Library for React 16+."}),(0,u.jsxs)("div",{children:[(0,u.jsx)(i.rU,{className:h,to:"/guide/quick-start",children:"Getting Started"}),(0,u.jsx)(i.rU,{className:h,to:"/components",children:"Components"}),(0,u.jsx)(i.rU,{className:h,to:"/extensions",children:"Extensions"}),(0,u.jsx)("a",{className:h,href:"https://github.com/uiwjs/uiw",target:"_blank",rel:"noopener noreferrer",children:"Github"}),(0,u.jsx)("a",{className:h,href:"https://gitee.com/uiw/uiw",target:"_blank",rel:"noopener noreferrer",children:"Gitee"})]})]})})}}}]);
2	- //# sourceMappingURL=9200.0a1f7353.chunk.js.map

package/web/static/js/9200.0a1f7353.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9200.0a1f7353.chunk.js","mappings":"2LACA,EAAsB,mBAAtB,EAAiD,qBAAjD,EAA6E,oBAA7E,EAAoJ,mBAApJ,EAAmL,yBAAnL,EAAsN,uB,WCIvM,SAASA,IACtB,OACE,gBAAKC,UAAWC,EAAhB,UACE,oBAAQD,UAAWC,EAAnB,WACE,gBAAKD,UAAWC,EAAhB,SAA8BC,EAAAA,EAAAA,QAC9B,iBAAKF,UAAWC,EAAhB,iBACK,yBAAME,EAAAA,SAEX,gBAAKH,UAAWC,EAAhB,iDACA,4BACE,SAAC,KAAD,CAAMD,UAAWC,EAAgBG,GAAG,qBAApC,8BAGA,SAAC,KAAD,CAAMJ,UAAWC,EAAgBG,GAAG,cAApC,yBAGA,SAAC,KAAD,CAAMJ,UAAWC,EAAgBG,GAAG,cAApC,yBAGA,cAAGJ,UAAWC,EAAgBI,KAAK,+BAA+BC,OAAO,SAASC,IAAI,sBAAtF,qBAGA,cAAGP,UAAWC,EAAgBI,KAAK,4BAA4BC,OAAO,SAASC,IAAI,sBAAnF","sources":["webpack://website/./src/routes/home/index.module.less?3d4f","routes/home/index.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"App\":\"index_App__Uc5Yd\",\"Title\":\"index_Title__nqrS0\",\"Logo\":\"index_Logo__3AJ2q\",\"App-logo-spin\":\"index_App-logo-spin__LustM\",\"Des\":\"index_Des__5xFfT\",\"AppHeader\":\"index_AppHeader__XFeaO\",\"AppLink\":\"index_AppLink__4uIcJ\"};","import { Link } from 'react-router-dom';\nimport pkg from 'uiw/package.json';\nimport logo from '../../components/icons/logo';\nimport styles from './index.module.less';\n\nexport default function Home() {\n return (\n <div className={styles.App}>\n <header className={styles.AppHeader}>\n <div className={styles.Logo}>{logo.dark}</div>\n <div className={styles.Title}>\n uiw<sup>{pkg.version}</sup>\n </div>\n <div className={styles.Des}>A Component Library for React 16+.</div>\n <div>\n <Link className={styles.AppLink} to=\"/guide/quick-start\">\n Getting Started\n </Link>\n <Link className={styles.AppLink} to=\"/components\">\n Components\n </Link>\n <Link className={styles.AppLink} to=\"/extensions\">\n Extensions\n </Link>\n <a className={styles.AppLink} href=\"https://github.com/uiwjs/uiw\" target=\"_blank\" rel=\"noopener noreferrer\">\n Github\n </a>\n <a className={styles.AppLink} href=\"https://gitee.com/uiw/uiw\" target=\"_blank\" rel=\"noopener noreferrer\">\n Gitee\n </a>\n </div>\n </header>\n </div>\n );\n}\n"],"names":["Home","className","styles","logo","pkg","to","href","target","rel"],"sourceRoot":""}

package/web/static/js/922.b1f148e3.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[922],{70922:function(n,t,i){i.r(t),t.default='# \u5feb\u901f\u4e0a\u624b\n\n![Build uiw](https://github.com/uiwjs/uiw/workflows/Build%20uiw/badge.svg) [![](https://img.shields.io/github/issues/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/issues) [![](https://img.shields.io/github/forks/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/network) [![](https://img.shields.io/github/stars/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/stargazers) [![](https://img.shields.io/github/release/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/releases) [![Packagist](https://img.shields.io/dub/l/vibe-d.svg)](https://github.com/uiwjs/uiw) [![Packagist](https://img.shields.io/npm/v/uiw.svg)](https://www.npmjs.com/package/uiw) [![jest](https://facebook.github.io/jest/img/jest-badge.svg)](https://github.com/facebook/jest)\n\n## \u5b89\u88c5\n\n\u4f7f\u7528 npm \u6216 yarn \u5b89\u88c5\n\n```bash\n$ npm i uiw\n# or Use yarn\n$ yarn add uiw\n```\n\n\u60a8\u53ef\u4ee5\u4f7f\u7528 [`kkt`](https://github.com/kktjs/kkt) \u672c\u5730\u5feb\u901f\u521b\u5efa\u4e00\u4e2a react + uiw \u9879\u76ee\u3002\n\n```bash\n$ npx create-kkt my-app -e uiw\n```\n\n### \u901a\u8fc7 CodeSandbox \u5feb\u901f\u4f53\u9a8c\n\n\u8fd9\u662f\u4e00\u4e2a\u6700\u7b80\u5355\u7684 uiw \u7ec4\u4ef6\u7684\u5728\u7ebf [CodeSandbox](https://codesandbox.io/s/uiw-reproduction-template-luqhe?file=/src/index.tsx) [\u6f14\u793a](https://codesandbox.io/embed/uiw-reproduction-template-luqhe)\u3002\n\n<iframe\n src="https://codesandbox.io/embed/uiw-reproduction-template-luqhe?autoresize=1&fontsize=14&hidenavigation=1&theme=dark"\n style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"\n title="antd reproduction template"\n allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"\n sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"\n/>\n\n\u8bbf\u95ee https://codesandbox.io/embed/uiw-reproduction-template-luqhe \u521b\u5efa\u4e00\u4e2a [CodeSandbox](https://codesandbox.io/s/uiw-reproduction-template-luqhe) \u7684\u5728\u7ebf\u793a\u4f8b\uff0c\u522b\u5fd8\u4e86\u4fdd\u5b58\u4ee5\u521b\u5efa\u4e00\u4e2a\u65b0\u7684\u5b9e\u4f8b\u3002\n\n### \u6d4f\u89c8\u5668\u5f15\u5165\n\n\u5728\u6d4f\u89c8\u5668\u4e2d\u4f7f\u7528 `script` \u548c `link` \u6807\u7b7e\u76f4\u63a5\u5f15\u5165\u6587\u4ef6\uff0c\u5e76\u4f7f\u7528\u5168\u5c40\u53d8\u91cf uiw\u3002\n\n\u6211\u4eec\u5728 [`npm`](https://www.npmjs.com/package/uiw) \u53d1\u5e03\u5305\u5185\u7684 `uiw/dist` \u76ee\u5f55\u4e0b\u63d0\u4f9b\u4e86 `uiw.js` `uiw.css` \u4ee5\u53ca `uiw.min.js` `uiw.min.css`\u3002\u4f60\u4e5f\u53ef\u4ee5\u901a\u8fc7 [UNPKG](https://unpkg.com/uiw/dist/) \u8fdb\u884c\u4e0b\u8f7d\u3002\n\n> \u26a0\ufe0f \u5f3a\u70c8\u4e0d\u63a8\u8350\u4f7f\u7528\u5df2\u6784\u5efa\u6587\u4ef6\uff0c\u8fd9\u6837\u65e0\u6cd5\u6309\u9700\u52a0\u8f7d\u3002 \n> \u26a0\ufe0f \u6d4f\u89c8\u5668\u5f15\u5165\u53ea\u5728 uiw v2.x \u4ee5\u4e0a\u7684\u7248\u672c\u652f\u6301\u3002\n\n### \u5b89\u88c5 [v1.x](https://unpkg.com/uiw@1.16.19/dist/index.html#/cn/quick-start) \u65e7\u7248\u672c\n\n> \u26a0\ufe0f `v1.x` \u4e0d\u53ef\u4ee5\u5347\u7ea7\u5230 `v2.x`\uff0c`v2`\u662f\u5bf9 v1 \u7684\u91cd\u6784\u548c\u7b80\u5316\n\n\u5b89\u88c5 [`v1.x`](https://unpkg.com/uiw/dist/index.html#/cn/quick-start) \u7248\u672c\n\n```bash\nnpm install uiw --save\n\n## \u901a\u8fc7 GitHub \u4ed3\u5e93\u5b89\u88c5\nnpm i -S uiwjs/uiw\n# \u6307\u5b9a\u7248\u672c\nnpm i -S uiwjs/uiw#v1.16.19\n# \u6216\u8005\nyarn add uiwjs/uiw\n```\n\n> \u901a\u8fc7 GitHub \u4ed3\u5e93\u5b89\u88c5\u7684 `win` \u7528\u6237\u8bf7\u5728 `Git Bash` \u4e0b\u6267\u884c\uff0c\u56e0\u4e3a\u9700\u8981\u7528\u5230 `git`\u3002\n\n### \u5347\u7ea7 v4\n\n1. \u4ece @4.x \u5f00\u59cb\u6bcf\u4e2a\u7ec4\u4ef6\u90fd\u53ef\u4ee5\u72ec\u7acb\u4f7f\u7528\u3002\n2. \u4ee3\u7801\u4f18\u5316\u90e8\u5206\u7ec4\u4ef6 Class \u7ec4\u4ef6\u8f6c\u6362\u6210 \u51fd\u6570\u7ec4\u4ef6\uff0c\u7f16\u8bd1\u4e4b\u540e\u4f53\u79ef\u5927\u5e45\u7f29\u5c0f\u3002\n3. \u8ddf\u8fdb React 16 \u5e9f\u5f03\u751f\u547d\u5468\u671f API\u3002\n4. \u91cd\u6784\u901a\u8fc7 useMemo \u8fdb\u884c\u6027\u80fd\u4f18\u5316\u3002\n\n### \u5347\u7ea7 v3\n\n1. \u57fa\u4e8e TypeScript \u91cd\u6784\u3002\n2. v2 \u57fa\u672c\u65e0\u538b\u529b\u5347\u7ea7\u5230 v3\u3002\n3. \u4e00\u4e9b\u7ec4\u4ef6\u4f18\u5316\u3002\n\n### \u5347\u7ea7 v2.x\n\n1. \u4f18\u5316\u5927\u90e8\u5206\u7ec4\u4ef6\uff0c\u8ba9\u7ec4\u4ef6\u53d8\u5f97\u66f4\u5c0f\u66f4\u7b80\u5355\u3002\n2. \u5220\u9664\u5927\u90e8\u5206\u7ec4\u4ef6\u5197\u4f59\u529f\u80fd\uff0c\u76f4\u63a5\u4f7f\u7528\u6837\u5f0f\u5c31\u53ef\u4ee5\u5c55\u73b0\u7ec4\u4ef6\u6548\u679c\u3002\n3. \u5220\u9664\u5197\u4f59\u7ec4\u4ef6\uff0c\u4f8b\u5982\u7ec4\u4ef6 `Capsule \u80f6\u56ca` \u4e0e `Tag \u6807\u7b7e` \u7ec4\u4ef6\u5408\u5e76\u3002\n4. \u62bd\u79bb\u7ec4\u4ef6\uff0c\u9700\u8981\u5355\u72ec\u5b89\u88c5\uff0c\u5982 `HeatMap \u65e5\u5386\u70ed\u56fe`\n5. \u652f\u6301\u670d\u52a1\u7aef\u6e32\u67d3\uff0c\u53ef\u4ee5\u901a\u8fc7 [kkt-ssr](https://github.com/kktjs/kkt-ssr) \u5de5\u5177\u5efa\u7acb\u5b9e\u4f8b\u3002\n\n### \u4f7f\u7528\n\n\u4f7f\u7528\u8fc7\u7a0b\u4e2d\u4e0d\u9700\u8981\u5f15\u5165 `CSS`\uff0c\u6253\u5305\u5de5\u5177\u9700\u8981\u652f\u6301\u52a0\u8f7d [ES Module](https://github.com/rollup/rollup/wiki/pkg.module)\uff0c\u5982\u679c\u4e0d\u652f\u6301\u9700\u8981\u624b\u5de5\u5f15\u5165 `css` \u6216\u8005 `less` \u6837\u5f0f\uff0c\u5982\u679c\u5bf9\u73af\u5883\u4f7f\u7528\u6709\u969c\u788d\uff0c\u53ef\u4ee5\u901a\u8fc7 [`kkt`](#/guide/kkt) \u5de5\u5177\u521d\u59cb\u5316\u4e00\u4e2a\u5de5\u7a0b\u3002\n\n```js\nimport React from "react";\nimport ReactDOM from "react-dom";\nimport { Button } from "uiw";\n\nReactDOM.render(\n <Button type="primary">Hello</Button>,\n document.getElementById("app")\n);\n```\n\n### \u7ec4\u4ef6\u51b2\u7a81\n\n\u91cd\u65b0\u53d6\u4e00\u4e2a\u540d\u5b57\n\n```js\nimport { Button as ButtonView } from "uiw";\n```\n\n### VSCode \u4e2d\u6587\u6863\u9884\u89c8\n\n\u7ec4\u4ef6\u6587\u6863\u53ef\u4ee5\u5728 [`VSCode`](https://marketplace.visualstudio.com/items?itemName=uiw.uiw) \u4e2d\u9884\u89c8\uff0c\u6253\u5f00\u4e0b\u9762\u94fe\u63a5\u8fdb\u884c\u5b89\u88c5 [`VSCode`](https://marketplace.visualstudio.com/items?itemName=uiw.uiw) \u63d2\u4ef6\u3002\n\n[![Open in VSCode](https://jaywcjlove.github.io/sb/open/open-in-vscode.svg)](https://marketplace.visualstudio.com/items?itemName=uiw.uiw)\n\n### \u56fd\u5185\u955c\u50cf\u7ad9\u70b9\n\n\u56fd\u5185\u7528\u6237\uff0c\u901a\u8fc7[\u56fd\u5185\u955c\u50cf\u7ad9\u70b9](http://uiw.gitee.io/)\u8bbf\u95ee\u6587\u6863\u7f51\u7ad9\u6765\u63d0\u9ad8\u8bbf\u95ee\u901f\u5ea6\u3002\n\n### \u5f00\u53d1\n\n\u4f7f\u7528 [`Gitpod`](https://gitpod.io)\uff0c`GitHub` \u7684\u514d\u8d39\u5728\u7ebf\u5f00\u53d1\u73af\u5883\uff0c\u70b9\u51fb\u6253\u5f00\u4e0b\u9762\u94fe\u63a5\uff0c\u81ea\u52a8\u521d\u59cb\u5316\u9879\u76ee\uff0c\u5c06\u5f00\u53d1\u73af\u5883\u8dd1\u8d77\u6765\u3002\n\n[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/uiwjs/uiwjs.github.io)\n\n\u8981\u5f00\u53d1\uff0c\u8fd0\u884c\u81ea\u91cd\u65b0\u6784\u5efa\uff0c\u83b7\u53d6\u4ee3\u7801\uff1a\n\n```bash\n$ git clone https://github.com/uiwjs/uiwjs.github.io.git --recurse-submodules\n```\n\n\u8981\u5f00\u53d1\uff0c\u8fd0\u884c\u81ea\u91cd\u65b0\u6784\u5efa\uff0c\u8fd9\u91cc\u5c06\u8981\u8dd1\u4e24\u4e2a\u4efb\u52a1\uff1a\n\n```bash\n$ npm install # Install dependencies\n$ lerna bootstrap # Install all package dependencies\n$ lerna bootstrap --scope @uiw/* # Set scope installation dependencies\n$ npm run bootstrap\n$ npm run bootstrap:webiste\n$ npm run hoist\n$ npm run build\n```\n\n```bash\n# Run the app\n# Restart the app automatically every time code changes.\n# Useful during development.\n$ npm start\n```\n\n\u6253\u5f00\u6d4f\u89c8\u5668\u5e76\u8bbf\u95ee\uff1ahttp://localhost:19870\n\n## \u6587\u4ef6\u76ee\u5f55\u8bf4\u660e\n\n```bash\n\u251c\u2500\u2500 LICENSE\n\u251c\u2500\u2500 README.md\n\u251c\u2500\u2500 package.json\n\u251c\u2500\u2500 website\n\u2502\xa0\xa0 \u251c\u2500\u2500 uiw # Documentation website source code\n\u2514\u2500\u2500 packages\n\xa0\xa0\xa0 \u251c\u2500\u2500 uiw # Component library source code\n\xa0\xa0\xa0 \u251c\u2500\u2500 react-alert\n\xa0\xa0\xa0 \u251c\u2500\u2500 ...\n\xa0\xa0\xa0 \u2514\u2500\u2500 react-affix\n```\n\n## License\n\nLicensed under the MIT License.\n'}}]);
2	- //# sourceMappingURL=922.b1f148e3.chunk.js.map

package/web/static/js/922.b1f148e3.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/922.b1f148e3.chunk.js","mappings":"+GAAA","sources":["routes/guide/quick-start/README.md"],"sourcesContent":["export default \"# 快速上手\\n\\n![Build uiw](https://github.com/uiwjs/uiw/workflows/Build%20uiw/badge.svg) [![](https://img.shields.io/github/issues/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/issues) [![](https://img.shields.io/github/forks/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/network) [![](https://img.shields.io/github/stars/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/stargazers) [![](https://img.shields.io/github/release/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/releases) [![Packagist](https://img.shields.io/dub/l/vibe-d.svg)](https://github.com/uiwjs/uiw) [![Packagist](https://img.shields.io/npm/v/uiw.svg)](https://www.npmjs.com/package/uiw) [![jest](https://facebook.github.io/jest/img/jest-badge.svg)](https://github.com/facebook/jest)\\n\\n## 安装\\n\\n使用 npm 或 yarn 安装\\n\\n```bash\\n$ npm i uiw\\n# or Use yarn\\n$ yarn add uiw\\n```\\n\\n您可以使用 [`kkt`](https://github.com/kktjs/kkt) 本地快速创建一个 react + uiw 项目。\\n\\n```bash\\n$ npx create-kkt my-app -e uiw\\n```\\n\\n### 通过 CodeSandbox 快速体验\\n\\n这是一个最简单的 uiw 组件的在线 [CodeSandbox](https://codesandbox.io/s/uiw-reproduction-template-luqhe?file=/src/index.tsx) [演示](https://codesandbox.io/embed/uiw-reproduction-template-luqhe)。\\n\\n<iframe\\n src=\\\"https://codesandbox.io/embed/uiw-reproduction-template-luqhe?autoresize=1&fontsize=14&hidenavigation=1&theme=dark\\\"\\n style=\\\"width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;\\\"\\n title=\\\"antd reproduction template\\\"\\n allow=\\\"geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb\\\"\\n sandbox=\\\"allow-modals allow-forms allow-popups allow-scripts allow-same-origin\\\"\\n/>\\n\\n访问 https://codesandbox.io/embed/uiw-reproduction-template-luqhe 创建一个 [CodeSandbox](https://codesandbox.io/s/uiw-reproduction-template-luqhe) 的在线示例，别忘了保存以创建一个新的实例。\\n\\n### 浏览器引入\\n\\n在浏览器中使用 `script` 和 `link` 标签直接引入文件，并使用全局变量 uiw。\\n\\n我们在 [`npm`](https://www.npmjs.com/package/uiw) 发布包内的 `uiw/dist` 目录下提供了 `uiw.js` `uiw.css` 以及 `uiw.min.js` `uiw.min.css`。你也可以通过 [UNPKG](https://unpkg.com/uiw/dist/) 进行下载。\\n\\n> ⚠️ 强烈不推荐使用已构建文件，这样无法按需加载。 \\n> ⚠️ 浏览器引入只在 uiw v2.x 以上的版本支持。\\n\\n### 安装 [**v1.x**](https://unpkg.com/uiw@1.16.19/dist/index.html#/cn/quick-start) 旧版本\\n\\n> ⚠️ `v1.x` 不可以升级到 `v2.x`，`v2`是对 v1 的重构和简化\\n\\n安装 [**`v1.x`**](https://unpkg.com/uiw/dist/index.html#/cn/quick-start) 版本\\n\\n```bash\\nnpm install uiw --save\\n\\n## 通过 GitHub 仓库安装\\nnpm i -S uiwjs/uiw\\n# 指定版本\\nnpm i -S uiwjs/uiw#v1.16.19\\n# 或者\\nyarn add uiwjs/uiw\\n```\\n\\n> **通过 GitHub 仓库安装**的 `win` 用户请在 `Git Bash` 下执行，因为需要用到 `git`。\\n\\n### 升级 v4\\n\\n1. 从 @4.x 开始每个组件都可以独立使用。\\n2. 代码优化部分组件 Class 组件转换成函数组件，编译之后体积大幅缩小。\\n3. 跟进 React 16 废弃生命周期 API。\\n4. 重构通过 useMemo 进行性能优化。\\n\\n### 升级 v3\\n\\n1. 基于 TypeScript 重构。\\n2. v2 基本无压力升级到 v3。\\n3. 一些组件优化。\\n\\n### 升级 v2.x\\n\\n1. 优化大部分组件，让组件变得更小更简单。\\n2. 删除大部分组件冗余功能，直接使用样式就可以展现组件效果。\\n3. 删除冗余组件，例如组件 `Capsule 胶囊` 与 `Tag 标签` 组件合并。\\n4. 抽离组件，需要单独安装，如 `HeatMap 日历热图`\\n5. 支持服务端渲染，可以通过 [kkt-ssr](https://github.com/kktjs/kkt-ssr) 工具建立实例。\\n\\n### 使用\\n\\n使用过程中不需要引入 `CSS`，打包工具需要支持加载 [ES Module](https://github.com/rollup/rollup/wiki/pkg.module)，如果不支持需要手工引入 `css` 或者 `less` 样式，如果对环境使用有障碍，可以通过 [`kkt`](#/guide/kkt) 工具初始化一个工程。\\n\\n```js\\nimport React from \\\"react\\\";\\nimport ReactDOM from \\\"react-dom\\\";\\nimport { Button } from \\\"uiw\\\";\\n\\nReactDOM.render(\\n <Button type=\\\"primary\\\">Hello</Button>,\\n document.getElementById(\\\"app\\\")\\n);\\n```\\n\\n### 组件冲突\\n\\n重新取一个名字\\n\\n```js\\nimport { Button as ButtonView } from \\\"uiw\\\";\\n```\\n\\n### VSCode 中文档预览\\n\\n组件文档可以在 [`VSCode`](https://marketplace.visualstudio.com/items?itemName=uiw.uiw) 中预览，打开下面链接进行安装 [`VSCode`](https://marketplace.visualstudio.com/items?itemName=uiw.uiw) 插件。\\n\\n[![Open in VSCode](https://jaywcjlove.github.io/sb/open/open-in-vscode.svg)](https://marketplace.visualstudio.com/items?itemName=uiw.uiw)\\n\\n### 国内镜像站点\\n\\n国内用户，通过[国内镜像站点](http://uiw.gitee.io/)访问文档网站来提高访问速度。\\n\\n### 开发\\n\\n使用 [`Gitpod`](https://gitpod.io)，`GitHub` 的免费在线开发环境，点击打开下面链接，自动初始化项目，将开发环境跑起来。\\n\\n[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/uiwjs/uiwjs.github.io)\\n\\n要开发，运行自重新构建，获取代码：\\n\\n```bash\\n$ git clone https://github.com/uiwjs/uiwjs.github.io.git --recurse-submodules\\n```\\n\\n要开发，运行自重新构建，这里将要跑两个任务：\\n\\n```bash\\n$ npm install # Install dependencies\\n$ lerna bootstrap # Install all package dependencies\\n$ lerna bootstrap --scope @uiw/* # Set scope installation dependencies\\n$ npm run bootstrap\\n$ npm run bootstrap:webiste\\n$ npm run hoist\\n$ npm run build\\n```\\n\\n```bash\\n# Run the app\\n# Restart the app automatically every time code changes.\\n# Useful during development.\\n$ npm start\\n```\\n\\n打开浏览器并访问：http://localhost:19870\\n\\n## 文件目录说明\\n\\n```bash\\n├── LICENSE\\n├── README.md\\n├── package.json\\n├── website\\n│ ├── uiw # Documentation website source code\\n└── packages\\n ├── uiw # Component library source code\\n ├── react-alert\\n ├── ...\\n └── react-affix\\n```\\n\\n## License\\n\\nLicensed under the MIT License.\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/9253.2084d55f.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9253],{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(32131),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@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.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.1.3/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 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:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(36131);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.Divider,{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.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.Divider,{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.Divider,{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,k=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var b={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(b).filter((function(e){return void 0!==b[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,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},73255: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(36131)),c=t(86082),d=t(69286);function a(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-notify/README.md",dependencies:{Notify:s.Notify,ButtonGroup:s.ButtonGroup,Button:s.Button},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(745).then(t.bind(t,80745));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=9253.2084d55f.chunk.js.map

package/web/static/js/9253.2084d55f.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9253.2084d55f.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/notify/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 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@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n }\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 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: '^17.0.2',\n 'react-dom': '^17.0.2',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\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, codeSandbox } = 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 codeSandbox,\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, codeSandbox }}\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 { Notify, ButtonGroup, Button } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default function Page() {\n return (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-notify/README.md\"\n dependencies={{ Notify, ButtonGroup, Button }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-notify/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","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","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","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","Notify","ButtonGroup","Button","md","default"],"sourceRoot":""}

package/web/static/js/9260.3dc527fb.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9260],{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),c=t(41473),s=t(32131),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,c=e.codeSandbox,s=(0,o.Z)(e,l),d=(0,r.Z)({},s);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@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.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.1.3/index.js")}),c&&(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 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:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(36131);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)(c.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.Divider,{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.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.Divider,{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.Divider,{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",v="index_markdown__hcQCp",k=["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,c.useState)(""),h=(0,i.Z)(l,2),b=h[0],j=h[1],g=d.i8\|\|"2.0.0";return(0,c.useEffect)((function(){n&&n().then((function(e){j(e)})).catch((function(){}))}),[]),b?(0,u.jsxs)("div",{children:[(0,u.jsx)(s.Z,{source:b,className:v,components:{code:function(e){var n=e.inline,i=e.node,c=(0,o.Z)(e,k),s=c,d=s.noPreview,a=s.bordered,l=s.noScroll,h=s.bgWhite,f=s.noCode,m=s.codePen,v=s.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},c));var b={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:v};return 0===Object.keys(b).filter((function(e){return void 0!==b[e]})).length?(0,u.jsx)("code",(0,r.Z)({},c)):(0,u.jsx)(p,{version:g,code:x(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:v})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},36770:function(e,n,t){"use strict";t.r(n);var r=t(27791),o=t(57135),i=t.n(o),c=(t(41473),t(36131)),s=t(86082),d=t(69286);n.default=function(){return(0,d.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-rate/README.md",dependencies:{Rate:c.Rate,Radio:c.Radio,RadioGroup:c.RadioGroup,Icon:c.Icon,Divider:c.Divider,Form:c.Form,Row:c.Row,Col:c.Col,Button:c.Button,Notify:c.Notify},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(207).then(t.bind(t,40207));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=9260.3dc527fb.chunk.js.map

package/web/static/js/9260.3dc527fb.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9260.3dc527fb.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/rate/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@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n }\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 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: '^17.0.2',\n 'react-dom': '^17.0.2',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\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, codeSandbox } = 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 codeSandbox,\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, codeSandbox }}\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 { Rate, Radio, RadioGroup, Icon, Divider, Form, Row, Col, Button, Notify } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-rate/README.md\"\n dependencies={{\n Rate,\n Radio,\n RadioGroup,\n Icon,\n Divider,\n Form,\n Row,\n Col,\n Button,\n Notify,\n }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-rate/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","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","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","Rate","Radio","RadioGroup","Icon","Form","Row","Col","Button","Notify","md","default"],"sourceRoot":""}

package/web/static/js/9384.bcac8ee4.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9384],{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),c=t(41473),s=t(32131),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,c=e.codeSandbox,s=(0,o.Z)(e,l),d=(0,r.Z)({},s);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@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.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.1.3/index.js")}),c&&(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 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:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(36131);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)(c.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.Divider,{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.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.Divider,{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.Divider,{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",v="index_markdown__hcQCp",k=["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,c.useState)(""),h=(0,i.Z)(l,2),b=h[0],j=h[1],g=d.i8\|\|"2.0.0";return(0,c.useEffect)((function(){n&&n().then((function(e){j(e)})).catch((function(){}))}),[]),b?(0,u.jsxs)("div",{children:[(0,u.jsx)(s.Z,{source:b,className:v,components:{code:function(e){var n=e.inline,i=e.node,c=(0,o.Z)(e,k),s=c,d=s.noPreview,a=s.bordered,l=s.noScroll,h=s.bgWhite,f=s.noCode,m=s.codePen,v=s.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},c));var b={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:v};return 0===Object.keys(b).filter((function(e){return void 0!==b[e]})).length?(0,u.jsx)("code",(0,r.Z)({},c)):(0,u.jsx)(p,{version:g,code:x(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:v})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},38661: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),c=(t(41473),t(36131)),s=t(86082),d=t(69286);function a(){return(0,d.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-pin-code/README.md",dependencies:{Divider:c.Divider,PinCode:c.PinCode,Form:c.Form,Row:c.Row,Col:c.Col,Icon:c.Icon,Button:c.Button,Notify:c.Notify},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(2679).then(t.bind(t,12679));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=9384.bcac8ee4.chunk.js.map

package/web/static/js/9384.bcac8ee4.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9384.bcac8ee4.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/pin-code/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@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n }\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 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: '^17.0.2',\n 'react-dom': '^17.0.2',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\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, codeSandbox } = 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 codeSandbox,\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, codeSandbox }}\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 { Divider, PinCode, Form, Row, Col, Icon, Button, Notify } 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-pin-code/README.md\"\n dependencies={{ Divider, PinCode, Form, Row, Col, Icon, Button, Notify }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-pin-code/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","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","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","PinCode","Form","Row","Col","Icon","Button","Notify","md","default"],"sourceRoot":""}