npm - @uiw/doc - Versions diffs - 4.11.6 → 4.12.2 - Mend

@uiw/doc 4.11.6 → 4.12.2

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

Files changed (797) hide show

package/web/static/js/8566.8013c372.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/8566.8013c372.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/divider/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 84934;\nmodule.exports = webpackEmptyContext;","import CodePreview, { CodePreviewProps } from '@uiw/react-code-preview';\n\nexport interface CodeProps extends CodePreviewProps {\n code: string;\n version: string;\n codePen: boolean;\n codeSandbox?: boolean;\n dependencies: any;\n}\n\nexport default function Code({ version, dependencies, codePen, codeSandbox, ...other }: CodeProps) {\n const props: CodePreviewProps = { ...other };\n if (codePen) {\n props.codePenOption = {\n title: `uiw${version} - demo`,\n includeModule: ['uiw'],\n js: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.0.2/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import webpack from \"webpack\";\\nimport lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: 'latest',\n 'react-dom': 'latest',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '6.9.0',\n kkt: '6.9.0',\n typescript: '4.1.3',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const { noPreview, bordered, noScroll, bgWhite, noCode, codePen } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { 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-divider/README.md\"\n dependencies={{ Divider }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-divider/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","typescript","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Page","Divider","md","default"],"sourceRoot":""}

package/web/static/js/8586.922fe070.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8586],{88586:function(n,e,t){t.r(e),e.default="Switch \u5f00\u5173\n===\n\n\u8868\u793a\u4e24\u79cd\u76f8\u4e92\u5bf9\u7acb\u7684\u72b6\u6001\u95f4\u7684\u5207\u6362\uff0c\u591a\u7528\u4e8e\u89e6\u53d1\u300c\u5f00/\u5173\u300d\u3002\u9009\u4e2d\u65f6\u7684\u5185\u5bb9\u652f\u6301\u54cd\u5e94\u5f0f\u3002\n\n```jsx\nimport { Switch } from 'uiw';\n// or\nimport Switch from '@uiw/react-switch';\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 { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch checked style={{ marginRight: 10 }} />\n <Switch style={{ marginRight: 10 }} />\n <Switch data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n### Form \u4e2d\u4f7f\u7528 Switch\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Form, Switch, Row, Col, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n <Form\n onChange={({ initial, current }) => { }}\n resetOnSubmit={false}\n onSubmitError={(error) => error && error.filed ? { ...error.filed } : null}\n onSubmit={({initial, current}) => {\n console.log('switch::', initial, current)\n const ErrObj = {};\n if(Object.keys(ErrObj).length > 0) {\n const err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n }}\n fields={{\n switch: {\n checked: true,\n initialValue: true,\n label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n help: '\u5fc5\u9009\u9009\u9879\uff01',\n validator: value => !value ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n children: <Switch style={{ maxWidth: 200 }} />,\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.switch}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n );\n }}\n </Form>\n);\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u8bbe\u7f6e\u6587\u5b57\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch\n data-checked=\"\u5f00\"\n data-unchecked=\"\u5173\"\n onChange={(e) => {\n console.log('e', e.target.checked);\n }}\n style={{ marginRight: 10 }}\n />\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n### \u7981\u7528\u72b6\u6001\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch disabled checked style={{ marginRight: 10 }} />\n <Switch disabled style={{ marginRight: 10 }} />\n <Switch disabled data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5c3a\u5bf8\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch size=\"large\" style={{ marginRight: 10 }} data-checked=\"\u5f00\" data-unchecked=\"\u5173\" />\n <Switch size=\"large\" checked style={{ marginRight: 10 }} />\n <Switch style={{ marginRight: 10 }} />\n <Switch style={{ marginRight: 10 }} data-checked=\"\u5f00\" data-unchecked=\"\u5173\" />\n <Switch size=\"small\" data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u63a7\u5236\u7ec4\u4ef6\n\n\u901a\u8fc7 `checked` \u5c5e\u6027\u6539\u53d8 `Switch` \u7ec4\u4ef6\u72b6\u6001\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Switch, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n checked: true\n }\n }\n onChange(e) {\n console.log('~~~:::');\n this.setState({ checked: e.target.checked });\n }\n render() {\n return (\n <div style={{ backgroundColor: '#fff', margin: -15, padding: 15, borderRadius: '5px 5px 0 0' }}>\n <Switch onChange={this.onChange.bind(this)} checked={this.state.checked} style={{ marginRight: 10 }} />\n <Button\n size=\"small\"\n type=\"primary\"\n onClick={() => {\n this.setState({ checked: !this.state.checked });\n }}\n >\n \u70b9\u51fb\u6309\u94ae\u6539\u53d8 Switch \u72b6\u6001\n </Button>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Switch \n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|------ \|-------- \|---------- \|-------- \|\n\| value \| \u6839\u636e value \u8fdb\u884c\u6bd4\u8f83\uff0c\u5224\u65ad\u662f\u5426\u9009\u4e2d \| String/Number/Boolean \| - \|\n\| name \| \u7528\u4e8e\u8868\u5355\u5bf9\u5e94\u7684\u540d\u79f0 \| String \| - \|\n\| checked \| \u6307\u5b9a\u5f53\u524d\u662f\u5426\u9009\u4e2d \| boolean \| false \|\n\| disabled \| \u662f\u5426\u7981\u7528 \| boolean \| false \|\n\| onChange \| \u53d8\u5316\u65f6\u56de\u8c03\u51fd\u6570 \| Function(e:Event) \| - \|\n\| data-checked \| \u9009\u4e2d\u65f6\u7684\u5185\u5bb9 \| string/ReactNode \| - \|\n\| data-unchecked \| \u975e\u9009\u4e2d\u65f6\u7684\u5185\u5bb9 \| string/ReactNode \| - \|\n\| size \| \u5f00\u5173\u5927\u5c0f\uff0c\u53ef\u9009\u503c\uff1a`large` `default` `small` \| string \| default \|\n"}}]);
2	- //# sourceMappingURL=8586.922fe070.chunk.js.map

package/web/static/js/8586.922fe070.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/8586.922fe070.chunk.js","mappings":"gHAAA","sources":["../../packages/react-switch/README.md"],"sourcesContent":["export default \"Switch 开关\\n===\\n\\n表示两种相互对立的状态间的切换，多用于触发「开/关」。选中时的内容支持响应式。\\n\\n```jsx\\nimport { Switch } from 'uiw';\\n// or\\nimport Switch from '@uiw/react-switch';\\n```\\n\\n### 基本用法\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Switch } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Switch checked style={{ marginRight: 10 }} />\\n <Switch style={{ marginRight: 10 }} />\\n <Switch data-checked=\\\"开\\\" data-unchecked=\\\"关\\\">电源</Switch>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n\\n### Form 中使用 Switch\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Form, Switch, Row, Col, Button, Notify } from 'uiw';\\n\\nconst Demo = () => (\\n <Form\\n onChange={({ initial, current }) => { }}\\n resetOnSubmit={false}\\n onSubmitError={(error) => error && error.filed ? { ...error.filed } : null}\\n onSubmit={({initial, current}) => {\\n console.log('switch::', initial, current)\\n const ErrObj = {};\\n if(Object.keys(ErrObj).length > 0) {\\n const err = new Error();\\n err.filed = ErrObj;\\n throw err;\\n }\\n }}\\n fields={{\\n switch: {\\n checked: true,\\n initialValue: true,\\n label: '请输入内容',\\n help: '必选选项！',\\n validator: value => !value ? '必填选项！' : null,\\n children: <Switch style={{ maxWidth: 200 }} />,\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <div>\\n <Row>\\n <Col>{fields.switch}</Col>\\n </Row>\\n <Row>\\n <Col>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n <Row>\\n <Col>\\n <pre style={{ padding: 10, marginTop: 10 }}>\\n {JSON.stringify(state.current, null, 2)}\\n </pre>\\n </Col>\\n </Row>\\n </div>\\n );\\n }}\\n </Form>\\n);\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 设置文字\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Switch } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Switch\\n data-checked=\\\"开\\\"\\n data-unchecked=\\\"关\\\"\\n onChange={(e) => {\\n console.log('e', e.target.checked);\\n }}\\n style={{ marginRight: 10 }}\\n />\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n\\n### 禁用状态\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Switch } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Switch disabled checked style={{ marginRight: 10 }} />\\n <Switch disabled style={{ marginRight: 10 }} />\\n <Switch disabled data-checked=\\\"开\\\" data-unchecked=\\\"关\\\">电源</Switch>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 尺寸\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Switch } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Switch size=\\\"large\\\" style={{ marginRight: 10 }} data-checked=\\\"开\\\" data-unchecked=\\\"关\\\" />\\n <Switch size=\\\"large\\\" checked style={{ marginRight: 10 }} />\\n <Switch style={{ marginRight: 10 }} />\\n <Switch style={{ marginRight: 10 }} data-checked=\\\"开\\\" data-unchecked=\\\"关\\\" />\\n <Switch size=\\\"small\\\" data-checked=\\\"开\\\" data-unchecked=\\\"关\\\">电源</Switch>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 控制组件\\n\\n通过 `checked` 属性改变 `Switch` 组件状态。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Switch, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = {\\n checked: true\\n }\\n }\\n onChange(e) {\\n console.log('~~~:::');\\n this.setState({ checked: e.target.checked });\\n }\\n render() {\\n return (\\n <div style={{ backgroundColor: '#fff', margin: -15, padding: 15, borderRadius: '5px 5px 0 0' }}>\\n <Switch onChange={this.onChange.bind(this)} checked={this.state.checked} style={{ marginRight: 10 }} />\\n <Button\\n size=\\\"small\\\"\\n type=\\\"primary\\\"\\n onClick={() => {\\n this.setState({ checked: !this.state.checked });\\n }}\\n >\\n 点击按钮改变 Switch 状态\\n </Button>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Switch \\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|------ |-------- |---------- |-------- |\\n| value | 根据 value 进行比较，判断是否选中 | String/Number/Boolean | - |\\n| name | 用于表单对应的名称 | String | - |\\n| checked | 指定当前是否选中 | boolean | false |\\n| disabled | 是否禁用 | boolean | false |\\n| onChange | 变化时回调函数 | Function(e:Event) | - |\\n| data-checked | 选中时的内容 | string/ReactNode | - |\\n| data-unchecked | 非选中时的内容 | string/ReactNode | - |\\n| size | 开关大小，可选值：`large` `default` `small` | string | default |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/8709.935c2f52.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8709],{88709:function(n,e,t){t.r(e),e.default='Dropdown \u4e0b\u62c9\u83dc\u5355\n===\n\n\u5411\u4e0b\u5f39\u51fa\u7684\u5217\u8868\u3002\n\n```jsx\nimport { Dropdown } from \'uiw\';\n// or\nimport Dropdown from \'@uiw/react-dropdown\';\n```\n\n### \u57fa\u672c\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 { Dropdown, Menu, ButtonGroup, Button, Divider, Icon } from \'uiw\';\n\nconst menu = (\n <div>\n <Menu bordered style={{ minWidth: 120 }}>\n <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\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" />\n <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n </Menu>\n </div>\n);\n\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Dropdown menu={menu}>\n <a href=\'#\' onClick={e => e.preventDefault()}>\n \u9f20\u6807\u7ecf\u8fc7\u51fa\u73b0\u83dc\u5355 <Icon type="down" />\n </a>\n </Dropdown>\n <Dropdown trigger="click" menu={menu}>\n <a href=\'#\' onClick={e => e.preventDefault()}>\n \u70b9\u51fb\u6211\u51fa\u73b0\u4e0b\u62c9\u83dc\u5355 <Icon type="down" />\n </a>\n </Dropdown>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u88ab\u7981\u7528\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Dropdown, Menu, ButtonGroup, Button } from \'uiw\';\n\nconst menu = (\n <div>\n <Menu bordered style={{ maxWidth: 200 }}>\n <Menu.Item 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>\n </div>\n);\n\nReactDOM.render(\n <div>\n <ButtonGroup style={{ marginRight: 5, display: \'inline-block\' }}>\n <Button disabled icon="copy">\u70b9\u51fb\u53f3\u8fb9</Button>\n <Dropdown disabled trigger="click" placement="bottomRight" menu={menu}>\n <Button icon="more" />\n </Dropdown>\n </ButtonGroup>\n <Dropdown disabled menu={menu}>\n <Button basic type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </Dropdown>\n </div>,\n _mount_\n);\n```\n\n### \u5f39\u51fa\u4f4d\u7f6e\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Dropdown, Menu, ButtonGroup, Button } from \'uiw\';\n\nconst menu = (\n <div>\n <Menu bordered style={{ maxWidth: 200 }}>\n <Menu.Item 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>\n </div>\n);\n\nReactDOM.render(\n <div>\n <ButtonGroup style={{ marginRight: 5, display: \'inline-block\' }}>\n <Button icon="copy">top</Button>\n <Dropdown trigger="click" placement="top" menu={menu}>\n <Button icon="more" />\n </Dropdown>\n </ButtonGroup>\n <Dropdown menu={menu} trigger="click" placement="topLeft">\n <Button type="primary">topLeft</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="topRight">\n <Button type="success">topRight</Button>\n </Dropdown>\n <Divider />\n <Dropdown menu={menu} trigger="click" placement="bottomRight">\n <Button type="light">bottomRight</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="bottom">\n <Button type="warning">bottom</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="bottomLeft">\n <Button type="danger">bottomLeft</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="right">\n <Button type="dark">right</Button>\n </Dropdown>\n </div>,\n _mount_\n);\n```\n\n### \u9009\u62e9\u5668\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Dropdown, Menu, Button, Icon } from \'uiw\';\n\nfunction Select(props) {\n const { option, onChange } = props;\n const [open, setOpen] = React.useState(false);\n const [value, setValue] = React.useState(props.value);\n const label = option.find(item => value === item.value);\n\n React.useEffect(() => {\n if (props.value !== value) {\n setValue(props.value);\n }\n }, [props.value]);\n\n return (\n <Dropdown\n trigger="click"\n onVisibleChange={(isOpen) => setOpen(isOpen)}\n isOpen={open}\n menu={\n <div>\n <Menu bordered style={{ minWidth: 120 }}>\n {option.map((item, idx) => {\n const active = value === item.value;\n return (\n <Menu.Item\n key={idx}\n active={active}\n text={item.label}\n onClick={(e) => {\n setValue(item.value)\n setOpen(false)\n onChange && onChange(item.value, e)\n }}\n />\n );\n })}\n </Menu>\n </div>\n }\n >\n <Button type="link">{label.label}<Icon type={open ? \'up\' : \'down\'} /></Button>\n </Dropdown>\n )\n}\n\nconst option = [\n { label: \'\u5f80\u8fd4\', value: 1 },\n { label: \'\u5355\u7a0b\', value: 2 },\n { label: \'\u8054\u7a0b\', value: 3 },\n { label: \'Nomad\', value: 4 },\n];\n\nconst option2 = [\n { label: \'\u7ecf\u6d4e\u8231\', value: 1 },\n { label: \'\u8c6a\u534e\u7ecf\u6d4e\u8231\', value: 2 },\n { label: \'\u5546\u52a1\u8231\', value: 3 },\n { label: \'\u5934\u7b49\u8231\', value: 4 },\n];\n\nReactDOM.render(\n <div>\n <Select option={option} value={1} onChange={(item) => { console.log(\'item\', item); }} />\n <Select option={option2} value={2} onChange={(item) => { console.log(\'item\', item); }} />\n </div>,\n _mount_\n);\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| -------- \| -------- \| -------- \| -------- \|\n\| menu \| \u83dc\u5355 \| [`<Menu>`](#/components/menu) \| - \|\n\| disabled \| \u83dc\u5355\u662f\u5426\u7981\u7528 \| Boolean \| - \|\n\| trigger[`<OverlayTrigger>`](#/components/overlay-trigger) \| \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3 \| Enum{`hover`, `click`, `focus`} \| `hover` \|\n\| placement[`<OverlayTrigger>`](#/components/overlay-trigger) \| \u6307\u5b9a\u5f39\u51fa\u6846\u4f4d\u7f6e\uff0c\u652f\u6301 12 \u4e2a\u8bbf\u95ee\u5c55\u793a\u83dc\u5355\u3002 \| Enum{} \| `bottomLeft` \|\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [OverlayTrigger](#/components/overlay-trigger)\u3002'}}]);
2	- //# sourceMappingURL=8709.935c2f52.chunk.js.map

package/web/static/js/8709.935c2f52.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/8709.935c2f52.chunk.js","mappings":"gHAAA","sources":["../../packages/react-dropdown/README.md"],"sourcesContent":["export default \"Dropdown 下拉菜单\\n===\\n\\n向下弹出的列表。\\n\\n```jsx\\nimport { Dropdown } from 'uiw';\\n// or\\nimport Dropdown from '@uiw/react-dropdown';\\n```\\n\\n### 基本用法\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Dropdown, Menu, ButtonGroup, Button, Divider, Icon } from 'uiw';\\n\\nconst menu = (\\n <div>\\n <Menu bordered style={{ minWidth: 120 }}>\\n <Menu.Item icon=\\\"reload\\\" text=\\\"重新加载\\\" />\\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>\\n </div>\\n);\\n\\nclass Demo extends React.Component {\\n render() {\\n return (\\n <div>\\n <Dropdown menu={menu}>\\n <a href='#' onClick={e => e.preventDefault()}>\\n 鼠标经过出现菜单 <Icon type=\\\"down\\\" />\\n </a>\\n </Dropdown>\\n <Dropdown trigger=\\\"click\\\" menu={menu}>\\n <a href='#' onClick={e => e.preventDefault()}>\\n 点击我出现下拉菜单 <Icon type=\\\"down\\\" />\\n </a>\\n </Dropdown>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 被禁用\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Dropdown, Menu, ButtonGroup, Button } from 'uiw';\\n\\nconst menu = (\\n <div>\\n <Menu bordered style={{ maxWidth: 200 }}>\\n <Menu.Item 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>\\n </div>\\n);\\n\\nReactDOM.render(\\n <div>\\n <ButtonGroup style={{ marginRight: 5, display: 'inline-block' }}>\\n <Button disabled icon=\\\"copy\\\">点击右边</Button>\\n <Dropdown disabled trigger=\\\"click\\\" placement=\\\"bottomRight\\\" menu={menu}>\\n <Button icon=\\\"more\\\" />\\n </Dropdown>\\n </ButtonGroup>\\n <Dropdown disabled menu={menu}>\\n <Button basic type=\\\"link\\\"> (超连接样式)link </Button>\\n </Dropdown>\\n <Dropdown disabled menu={menu}>\\n <Button type=\\\"primary\\\">主要按钮</Button>\\n </Dropdown>\\n <Dropdown disabled menu={menu}>\\n <Button type=\\\"success\\\">成功按钮</Button>\\n </Dropdown>\\n <Dropdown disabled menu={menu}>\\n <Button type=\\\"warning\\\">警告按钮</Button>\\n </Dropdown>\\n <Dropdown disabled menu={menu}>\\n <Button type=\\\"danger\\\">错误按钮</Button>\\n </Dropdown>\\n <Dropdown disabled menu={menu}>\\n <Button type=\\\"light\\\">亮按钮</Button>\\n </Dropdown>\\n <Dropdown disabled menu={menu}>\\n <Button type=\\\"dark\\\">暗按钮</Button>\\n </Dropdown>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 弹出位置\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Dropdown, Menu, ButtonGroup, Button } from 'uiw';\\n\\nconst menu = (\\n <div>\\n <Menu bordered style={{ maxWidth: 200 }}>\\n <Menu.Item 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>\\n </div>\\n);\\n\\nReactDOM.render(\\n <div>\\n <ButtonGroup style={{ marginRight: 5, display: 'inline-block' }}>\\n <Button icon=\\\"copy\\\">top</Button>\\n <Dropdown trigger=\\\"click\\\" placement=\\\"top\\\" menu={menu}>\\n <Button icon=\\\"more\\\" />\\n </Dropdown>\\n </ButtonGroup>\\n <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"topLeft\\\">\\n <Button type=\\\"primary\\\">topLeft</Button>\\n </Dropdown>\\n <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"topRight\\\">\\n <Button type=\\\"success\\\">topRight</Button>\\n </Dropdown>\\n <Divider />\\n <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"bottomRight\\\">\\n <Button type=\\\"light\\\">bottomRight</Button>\\n </Dropdown>\\n <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"bottom\\\">\\n <Button type=\\\"warning\\\">bottom</Button>\\n </Dropdown>\\n <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"bottomLeft\\\">\\n <Button type=\\\"danger\\\">bottomLeft</Button>\\n </Dropdown>\\n <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"right\\\">\\n <Button type=\\\"dark\\\">right</Button>\\n </Dropdown>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 选择器\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Dropdown, Menu, Button, Icon } from 'uiw';\\n\\nfunction Select(props) {\\n const { option, onChange } = props;\\n const [open, setOpen] = React.useState(false);\\n const [value, setValue] = React.useState(props.value);\\n const label = option.find(item => value === item.value);\\n\\n React.useEffect(() => {\\n if (props.value !== value) {\\n setValue(props.value);\\n }\\n }, [props.value]);\\n\\n return (\\n <Dropdown\\n trigger=\\\"click\\\"\\n onVisibleChange={(isOpen) => setOpen(isOpen)}\\n isOpen={open}\\n menu={\\n <div>\\n <Menu bordered style={{ minWidth: 120 }}>\\n {option.map((item, idx) => {\\n const active = value === item.value;\\n return (\\n <Menu.Item\\n key={idx}\\n active={active}\\n text={item.label}\\n onClick={(e) => {\\n setValue(item.value)\\n setOpen(false)\\n onChange && onChange(item.value, e)\\n }}\\n />\\n );\\n })}\\n </Menu>\\n </div>\\n }\\n >\\n <Button type=\\\"link\\\">{label.label}<Icon type={open ? 'up' : 'down'} /></Button>\\n </Dropdown>\\n )\\n}\\n\\nconst option = [\\n { label: '往返', value: 1 },\\n { label: '单程', value: 2 },\\n { label: '联程', value: 3 },\\n { label: 'Nomad', value: 4 },\\n];\\n\\nconst option2 = [\\n { label: '经济舱', value: 1 },\\n { label: '豪华经济舱', value: 2 },\\n { label: '商务舱', value: 3 },\\n { label: '头等舱', value: 4 },\\n];\\n\\nReactDOM.render(\\n <div>\\n <Select option={option} value={1} onChange={(item) => { console.log('item', item); }} />\\n <Select option={option2} value={2} onChange={(item) => { console.log('item', item); }} />\\n </div>,\\n _mount_\\n);\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n| -------- | -------- | -------- | -------- |\\n| menu | 菜单 | [`<Menu>`](#/components/menu) | - |\\n| disabled | 菜单是否禁用 | Boolean | - |\\n| trigger[`<OverlayTrigger>`](#/components/overlay-trigger) | 悬停/点击弹出窗口 | Enum{`hover`, `click`, `focus`} | `hover` |\\n| placement[`<OverlayTrigger>`](#/components/overlay-trigger) | 指定弹出框位置，支持 12 个访问展示菜单。 | Enum{} | `bottomLeft` |\\n\\n更多属性文档请参考 [OverlayTrigger](#/components/overlay-trigger)。\";"],"names":[],"sourceRoot":""}

package/web/static/js/875.27e6de15.chunk.js DELETED Viewed

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

package/web/static/js/875.27e6de15.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/875.27e6de15.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/guide/quick-start/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 84934;\nmodule.exports = webpackEmptyContext;","import CodePreview, { CodePreviewProps } from '@uiw/react-code-preview';\n\nexport interface CodeProps extends CodePreviewProps {\n code: string;\n version: string;\n codePen: boolean;\n codeSandbox?: boolean;\n dependencies: any;\n}\n\nexport default function Code({ version, dependencies, codePen, codeSandbox, ...other }: CodeProps) {\n const props: CodePreviewProps = { ...other };\n if (codePen) {\n props.codePenOption = {\n title: `uiw${version} - demo`,\n includeModule: ['uiw'],\n js: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.0.2/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import webpack from \"webpack\";\\nimport lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: 'latest',\n 'react-dom': 'latest',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '6.9.0',\n kkt: '6.9.0',\n typescript: '4.1.3',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const { noPreview, bordered, noScroll, bgWhite, noCode, codePen } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/website/src/routes/guide/quick-start/README.md\"\n renderPage={async () => {\n const md = await import('./README.md');\n return md.default || md;\n }}\n />\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","typescript","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","md","default"],"sourceRoot":""}

package/web/static/js/8768.9960b4fe.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8768],{78768:function(n,e,t){t.r(e),e.default="FileInput \u4e0a\u4f20\u8f93\u5165\u6846\n===\n\n\u8fd9\u4e2a\u7ec4\u4ef6\u4ec5\u4ec5\u662f\u5bf9 `<input type=\"file\">` \u7684\u7f8e\u5316\uff0c\u4ed6\u662f\u57fa\u4e8e Input \u7ec4\u4ef6\u5c01\u88c5 \u3002\n\n```jsx\nimport { FileInput } from 'uiw';\n// or\nimport FileInput from '@uiw/react-file-input';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { FileInput, Button } from 'uiw';\n\nconst Demo = () => {\n const onChange = (e) => {\n console.log(e)\n }\n return (\n <div>\n <FileInput multiple=\"multiple\" style={{ maxWidth: 200 }} size=\"small\" onChange={onChange} />\n <br />\n <FileInput multiple=\"multiple\" style={{ maxWidth: 200 }} />\n <br />\n </div>\n )\n}\n\nReactDOM.render(\n <Demo />,\n _mount_\n);\n```\n\n### \u56fe\u7247\u5899\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { FileInput, Button } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <FileInput\n uploadType=\"card\"\n size=\"large\"\n showFileIcon={{\n showPreviewIcon: false,\n showRemoveIcon: true\n }}\n onPreview={(file) => console.log(file)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n ]}\n onChange={(items) => console.log(items)}\n >\n <Icon type=\"plus\" />\n </FileInput>\n <br />\n <FileInput\n uploadType=\"card\"\n shape=\"circle\"\n showFileIcon={{\n showPreviewIcon: false,\n showRemoveIcon: true\n }}\n onPreview={(file) => console.log(file)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n ]}\n onChange={(items) => console.log(items)}\n >\n <Icon type=\"plus\" />\n </FileInput>\n <br />\n <FileInput\n uploadType=\"card\"\n size=\"small\"\n showFileIcon={{\n showPreviewIcon: false,\n showRemoveIcon: true\n }}\n onPreview={(file) => console.log(file)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n ]}\n onChange={(items) => console.log(items)}\n >\n <Icon type=\"plus\" />\n </FileInput>\n </div>\n )\n}\n\nReactDOM.render(\n <Demo />,\n _mount_\n);\n```\n\n### \u56fe\u7247\u5217\u8868\u6837\u5f0f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { FileInput, Button } from 'uiw';\n\nReactDOM.render(\n <div>\n <FileInput\n uploadType=\"picture\"\n size=\"large\"\n onPreview={() => console.log(234)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n <br />\n <FileInput\n uploadType=\"picture\"\n shape=\"circle\"\n onPreview={() => console.log(234)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n <br />\n <FileInput\n uploadType=\"picture\"\n size=\"small\"\n onPreview={() => console.log(234)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n <br />\n <FileInput\n uploadType=\"text\"\n multiple\n maxNumber={2}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n </div>,\n _mount_\n);\n```\n\n### \u5728`Form`\u8868\u5355\u4e2d\u4f7f\u7528\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Form, Row, Col, Icon } from 'uiw';\n\nReactDOM.render(\n <div>\n <Form \n fields={{\n picture1: {\n label: '\u56fe\u7247\u5899',\n initialValue: [\n { \n dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n }\n ],\n children: (\n <FileInput uploadType=\"card\">\n <Icon type=\"plus\" />\n </FileInput>\n )\n },\n picture2: {\n label: '\u56fe\u7247\u5217\u8868',\n initialValue: [\n { \n dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n }\n ],\n children: (\n <FileInput uploadType=\"picture\">\n <Button>\u65b0\u589e</Button>\n </FileInput>\n )\n },\n picture3: {\n label: '\u56fe\u7247\u540d\u79f0\u5217\u8868',\n children: (\n <FileInput uploadType=\"text\">\n <Button>\u65b0\u589e</Button>\n </FileInput>\n )\n },\n }}>\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.picture1}</Col>\n </Row>\n <Row>\n <Col>{fields.picture2}</Col>\n </Row>\n <Row>\n <Col>{fields.picture3}</Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: '10px 0 0 10px' }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>,\n _mount_\n);\n```\n\n## Props \n\n- `uploadType: input` \u57fa\u7840\u8f93\u5165\u6846\u4e0a\u4f20\n\n- `uploadType: picture` \u56fe\u7247\u5217\u5c55\u793a\u5217\u8868\uff0c\u663e\u793a\u56fe\u7247\n\n- `uploadType: text` \u56fe\u7247\u5217\u5c55\u793a\u5217\u8868\uff0c\u4e0d\u663e\u793a\u56fe\u7247\n\n- `uploadType: card` \u56fe\u7247\u5899\u5217\u8868\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| uploadType \| \u4e0a\u4f20\u5c55\u793a\u7c7b\u578b \| `input`\u3001`picture`\u3001`text`\u3001`card` \| `input` \|\n\| className \| CSS\u7c7b\u540d\u79f0 \| String \| - \|\n\| multiple \| \u662f\u5426\u591a\u9009\u4e0a\u4f20 \| boolean \| - \|\n\n\n### Props uploadType input\u7c7b\u578b\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| dataLabel \| input \u540e\u7f6e\u6587\u5b57 \| `string` \| `Browse` \|\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [Input](#/components/input)\u3002\n\n\n### Props uploadType \u975einput\u7c7b\u578b\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| value \| \u9ed8\u8ba4\u56fe\u7247\u5217\u8868 \| FileInputValue[] \| - \|\n\| readonly \| \u662f\u5426\u662f\u53ea\u8bfb\u6a21\u5f0f \| boolean \| false \|\n\| maxNumber \| \u6587\u4ef6\u4e0a\u4f20\u6570\u91cf \| boolean \| false \|\n\| shape \| \u56fe\u7247\u5c55\u793a\u5f62\u72b6 \| `circle`\u3001`round` \| `round` \|\n\| size \| \u56fe\u7247\u5c55\u793a\u5927\u5c0f \| `large`\u3001`middle`\u3001`small` \| `middle` \|\n\| showFileIcon \| \u8bbe\u7f6e\u56fe\u6807\u6309\u94ae\u662f\u5426\u5c55\u793a \| {showPreviewIcon?: boolean,showRemoveIcon?: boolean} \| {showPreviewIcon: true, showRemoveIcon: true} \|\n\| onChange \| \u6587\u4ef6\u4e0a\u4f20\u56de\u8c03 \| (value: FileInputValue[]) => void \| - \|\n\| onPreview \| \u9884\u89c8\u56fe\u6807\u65f6\u7684\u56de\u8c03 \| (value: FileInputValue[]) => void \| - \|\n\n"}}]);
2	- //# sourceMappingURL=8768.9960b4fe.chunk.js.map

package/web/static/js/8768.9960b4fe.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/8768.9960b4fe.chunk.js","mappings":"gHAAA","sources":["../../packages/react-file-input/README.md"],"sourcesContent":["export default \"FileInput 上传输入框\\n===\\n\\n这个组件仅仅是对 `<input type=\\\"file\\\">` 的美化，他是基于 Input 组件封装。\\n\\n```jsx\\nimport { FileInput } from 'uiw';\\n// or\\nimport FileInput from '@uiw/react-file-input';\\n```\\n\\n### 基础用法\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { FileInput, Button } from 'uiw';\\n\\nconst Demo = () => {\\n const onChange = (e) => {\\n console.log(e)\\n }\\n return (\\n <div>\\n <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} size=\\\"small\\\" onChange={onChange} />\\n <br />\\n <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} />\\n <br />\\n </div>\\n )\\n}\\n\\nReactDOM.render(\\n <Demo />,\\n _mount_\\n);\\n```\\n\\n### 图片墙\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { FileInput, Button } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <FileInput\\n uploadType=\\\"card\\\"\\n size=\\\"large\\\"\\n showFileIcon={{\\n showPreviewIcon: false,\\n showRemoveIcon: true\\n }}\\n onPreview={(file) => console.log(file)}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n ]}\\n onChange={(items) => console.log(items)}\\n >\\n <Icon type=\\\"plus\\\" />\\n </FileInput>\\n <br />\\n <FileInput\\n uploadType=\\\"card\\\"\\n shape=\\\"circle\\\"\\n showFileIcon={{\\n showPreviewIcon: false,\\n showRemoveIcon: true\\n }}\\n onPreview={(file) => console.log(file)}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n ]}\\n onChange={(items) => console.log(items)}\\n >\\n <Icon type=\\\"plus\\\" />\\n </FileInput>\\n <br />\\n <FileInput\\n uploadType=\\\"card\\\"\\n size=\\\"small\\\"\\n showFileIcon={{\\n showPreviewIcon: false,\\n showRemoveIcon: true\\n }}\\n onPreview={(file) => console.log(file)}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n ]}\\n onChange={(items) => console.log(items)}\\n >\\n <Icon type=\\\"plus\\\" />\\n </FileInput>\\n </div>\\n )\\n}\\n\\nReactDOM.render(\\n <Demo />,\\n _mount_\\n);\\n```\\n\\n### 图片列表样式\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { FileInput, Button } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <FileInput\\n uploadType=\\\"picture\\\"\\n size=\\\"large\\\"\\n onPreview={() => console.log(234)}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n ]}\\n >\\n <Button>新增</Button>\\n </FileInput>\\n <br />\\n <FileInput\\n uploadType=\\\"picture\\\"\\n shape=\\\"circle\\\"\\n onPreview={() => console.log(234)}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n ]}\\n >\\n <Button>新增</Button>\\n </FileInput>\\n <br />\\n <FileInput\\n uploadType=\\\"picture\\\"\\n size=\\\"small\\\"\\n onPreview={() => console.log(234)}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n ]}\\n >\\n <Button>新增</Button>\\n </FileInput>\\n <br />\\n <FileInput\\n uploadType=\\\"text\\\"\\n multiple\\n maxNumber={2}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n ]}\\n >\\n <Button>新增</Button>\\n </FileInput>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 在`Form`表单中使用\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Form, Row, Col, Icon } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Form \\n fields={{\\n picture1: {\\n label: '图片墙',\\n initialValue: [\\n { \\n dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n }\\n ],\\n children: (\\n <FileInput uploadType=\\\"card\\\">\\n <Icon type=\\\"plus\\\" />\\n </FileInput>\\n )\\n },\\n picture2: {\\n label: '图片列表',\\n initialValue: [\\n { \\n dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n }\\n ],\\n children: (\\n <FileInput uploadType=\\\"picture\\\">\\n <Button>新增</Button>\\n </FileInput>\\n )\\n },\\n picture3: {\\n label: '图片名称列表',\\n children: (\\n <FileInput uploadType=\\\"text\\\">\\n <Button>新增</Button>\\n </FileInput>\\n )\\n },\\n }}>\\n {({ fields, state, canSubmit }) => {\\n return (\\n <div>\\n <Row>\\n <Col>{fields.picture1}</Col>\\n </Row>\\n <Row>\\n <Col>{fields.picture2}</Col>\\n </Row>\\n <Row>\\n <Col>{fields.picture3}</Col>\\n </Row>\\n <Row>\\n <Col>\\n <pre style={{ padding: '10px 0 0 10px' }}>\\n {JSON.stringify(state.current, null, 2)}\\n </pre>\\n </Col>\\n </Row>\\n </div>\\n )\\n }}\\n </Form>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## Props \\n\\n- `uploadType: input` 基础输入框上传\\n\\n- `uploadType: picture` 图片列展示列表，显示图片\\n\\n- `uploadType: text` 图片列展示列表，不显示图片\\n\\n- `uploadType: card` 图片墙列表\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| uploadType | 上传展示类型 | `input`、`picture`、`text`、`card` | `input` |\\n| className | CSS类名称 | String | - |\\n| multiple | 是否多选上传 | boolean | - |\\n\\n\\n### Props uploadType input类型\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| dataLabel | input 后置文字 | `string` | `Browse` |\\n\\n更多属性文档请参考 [Input](#/components/input)。\\n\\n\\n### Props uploadType 非input类型\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 默认图片列表 | FileInputValue[] | - |\\n| readonly | 是否是只读模式 | boolean | false |\\n| maxNumber | 文件上传数量 | boolean | false |\\n| shape | 图片展示形状 | `circle`、`round` | `round` |\\n| size | 图片展示大小 | `large`、`middle`、`small` | `middle` |\\n| showFileIcon | 设置图标按钮是否展示 | {showPreviewIcon?: boolean,showRemoveIcon?: boolean} | {showPreviewIcon: true, showRemoveIcon: true} |\\n| onChange | 文件上传回调 | (value: FileInputValue[]) => void | - |\\n| onPreview | 预览图标时的回调 | (value: FileInputValue[]) => void | - |\\n\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/8849.4c89f87b.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8849],{28849:function(n,e,i){i.r(e),e.default="Divider \u5206\u5272\u7ebf\n===\n\n\u533a\u9694\u5185\u5bb9\u7684\u5206\u5272\u7ebf\u3002\n\n```jsx\nimport { Divider } from 'uiw';\n// or\nimport Divider from '@uiw/react-divider';\n```\n\n### \u57fa\u7840\u5b9e\u4f8b\n\n\u57fa\u7840\u5b9e\u4f8b\u5305\u542b\u865a\u7ebf\u5206\u5272\u7ebf\u3001\u5e26\u6587\u672c\u7684\u5206\u5272\u7ebf\u3001\u5b9e\u7ebf\u5206\u5272\u7ebf\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Divider } from 'uiw';\n\nReactDOM.render(\n <div style={{ maxWidth: 530 }}>\n <div>\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002</div>\n <Divider />\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n <Divider>\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 \u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 \u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 \u4e00\u4e07\u5e74</div>\n <Divider dashed />\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </div>,\n _mount_\n);\n```\n\n### \u5782\u76f4\u5206\u5272\u7ebf\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Divider } from 'uiw';\n\nReactDOM.render(\n <div>\n \u9996\u9875\n <Divider type=\"vertical\" />\n <a href=\"#\">\u5217\u8868\u9875\u9762</a>\n <Divider type=\"vertical\" />\n <a href=\"#\">\u6587\u7ae0\u8be6\u60c5</a>\n </div>,\n _mount_\n);\n```\n\n### \u6807\u9898\u5bf9\u9f50\u4f4d\u7f6e\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Divider } from 'uiw';\n\nReactDOM.render(\n <div style={{ maxWidth: 530 }}>\n <Divider dashed />\n <div>\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002</div>\n <Divider align=\"left\">\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n <Divider>\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002</div>\n <Divider dashed align=\"right\">\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </div>,\n _mount_\n);\n```\n\n## API\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| type \| \u6c34\u5e73\u8fd8\u662f\u5782\u76f4\u7c7b\u578b \| enum{`horizontal`,`vertical`}\t\| `horizontal` \|\n\| dashed \| \u662f\u5426\u865a\u7ebf \|\tBoolean\t\| `false` \|\n\| align \| \u5206\u5272\u7ebf\u6807\u9898\u7684\u5bf9\u9f50\u4f4d\u7f6e \| Enum{`left`, `right`, `center`}\t\| `center` \|\n"}}]);
2	- //# sourceMappingURL=8849.4c89f87b.chunk.js.map

package/web/static/js/8849.4c89f87b.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/8849.4c89f87b.chunk.js","mappings":"gHAAA","sources":["../../packages/react-divider/README.md"],"sourcesContent":["export default \"Divider 分割线\\n===\\n\\n区隔内容的分割线。\\n\\n```jsx\\nimport { Divider } from 'uiw';\\n// or\\nimport Divider from '@uiw/react-divider';\\n```\\n\\n### 基础实例\\n\\n基础实例包含虚线分割线、带文本的分割线、实线分割线。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div style={{ maxWidth: 530 }}>\\n <div>周星驰：香港演员、导演。祖籍浙江宁波，1962年6月22日生于香港，他是香港最为重要的喜剧片演员与编导之一。中学毕业以后考入香港无线电视台艺员训练班的夜间部。结业后成为无线艺人，最初曾在《香城浪子》《射雕英雄传》等剧集中担任临时演员。</div>\\n <Divider />\\n <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n <Divider>大话西游</Divider>\\n <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。如果非要在这份爱上加上一个期限，我希望是…… 一万年</div>\\n <Divider dashed />\\n <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；曾经牵挂，才能了无牵挂。</div>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 垂直分割线\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n 首页\\n <Divider type=\\\"vertical\\\" />\\n <a href=\\\"#\\\">列表页面</a>\\n <Divider type=\\\"vertical\\\" />\\n <a href=\\\"#\\\">文章详情</a>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 标题对齐位置\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div style={{ maxWidth: 530 }}>\\n <Divider dashed />\\n <div>周星驰：香港演员、导演。祖籍浙江宁波，1962年6月22日生于香港，他是香港最为重要的喜剧片演员与编导之一。中学毕业以后考入香港无线电视台艺员训练班的夜间部。结业后成为无线艺人，最初曾在《香城浪子》《射雕英雄传》等剧集中担任临时演员。</div>\\n <Divider align=\\\"left\\\">大话西游</Divider>\\n <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n <Divider>大话西游</Divider>\\n <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。</div>\\n <Divider dashed align=\\\"right\\\">大话西游</Divider>\\n <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；曾经牵挂，才能了无牵挂。</div>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## API\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| type | 水平还是垂直类型 | enum{`horizontal`,`vertical`}\\t| `horizontal` |\\n| dashed | 是否虚线 |\\tBoolean\\t| `false` |\\n| align | 分割线标题的对齐位置 | Enum{`left`, `right`, `center`}\\t| `center` |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/8915.ff4b2001.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8915],{38915:function(t,n,o){o.r(n),n.default='Button \u6309\u94ae\n===\n\n\u6309\u94ae\u7528\u4e8e\u5f00\u59cb\u4e00\u4e2a\u5373\u65f6\u64cd\u4f5c\uff0c\u89e6\u53d1\u4e1a\u52a1\u903b\u8f91\u65f6\u4f7f\u7528\u3002\n\n```jsx\nimport { Button, ButtonGroup } from \'uiw\';\n// or\nimport Button from \'@uiw/react-button\';\nimport ButtonGroup from \'@uiw/react-button-group\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Button, Divider, Icon } from \'uiw\';\n\nReactDOM.render(\n <div>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic type="light">\u4eae\u6309\u94ae</Button>\n <Button basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button>Normal</Button>\n <Button disabled>Disabled</Button>\n <Button type="primary" active>Button</Button>\n <Button type="primary" size="small">more <Icon type="down" /></Button>\n <Button type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>,\n _mount_\n);\n```\n\n### \u6309\u94ae\u7ec4\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Button, Divider, ButtonGroup } from \'uiw\';\n\nReactDOM.render(\n <div>\n <ButtonGroup>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n <Button size="small" type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n <Divider style={{ maxWidth: 220 }}>\u6dfb\u52a0\u56fe\u6807</Divider>\n <ButtonGroup>\n <Button icon="copy" type="primary">\u590d\u5236</Button>\n <Button icon="delete" type="success">\u5220\u9664</Button>\n <Button icon="file-add" type="warning">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon="map" type="danger">\u5730\u56fe</Button>\n <Button icon="linux" type="light">Linux</Button>\n <Button icon="apple" type="dark">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon="copy" type="primary">\u590d\u5236</Button>\n <Button icon="delete" type="primary">\u5220\u9664</Button>\n <Button icon="file-add" type="primary">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon="map" type="primary">\u5730\u56fe</Button>\n <Button icon="linux" type="primary">Linux</Button>\n <Button icon="apple" type="primary">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon="copy">\u590d\u5236</Button>\n <Button icon="delete">\u5220\u9664</Button>\n <Button icon="file-add">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button icon="map">\u5730\u56fe</Button>\n <Button icon="linux">Linux</Button>\n <Button icon="apple">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button icon="copy" />\n <Button icon="delete" />\n <Button icon="file-add" />\n <Button icon="map" />\n <Button icon="linux" />\n <Button icon="apple" />\n </ButtonGroup>\n </div>,\n _mount_\n);\n```\n\n### \u56fe\u6807\u6309\u94ae\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Button, Icon, Divider } from \'uiw\';\n\nconst chat = <svg width="20" height="20" viewBox="0 0 20 20"> <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" /> </svg>;\nconst open = <svg width="12" height="16" style={{ height: 16 }}> <path fillRule="evenodd" d="M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z" /> </svg>;\nconst merged = <svg width="12" height="16" viewBox="0 0 12 16" style={{ height: 16 }}> <path fillRule="evenodd" d="M10 7c-.73 0-1.38.41-1.73 1.02V8C7.22 7.98 6 7.64 5.14 6.98c-.75-.58-1.5-1.61-1.89-2.44A1.993 1.993 0 0 0 2 .99C.89.99 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2a1.993 1.993 0 0 0 1-3.72V7.67c.67.7 1.44 1.27 2.3 1.69.86.42 2.03.63 2.97.64v-.02c.36.61 1 1.02 1.73 1.02 1.11 0 2-.89 2-2 0-1.11-.89-2-2-2zm-6.8 6c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm8 6c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z" /> </svg>;\nconst closed = <svg viewBox="0 0 16 16" width="16" height="16"> <path fillRule="evenodd" d="M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z" /> </svg>;\n\nReactDOM.render(\n <div>\n <Button icon="weibo" type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button icon="chrome" type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button icon="taobao" type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button icon="weibo" type="danger" />\n <Button type="danger">\n <Icon type="reload" spin={true} />\n <span>\u9519\u8bef<span>\u6309\u94ae</span></span>\n <Icon type="weibo" />\n </Button>\n <Button icon="chrome" type="light">\u4eae\u6309\u94ae</Button>\n <Button icon="apple" type="dark">\u6697\u6309\u94ae</Button>\n <Button icon={chat} type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>GitHub</Divider>\n <Button icon={open} type="success">Open</Button>\n <Button icon={merged} type="light" style={{ backgroundColor: \'#6f42c1\', color: \'#fff\' }}>Merged</Button>\n <Button icon={closed} type="danger">Closed</Button>\n </div>,\n _mount_\n);\n```\n\n### \u6309\u94ae\u52a0\u8f7d\u72b6\u6001\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Button, Icon, Divider } from \'uiw\';\n\nReactDOM.render(\n <div>\n <Button type="danger">\n <Icon type="reload" spin={true} />\n <span>\u9519\u8bef<span>\u6309\u94ae</span></span>\n <Icon type="weibo" />\n </Button>\n <Button loading type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button loading type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button loading type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button loading type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button loading type="light">\u4eae\u6309\u94ae</Button>\n <Button loading type="dark">\u6697\u6309\u94ae</Button>\n <Button loading type="danger">\u4eae\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>Size</Divider>\n <Button loading size="small" type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button loading size="default" type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button loading size="large" type="warning">\u8b66\u544a\u6309\u94ae</Button>\n </div>,\n _mount_\n);\n```\n\n### \u7981\u7528\u6309\u94ae\u7ec4\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Button, ButtonGroup, Divider } from \'uiw\';\n\nReactDOM.render(\n <div>\n <ButtonGroup>\n <Button disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button disabled type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n <Button disabled type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button disabled type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n <Divider style={{ maxWidth: 220 }}>\u6dfb\u52a0\u56fe\u6807</Divider>\n <ButtonGroup>\n <Button disabled icon="copy" type="primary">\u590d\u5236</Button>\n <Button disabled icon="delete" type="success">\u5220\u9664</Button>\n <Button disabled icon="file-add" type="warning">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon="map" type="danger">\u5730\u56fe</Button>\n <Button disabled icon="linux" type="light">Linux</Button>\n <Button disabled icon="apple" type="dark">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled icon="copy" type="primary">\u590d\u5236</Button>\n <Button disabled icon="delete" type="primary">\u5220\u9664</Button>\n <Button icon="file-add" type="primary">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon="map" type="primary">\u5730\u56fe</Button>\n <Button disabled icon="linux" type="primary">Linux</Button>\n <Button disabled icon="apple" type="primary">Apple</Button>\n </ButtonGroup>\n <ButtonGroup style={{ marginTop: 5 }}>\n <Button disabled icon="copy">\u590d\u5236</Button>\n <Button disabled icon="delete">\u5220\u9664</Button>\n <Button disabled icon="file-add">\u6dfb\u52a0\u6587\u4ef6</Button>\n <Button disabled icon="map">\u5730\u56fe</Button>\n <Button disabled icon="linux">Linux</Button>\n <Button disabled icon="apple">Apple</Button>\n </ButtonGroup>\n <div style={{ marginTop: 5 }}>\n <Button disabled icon="weibo" basic type="primary" />\n <Button disabled icon="chrome" basic type="success" />\n <Button disabled icon="taobao" basic type="warning" />\n <Button disabled icon="apple" basic type="danger" />\n <Button disabled icon="weibo" basic type="dark" />\n </div>\n </div>,\n _mount_\n);\n```\n\n### \u5782\u76f4\u6309\u94ae\u7ec4\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Button, ButtonGroup, Row, Col } from \'uiw\';\n\nReactDOM.render(\n <Row gutter={10}>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n <Button type="primary">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="success">\u6309\u94ae</Button>\n <Button disabled type="success">\u6309\u94ae</Button>\n <Button type="success">\u6309\u94ae</Button>\n <Button type="success">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n <Button type="light">\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n <Col style={{ maxWidth: 120 }}>\n <ButtonGroup vertical>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </ButtonGroup>\n </Col>\n </Row>,\n _mount_\n);\n```\n\n### \u57fa\u672c\u6309\u94ae\n\n\u8bbe\u7f6e `basic=true` \u5373\u53ef\u83b7\u5f97\u57fa\u672c\u6309\u94ae\uff0c\u6ca1\u6709\u80cc\u666f\u989c\u8272\u7684\u72b6\u6001\u6309\u94ae\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Button, Divider } from \'uiw\';\n\nReactDOM.render(\n <div>\n <Button basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic type="light">\u4eae\u6309\u94ae</Button>\n <Button basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>\u6fc0\u6d3b</Divider>\n <Button basic active type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic active type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic active type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic active type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic active type="light">\u4eae\u6309\u94ae</Button>\n <Button basic active type="dark">\u6697\u6309\u94ae</Button>\n <Divider style={{ maxWidth: 220 }}>\u7981\u7528</Divider>\n <Button basic disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button basic disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button basic disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button basic disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button basic disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button basic disabled type="dark">\u6697\u6309\u94ae</Button>\n </div>,\n _mount_\n);\n```\n\n### \u57fa\u7840\u6309\u94ae\u6dfb\u52a0\u56fe\u6807\n\n\u8bbe\u7f6e `basic=true` \u5373\u53ef\u83b7\u5f97\u57fa\u672c\u6309\u94ae\uff0c\u6ca1\u6709\u80cc\u666f\u989c\u8272\u7684\u72b6\u6001\u6309\u94ae\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Button, Divider } from \'uiw\';\n\nconst chat = (\n <svg width="20" height="20" viewBox="0 0 20 20">\n <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" />\n </svg>\n)\n\nReactDOM.render(\n <div>\n <Button icon="weibo" basic type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button icon="chrome" basic type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button icon="taobao" basic type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button icon="apple" basic type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button icon="weibo" basic type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button icon="weibo" basic type="primary" />\n <Button icon="chrome" basic type="success" />\n <Button icon="taobao" basic type="warning" />\n <Button icon="apple" basic type="danger" />\n <Button icon="weibo" basic type="dark" />\n <Button icon="weibo" basic type="dark" />\n </div>,\n _mount_\n);\n```\n\n### \u6fc0\u6d3b\u6309\u94ae\u6837\u5f0f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Button } from \'uiw\';\n\nReactDOM.render(\n <div>\n <Button active type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button active type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button active type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button active type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button active type="light">\u4eae\u6309\u94ae</Button>\n <Button active type="dark">\u6697\u6309\u94ae</Button>\n <Button active type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>,\n _mount_\n);\n```\n\n### \u7981\u7528\u6309\u94ae\u6837\u5f0f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Button } from \'uiw\';\n\nReactDOM.render(\n <div>\n <Button disabled type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button disabled type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button disabled type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button disabled type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button disabled type="light">\u4eae\u6309\u94ae</Button>\n <Button disabled type="dark">\u6697\u6309\u94ae</Button>\n <Button disabled type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </div>,\n _mount_\n);\n```\n\n\n### block\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Button, Row, Col } from \'uiw\';\n\nReactDOM.render(\n <Row gutter={10}>\n <Col style={{ maxWidth: 320 }}>\n <Button block type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button block type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button block type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button block type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button block type="light">\u4eae\u6309\u94ae</Button>\n <Button block type="dark">\u6697\u6309\u94ae</Button>\n </Col>\n </Row>,\n _mount_\n);\n```\n\n### size\u5927\u5c0f\n\n`size` \u5728 `Button.Group`\u4e0b\u9762\u4e0d\u652f\u6301\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Button, Divider } from \'uiw\';\n\nReactDOM.render(\n <div>\n <Button size="small" type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n <Button size="default" type="success">\u6210\u529f\u6309\u94ae</Button>\n <Button size="large" type="warning">\u8b66\u544a\u6309\u94ae</Button>\n <Button size="small" type="danger">\u9519\u8bef\u6309\u94ae</Button>\n <Button size="default" type="light">\u4eae\u6309\u94ae</Button>\n <Button size="large" type="dark">\u6697\u6309\u94ae</Button>\n <Divider />\n <Button icon="weibo" size="small" type="primary">\u5fae\u535a</Button>\n <Button icon="chrome" size="small" type="success">\u8c37\u6b4c\u6d4f\u89c8\u5668</Button>\n <Button icon="chrome" type="success">\u8c37\u6b4c\u6d4f\u89c8\u5668</Button>\n <Button icon="apple" size="large" type="warning">\u6dd8\u5b9d</Button>\n </div>,\n _mount_\n);\n```\n\n## Props\n\n### Button\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| -------- \| -------- \| -------- \| -------- \|\n\| size \| \u6309\u94ae\u5c3a\u5bf8 \| Enum{`large`, `default`, `small`} \| `default` \|\n\| type \| \u6309\u94ae\u72b6\u6001\u7c7b\u578b\u9644\u5e26\u989c\u8272 \| Enum{`primary`, `success`, `warning`, `danger`, `light`, `dark`, `link`} \| `light` \|\n\| htmlType \| \u8bbe\u7f6e `button` \u539f\u751f\u7684 `type` \u503c\uff0c\u53ef\u9009\u503c\u8bf7\u53c2\u8003 [HTML \u6807\u51c6](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type) \| String \| `button` \|\n\| icon \| \u8bbe\u7f6e\u6309\u94ae\u7684\u56fe\u6807\u7c7b\u578b \| String/ReactNode \| - \|\n\| block \| \u901a\u8fc7\u8bbe\u7f6e\u5c5e\u6027 `block` \u53ef\u5c06\u6309\u94ae\u5bbd\u5ea6\u8bbe\u7f6e\u4e3a 100%\uff0c\uff08\u5757\u7ea7\u5143\u7d20\uff09\uff0c\u5e38\u7528\u4e8e\u5f39\u7a97\u5185\u64cd\u4f5c\u6309\u94ae\u3002 \| Boolean \| false \|\n\| disabled \| \u7981\u7528\u72b6\u6001 \| Boolean \| false \|\n\| active \| \u6fc0\u6d3b\u72b6\u6001\uff0c\u5176\u8868\u73b0\u4e3a\u88ab\u6309\u538b\u4e0b\u53bb\uff08\u5e95\u8272\u66f4\u6df1\u3001\u8fb9\u6846\u591c\u8272\u66f4\u6df1\u3001\u5411\u5185\u6295\u5c04\u9634\u5f71\uff09\u3002 \| Boolean \| false \|\n\| loading \| \u52a0\u8f7d\u4e2d\u72b6\u6001 \| Boolean \| false \|\n\n### Button.Group\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| -------- \| -------- \| -------- \| -------- \|\n\| vertical \| \u7ad6\u6392\u5217 \| Boolean \| `false` \|'}}]);
2	- //# sourceMappingURL=8915.ff4b2001.chunk.js.map

package/web/static/js/8915.ff4b2001.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/8915.ff4b2001.chunk.js","mappings":"gHAAA","sources":["../../packages/react-button/README.md"],"sourcesContent":["export default \"Button 按钮\\n===\\n\\n按钮用于开始一个即时操作，触发业务逻辑时使用。\\n\\n```jsx\\nimport { Button, ButtonGroup } from 'uiw';\\n// or\\nimport Button from '@uiw/react-button';\\nimport ButtonGroup from '@uiw/react-button-group';\\n```\\n\\n### 基本用法\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Button, Divider, Icon } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Button type=\\\"primary\\\">主要按钮</Button>\\n <Button type=\\\"success\\\">成功按钮</Button>\\n <Button type=\\\"warning\\\">警告按钮</Button>\\n <Button type=\\\"danger\\\">错误按钮</Button>\\n <Button type=\\\"light\\\">亮按钮</Button>\\n <Button type=\\\"dark\\\">暗按钮</Button>\\n <Divider />\\n <Button basic type=\\\"primary\\\">主要按钮</Button>\\n <Button basic type=\\\"success\\\">成功按钮</Button>\\n <Button basic type=\\\"warning\\\">警告按钮</Button>\\n <Button basic type=\\\"danger\\\">错误按钮</Button>\\n <Button basic type=\\\"light\\\">亮按钮</Button>\\n <Button basic type=\\\"dark\\\">暗按钮</Button>\\n <Divider />\\n <Button>Normal</Button>\\n <Button disabled>Disabled</Button>\\n <Button type=\\\"primary\\\" active>Button</Button>\\n <Button type=\\\"primary\\\" size=\\\"small\\\">more <Icon type=\\\"down\\\" /></Button>\\n <Button type=\\\"link\\\"> (超连接样式)link </Button>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 按钮组\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Button, Divider, ButtonGroup } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <ButtonGroup>\\n <Button type=\\\"primary\\\">主要按钮</Button>\\n <Button type=\\\"success\\\">成功按钮</Button>\\n <Button type=\\\"warning\\\">警告按钮</Button>\\n <Button type=\\\"danger\\\">错误按钮</Button>\\n <Button type=\\\"light\\\">亮按钮</Button>\\n <Button type=\\\"dark\\\">暗按钮</Button>\\n </ButtonGroup>\\n <ButtonGroup style={{ marginTop: 5 }}>\\n <Button size=\\\"small\\\" type=\\\"primary\\\">按钮</Button>\\n <Button size=\\\"small\\\" type=\\\"primary\\\">按钮</Button>\\n <Button size=\\\"small\\\" type=\\\"primary\\\">按钮</Button>\\n <Button size=\\\"small\\\" type=\\\"primary\\\">按钮</Button>\\n </ButtonGroup>\\n <ButtonGroup style={{ marginTop: 5 }}>\\n <Button type=\\\"light\\\">按钮</Button>\\n <Button type=\\\"light\\\">按钮</Button>\\n <Button type=\\\"light\\\">按钮</Button>\\n <Button type=\\\"light\\\">按钮</Button>\\n </ButtonGroup>\\n <Divider style={{ maxWidth: 220 }}>添加图标</Divider>\\n <ButtonGroup>\\n <Button icon=\\\"copy\\\" type=\\\"primary\\\">复制</Button>\\n <Button icon=\\\"delete\\\" type=\\\"success\\\">删除</Button>\\n <Button icon=\\\"file-add\\\" type=\\\"warning\\\">添加文件</Button>\\n <Button icon=\\\"map\\\" type=\\\"danger\\\">地图</Button>\\n <Button icon=\\\"linux\\\" type=\\\"light\\\">Linux</Button>\\n <Button icon=\\\"apple\\\" type=\\\"dark\\\">Apple</Button>\\n </ButtonGroup>\\n <ButtonGroup style={{ marginTop: 5 }}>\\n <Button icon=\\\"copy\\\" type=\\\"primary\\\">复制</Button>\\n <Button icon=\\\"delete\\\" type=\\\"primary\\\">删除</Button>\\n <Button icon=\\\"file-add\\\" type=\\\"primary\\\">添加文件</Button>\\n <Button icon=\\\"map\\\" type=\\\"primary\\\">地图</Button>\\n <Button icon=\\\"linux\\\" type=\\\"primary\\\">Linux</Button>\\n <Button icon=\\\"apple\\\" type=\\\"primary\\\">Apple</Button>\\n </ButtonGroup>\\n <ButtonGroup style={{ marginTop: 5 }}>\\n <Button icon=\\\"copy\\\">复制</Button>\\n <Button icon=\\\"delete\\\">删除</Button>\\n <Button icon=\\\"file-add\\\">添加文件</Button>\\n <Button icon=\\\"map\\\">地图</Button>\\n <Button icon=\\\"linux\\\">Linux</Button>\\n <Button icon=\\\"apple\\\">Apple</Button>\\n </ButtonGroup>\\n <ButtonGroup style={{ marginTop: 5 }}>\\n <Button icon=\\\"copy\\\" />\\n <Button icon=\\\"delete\\\" />\\n <Button icon=\\\"file-add\\\" />\\n <Button icon=\\\"map\\\" />\\n <Button icon=\\\"linux\\\" />\\n <Button icon=\\\"apple\\\" />\\n </ButtonGroup>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 图标按钮\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Button, Icon, Divider } from 'uiw';\\n\\nconst chat = <svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 20 20\\\"> <path d=\\\"M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z\\\" fillRule=\\\"evenodd\\\" /> </svg>;\\nconst open = <svg width=\\\"12\\\" height=\\\"16\\\" style={{ height: 16 }}> <path fillRule=\\\"evenodd\\\" d=\\\"M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z\\\" /> </svg>;\\nconst merged = <svg width=\\\"12\\\" height=\\\"16\\\" viewBox=\\\"0 0 12 16\\\" style={{ height: 16 }}> <path fillRule=\\\"evenodd\\\" d=\\\"M10 7c-.73 0-1.38.41-1.73 1.02V8C7.22 7.98 6 7.64 5.14 6.98c-.75-.58-1.5-1.61-1.89-2.44A1.993 1.993 0 0 0 2 .99C.89.99 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2a1.993 1.993 0 0 0 1-3.72V7.67c.67.7 1.44 1.27 2.3 1.69.86.42 2.03.63 2.97.64v-.02c.36.61 1 1.02 1.73 1.02 1.11 0 2-.89 2-2 0-1.11-.89-2-2-2zm-6.8 6c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm8 6c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z\\\" /> </svg>;\\nconst closed = <svg viewBox=\\\"0 0 16 16\\\" width=\\\"16\\\" height=\\\"16\\\"> <path fillRule=\\\"evenodd\\\" d=\\\"M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z\\\" /> </svg>;\\n\\nReactDOM.render(\\n <div>\\n <Button icon=\\\"weibo\\\" type=\\\"primary\\\">主要按钮</Button>\\n <Button icon=\\\"chrome\\\" type=\\\"success\\\">成功按钮</Button>\\n <Button icon=\\\"taobao\\\" type=\\\"warning\\\">警告按钮</Button>\\n <Button icon=\\\"weibo\\\" type=\\\"danger\\\" />\\n <Button type=\\\"danger\\\">\\n <Icon type=\\\"reload\\\" spin={true} />\\n <span>错误<span>按钮</span></span>\\n <Icon type=\\\"weibo\\\" />\\n </Button>\\n <Button icon=\\\"chrome\\\" type=\\\"light\\\">亮按钮</Button>\\n <Button icon=\\\"apple\\\" type=\\\"dark\\\">暗按钮</Button>\\n <Button icon={chat} type=\\\"dark\\\">暗按钮</Button>\\n <Divider style={{ maxWidth: 220 }}>GitHub</Divider>\\n <Button icon={open} type=\\\"success\\\">Open</Button>\\n <Button icon={merged} type=\\\"light\\\" style={{ backgroundColor: '#6f42c1', color: '#fff' }}>Merged</Button>\\n <Button icon={closed} type=\\\"danger\\\">Closed</Button>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 按钮加载状态\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Button, Icon, Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Button type=\\\"danger\\\">\\n <Icon type=\\\"reload\\\" spin={true} />\\n <span>错误<span>按钮</span></span>\\n <Icon type=\\\"weibo\\\" />\\n </Button>\\n <Button loading type=\\\"primary\\\">主要按钮</Button>\\n <Button loading type=\\\"success\\\">成功按钮</Button>\\n <Button loading type=\\\"warning\\\">警告按钮</Button>\\n <Button loading type=\\\"danger\\\">错误按钮</Button>\\n <Button loading type=\\\"light\\\">亮按钮</Button>\\n <Button loading type=\\\"dark\\\">暗按钮</Button>\\n <Button loading type=\\\"danger\\\">亮按钮</Button>\\n <Divider style={{ maxWidth: 220 }}>Size</Divider>\\n <Button loading size=\\\"small\\\" type=\\\"primary\\\">主要按钮</Button>\\n <Button loading size=\\\"default\\\" type=\\\"success\\\">成功按钮</Button>\\n <Button loading size=\\\"large\\\" type=\\\"warning\\\">警告按钮</Button>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 禁用按钮组\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Button, ButtonGroup, Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <ButtonGroup>\\n <Button disabled type=\\\"primary\\\">主要按钮</Button>\\n <Button disabled type=\\\"success\\\">成功按钮</Button>\\n <Button disabled type=\\\"warning\\\">警告按钮</Button>\\n <Button disabled type=\\\"danger\\\">错误按钮</Button>\\n <Button disabled type=\\\"light\\\">亮按钮</Button>\\n <Button disabled type=\\\"dark\\\">暗按钮</Button>\\n </ButtonGroup>\\n <ButtonGroup style={{ marginTop: 5 }}>\\n <Button disabled type=\\\"primary\\\">按钮</Button>\\n <Button disabled type=\\\"primary\\\">按钮</Button>\\n <Button disabled type=\\\"primary\\\">按钮</Button>\\n <Button disabled type=\\\"primary\\\">按钮</Button>\\n </ButtonGroup>\\n <ButtonGroup style={{ marginTop: 5 }}>\\n <Button disabled type=\\\"light\\\">按钮</Button>\\n <Button disabled type=\\\"light\\\">按钮</Button>\\n <Button type=\\\"light\\\">按钮</Button>\\n <Button disabled type=\\\"light\\\">按钮</Button>\\n </ButtonGroup>\\n <Divider style={{ maxWidth: 220 }}>添加图标</Divider>\\n <ButtonGroup>\\n <Button disabled icon=\\\"copy\\\" type=\\\"primary\\\">复制</Button>\\n <Button disabled icon=\\\"delete\\\" type=\\\"success\\\">删除</Button>\\n <Button disabled icon=\\\"file-add\\\" type=\\\"warning\\\">添加文件</Button>\\n <Button disabled icon=\\\"map\\\" type=\\\"danger\\\">地图</Button>\\n <Button disabled icon=\\\"linux\\\" type=\\\"light\\\">Linux</Button>\\n <Button disabled icon=\\\"apple\\\" type=\\\"dark\\\">Apple</Button>\\n </ButtonGroup>\\n <ButtonGroup style={{ marginTop: 5 }}>\\n <Button disabled icon=\\\"copy\\\" type=\\\"primary\\\">复制</Button>\\n <Button disabled icon=\\\"delete\\\" type=\\\"primary\\\">删除</Button>\\n <Button icon=\\\"file-add\\\" type=\\\"primary\\\">添加文件</Button>\\n <Button disabled icon=\\\"map\\\" type=\\\"primary\\\">地图</Button>\\n <Button disabled icon=\\\"linux\\\" type=\\\"primary\\\">Linux</Button>\\n <Button disabled icon=\\\"apple\\\" type=\\\"primary\\\">Apple</Button>\\n </ButtonGroup>\\n <ButtonGroup style={{ marginTop: 5 }}>\\n <Button disabled icon=\\\"copy\\\">复制</Button>\\n <Button disabled icon=\\\"delete\\\">删除</Button>\\n <Button disabled icon=\\\"file-add\\\">添加文件</Button>\\n <Button disabled icon=\\\"map\\\">地图</Button>\\n <Button disabled icon=\\\"linux\\\">Linux</Button>\\n <Button disabled icon=\\\"apple\\\">Apple</Button>\\n </ButtonGroup>\\n <div style={{ marginTop: 5 }}>\\n <Button disabled icon=\\\"weibo\\\" basic type=\\\"primary\\\" />\\n <Button disabled icon=\\\"chrome\\\" basic type=\\\"success\\\" />\\n <Button disabled icon=\\\"taobao\\\" basic type=\\\"warning\\\" />\\n <Button disabled icon=\\\"apple\\\" basic type=\\\"danger\\\" />\\n <Button disabled icon=\\\"weibo\\\" basic type=\\\"dark\\\" />\\n </div>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 垂直按钮组\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Button, ButtonGroup, Row, Col } from 'uiw';\\n\\nReactDOM.render(\\n <Row gutter={10}>\\n <Col style={{ maxWidth: 120 }}>\\n <ButtonGroup vertical>\\n <Button type=\\\"primary\\\">按钮</Button>\\n <Button type=\\\"primary\\\">按钮</Button>\\n <Button type=\\\"primary\\\">按钮</Button>\\n <Button type=\\\"primary\\\">按钮</Button>\\n </ButtonGroup>\\n </Col>\\n <Col style={{ maxWidth: 120 }}>\\n <ButtonGroup vertical>\\n <Button type=\\\"success\\\">按钮</Button>\\n <Button disabled type=\\\"success\\\">按钮</Button>\\n <Button type=\\\"success\\\">按钮</Button>\\n <Button type=\\\"success\\\">按钮</Button>\\n </ButtonGroup>\\n </Col>\\n <Col style={{ maxWidth: 120 }}>\\n <ButtonGroup vertical>\\n <Button type=\\\"light\\\">按钮</Button>\\n <Button type=\\\"light\\\">按钮</Button>\\n <Button type=\\\"light\\\">按钮</Button>\\n <Button type=\\\"light\\\">按钮</Button>\\n </ButtonGroup>\\n </Col>\\n <Col style={{ maxWidth: 120 }}>\\n <ButtonGroup vertical>\\n <Button type=\\\"primary\\\">主要按钮</Button>\\n <Button type=\\\"success\\\">成功按钮</Button>\\n <Button type=\\\"warning\\\">警告按钮</Button>\\n <Button type=\\\"danger\\\">错误按钮</Button>\\n <Button type=\\\"light\\\">亮按钮</Button>\\n <Button type=\\\"dark\\\">暗按钮</Button>\\n </ButtonGroup>\\n </Col>\\n </Row>,\\n _mount_\\n);\\n```\\n\\n### 基本按钮\\n\\n设置 `basic=true` 即可获得基本按钮，没有背景颜色的状态按钮。\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Button, Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Button basic type=\\\"primary\\\">主要按钮</Button>\\n <Button basic type=\\\"success\\\">成功按钮</Button>\\n <Button basic type=\\\"warning\\\">警告按钮</Button>\\n <Button basic type=\\\"danger\\\">错误按钮</Button>\\n <Button basic type=\\\"light\\\">亮按钮</Button>\\n <Button basic type=\\\"dark\\\">暗按钮</Button>\\n <Divider style={{ maxWidth: 220 }}>激活</Divider>\\n <Button basic active type=\\\"primary\\\">主要按钮</Button>\\n <Button basic active type=\\\"success\\\">成功按钮</Button>\\n <Button basic active type=\\\"warning\\\">警告按钮</Button>\\n <Button basic active type=\\\"danger\\\">错误按钮</Button>\\n <Button basic active type=\\\"light\\\">亮按钮</Button>\\n <Button basic active type=\\\"dark\\\">暗按钮</Button>\\n <Divider style={{ maxWidth: 220 }}>禁用</Divider>\\n <Button basic disabled type=\\\"primary\\\">主要按钮</Button>\\n <Button basic disabled type=\\\"success\\\">成功按钮</Button>\\n <Button basic disabled type=\\\"warning\\\">警告按钮</Button>\\n <Button basic disabled type=\\\"danger\\\">错误按钮</Button>\\n <Button basic disabled type=\\\"light\\\">亮按钮</Button>\\n <Button basic disabled type=\\\"dark\\\">暗按钮</Button>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 基础按钮添加图标\\n\\n设置 `basic=true` 即可获得基本按钮，没有背景颜色的状态按钮。\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Button, Divider } from 'uiw';\\n\\nconst chat = (\\n <svg width=\\\"20\\\" height=\\\"20\\\" viewBox=\\\"0 0 20 20\\\">\\n <path d=\\\"M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z\\\" fillRule=\\\"evenodd\\\" />\\n </svg>\\n)\\n\\nReactDOM.render(\\n <div>\\n <Button icon=\\\"weibo\\\" basic type=\\\"primary\\\">主要按钮</Button>\\n <Button icon=\\\"chrome\\\" basic type=\\\"success\\\">成功按钮</Button>\\n <Button icon=\\\"taobao\\\" basic type=\\\"warning\\\">警告按钮</Button>\\n <Button icon=\\\"apple\\\" basic type=\\\"danger\\\">错误按钮</Button>\\n <Button icon=\\\"weibo\\\" basic type=\\\"dark\\\">暗按钮</Button>\\n <Divider />\\n <Button icon=\\\"weibo\\\" basic type=\\\"primary\\\" />\\n <Button icon=\\\"chrome\\\" basic type=\\\"success\\\" />\\n <Button icon=\\\"taobao\\\" basic type=\\\"warning\\\" />\\n <Button icon=\\\"apple\\\" basic type=\\\"danger\\\" />\\n <Button icon=\\\"weibo\\\" basic type=\\\"dark\\\" />\\n <Button icon=\\\"weibo\\\" basic type=\\\"dark\\\" />\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 激活按钮样式\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Button } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Button active type=\\\"primary\\\">主要按钮</Button>\\n <Button active type=\\\"success\\\">成功按钮</Button>\\n <Button active type=\\\"warning\\\">警告按钮</Button>\\n <Button active type=\\\"danger\\\">错误按钮</Button>\\n <Button active type=\\\"light\\\">亮按钮</Button>\\n <Button active type=\\\"dark\\\">暗按钮</Button>\\n <Button active type=\\\"link\\\"> (超连接样式)link </Button>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 禁用按钮样式\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Button } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Button disabled type=\\\"primary\\\">主要按钮</Button>\\n <Button disabled type=\\\"success\\\">成功按钮</Button>\\n <Button disabled type=\\\"warning\\\">警告按钮</Button>\\n <Button disabled type=\\\"danger\\\">错误按钮</Button>\\n <Button disabled type=\\\"light\\\">亮按钮</Button>\\n <Button disabled type=\\\"dark\\\">暗按钮</Button>\\n <Button disabled type=\\\"link\\\"> (超连接样式)link </Button>\\n </div>,\\n _mount_\\n);\\n```\\n\\n\\n### block\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Button, Row, Col } from 'uiw';\\n\\nReactDOM.render(\\n <Row gutter={10}>\\n <Col style={{ maxWidth: 320 }}>\\n <Button block type=\\\"primary\\\">主要按钮</Button>\\n <Button block type=\\\"success\\\">成功按钮</Button>\\n <Button block type=\\\"warning\\\">警告按钮</Button>\\n <Button block type=\\\"danger\\\">错误按钮</Button>\\n <Button block type=\\\"light\\\">亮按钮</Button>\\n <Button block type=\\\"dark\\\">暗按钮</Button>\\n </Col>\\n </Row>,\\n _mount_\\n);\\n```\\n\\n### size大小\\n\\n`size` 在 `Button.Group`下面不支持。\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Button, Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Button size=\\\"small\\\" type=\\\"primary\\\">主要按钮</Button>\\n <Button size=\\\"default\\\" type=\\\"success\\\">成功按钮</Button>\\n <Button size=\\\"large\\\" type=\\\"warning\\\">警告按钮</Button>\\n <Button size=\\\"small\\\" type=\\\"danger\\\">错误按钮</Button>\\n <Button size=\\\"default\\\" type=\\\"light\\\">亮按钮</Button>\\n <Button size=\\\"large\\\" type=\\\"dark\\\">暗按钮</Button>\\n <Divider />\\n <Button icon=\\\"weibo\\\" size=\\\"small\\\" type=\\\"primary\\\">微博</Button>\\n <Button icon=\\\"chrome\\\" size=\\\"small\\\" type=\\\"success\\\">谷歌浏览器</Button>\\n <Button icon=\\\"chrome\\\" type=\\\"success\\\">谷歌浏览器</Button>\\n <Button icon=\\\"apple\\\" size=\\\"large\\\" type=\\\"warning\\\">淘宝</Button>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## Props\\n\\n### Button\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n| -------- | -------- | -------- | -------- |\\n| size | 按钮尺寸 | Enum{`large`, `default`, `small`} | `default` |\\n| type | 按钮状态类型附带颜色 | Enum{`primary`, `success`, `warning`, `danger`, `light`, `dark`, `link`} | `light` |\\n| htmlType | 设置 `button` 原生的 `type` 值，可选值请参考 [HTML 标准](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type) | String | `button` |\\n| icon | 设置按钮的图标类型 | String/ReactNode | - |\\n| block | 通过设置属性 `block` 可将按钮宽度设置为 100%，（块级元素），常用于弹窗内操作按钮。 | Boolean | false |\\n| disabled | 禁用状态 | Boolean | false |\\n| active | 激活状态，其表现为被按压下去（底色更深、边框夜色更深、向内投射阴影）。 | Boolean | false |\\n| loading | 加载中状态 | Boolean | false |\\n\\n### Button.Group\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n| -------- | -------- | -------- | -------- |\\n| vertical | 竖排列 | Boolean | `false` |\";"],"names":[],"sourceRoot":""}

package/web/static/js/9057.a47ec4de.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\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## 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.a47ec4de.chunk.js.map

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

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9057.a47ec4de.chunk.js","mappings":"gHAAA","sources":["../../packages/react-tree-checked/README.md"],"sourcesContent":["export default \"TreeChecked 树形选择控件\\n===\\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## 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.c6a17f36.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(82136),d=t(75752),a=t(64508),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.0.2/index.js")}),s&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import webpack from "webpack";\nimport lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"latest","react-dom":"latest",uiw:"latest"},devDependencies:{"@kkt/less-modules":"6.9.0",kkt:"6.9.0",typescript:"4.1.3"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(29812);function m(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n\|\|"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(s.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}var f="index_docinfo__3Vx8S",k="index_markdown__hcQCp",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,m=c.noCode,f=c.codePen;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var k={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f};return 0===Object.keys(k).filter((function(e){return void 0!==k[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:x(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f})}}}),(0,u.jsx)("div",{className:f,children:(0,u.jsx)(m,{path:a})})]}):null}},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(29812)),c=t(86082),d=t(69286);function a(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-message/README.md",dependencies:{Message:s.v0,Divider:s.iz},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.c6a17f36.chunk.js.map

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

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9121.c6a17f36.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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.0.2/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import webpack from \"webpack\";\\nimport lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: 'latest',\n 'react-dom': 'latest',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '6.9.0',\n kkt: '6.9.0',\n typescript: '4.1.3',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const { noPreview, bordered, noScroll, bgWhite, noCode, codePen } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { 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","typescript","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Page","Message","Divider","md","default"],"sourceRoot":""}

package/web/static/js/9147.53ea3fbb.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\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.53ea3fbb.chunk.js.map

package/web/static/js/9147.53ea3fbb.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9147.53ea3fbb.chunk.js","mappings":"gHAAA","sources":["../../packages/react-drawer/README.md"],"sourcesContent":["export default \"Drawer 抽屉\\n===\\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.7354157e.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\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 </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.7354157e.chunk.js.map

package/web/static/js/9188.7354157e.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9188.7354157e.chunk.js","mappings":"gHAAA","sources":["../../packages/react-progress/README.md"],"sourcesContent":["export default \"Progress 进度条\\n===\\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 </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":""}