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

@uiw/doc 4.21.12 → 5.0.0-bate-0

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

Files changed (458) hide show

package/web/static/js/8566.b51c1160.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/web/static/js/8586.9d605493.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[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-switch/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-switch.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-switch)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-switch.svg?label=@uiw/react-switch)](https://npmjs.com/@uiw/react-switch)\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.9d605493.chunk.js.map

package/web/static/js/8586.9d605493.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/8586.9d605493.chunk.js","mappings":"gHAAA","sources":["../../packages/react-switch/README.md"],"sourcesContent":["export default \"Switch 开关\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-switch/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-switch.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-switch)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-switch.svg?label=@uiw/react-switch)](https://npmjs.com/@uiw/react-switch)\\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.44b46cf7.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[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-dropdown/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-dropdown.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-dropdown)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?label=@uiw/react-dropdown)](https://npmjs.com/@uiw/react-dropdown)\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.44b46cf7.chunk.js.map

package/web/static/js/8709.44b46cf7.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/8709.44b46cf7.chunk.js","mappings":"gHAAA","sources":["../../packages/react-dropdown/README.md"],"sourcesContent":["export default \"Dropdown 下拉菜单\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-dropdown/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-dropdown.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-dropdown)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?label=@uiw/react-dropdown)](https://npmjs.com/@uiw/react-dropdown)\\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/8747.04252521.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8747],{58747:function(e,t,n){n.r(t),t.default="Formatter\n===\n\n[![GitHub Actions Build formatter](https://github.com/uiwjs/date-formatter/actions/workflows/ci.yml/badge.svg)](https://github.com/uiwjs/date-formatter/actions/workflows/ci.yml) [![](https://img.shields.io/npm/v/@uiw/formatter)](https://www.npmjs.com/package/@uiw/formatter) [![](https://img.shields.io/bundlephobia/min/@uiw/formatter)](https://www.npmjs.com/package/@uiw/formatter) ![](http://jaywcjlove.github.io/sb/status/no-dependencies.svg) [![Coverage Status](https://coveralls.io/repos/github/uiwjs/date-formatter/badge.svg?branch=master)](https://coveralls.io/github/uiwjs/date-formatter?branch=master)\n[![npm downloads](https://img.shields.io/npm/dm/@uiw/formatter.svg?style=flat)](https://www.npmjs.com/package/@uiw/formatter)\n\nGet a formatted date.\n\n[![Demo preview in CodePen](https://shields.io/badge/Demo%20Open%20in-CodePen-success?logo=codepen&style=flat)](https://codepen.io/jaywcjlove/pen/zbZKmq)\n[![Demo preview in CodeSandbox](https://shields.io/badge/Demo%20Open%20in-CodeSandbox-success?logo=codesandbox&style=flat)](https://codesandbox.io/s/date-formatter-demo-jib1u)\n\n### Install\n\n```bash\n$ npm install --save @uiw/formatter\n```\n\n### Usage\n\n```js\nimport formatter from '@uiw/formatter';\n\nconsole.log(formatter());\n//=> 2019-03-07\n\nconsole.log(formatter.utc());\n//=> 2019-03-07\n\nconsole.log(formatter('YYYY\u5e74MM\u6708DD\u65e5', new Date(2019, 3, 7)))\n//=> 2019\u5e7404\u670807\u65e5\nconsole.log(formatter('YYYY\u5e74MM\u6708DD\u65e5 16:30:29', new Date(2019, 3, 7, 16, 30, 29)))\n//=> 2019\u5e7404\u670807\u65e5 16:30:29\n\n\nconsole.log(formatter('YYYY'));\n//=> 2019\nconsole.log(formatter.utc('YYYY'));\n//=> 2019\n```\n\nOr manually download and link formatter.js in your HTML, It can also be downloaded via [UNPKG](https://unpkg.com/@uiw/formatter):\n\n```html\n<div id=\"date\"></div>\n<script src=\"https://unpkg.com/@uiw/formatter/dist/formatter.min.js\"><\/script>\n<script>\n document.getElementById('date').innerHTML = formatter();\n<\/script>\n```\n\nThe above [example preview](https://codepen.io/jaywcjlove/pen/zbZKmq).\n\n### timeZoneConverter\n\nResolve changes in time zone, resulting in inaccurate display server time\n\n```js\nfunction timeZoneConverter(date, timeZone) {\n const oldDate = new Date(date);\n const newDate = new Date();\n const stamp = oldDate.getTime();\n if (!timeZone) return oldDate;\n return (isNaN(timeZone) && !timeZone)\n ? oldDate :\n new Date(stamp + (newDate.getTimezoneOffset() * 60 * 1000) + (timeZone * 60 * 60 * 1000));\n}\ntimeZoneConverter(new Date(1434701732*1000), 8)\n```\n\n## API\n\n```js\nformatter(rule: String, date: Date, utc: Boolean);\nformatter.utc(rule: String, date: Date);\n```\n\n## Supported Patterns\n\n\| rule \| Description \| \u4e2d\u6587\u8bf4\u660e \| E.g \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| `YYYY` \| full year \| \u5e74 \| `2019` \|\n\| `MM` \| month \| \u6708 \| `02` \|\n\| `DD` \| day \| \u5929 \| `05` \|\n\| `HH` \| hours \| \u65f6 \| `12` \|\n\| `mm` \| minutes \| \u5206\u949f \| `59` \|\n\| `ss` \| seconds \| \u79d2 \| `09` \|\n\| `ms` \| milliseconds \| \u6beb\u79d2 \| `532` \|\n"}}]);
2	- //# sourceMappingURL=8747.04252521.chunk.js.map

package/web/static/js/8747.04252521.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/8747.04252521.chunk.js","mappings":"gHAAA","sources":["../../node_modules/@uiw/formatter/README.md"],"sourcesContent":["export default \"Formatter\\n===\\n\\n[![GitHub Actions Build formatter](https://github.com/uiwjs/date-formatter/actions/workflows/ci.yml/badge.svg)](https://github.com/uiwjs/date-formatter/actions/workflows/ci.yml) [![](https://img.shields.io/npm/v/@uiw/formatter)](https://www.npmjs.com/package/@uiw/formatter) [![](https://img.shields.io/bundlephobia/min/@uiw/formatter)](https://www.npmjs.com/package/@uiw/formatter) ![](http://jaywcjlove.github.io/sb/status/no-dependencies.svg) [![Coverage Status](https://coveralls.io/repos/github/uiwjs/date-formatter/badge.svg?branch=master)](https://coveralls.io/github/uiwjs/date-formatter?branch=master)\\n[![npm downloads](https://img.shields.io/npm/dm/@uiw/formatter.svg?style=flat)](https://www.npmjs.com/package/@uiw/formatter)\\n\\nGet a formatted date.\\n\\n[![Demo preview in CodePen](https://shields.io/badge/Demo%20Open%20in-CodePen-success?logo=codepen&style=flat)](https://codepen.io/jaywcjlove/pen/zbZKmq)\\n[![Demo preview in CodeSandbox](https://shields.io/badge/Demo%20Open%20in-CodeSandbox-success?logo=codesandbox&style=flat)](https://codesandbox.io/s/date-formatter-demo-jib1u)\\n\\n### Install\\n\\n```bash\\n$ npm install --save @uiw/formatter\\n```\\n\\n### Usage\\n\\n```js\\nimport formatter from '@uiw/formatter';\\n\\nconsole.log(formatter());\\n//=> 2019-03-07\\n\\nconsole.log(formatter.utc());\\n//=> 2019-03-07\\n\\nconsole.log(formatter('YYYY年MM月DD日', new Date(2019, 3, 7)))\\n//=> 2019年04月07日\\nconsole.log(formatter('YYYY年MM月DD日 16:30:29', new Date(2019, 3, 7, 16, 30, 29)))\\n//=> 2019年04月07日 16:30:29\\n\\n\\nconsole.log(formatter('YYYY'));\\n//=> 2019\\nconsole.log(formatter.utc('YYYY'));\\n//=> 2019\\n```\\n\\nOr manually download and link **formatter.js** in your HTML, It can also be downloaded via [UNPKG](https://unpkg.com/@uiw/formatter):\\n\\n```html\\n<div id=\\\"date\\\"></div>\\n<script src=\\\"https://unpkg.com/@uiw/formatter/dist/formatter.min.js\\\"></script>\\n<script>\\n document.getElementById('date').innerHTML = formatter();\\n</script>\\n```\\n\\nThe above [example preview](https://codepen.io/jaywcjlove/pen/zbZKmq).\\n\\n### timeZoneConverter\\n\\nResolve changes in time zone, resulting in inaccurate display server time\\n\\n```js\\nfunction timeZoneConverter(date, timeZone) {\\n const oldDate = new Date(date);\\n const newDate = new Date();\\n const stamp = oldDate.getTime();\\n if (!timeZone) return oldDate;\\n return (isNaN(timeZone) && !timeZone)\\n ? oldDate :\\n new Date(stamp + (newDate.getTimezoneOffset() * 60 * 1000) + (timeZone * 60 * 60 * 1000));\\n}\\ntimeZoneConverter(new Date(1434701732*1000), 8)\\n```\\n\\n## API\\n\\n```js\\nformatter(rule: String, date: Date, utc: Boolean);\\nformatter.utc(rule: String, date: Date);\\n```\\n\\n## Supported Patterns\\n\\n| rule | Description | 中文说明 | E.g |\\n|--------- |-------- |--------- |-------- |\\n| `YYYY` | full year | 年 | `2019` |\\n| `MM` | month | 月 | `02` |\\n| `DD` | day | 天 | `05` |\\n| `HH` | hours | 时 | `12` |\\n| `mm` | minutes | 分钟 | `59` |\\n| `ss` | seconds | 秒 | `09` |\\n| `ms` | milliseconds | 毫秒 | `532` |\\n\";"],"names":[],"sourceRoot":""}

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

package/web/static/js/875.cb95692f.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/web/static/js/8768.5facbb82.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[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-file-input/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-file-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-file-input)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?label=@uiw/react-file-input)](https://npmjs.com/@uiw/react-file-input)\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\u9884\u89c8\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { FileInput, Overlay } from 'uiw';\n\nconst Demo=()=>{\n const [visible,visibleSet]=React.useState(false)\n const [curfile,curFileSet]=React.useState(null)\n console.log('curfile',curfile)\n\n return(\n <>\n <Overlay\n isOpen={visible}\n onClosed={()=>visibleSet(false)}\n >\n <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\n </Overlay>\n <FileInput\n uploadType=\"picture\"\n size=\"large\"\n onPreview={(file) =>{\n visibleSet(true)\n curFileSet(file)\n }}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Icon type=\"plus\" />\n </FileInput>\n </>\n )\n}\n\nReactDOM.render(<Demo/> ,_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 onSubmit={({initial, current}) => {\n console.log('current',current)\n }}\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 gutter={10}>\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: '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.5facbb82.chunk.js.map

package/web/static/js/8768.5facbb82.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/8768.5facbb82.chunk.js","mappings":"gHAAA","sources":["../../packages/react-file-input/README.md"],"sourcesContent":["export default \"FileInput 上传输入框\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-file-input/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-file-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-file-input)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?label=@uiw/react-file-input)](https://npmjs.com/@uiw/react-file-input)\\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 React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { FileInput, Overlay } from 'uiw';\\n\\nconst Demo=()=>{\\n const [visible,visibleSet]=React.useState(false)\\n const [curfile,curFileSet]=React.useState(null)\\n console.log('curfile',curfile)\\n\\n return(\\n <>\\n <Overlay\\n isOpen={visible}\\n onClosed={()=>visibleSet(false)}\\n >\\n <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\\n </Overlay>\\n <FileInput\\n uploadType=\\\"picture\\\"\\n size=\\\"large\\\"\\n onPreview={(file) =>{\\n visibleSet(true)\\n curFileSet(file)\\n }}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n ]}\\n >\\n <Icon type=\\\"plus\\\" />\\n </FileInput>\\n </>\\n )\\n}\\n\\nReactDOM.render(<Demo/> ,_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 onSubmit={({initial, current}) => {\\n console.log('current',current)\\n }}\\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 gutter={10}>\\n <Col>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </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.d5dd1a61.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8849],{28849:function(i,n,e){e.r(n),n.default="Divider \u5206\u5272\u7ebf\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-divider/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-divider.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-divider)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-divider.svg?label=@uiw/react-divider)](https://npmjs.com/@uiw/react-divider)\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.d5dd1a61.chunk.js.map

package/web/static/js/8849.d5dd1a61.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/8849.d5dd1a61.chunk.js","mappings":"gHAAA","sources":["../../packages/react-divider/README.md"],"sourcesContent":["export default \"Divider 分割线\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-divider/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-divider.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-divider)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-divider.svg?label=@uiw/react-divider)](https://npmjs.com/@uiw/react-divider)\\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/8898.0d857d42.chunk.js DELETED Viewed

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

package/web/static/js/8898.0d857d42.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/web/static/js/8915.82c6b45a.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[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-button/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-button.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-button)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-button.svg?label=@uiw/react-button)](https://npmjs.com/@uiw/react-button)\n\n\u6309\u94ae\u7528\u4e8e\u5f00\u59cb\u4e00\u4e2a\u5373\u65f6\u64cd\u4f5c\uff0c\u89e6\u53d1\u4e1a\u52a1\u903b\u8f91\u65f6\u4f7f\u7528\u3002\n\n```jsx\nimport { Button, ButtonGroup } from \'uiw\';\n// or\nimport Button from \'@uiw/react-button\';\nimport ButtonGroup from \'@uiw/react-button-group\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\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.82c6b45a.chunk.js.map

package/web/static/js/8915.82c6b45a.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/8915.82c6b45a.chunk.js","mappings":"gHAAA","sources":["../../packages/react-button/README.md"],"sourcesContent":["export default \"Button 按钮\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-button/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-button.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-button)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-button.svg?label=@uiw/react-button)](https://npmjs.com/@uiw/react-button)\\n\\n按钮用于开始一个即时操作，触发业务逻辑时使用。\\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":""}