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

@uiw/doc 4.21.14 → 5.0.0-bate-0

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

Files changed (458) hide show

package/web/static/js/4648.bb571082.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/4648.bb571082.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/textarea/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 { Textarea, Divider, Icon, Form, Row, Col, Button, Notify } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-textarea/README.md\"\n dependencies={{ Textarea, Divider, Icon, Form, Row, Col, Button, Notify }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-textarea/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","Textarea","Icon","Form","Row","Col","Button","Notify","md","default"],"sourceRoot":""}

package/web/static/js/4663.f34724f6.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[4663],{34663:function(n,e,l){l.r(e),e.default="Cascader \u7ea7\u8054\u9009\u62e9\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-cascader/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-cascader.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-cascader)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-cascader.svg?label=@uiw/react-cascader)](https://npmjs.com/@uiw/react-cascader)\n\n\u7ea7\u8054\u9009\u62e9\u6846\u3002v4.16.0\u4e2d\u6dfb\u52a0\n\n```jsx\nimport { Cascader, Row, Col } from 'uiw';\n// or\nimport Cascader from '@uiw/react-cascader';\n```\n\n## \u57fa\u7840\u793a\u4f8b\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Cascader } from 'uiw';\n\nconst Demo = () => {\n\n const options = [\n {\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [\n {\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [\n {\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n ]\n },\n ]\n },\n ];\n\n return (\n <Row>\n <Row>\n <Cascader\n style={{ width:200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n value={[1, 4, 7]}\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n />\n </Row>\n <Row style={{ marginLeft: 20 }}>\n <Cascader\n style={{ width:200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n value={[1, 4, 7]}\n disabled={true}\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n />\n </Row>\n </Row>\n )\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 { Cascader } from 'uiw';\n\nconst Demo = () => {\n\n const options = [\n {\n label: '\u5c3a\u5bf8', value: 1,\n children: [\n {\n label: 'size',\n value: 2,\n children: [\n { label: '\u5c0f\u5c3a\u5bf8', value: 3 },\n { label: '\u9ed8\u8ba4\u5c3a\u5bf8', value: 4 },\n { label: '\u5927\u5c3a\u5bf8', value: 5 },\n ]\n },\n ]\n }\n ];\n\n return (\n <Row style={{ flexDirection: 'column' }}>\n <Cascader\n style={{ width: 150 }}\n value={[1, 2, 3]}\n option={options}\n size=\"small\"\n />\n <Cascader\n style={{ width: 175, marginTop: 10 }}\n value={[1, 2, 4]}\n option={options}\n />\n <Cascader\n style={{ width: 200, marginTop: 10 }}\n value={[1, 2, 5]}\n option={options}\n size=\"large\"\n />\n </Row>\n )\n};\nReactDOM.render(<Demo />, _mount_);\n```\n\n## \u641c\u7d22\u9009\u9879\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Cascader } from 'uiw';\n\nconst Demo = () => {\n\n const options = [\n {\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [\n {\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [\n {\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n ]\n },\n ]\n },\n ];\n\n return (\n <Cascader\n style={{ width: 200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n value={[1, 4, 7]}\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n onSearch={(text)=> console.log('text', text)}\n />\n )\n};\nReactDOM.render(<Demo />, _mount_);\n```\n\n## \u79fb\u5165\u5c55\u5f00\u83dc\u5355\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Cascader } from 'uiw';\n\nconst Demo = () => {\n\n const options = [\n {\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [\n {\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [\n {\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n ]\n },\n ]\n },\n ];\n\n return (\n <Row style={{ flexDirection: 'column' }}>\n <Cascader\n style={{ width:200 }}\n expandTrigger=\"hover\"\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n value={[1, 4, 7]}\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n onSearch={true}\n />\n </Row>\n )\n};\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\u5728 [`<Form />`](#/components/form) \u8868\u5355\u4e2d\u5e94\u7528 `<Cascader />` \u7ec4\u4ef6\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true&noScroll=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Form, Row, Col, Cascader, Button } from 'uiw';\n\nconst Demo = () => {\nconst options = [\n {\n label: '\u4e0a\u6d77\u5e02',\n value: 1,\n children: [\n {\n label: '\u5f90\u6c47\u533a',\n value: 4,\n children: [\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', value: 6 },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', value: 7 },\n { label: '\u5916\u6ee9\u8857\u9053', value: 8 },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n value: 9,\n children: [\n {\n label: '\u5d07\u6587\u533a',\n value: 12,\n children: [\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', value: 13 },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', value: 14 },\n { label: '\u524d\u95e8\u8857\u9053', value: 15 },\n ]\n },\n ]\n },\n ];\n\n return (\n <div>\n <Form\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.selectField) {\n errorObj.selectField = '\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a${current.selectField}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n cascader: {\n initialValue:[1, 4, 7],\n children: (\n <Cascader\n allowClear={true}\n onSearch={true}\n placeholder=\"\u8bf7\u9009\u62e9\"\n option={options}\n onChange={(value, seleteds) => console.log(value, seleteds)}\n />\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row >\n <Col fixed style={{width:200}}>{fields.cascader}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n );\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \| \u7248\u672c \|\n\| ---- \| ---- \| ---- \| ---- \| ---- \|\n\| allowClear \| \u652f\u6301\u6e05\u9664 \| Boolean \| `false` \| - \|\n\| disabled \| \u7981\u7528\u9009\u62e9\u5668 \| Boolean \| `false` \| - \|\n\| placeholder \| \u9009\u62e9\u6846\u9ed8\u8ba4\u6587\u5b57 \| String \| - \| - \|\n\| option \| \u9009\u9879\u83dc\u5355 \| { value: String \\\| Number, label: React.ReactNode, children: Array<String \\\| Number>} \| - \| - \|\n\| value \| \u6307\u5b9a\u5f53\u524d\u9009\u4e2d\u7684\u6761\u76ee\uff0c\u591a\u9009\u65f6\u4e3a\u4e00\u4e2a\u6570\u7ec4 \| String[] \\\| Number[] \| - \| - \|\n\| onChange \| \u9009\u4e2d\u9009\u9879\u8c03\u7528\u6b64\u51fd\u6570 \| function( isSeleted, value, selectedOptions) \| - \| - \|\n\| onSearch \| \u5f00\u542f\u641c\u7d22\u9009\u9879 \| functionon(searchText) \\\| Boolean \| - \| v4.16.1 \|\n\| size \| \u9009\u62e9\u6846\u5c3a\u5bf8 \| Enum{large, default, small } \| `default` \| v17.0.1 \|\n\| inputProps \| \u4f20\u7ed9[Input](http://localhost:3000/#/components/input)\u7ec4\u4ef6\u7684\u53c2\u6570 \| Object \| - \| v17.0.1 \|\n\| expandTrigger \|\t\u5b50\u96c6\u83dc\u5355\u7684\u5c55\u5f00\u65b9\u5f0f\uff0c'click' \u548c 'hover' \|\tString \| `click` \| v4.18.2 \|\n"}}]);
2	- //# sourceMappingURL=4663.f34724f6.chunk.js.map

package/web/static/js/4663.f34724f6.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/4663.f34724f6.chunk.js","mappings":"gHAAA","sources":["../../packages/react-cascader/README.md"],"sourcesContent":["export default \"Cascader 级联选择\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-cascader/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-cascader.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-cascader)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-cascader.svg?label=@uiw/react-cascader)](https://npmjs.com/@uiw/react-cascader)\\n\\n级联选择框。v4.16.0中添加\\n\\n```jsx\\nimport { Cascader, Row, Col } from 'uiw';\\n// or\\nimport Cascader from '@uiw/react-cascader';\\n```\\n\\n## 基础示例\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Cascader } from 'uiw';\\n\\nconst Demo = () => {\\n\\n const options = [\\n {\\n label: '上海市',\\n value: 1,\\n children: [\\n {\\n label: '徐汇区',\\n value: 4,\\n children: [\\n { label: '半淞园路街道', value: 6 },\\n { label: '南京东路街道', value: 7 },\\n { label: '外滩街道', value: 8 },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n value: 9,\\n children: [\\n {\\n label: '崇文区',\\n value: 12,\\n children: [\\n { label: '东花市街道', value: 13 },\\n { label: '体育馆路街道', value: 14 },\\n { label: '前门街道', value: 15 },\\n ]\\n },\\n ]\\n },\\n ];\\n\\n return (\\n <Row>\\n <Row>\\n <Cascader\\n style={{ width:200 }}\\n allowClear={true}\\n placeholder=\\\"请选择\\\"\\n value={[1, 4, 7]}\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n />\\n </Row>\\n <Row style={{ marginLeft: 20 }}>\\n <Cascader\\n style={{ width:200 }}\\n allowClear={true}\\n placeholder=\\\"请选择\\\"\\n value={[1, 4, 7]}\\n disabled={true}\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n />\\n </Row>\\n </Row>\\n )\\n};\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 尺寸\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Cascader } from 'uiw';\\n\\nconst Demo = () => {\\n\\n const options = [\\n {\\n label: '尺寸', value: 1,\\n children: [\\n {\\n label: 'size',\\n value: 2,\\n children: [\\n { label: '小尺寸', value: 3 },\\n { label: '默认尺寸', value: 4 },\\n { label: '大尺寸', value: 5 },\\n ]\\n },\\n ]\\n }\\n ];\\n\\n return (\\n <Row style={{ flexDirection: 'column' }}>\\n <Cascader\\n style={{ width: 150 }}\\n value={[1, 2, 3]}\\n option={options}\\n size=\\\"small\\\"\\n />\\n <Cascader\\n style={{ width: 175, marginTop: 10 }}\\n value={[1, 2, 4]}\\n option={options}\\n />\\n <Cascader\\n style={{ width: 200, marginTop: 10 }}\\n value={[1, 2, 5]}\\n option={options}\\n size=\\\"large\\\"\\n />\\n </Row>\\n )\\n};\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 搜索选项\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Cascader } from 'uiw';\\n\\nconst Demo = () => {\\n\\n const options = [\\n {\\n label: '上海市',\\n value: 1,\\n children: [\\n {\\n label: '徐汇区',\\n value: 4,\\n children: [\\n { label: '半淞园路街道', value: 6 },\\n { label: '南京东路街道', value: 7 },\\n { label: '外滩街道', value: 8 },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n value: 9,\\n children: [\\n {\\n label: '崇文区',\\n value: 12,\\n children: [\\n { label: '东花市街道', value: 13 },\\n { label: '体育馆路街道', value: 14 },\\n { label: '前门街道', value: 15 },\\n ]\\n },\\n ]\\n },\\n ];\\n\\n return (\\n <Cascader\\n style={{ width: 200 }}\\n allowClear={true}\\n placeholder=\\\"请选择\\\"\\n value={[1, 4, 7]}\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n onSearch={(text)=> console.log('text', text)}\\n />\\n )\\n};\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 移入展开菜单\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Cascader } from 'uiw';\\n\\nconst Demo = () => {\\n\\n const options = [\\n {\\n label: '上海市',\\n value: 1,\\n children: [\\n {\\n label: '徐汇区',\\n value: 4,\\n children: [\\n { label: '半淞园路街道', value: 6 },\\n { label: '南京东路街道', value: 7 },\\n { label: '外滩街道', value: 8 },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n value: 9,\\n children: [\\n {\\n label: '崇文区',\\n value: 12,\\n children: [\\n { label: '东花市街道', value: 13 },\\n { label: '体育馆路街道', value: 14 },\\n { label: '前门街道', value: 15 },\\n ]\\n },\\n ]\\n },\\n ];\\n\\n return (\\n <Row style={{ flexDirection: 'column' }}>\\n <Cascader\\n style={{ width:200 }}\\n expandTrigger=\\\"hover\\\"\\n allowClear={true}\\n placeholder=\\\"请选择\\\"\\n value={[1, 4, 7]}\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n onSearch={true}\\n />\\n </Row>\\n )\\n};\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 在表单中使用\\n\\n在 [`<Form />`](#/components/form) 表单中应用 `<Cascader />` 组件。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Form, Row, Col, Cascader, Button } from 'uiw';\\n\\nconst Demo = () => {\\nconst options = [\\n {\\n label: '上海市',\\n value: 1,\\n children: [\\n {\\n label: '徐汇区',\\n value: 4,\\n children: [\\n { label: '半淞园路街道', value: 6 },\\n { label: '南京东路街道', value: 7 },\\n { label: '外滩街道', value: 8 },\\n ]\\n },\\n ]\\n },\\n {\\n label: '北京市',\\n value: 9,\\n children: [\\n {\\n label: '崇文区',\\n value: 12,\\n children: [\\n { label: '东花市街道', value: 13 },\\n { label: '体育馆路街道', value: 14 },\\n { label: '前门街道', value: 15 },\\n ]\\n },\\n ]\\n },\\n ];\\n\\n return (\\n <div>\\n <Form\\n onSubmitError={(error) => {\\n if (error.filed) {\\n return { ...error.filed };\\n }\\n return null;\\n }}\\n onSubmit={({initial, current}) => {\\n const errorObj = {};\\n if (!current.selectField) {\\n errorObj.selectField = '默认需要选择内容，选择入内容';\\n }\\n if(Object.keys(errorObj).length > 0) {\\n const err = new Error();\\n err.filed = errorObj;\\n Notify.error({ title: '提交失败！', description: '请确认提交表单是否正确！' });\\n throw err;\\n }\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交成功，选择值为：${current.selectField}，将自动填充初始化值！`,\\n });\\n }}\\n fields={{\\n cascader: {\\n initialValue:[1, 4, 7],\\n children: (\\n <Cascader\\n allowClear={true}\\n onSearch={true}\\n placeholder=\\\"请选择\\\"\\n option={options}\\n onChange={(value, seleteds) => console.log(value, seleteds)}\\n />\\n )\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <div>\\n <Row >\\n <Col fixed style={{width:200}}>{fields.cascader}</Col>\\n </Row>\\n <Row>\\n <Col fixed>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n <Row>\\n <Col>\\n <pre style={{ padding: 10, marginTop: 10 }}>\\n {JSON.stringify(state.current, null, 2)}\\n </pre>\\n </Col>\\n </Row>\\n </div>\\n )\\n }}\\n </Form>\\n </div>\\n );\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\\n| ---- | ---- | ---- | ---- | ---- |\\n| allowClear | 支持清除 | Boolean | `false` | - |\\n| disabled | 禁用选择器 | Boolean | `false` | - |\\n| placeholder | 选择框默认文字 | String | - | - |\\n| option | 选项菜单 | { value: String \\\\| Number, label: React.ReactNode, children: Array<String \\\\| Number>} | - | - |\\n| value | 指定当前选中的条目，多选时为一个数组 | String[] \\\\| Number[] | - | - |\\n| onChange | 选中选项调用此函数 | function( isSeleted, value, selectedOptions) | - | - |\\n| onSearch | 开启搜索选项 | functionon(searchText) \\\\| Boolean | - | v4.16.1 |\\n| size | 选择框尺寸 | Enum{large, default, small } | `default` | v17.0.1 |\\n| inputProps | 传给[Input](http://localhost:3000/#/components/input)组件的参数 | Object | - | v17.0.1 |\\n| expandTrigger |\\t子集菜单的展开方式，'click' 和 'hover' |\\tString | `click` | v4.18.2 |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/4781.4def496c.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[4781],{54781:function(n,o,e){e.r(o),o.default='Radio \u5355\u9009\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-radio/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-radio.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-radio)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-radio.svg?label=@uiw/react-radio)](https://npmjs.com/@uiw/react-radio)\n\n\u5355\u9009\u6846\uff0c\u5728\u4e00\u7ec4\u5907\u9009\u9879\u4e2d\u8fdb\u884c\u5355\u9009\u3002\n\n```jsx\nimport { Radio, RadioButton, RadioGroup } from \'uiw\';\n// or\nimport { Radio, RadioButton, RadioGroup } from \'@uiw/react-radio\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u9002\u7528\u5e7f\u6cdb\u7684\u57fa\u7840\u6700\u7b80\u5355\u7684\u7528\u6cd5\uff0c\u5c55\u793a\u5404\u79cd\u72b6\u6001\u4e0b\u7684\u6837\u5f0f\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Radio, RadioButton } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Radio value="1">Radio</Radio>\n <Radio value="2" checked>\u9009\u4e2d</Radio>\n <Radio value="3" disabled>\u7981\u7528</Radio>\n <Radio value="4" checked disabled>\u9009\u4e2d\u5e76\u7981\u7528</Radio>\n <Radio value="4" checked disabled>\u9009\u4e2d\u5e76\u7981\u7528</Radio>\n <RadioButton value="5" >RadioButton</RadioButton>\n <RadioButton value="5" checked >RadioButton \u9009\u4e2d</RadioButton>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### Form \u4e2d\u4f7f\u7528 Radio\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Form, Radio, RadioGroup, RadioButton, 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 const ErrObj = {};\n if (current.radioGroup === \'unknown\') {\n ErrObj.radioGroup = \'\u8bf7\u9009\u62e9\u6027\u522b\uff01\';\n }\n\n if(Object.keys(ErrObj).length > 0) {\n const err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n\n Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\', description: `\u586b\u5199\uff1a\u3010\u586b\u5199\u6210\u529f\u3011\uff01`\n });\n }}\n fields={{\n radioGroup: {\n value: \'girl\',\n label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n help: \'\u5fc5\u987b\u9009\u62e9\u6027\u522b\uff01\',\n children: (\n <RadioGroup>\n <Radio value="man">\u7537</Radio>\n <Radio value="girl">\u5973</Radio>\n <Radio value="shemale">\u4e2d\u6027</Radio>\n <Radio value="unknown">\u672a\u77e5</Radio>\n </RadioGroup>\n ),\n },\n radioButtonGroup: {\n value: \'girl\',\n label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n help: \'\u5fc5\u987b\u9009\u62e9\u6027\u522b\uff01\',\n children: (\n <RadioGroup>\n <RadioButton value="man">\u7537</RadioButton>\n <RadioButton value="girl">\u5973</RadioButton>\n <RadioButton value="shemale">\u4e2d\u6027</RadioButton>\n <RadioButton value="unknown">\u672a\u77e5</RadioButton>\n </RadioGroup>\n ),\n },\n radio: {\n help: \'\u8bf7\u9009\u62e9\uff01\u8be5\u9009\u9879\u4e3a\u5fc5\u9009\uff01\',\n validator: (value) => !value ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null,\n children: <Radio value="man">\u5df2\u9605\u8bfb</Radio>,\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.radioGroup}</Col>\n </Row>\n <Row>\n <Col>{fields.radioButtonGroup}</Col>\n </Row>\n <Row>\n <Col>{fields.radio}</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### \u5355\u9009\n\n\u9002\u7528\u5e7f\u6cdb\u7684\u57fa\u7840\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Radio, RadioGroup, RadioButton } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = { value: \'\u672a\u77e5\' };\n }\n onChange(value) {\n this.setState({ value });\n }\n render() {\n return (\n <div>\n <RadioGroup name="sexs" value={this.state.value} onChange={(e)=>this.onChange(e.target.value)}>\n <Radio value="man">\u7537</Radio>\n <Radio value="girl">\u5973</Radio>\n <Radio value="shemale" disabled>\u4e2d\u6027</Radio>\n <Radio value="unknown" disabled>\u672a\u77e5</Radio>\n </RadioGroup>\n <RadioGroup name="sexs" value={this.state.value} onChange={this.onChange.bind(this)} style={{ marginTop: 20 }}>\n <RadioButton value="man">\u7537</RadioButton>\n <RadioButton value="girl">\u5973</RadioButton>\n <RadioButton value="shemale" disabled>\u4e2d\u6027</RadioButton>\n <RadioButton value="unknown" disabled>\u672a\u77e5</RadioButton>\n </RadioGroup>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5355\u9009\u7ec4\n\n\u8bbe\u7f6e\u5355\u9009\u521d\u59cb\u503c\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Radio, RadioGroup, Divider, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = { value: \'\u672a\u77e5\' };\n }\n onChange(value) {\n this.setState({ value });\n }\n render() {\n return (\n <div>\n <RadioGroup name="other" value={this.state.value} onChange={(e)=>this.onChange(e.target.value)}>\n <div>Group 1</div>\n <Radio value="\u7537">\u7537</Radio>\n <Radio value="\u5973">\u5973</Radio>\n <div>Group 2</div>\n <Radio value="\u4e2d\u6027" disabled>\u4e2d\u6027</Radio>\n <Radio value="\u672a\u77e5">\u672a\u77e5</Radio>\n <div>Group 3</div>\n <Radio value="E" style={{ display: \'block\' }}>Item E</Radio>\n <Radio value="F" style={{ display: \'block\' }}>Item F</Radio>\n <div>Group 3</div>\n </RadioGroup>\n\n <RadioGroup name="other" value={this.state.value} onChange={this.onChange.bind(this)} style={{ marginTop:20 }}>\n <RadioButton value="\u7537">\u7537</RadioButton>\n <RadioButton value="\u5973">\u5973</RadioButton>\n <RadioButton value="\u672a\u77e5">\u672a\u77e5</RadioButton>\n </RadioGroup>\n <Divider />\n <Button\n type="primary"\n onClick={() => {\n // console.log(\'set::\', [\'\u4e1c\u5317\u83dc\', \'\u5317\u4eac\u70e4\u9e2d\']);\n this.setState({ value: \'\u5973\' });\n }}\n >\n \u70b9\u51fb\u6309\u94ae\u9009"\u5973"\n </Button>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Radio\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 \| Radio\u662f\u5426\u88ab\u9009\u4e2d \| Boolean \| `false` \|\n\| disabled \| \u662f\u5426\u7981\u7528 \| Boolean \| `false` \|\n\| onChange \| \u6570\u503c\u6539\u53d8\u65f6\u7684\u56de\u8c03\uff0c\u8fd4\u56de\u5f53\u524d\u503c \| Funtcion(e:Even) \| - \|\n\n## RadioGroup\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\| onChange \| \u6570\u503c\u6539\u53d8\u65f6\u7684\u56de\u8c03\uff0c\u8fd4\u56de\u5f53\u524d\u503c \| Funtcion(e:Even) \| - \|\n'}}]);
2	- //# sourceMappingURL=4781.4def496c.chunk.js.map

package/web/static/js/4781.4def496c.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/4781.4def496c.chunk.js","mappings":"gHAAA","sources":["../../packages/react-radio/README.md"],"sourcesContent":["export default \"Radio 单选框\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-radio/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-radio.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-radio)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-radio.svg?label=@uiw/react-radio)](https://npmjs.com/@uiw/react-radio)\\n\\n单选框，在一组备选项中进行单选。\\n\\n```jsx\\nimport { Radio, RadioButton, RadioGroup } from 'uiw';\\n// or\\nimport { Radio, RadioButton, RadioGroup } from '@uiw/react-radio';\\n```\\n\\n### 基础用法\\n\\n适用广泛的基础最简单的用法，展示各种状态下的样式。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Radio, RadioButton } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Radio value=\\\"1\\\">Radio</Radio>\\n <Radio value=\\\"2\\\" checked>选中</Radio>\\n <Radio value=\\\"3\\\" disabled>禁用</Radio>\\n <Radio value=\\\"4\\\" checked disabled>选中并禁用</Radio>\\n <Radio value=\\\"4\\\" checked disabled>选中并禁用</Radio>\\n <RadioButton value=\\\"5\\\" >RadioButton</RadioButton>\\n <RadioButton value=\\\"5\\\" checked >RadioButton 选中</RadioButton>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### Form 中使用 Radio\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Form, Radio, RadioGroup, RadioButton, 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 const ErrObj = {};\\n if (current.radioGroup === 'unknown') {\\n ErrObj.radioGroup = '请选择性别！';\\n }\\n\\n if(Object.keys(ErrObj).length > 0) {\\n const err = new Error();\\n err.filed = ErrObj;\\n throw err;\\n }\\n\\n Notify.success({\\n title: '提交成功！', description: `填写：【填写成功】！`\\n });\\n }}\\n fields={{\\n radioGroup: {\\n value: 'girl',\\n label: '请输入内容',\\n help: '必须选择性别！',\\n children: (\\n <RadioGroup>\\n <Radio value=\\\"man\\\">男</Radio>\\n <Radio value=\\\"girl\\\">女</Radio>\\n <Radio value=\\\"shemale\\\">中性</Radio>\\n <Radio value=\\\"unknown\\\">未知</Radio>\\n </RadioGroup>\\n ),\\n },\\n radioButtonGroup: {\\n value: 'girl',\\n label: '请输入内容',\\n help: '必须选择性别！',\\n children: (\\n <RadioGroup>\\n <RadioButton value=\\\"man\\\">男</RadioButton>\\n <RadioButton value=\\\"girl\\\">女</RadioButton>\\n <RadioButton value=\\\"shemale\\\">中性</RadioButton>\\n <RadioButton value=\\\"unknown\\\">未知</RadioButton>\\n </RadioGroup>\\n ),\\n },\\n radio: {\\n help: '请选择！该选项为必选！',\\n validator: (value) => !value ? '必填选项！' : null,\\n children: <Radio value=\\\"man\\\">已阅读</Radio>,\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <div>\\n <Row>\\n <Col>{fields.radioGroup}</Col>\\n </Row>\\n <Row>\\n <Col>{fields.radioButtonGroup}</Col>\\n </Row>\\n <Row>\\n <Col>{fields.radio}</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\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Radio, RadioGroup, RadioButton } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = { value: '未知' };\\n }\\n onChange(value) {\\n this.setState({ value });\\n }\\n render() {\\n return (\\n <div>\\n <RadioGroup name=\\\"sexs\\\" value={this.state.value} onChange={(e)=>this.onChange(e.target.value)}>\\n <Radio value=\\\"man\\\">男</Radio>\\n <Radio value=\\\"girl\\\">女</Radio>\\n <Radio value=\\\"shemale\\\" disabled>中性</Radio>\\n <Radio value=\\\"unknown\\\" disabled>未知</Radio>\\n </RadioGroup>\\n <RadioGroup name=\\\"sexs\\\" value={this.state.value} onChange={this.onChange.bind(this)} style={{ marginTop: 20 }}>\\n <RadioButton value=\\\"man\\\">男</RadioButton>\\n <RadioButton value=\\\"girl\\\">女</RadioButton>\\n <RadioButton value=\\\"shemale\\\" disabled>中性</RadioButton>\\n <RadioButton value=\\\"unknown\\\" disabled>未知</RadioButton>\\n </RadioGroup>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 单选组\\n\\n设置单选初始值\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Radio, RadioGroup, Divider, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = { value: '未知' };\\n }\\n onChange(value) {\\n this.setState({ value });\\n }\\n render() {\\n return (\\n <div>\\n <RadioGroup name=\\\"other\\\" value={this.state.value} onChange={(e)=>this.onChange(e.target.value)}>\\n <div>Group 1</div>\\n <Radio value=\\\"男\\\">男</Radio>\\n <Radio value=\\\"女\\\">女</Radio>\\n <div>Group 2</div>\\n <Radio value=\\\"中性\\\" disabled>中性</Radio>\\n <Radio value=\\\"未知\\\">未知</Radio>\\n <div>Group 3</div>\\n <Radio value=\\\"E\\\" style={{ display: 'block' }}>Item E</Radio>\\n <Radio value=\\\"F\\\" style={{ display: 'block' }}>Item F</Radio>\\n <div>Group 3</div>\\n </RadioGroup>\\n\\n <RadioGroup name=\\\"other\\\" value={this.state.value} onChange={this.onChange.bind(this)} style={{ marginTop:20 }}>\\n <RadioButton value=\\\"男\\\">男</RadioButton>\\n <RadioButton value=\\\"女\\\">女</RadioButton>\\n <RadioButton value=\\\"未知\\\">未知</RadioButton>\\n </RadioGroup>\\n <Divider />\\n <Button\\n type=\\\"primary\\\"\\n onClick={() => {\\n // console.log('set::', ['东北菜', '北京烤鸭']);\\n this.setState({ value: '女' });\\n }}\\n >\\n 点击按钮选\\\"女\\\"\\n </Button>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Radio\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 根据 value 进行比较，判断是否选中 | String/Number/Boolean | - |\\n| name | 用于表单对应的名称 | String | - |\\n| checked | Radio是否被选中 | Boolean | `false` |\\n| disabled | 是否禁用 | Boolean | `false` |\\n| onChange | 数值改变时的回调，返回当前值 | Funtcion(e:Even) | - |\\n\\n## RadioGroup\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 根据 value 进行比较，判断是否选中 | String/Number/Boolean | - |\\n| name | 用于表单对应的名称 | String | - |\\n| onChange | 数值改变时的回调，返回当前值 | Funtcion(e:Even) | - |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/486.fc977627.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[486],{60486:function(n,e,t){t.r(e),e.default="Split \u9762\u677f\u5206\u5272\n===\n\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-split.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-split)\n[![Build & Deploy](https://github.com/uiwjs/react-split/actions/workflows/ci.yml/badge.svg)](https://github.com/uiwjs/react-split/actions/workflows/ci.yml)\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-split/file/README.md)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-split.svg)](https://www.npmjs.com/package/@uiw/react-split)\n[![Coverage Status](https://uiwjs.github.io/react-split/badges.svg)](https://uiwjs.github.io/react-split/coverage/lcov-report/)\n\n\u53ef\u5c06\u4e00\u5757\u5185\u5bb9\uff0c\u5206\u5272\u4e3a\u53ef\u4ee5\u62d6\u62fd\u8c03\u6574\u5bbd\u5ea6\u6216\u9ad8\u5ea6\u7684\u533a\u57df\u3002\n\n```jsx\nimport { Split } from 'uiw';\n```\n\n\u4ece\u7ec4\u4ef6\u5e93 `uiw` \u4e2d\u62bd\u79bb\u51fa\u6765\u7684 `@uiw/react-split`\uff0c\u53ef\u4ee5\u5355\u72ec\u4f7f\u7528\u3002\n\n```jsx\nimport Split from '@uiw/react-split';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n> ~~\u901a\u8fc7\u8bbe\u7f6e\u5b50\u8282\u70b9\u7684 `minWidth` \u6837\u5f0f\uff0c\u5373\u53ef\u8bbe\u7f6e\u62d6\u62fd\u6700\u5c0f\u5bbd\u5ea6\u503c\u3002\u901a\u8fc7\u8bbe\u7f6e\u5b50\u8282\u70b9\u6837\u5f0f `flexBasis` \u6837\u5f0f\u5373\u53ef\u8bbe\u7f6e\u9ed8\u8ba4\u5206\u5272\u5185\u5bb9\u7684\u5360\u6bd4\u5bbd\u5ea6\u3002~~\n\n- \u56fa\u5b9a\u521d\u59cb\u5bbd\u5ea6\u6216\u8005\u9ad8\u5ea6\uff0c\u53ef\u901a\u8fc7\u8bbe\u7f6e\u5b50\u8282\u70b9\uff0c\u6837\u5f0f `width: '80%'` \u5bbd\u5ea6\u767e\u5206\u767e\u6765\u8ba1\u7b97\u3002\n- \u62d6\u62fd\u81f3\u6700\u5c0f\u5bbd\u5ea6\uff0c\u53ef\u901a\u8fc7\u8bbe\u7f6e\u5b50\u8282\u70b9\u6837\u5f0f `minWidth: 30`\uff0c\u6765\u8fbe\u5230\u6548\u679c\n- \u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c\u4e0d\u8bbe\u7f6e\u6837\u5f0f `width`\uff0c\u9700\u8981\u5c06\u67d0\u4e2a\u5b50\u8282\u70b9\u6837\u5f0f\u8bbe\u4e3a `flex: 1`\uff0c\u6765\u81ea\u9002\u5e94\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport Split from '@uiw/react-split';\n\nconst Demo = () => (\n <div>\n <Split style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\n <div style={{ width: '20%', minWidth: 30 }}>\n <iframe\n srcDoc=\"<div>test</div>\"\n style={{ width: '100%', height: '100%' }}\n title=\"Code Preview\"\n sandbox=\"allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts\"\n />\n </div>\n <div style={{ width: '80%', minWidth: 100 }}>\n Right Pane\n </div>\n </Split>\n <Split\n style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}\n >\n <div style={{ minWidth: 60 }}>\n test\n </div>\n <div style={{ minWidth: 80, flex: 1 }}>\n Right Pane\n </div>\n </Split>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u53ef\u7528\u4e8e\u5e03\u5c40\n\n\u8bbe\u7f6e `visiable={false}` \u7981\u7528\u62d6\u62fd\u680f\uff0c\u53ef\u7528\u4e8e\u5e03\u5c40\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport Split from '@uiw/react-split';\n\nconst Demo = () => (\n <div>\n <Split mode=\"vertical\" visiable={false}>\n <div style={{ minHeight: 45, background: '#dcdcdc' }}>\n Header\n </div>\n <Split visiable={false}>\n <div style={{ minWidth: 200, maxWidth: 200, minHeight: 120, background: '#b5b5b5' }}>\n Sider\n </div>\n <div style={{ width: '100%', background: '#ececec' }}>\n Content\n </div>\n </Split>\n <div style={{ minHeight: 45, background: '#dcdcdc' }}>\n Footer\n </div>\n </Split>\n <div style={{ height: 20 }}></div>\n <Split visiable={false}>\n <div style={{ minWidth: 200, maxWidth: 200, minHeight: 85, background: '#a9a9a9' }}>\n Sider\n </div>\n <Split mode=\"vertical\" visiable={false} style={{ width: '100%' }}>\n <div style={{ minHeight: 45, background: '#dcdcdc' }}>\n Header\n </div>\n <div style={{ minHeight: 85, background: '#b5b5b5' }}>\n Content\n </div>\n <div style={{ minHeight: 45, background: '#dcdcdc' }}>\n Footer\n </div>\n </Split>\n </Split>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u591a\u680f\u5206\u5272\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport Split from '@uiw/react-split';\n\nconst Demo = () => (\n <Split style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\n <div>\n Left Pane\n </div>\n <div>\n Center Pane\n </div>\n <div>\n Center Pane\n </div>\n <div style={{ flex: 1 }}>\n Right Pane\n </div>\n </Split>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u7ebf\u6761\u62d6\u62fd\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport Split from '@uiw/react-split';\n\nconst Demo = () => (\n <div>\n <Split lineBar style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\n <div>\n Left Pane\n </div>\n <div>\n Center Pane\n </div>\n <div>\n Center Pane\n </div>\n <div style={{ flex: 1 }}>\n Right Pane\n </div>\n </Split>\n <Split mode=\"vertical\" lineBar style={{ height: 210, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 10 }}>\n <div style={{ height: '33.3%' }}>\n Left Pane\n </div>\n <div style={{ height: '33.3%' }}>\n Center Pane\n </div>\n <div style={{ flex: 1 }}>\n Right Pane\n </div>\n </Split>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5782\u76f4\u5206\u5272\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport Split from '@uiw/react-split';\n\nconst Demo = () => (\n <Split mode=\"vertical\" style={{ height: 200, border: '1px solid #d5d5d5', borderRadius: 3 }}>\n <div style={{ height: '50%' }}>\n Top Pane\n </div>\n <div style={{ height: '50%' }}>\n Bottom Pane\n </div>\n </Split>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5d4c\u5957\u4f7f\u7528\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport Split from '@uiw/react-split';\n\nconst Demo = () => (\n <Split style={{ height: 200, border: '1px solid #d5d5d5', borderRadius: 3 }}>\n <Split mode=\"vertical\">\n <div style={{ height: '50%' }}>\n Top Pane\n </div>\n <Split style={{ height: '50%' }}>\n <div>\n Left Pane\n </div>\n <div style={{ flex: 1 }}>\n Right Pane\n </div>\n </Split>\n </Split>\n <div style={{ flex: 1 }}>\n Right Pane\n </div>\n </Split>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u62d6\u62fd\u5de5\u5177\u4e0d\u663e\u793a\n\n\u4e0b\u9762\u5b9e\u4f8b\u901a\u8fc7\u8bbe\u7f6e `visiable` \u7684\u503c\u6765\u8bbe\u7f6e\u62d6\u62fd\u5de5\u5177\u662f\u5426\u53ef\u89c1\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport Split from '@uiw/react-split';\n\nconst Demo = () => (\n <div>\n <Split visiable={false} style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\n <div style={{ maxWidth: 100, backgroundColor: '#eaeaea' }}>\n Left Pane\n </div>\n <div style={{ flex: 1 }}>\n Right Pane\n </div>\n </Split>\n <Split visiable={[4, 5]} style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 10 }}>\n <div style={{ maxWidth: 50, backgroundColor: '#eaeaea' }}>\n Pane 1\n </div>\n <div style={{ maxWidth: 60 }}>\n Pane 2\n </div>\n <div>\n Pane 3\n </div>\n <div>\n Pane 4\n </div>\n <div style={{ flex: 1 }}>\n Pane 5\n </div>\n </Split>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u7981\u7528\u62d6\u62fd\n\n\u901a\u8fc7\u8bbe\u7f6e `disable` \u7684\u503c\uff0c\u7981\u7528\u62d6\u62fd\u5de5\u5177\u62d6\u62fd\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport Split from '@uiw/react-split';\n\nconst Demo = () => (\n <div>\n <Split disable style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\n <div style={{ maxWidth: 100, backgroundColor: '#eaeaea' }}>\n Left Pane\n </div>\n <Split disable mode=\"vertical\">\n <div>\n Top Pane\n </div>\n <div>\n Bottom Pane\n </div>\n </Split>\n <div style={{ flex: 1 }}>\n Right Pane\n </div>\n </Split>\n <Split disable={[4, 5]} style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 10 }}>\n <div style={{ maxWidth: 50, backgroundColor: '#eaeaea' }}>\n Pane 1\n </div>\n <div style={{ maxWidth: 60 }}>\n Pane 2\n </div>\n <div>\n Pane 3\n </div>\n <div>\n Pane 4\n </div>\n <div style={{ flex: 1 }}>\n Pane 5\n </div>\n </Split>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u62bd\u5c49\n\n\u53ef\u62d6\u62fd\u5de6\u8fb9\u680f\u5bbd\u5ea6\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Split from '@uiw/react-split';\nimport { Menu, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n width: 210,\n };\n }\n onClick() {\n this.setState({\n width: this.state.width === 0 ? 210 : 0,\n });\n }\n render() {\n const styl = {};\n if (this.state.width === 0) {\n styl.width = `0%`;\n } else {\n styl.width = this.state.width;\n }\n return (\n <>\n <div style={{ marginBottom: 10 }}>\n <Button type=\"primary\" onClick={this.onClick.bind(this)}>{this.state.width === 0 ? '\u9690\u85cf\u83dc\u5355' : '\u5c55\u793a\u83dc\u5355'}</Button>\n </div>\n <Split lineBar visiable={this.state.width !== 0} style={{ border: '1px solid #d5d5d5', borderRadius: 3 }}>\n <div style={{ ...styl, overflow: 'hidden' }}>\n <Menu>\n <Menu.Item icon=\"heart-on\" text=\"\u53e6\u5b58\u4e3a\" active />\n <Menu.Item icon=\"appstore\" text=\"\u5e94\u7528\u5546\u57ce\" />\n <Menu.Item icon=\"bar-chart\" text=\"\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa\" />\n <Menu.Item icon=\"setting\" text=\"\u504f\u597d\u8bbe\u7f6e\" />\n <Menu.Divider />\n <Menu.Item icon=\"map\" text=\"\u8c37\u6b4c\u5730\u56fe\" />\n </Menu>\n </div>\n <div style={{ flex: 1, minWidth: 30 }}>\n Right Pane\n </div>\n </Split>\n </>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u652f\u6301\u81ea\u5b9a\u4e49\u62d6\u62fd\u5de5\u5177\u680f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport Split from '@uiw/react-split';\n\nconst Demo = () => (\n <div>\n <Split\n renderBar={({ onMouseDown, ...props }) => {\n return (\n <div {...props} style={{ boxShadow: 'none', background: 'transparent' }}>\n <div onMouseDown={onMouseDown} style={{ backgroundColor: '#ff000057', boxShadow: 'none' }} />\n </div>\n );\n }}\n style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}\n >\n <div style={{ minWidth: 60 }}>\n test\n </div>\n <div style={{ minWidth: 80, flex: 1 }}>\n Right Pane\n </div>\n </Split>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n```ts\nexport interface SplitProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragEnd'> {\n style?: React.CSSProperties;\n className?: string;\n prefixCls?: string;\n /*\n \u62d6\u62fd\u5bbd\u5ea6/\u9ad8\u5ea6\u53d8\u5316\u56de\u8c03\u51fd\u6570\uff0c\u5bbd\u5ea6\u6216\u8005\u9ad8\u5ea6\u6839\u636e mode \u53c2\u6570\u6765\u786e\u5b9a\n /\n onDragging?: (preSize: number, nextSize: number, paneNumber: number) => void;\n /\n \u62d6\u62fd\u7ed3\u675f\u7684\u56de\u8c03\u51fd\u6570\n /\n onDragEnd?: (preSize: number, nextSize: number, paneNumber: number) => void;\n /* \u652f\u6301\u81ea\u5b9a\u4e49\u62d6\u62fd\u5de5\u5177\u680f /\n renderBar?: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;\n /\n \u8bbe\u7f6e\u62d6\u62fd\u7684\u5de5\u5177\u6761\uff0c\u4e3a\u7ebf\u6761\u6837\u5f0f\u3002\n /\n lineBar?: boolean;\n /\n \u8bbe\u7f6e\u62d6\u62fd\u7684\u5de5\u5177\u6761\uff0c\u662f\u5426\u53ef\u89c1\n /\n visiable?: boolean \| number[];\n /\n \u8bbe\u7f6e\u62d6\u62fd\u7684\u5de5\u5177\u6761\uff0c\u7981\u7528\n /\n disable?: boolean \| number[];\n /\n \u7c7b\u578b\uff0c\u53ef\u9009\u503c\u4e3a `horizontal` \u6216 `vertical`\n /\n mode?: 'horizontal' \| 'vertical';\n}\n```\n\n## Development\n\nRuns the project in development mode. \n\n```bash\n# Step 1, run first, listen to the component compile and output the .js file\nnpm run watch\nnpm run build\n# Step 2, development mode, listen to compile preview website instance\nnpm run doc\n```\n\nproduction*\n\nBuilds the app for production to the build folder.\n\n```bash\nnpm run released\n```\n\nThe build is minified and the filenames include the hashes.\nYour app is ready to be deployed!\n\n## Contributors\n\nAs always, thanks to our amazing contributors!\n\n<a href=\"https://github.com/uiwjs/react-split/graphs/contributors\">\n <img src=\"https://uiwjs.github.io/react-split/CONTRIBUTORS.svg\" />\n</a>\n\nMade with [github-action-contributors](https://github.com/jaywcjlove/github-action-contributors).\n\n### License\n\nLicensed under the MIT License.\n"}}]);
2	- //# sourceMappingURL=486.fc977627.chunk.js.map

package/web/static/js/486.fc977627.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/486.fc977627.chunk.js","mappings":"+GAAA","sources":["../../node_modules/@uiw/react-split/README.md"],"sourcesContent":["export default \"Split 面板分割\\n===\\n\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-split.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-split)\\n[![Build & Deploy](https://github.com/uiwjs/react-split/actions/workflows/ci.yml/badge.svg)](https://github.com/uiwjs/react-split/actions/workflows/ci.yml)\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-split/file/README.md)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-split.svg)](https://www.npmjs.com/package/@uiw/react-split)\\n[![Coverage Status](https://uiwjs.github.io/react-split/badges.svg)](https://uiwjs.github.io/react-split/coverage/lcov-report/)\\n\\n可将一块内容，分割为可以拖拽调整宽度或高度的区域。\\n\\n```jsx\\nimport { Split } from 'uiw';\\n```\\n\\n从组件库 `uiw` 中抽离出来的 `@uiw/react-split`，可以单独使用。\\n\\n```jsx\\nimport Split from '@uiw/react-split';\\n```\\n\\n### 基础用法\\n\\n> ~~通过设置子节点的 `minWidth` 样式，即可设置拖拽最小宽度值。通过设置子节点样式 `flexBasis` 样式即可设置默认分割内容的占比宽度。~~\\n\\n- 固定初始宽度或者高度，可通过设置子节点，样式 `width: '80%'` 宽度百分百来计算。\\n- 拖拽至最小宽度，可通过设置子节点样式 `minWidth: 30`，来达到效果\\n- 默认情况下，不设置样式 `width`，需要将某个子节点样式设为 `flex: 1`，来自适应\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n <div>\\n <Split style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n <div style={{ width: '20%', minWidth: 30 }}>\\n <iframe\\n srcDoc=\\\"<div>test</div>\\\"\\n style={{ width: '100%', height: '100%' }}\\n title=\\\"Code Preview\\\"\\n sandbox=\\\"allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts\\\"\\n />\\n </div>\\n <div style={{ width: '80%', minWidth: 100 }}>\\n Right Pane\\n </div>\\n </Split>\\n <Split\\n style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}\\n >\\n <div style={{ minWidth: 60 }}>\\n test\\n </div>\\n <div style={{ minWidth: 80, flex: 1 }}>\\n Right Pane\\n </div>\\n </Split>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 可用于布局\\n\\n设置 `visiable={false}` 禁用拖拽栏，可用于布局。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n <div>\\n <Split mode=\\\"vertical\\\" visiable={false}>\\n <div style={{ minHeight: 45, background: '#dcdcdc' }}>\\n Header\\n </div>\\n <Split visiable={false}>\\n <div style={{ minWidth: 200, maxWidth: 200, minHeight: 120, background: '#b5b5b5' }}>\\n Sider\\n </div>\\n <div style={{ width: '100%', background: '#ececec' }}>\\n Content\\n </div>\\n </Split>\\n <div style={{ minHeight: 45, background: '#dcdcdc' }}>\\n Footer\\n </div>\\n </Split>\\n <div style={{ height: 20 }}></div>\\n <Split visiable={false}>\\n <div style={{ minWidth: 200, maxWidth: 200, minHeight: 85, background: '#a9a9a9' }}>\\n Sider\\n </div>\\n <Split mode=\\\"vertical\\\" visiable={false} style={{ width: '100%' }}>\\n <div style={{ minHeight: 45, background: '#dcdcdc' }}>\\n Header\\n </div>\\n <div style={{ minHeight: 85, background: '#b5b5b5' }}>\\n Content\\n </div>\\n <div style={{ minHeight: 45, background: '#dcdcdc' }}>\\n Footer\\n </div>\\n </Split>\\n </Split>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 多栏分割\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n <Split style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n <div>\\n Left Pane\\n </div>\\n <div>\\n Center Pane\\n </div>\\n <div>\\n Center Pane\\n </div>\\n <div style={{ flex: 1 }}>\\n Right Pane\\n </div>\\n </Split>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 线条拖拽\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n <div>\\n <Split lineBar style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n <div>\\n Left Pane\\n </div>\\n <div>\\n Center Pane\\n </div>\\n <div>\\n Center Pane\\n </div>\\n <div style={{ flex: 1 }}>\\n Right Pane\\n </div>\\n </Split>\\n <Split mode=\\\"vertical\\\" lineBar style={{ height: 210, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 10 }}>\\n <div style={{ height: '33.3%' }}>\\n Left Pane\\n </div>\\n <div style={{ height: '33.3%' }}>\\n Center Pane\\n </div>\\n <div style={{ flex: 1 }}>\\n Right Pane\\n </div>\\n </Split>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 垂直分割\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n <Split mode=\\\"vertical\\\" style={{ height: 200, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n <div style={{ height: '50%' }}>\\n Top Pane\\n </div>\\n <div style={{ height: '50%' }}>\\n Bottom Pane\\n </div>\\n </Split>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 嵌套使用\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n <Split style={{ height: 200, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n <Split mode=\\\"vertical\\\">\\n <div style={{ height: '50%' }}>\\n Top Pane\\n </div>\\n <Split style={{ height: '50%' }}>\\n <div>\\n Left Pane\\n </div>\\n <div style={{ flex: 1 }}>\\n Right Pane\\n </div>\\n </Split>\\n </Split>\\n <div style={{ flex: 1 }}>\\n Right Pane\\n </div>\\n </Split>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 拖拽工具不显示\\n\\n下面实例通过设置 `visiable` 的值来设置拖拽工具是否可见\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n <div>\\n <Split visiable={false} style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n <div style={{ maxWidth: 100, backgroundColor: '#eaeaea' }}>\\n Left Pane\\n </div>\\n <div style={{ flex: 1 }}>\\n Right Pane\\n </div>\\n </Split>\\n <Split visiable={[4, 5]} style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 10 }}>\\n <div style={{ maxWidth: 50, backgroundColor: '#eaeaea' }}>\\n Pane 1\\n </div>\\n <div style={{ maxWidth: 60 }}>\\n Pane 2\\n </div>\\n <div>\\n Pane 3\\n </div>\\n <div>\\n Pane 4\\n </div>\\n <div style={{ flex: 1 }}>\\n Pane 5\\n </div>\\n </Split>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 禁用拖拽\\n\\n通过设置 `disable` 的值，禁用拖拽工具拖拽。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n <div>\\n <Split disable style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n <div style={{ maxWidth: 100, backgroundColor: '#eaeaea' }}>\\n Left Pane\\n </div>\\n <Split disable mode=\\\"vertical\\\">\\n <div>\\n Top Pane\\n </div>\\n <div>\\n Bottom Pane\\n </div>\\n </Split>\\n <div style={{ flex: 1 }}>\\n Right Pane\\n </div>\\n </Split>\\n <Split disable={[4, 5]} style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 10 }}>\\n <div style={{ maxWidth: 50, backgroundColor: '#eaeaea' }}>\\n Pane 1\\n </div>\\n <div style={{ maxWidth: 60 }}>\\n Pane 2\\n </div>\\n <div>\\n Pane 3\\n </div>\\n <div>\\n Pane 4\\n </div>\\n <div style={{ flex: 1 }}>\\n Pane 5\\n </div>\\n </Split>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 抽屉\\n\\n可拖拽左边栏宽度。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport Split from '@uiw/react-split';\\nimport { Menu, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = {\\n width: 210,\\n };\\n }\\n onClick() {\\n this.setState({\\n width: this.state.width === 0 ? 210 : 0,\\n });\\n }\\n render() {\\n const styl = {};\\n if (this.state.width === 0) {\\n styl.width = `0%`;\\n } else {\\n styl.width = this.state.width;\\n }\\n return (\\n <>\\n <div style={{ marginBottom: 10 }}>\\n <Button type=\\\"primary\\\" onClick={this.onClick.bind(this)}>{this.state.width === 0 ? '隐藏菜单' : '展示菜单'}</Button>\\n </div>\\n <Split lineBar visiable={this.state.width !== 0} style={{ border: '1px solid #d5d5d5', borderRadius: 3 }}>\\n <div style={{ ...styl, overflow: 'hidden' }}>\\n <Menu>\\n <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\" />\\n <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n <Menu.Divider />\\n <Menu.Item icon=\\\"map\\\" text=\\\"谷歌地图\\\" />\\n </Menu>\\n </div>\\n <div style={{ flex: 1, minWidth: 30 }}>\\n Right Pane\\n </div>\\n </Split>\\n </>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 支持自定义拖拽工具栏\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport Split from '@uiw/react-split';\\n\\nconst Demo = () => (\\n <div>\\n <Split\\n renderBar={({ onMouseDown, ...props }) => {\\n return (\\n <div {...props} style={{ boxShadow: 'none', background: 'transparent' }}>\\n <div onMouseDown={onMouseDown} style={{ backgroundColor: '#ff000057', boxShadow: 'none' }} />\\n </div>\\n );\\n }}\\n style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3 }}\\n >\\n <div style={{ minWidth: 60 }}>\\n test\\n </div>\\n <div style={{ minWidth: 80, flex: 1 }}>\\n Right Pane\\n </div>\\n </Split>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n```ts\\nexport interface SplitProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragEnd'> {\\n style?: React.CSSProperties;\\n className?: string;\\n prefixCls?: string;\\n /**\\n * 拖拽宽度/高度变化回调函数，宽度或者高度根据 mode 参数来确定\\n */\\n onDragging?: (preSize: number, nextSize: number, paneNumber: number) => void;\\n /**\\n * 拖拽结束的回调函数\\n */\\n onDragEnd?: (preSize: number, nextSize: number, paneNumber: number) => void;\\n /** 支持自定义拖拽工具栏 */\\n renderBar?: (props: React.HTMLAttributes<HTMLDivElement>) => JSX.Element;\\n /**\\n * 设置拖拽的工具条，为线条样式。\\n */\\n lineBar?: boolean;\\n /**\\n * 设置拖拽的工具条，是否可见\\n */\\n visiable?: boolean | number[];\\n /**\\n * 设置拖拽的工具条，禁用\\n */\\n disable?: boolean | number[];\\n /**\\n * 类型，可选值为 `horizontal` 或 `vertical`\\n */\\n mode?: 'horizontal' | 'vertical';\\n}\\n```\\n\\n## Development\\n\\nRuns the project in development mode. \\n\\n```bash\\n# Step 1, run first, listen to the component compile and output the .js file\\nnpm run watch\\nnpm run build\\n# Step 2, development mode, listen to compile preview website instance\\nnpm run doc\\n```\\n\\n**production**\\n\\nBuilds the app for production to the build folder.\\n\\n```bash\\nnpm run released\\n```\\n\\nThe build is minified and the filenames include the hashes.\\nYour app is ready to be deployed!\\n\\n## Contributors\\n\\nAs always, thanks to our amazing contributors!\\n\\n<a href=\\\"https://github.com/uiwjs/react-split/graphs/contributors\\\">\\n <img src=\\\"https://uiwjs.github.io/react-split/CONTRIBUTORS.svg\\\" />\\n</a>\\n\\nMade with [github-action-contributors](https://github.com/jaywcjlove/github-action-contributors).\\n\\n### License\\n\\nLicensed under the MIT License.\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/4877.2d0b7638.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[4877],{64877:function(e,t,n){n.r(t),n.d(t,{default:function(){return l}});var c=n(64310),a=n(57261),h=n(36131),i="index_App__4ziwe",s=n(86646),r=n(69286);function l(){var e=(0,a.TH)(),t=s.find((function(t){return new RegExp("^".concat(t.path)).test(e.pathname)}));return(0,r.jsxs)("div",{className:i,children:[(0,r.jsx)("h1",{children:"\u6982\u89c8 \u7ec4\u4ef6"}),t&&t.children&&t.children.map((function(e,t){return e.divider?(0,r.jsx)("h2",{children:e.name},t):/^http(?:\|s):\/\//.test(e.path\|\|"")?(0,r.jsx)("a",{href:e.path,target:"__blank",children:(0,r.jsxs)(h.Button,{type:"light",children:[e.name,(0,r.jsxs)("svg",{viewBox:"0 0 1024 1024",width:14,children:[(0,r.jsx)("path",{d:"M821.1456 276.8384c-235.9296 25.1392-449.1776 226.7136-490.5472 452.352a38.4 38.4 0 1 1-75.5712-13.824c45.568-248.576 269.312-468.48 526.6944-510.6688l-117.8112-69.1712a38.4 38.4 0 0 1 38.912-66.2528l223.3344 131.1744a38.4 38.4 0 0 1 10.1376 57.6l-170.752 206.6432a38.4 38.4 0 1 1-59.1872-48.9472l114.7904-138.9056z"}),(0,r.jsx)("path",{d:"M832 620.0832a38.4 38.4 0 0 1 76.8 0v158.208c0 85.9648-61.5936 157.8496-140.8 157.8496H204.8c-79.2064 0-140.8-71.8848-140.8-157.9008V300.3904c0-86.016 61.5936-157.8496 140.8-157.8496h220.2112a38.4 38.4 0 1 1 0 76.8H204.8c-33.8944 0-64 35.072-64 81.0496V778.24c0 45.9776 30.1056 81.1008 64 81.1008h563.2c33.8944 0 64-35.1232 64-81.1008v-158.1568z"})]})]})},t):(0,r.jsx)(c.rU,{to:"/components/".concat(e.path),children:(0,r.jsx)(h.Button,{type:"light",children:e.name})},t)}))]})}}}]);
2	- //# sourceMappingURL=4877.2d0b7638.chunk.js.map

package/web/static/js/4877.2d0b7638.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/4877.2d0b7638.chunk.js","mappings":"2LACA,EAAsB,mB,sBCIP,SAASA,IACtB,IAAMC,GAAWC,EAAAA,EAAAA,MACXC,EAAOC,EAAKC,MAAK,SAACC,GAAD,OAAU,IAAIC,OAAJ,WAAeD,EAAKE,OAAQC,KAAKR,EAASS,aAC3E,OACE,iBAAKC,UAAWC,EAAhB,WACE,sDACCT,GACCA,EAAKU,UACLV,EAAKU,SAASC,KAAI,SAACR,EAAMS,GACvB,OAAIT,EAAKU,SACA,wBAAeV,EAAKW,MAAXF,GAEd,mBAAmBN,KAAKH,EAAKE,MAAQ,KAErC,cAAaU,KAAMZ,EAAKE,KAAMW,OAAO,UAArC,UACE,UAAC,EAAAC,OAAD,CAAQC,KAAK,QAAb,UACGf,EAAKW,MACN,iBAAKK,QAAQ,gBAAgBC,MAAO,GAApC,WACE,iBAAMC,EAAE,iUACR,iBAAMA,EAAE,qWALNT,IAYV,SAAC,KAAD,CAAgBU,GAAE,sBAAiBnB,EAAKE,MAAxC,UACE,SAAC,EAAAY,OAAD,CAAQC,KAAK,QAAb,SAAsBf,EAAKW,QADlBF","sources":["webpack://website/./src/routes/overview/index.module.less?bbd3","routes/overview/index.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"App\":\"index_App__4ziwe\"};","import { Link, useLocation } from 'react-router-dom';\nimport { Button } from 'uiw';\nimport styles from './index.module.less';\nimport menu from '../../menu.json';\n\nexport default function Overview() {\n const location = useLocation();\n const data = menu.find((item) => new RegExp(`^${item.path}`).test(location.pathname));\n return (\n <div className={styles.App}>\n <h1>概览组件</h1>\n {data &&\n data.children &&\n data.children.map((item, idx) => {\n if (item.divider) {\n return <h2 key={idx}>{item.name}</h2>;\n }\n if (/^http(?:|s):\\/\\//.test(item.path || '')) {\n return (\n <a key={idx} href={item.path} target=\"__blank\">\n <Button type=\"light\">\n {item.name}\n <svg viewBox=\"0 0 1024 1024\" width={14}>\n <path d=\"M821.1456 276.8384c-235.9296 25.1392-449.1776 226.7136-490.5472 452.352a38.4 38.4 0 1 1-75.5712-13.824c45.568-248.576 269.312-468.48 526.6944-510.6688l-117.8112-69.1712a38.4 38.4 0 0 1 38.912-66.2528l223.3344 131.1744a38.4 38.4 0 0 1 10.1376 57.6l-170.752 206.6432a38.4 38.4 0 1 1-59.1872-48.9472l114.7904-138.9056z\" />\n <path d=\"M832 620.0832a38.4 38.4 0 0 1 76.8 0v158.208c0 85.9648-61.5936 157.8496-140.8 157.8496H204.8c-79.2064 0-140.8-71.8848-140.8-157.9008V300.3904c0-86.016 61.5936-157.8496 140.8-157.8496h220.2112a38.4 38.4 0 1 1 0 76.8H204.8c-33.8944 0-64 35.072-64 81.0496V778.24c0 45.9776 30.1056 81.1008 64 81.1008h563.2c33.8944 0 64-35.1232 64-81.1008v-158.1568z\" />\n </svg>\n </Button>\n </a>\n );\n }\n return (\n <Link key={idx} to={`/components/${item.path}`}>\n <Button type=\"light\">{item.name}</Button>\n </Link>\n );\n })}\n </div>\n );\n}\n"],"names":["Overview","location","useLocation","data","menu","find","item","RegExp","path","test","pathname","className","styles","children","map","idx","divider","name","href","target","Button","type","viewBox","width","d","to"],"sourceRoot":""}

package/web/static/js/4948.c8c00517.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[4948],{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}},12357:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return a}});var r=t(27791),o=t(57135),i=t.n(o),c=(t(41473),t(36131)),s=t(86082),d=t(69286);function a(){return(0,d.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-month-picker/README.md",dependencies:{MonthPicker:c.MonthPicker,Button:c.Button,Notify:c.Notify,Form:c.Form,Row:c.Row,Col:c.Col},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(8488).then(t.bind(t,18488));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=4948.c8c00517.chunk.js.map

package/web/static/js/4948.c8c00517.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/4948.c8c00517.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/month-picker/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 { MonthPicker, Button, Notify, Form, Row, Col } 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-month-picker/README.md\"\n dependencies={{ MonthPicker, Button, Notify, Form, Row, Col }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-month-picker/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","MonthPicker","Button","Notify","Form","Row","Col","md","default"],"sourceRoot":""}

package/web/static/js/5146.9b213573.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[5146],{5146:function(n,e,t){t.r(e),e.default='Input \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-input/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-input)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-input.svg?label=@uiw/react-input)](https://npmjs.com/@uiw/react-input)\n\n\u901a\u8fc7\u9f20\u6807\u6216\u952e\u76d8\u8f93\u5165\u5185\u5bb9\uff0c\u662f\u6700\u57fa\u7840\u7684\u8868\u5355\u57df\u7684\u5305\u88c5\u3002\n\n```jsx\nimport { Input } from \'uiw\';\n// or\nimport Input from \'@uiw/react-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 { Input } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" style={{ maxWidth: 200 }} />\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u6570\u5b57\u8f93\u5165\u6846\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { InputNumber } from \'uiw\';\n\nconst Demo = () => {\n\n return(\n <div>\n <Row gutter={10}>\n <Col fixed>\n <InputNumber\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n style={{ width: 200 }}\n />\n </Col>\n <Col fixed>\u9650\u5236\u5927\u5c0f</Col>\n <Col fixed>\n <InputNumber\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n style={{ width: 200 }}\n min={1}\n max={10}\n />\n </Col>\n <Col fixed>\u8d85\u51fa\u9650\u754c\u8b66\u544a</Col>\n <Col fixed>\n <InputNumber\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n style={{ width: 200 }}\n min={1}\n max={10}\n overLimitColor={\'red\'}\n />\n </Col>\n <Col fixed>\u8bbe\u7f6e\u6b65\u6da8\u503c</Col>\n <Col fixed>\n <InputNumber\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n style={{ width: 200 }}\n step={5}\n />\n </Col>\n </Row>\n </div>\n )\n};\nReactDOM.render(<Demo />, _mount_);\n```\n\n### Form \u4e2d\u4f7f\u7528 Input\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Form, Input, Row, Col, Button, Notify } from \'uiw\';\n\nconst Demo = () => (\n <Form\n onChange={({ initial, current }) => { }}\n onSubmitError={(error) => {\n console.log(\'error:\', error)\n return error && error.filed ? { ...error.filed } : null;\n }}\n onSubmit={({initial, current}) => {\n if (current.input && current.input.length > 3) {\n Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: `\u586b\u5199\uff1a\u3010${current.input.toString()}\u3011\uff01`\n });\n } else {\n Notify.error({ title: \'\u63d0\u4ea4\u5931\u8d25\uff01\', description: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\' });\n }\n const ErrObj = {};\n if (current.input && current.input.length < 4) {\n ErrObj.input = \'\ud83d\ude06 \u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\';\n }\n if(Object.keys(ErrObj).length > 0) {\n const err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n }}\n fields={{\n input: {\n value: \'www\',\n label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n help: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\',\n validator: (value = \'\') => value.length < 4 ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null,\n children: <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" style={{ maxWidth: 200 }} />,\n },\n inputNumber: {\n value: \'www\',\n label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n help: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\',\n validator: (value = \'\') => value.length < 4 ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null,\n children: <InputNumber placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" style={{ maxWidth: 200 }} />,\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.input}</Col>\n </Row>\n <Row>\n <Col>{fields.inputNumber}</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### \u63d2\u5165\u56fe\u6807\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Input, Row, Col } from \'uiw\';\n\nconst stylItem = { margin: 20 };\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Input preIcon="delete" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n </Col>\n <Col fixed>\n <Input preIcon="tag" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n </Col>\n <Col fixed>\n <Input preIcon="picasa" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n </Col>\n <Col fixed>\n <Input preIcon="like-o" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n </Col>\n </Row>\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u540e\u9762\u63d2\u5165\u5185\u5bb9\n\n\u5411\u540e\u9762\u63d2\u5165 [`Button`](#/components/button) \u6216\u8005 [`Tag`](#/components/tag)\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Input, Row, Col, Button, Tag } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Input\n preIcon="like-o"\n placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n addonAfter={<Button icon="lock" size="small" basic type="light" />}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="tag"\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Tag title="1000" color="#28a745" />}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="search"\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Button icon="apple" size="small" type="primary">\u6309\u94ae</Button>}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="tag"\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n />\n </Col>\n </Row>\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u8f93\u5165\u6846\u5c3a\u5bf8\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Input, Row, Col, Tag, Button } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col fixed>\n <Input\n preIcon="like-o"\n size="large"\n placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n addonAfter={<Button icon="lock" basic type="light" />}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="search"\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Button icon="arrow-right" basic size="small" type="light" />}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="tag"\n size="small"\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n />\n </Col>\n </Row>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col fixed>\n <Input\n preIcon="like-o"\n size="large"\n placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n addonAfter={<Tag title="1000" color="#28a745" />}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="tag"\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Tag title="\u836f\u4e38" color="#1C7CEB" color="#40bf16">\u4e38</Tag>}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="tag"\n size="small"\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Tag title="1000" color="#28a745" />}\n />\n </Col>\n </Row>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col fixed>\n <Input\n preIcon="like-o"\n size="large"\n placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n addonAfter={<Button icon="apple" type="primary">\u6309\u94ae</Button>}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="search"\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Button size="small" type="primary">\u641c\u7d22</Button>}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="tag"\n size="small"\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n />\n </Col>\n </Row>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col fixed>\n <Input\n preIcon="like-o"\n placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n addonAfter={<Button size="small" type="light">\u4eae\u6309\u94ae</Button>}\n />\n </Col>\n <Col fixed>\n <Input\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Button size="small" type="danger">\u6309\u94ae</Button>}\n />\n </Col>\n <Col fixed>\n <Input\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Button size="small" type="warning">\u6309\u94ae</Button>}\n />\n </Col>\n </Row>\n <Row gutter={10}>\n <Col fixed>\n <Input size="small" preIcon="like-o" placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801" />\n </Col>\n <Col fixed>\n <Input size="small" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n </Col>\n <Col fixed>\n <Input\n size="small"\n preIcon="like-o"\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Button size="small" type="warning">\u6309\u94ae</Button>}\n />\n </Col>\n </Row>\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5bc6\u7801\u8f93\u5165\u6846\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Input, Row, Col, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n btnIcon: \'lock\',\n }\n }\n onClick() {\n this.setState({\n btnIcon: this.state.btnIcon === \'lock\' ? \'unlock\' : \'lock\',\n })\n }\n render() {\n return (\n <Row gutter={10}>\n <Col fixed>\n <Input\n ref={(instance) => {\n if (instance) {\n console.log(\'instance:\', instance);\n }\n }}\n preIcon="like-o"\n type={this.state.btnIcon === \'lock\' ? \'password\' : \'text\'}\n placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n addonAfter={<Button icon={this.state.btnIcon} onClick={this.onClick.bind(this)} size="small" basic type="light" />}\n />\n </Col>\n </Row>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u8f93\u5165\u6846\u88ab\u7981\u7528\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Icon, Input, Row, Col} from \'uiw\';\n\nconst stylItem = { margin: 20 };\nconst Demo = () => (\n <>\n <Row gutter={10}>\n <Col fixed>\n <Input disabled preIcon="delete" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n </Col>\n <Col fixed>\n <Input disabled preIcon="tag" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n </Col>\n <Col fixed>\n <Input\n disabled\n preIcon="picasa"\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={\n <Button icon="close" disabled size="small" basic type="light" />\n }\n />\n </Col>\n <Col fixed>\n <Input disabled preIcon="like-o" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n </Col>\n </Row>\n </>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Input\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \| \u7248\u672c \|\n\|--------- \|-------- \|--------- \|-------- \|-------- \|\n\| value \| \u7ed1\u5b9a\u503c \| String \| - \|\n\| disabled \| \u7981\u7528\u8f93\u5165\u6846 \| Boolean \| `false` \|\n\| preIcon \| \u8f93\u5165\u6846`\u524d`\u9762\u653e\u7f6e\u56fe\u6807 \| String/ReactNode \| - \|\n\| addonAfter \| \t\u5e26\u6807\u7b7e\u7684 input\uff0c\u8bbe\u7f6e\u540e\u7f6e\u6807\u7b7e \| String/ReactNode \| - \|\n\| size \| \u6307\u5b9a\u8f93\u5165\u6846\u7684\u5c3a\u5bf8\uff0c\u9664\u4e86\u9ed8\u8ba4\u7684\u5927\u5c0f\u5916\uff0c\u8fd8\u63d0\u4f9b\u4e86 `large`\u3001`small` \u548c `default` \u4e09\u79cd\u5c3a\u5bf8\u3002 \| String \| - \|\n\| inputStyle \| \u4f20\u9012\u7ed9input\u7684\u6837\u5f0f\uff0c\u5728\u9700\u8981\u52a8\u6001\u8bbe\u7f6e\u6837\u5f0f\u573a\u666f\u4e0b\u4f7f\u7528 \| Object \| - \| v4.18.2 \|\n\n## InputNumber\n\u5728v4.18.2\u4e2d\u589e\u52a0\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \| \u7248\u672c \|\n\|--------- \|-------- \|--------- \|-------- \|-------- \|\n\| min \| \u6700\u5c0f\u503c \| Number \| - \|\n\| max \| \u6700\u5927\u503c \| Number \| - \|\n\| step \| \u8bbe\u7f6e\u6b65\u957f\u503c \| Number \| - \|\n\| overLimitColor \| \u5141\u8bb8\u8d85\u51fa`min`,`max`\u9650\u5236, \u4f7f\u7528\u8be5\u8b66\u544a\u8272\u663e\u793a \| String \| - \|\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 Input\u3002\n'}}]);
2	- //# sourceMappingURL=5146.9b213573.chunk.js.map

package/web/static/js/5146.9b213573.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/5146.9b213573.chunk.js","mappings":"+GAAA","sources":["../../packages/react-input/README.md"],"sourcesContent":["export default \"Input 输入框\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-input/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-input)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-input.svg?label=@uiw/react-input)](https://npmjs.com/@uiw/react-input)\\n\\n通过鼠标或键盘输入内容，是最基础的表单域的包装。\\n\\n```jsx\\nimport { Input } from 'uiw';\\n// or\\nimport Input from '@uiw/react-input';\\n```\\n\\n### 基础用法\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Input } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Input placeholder=\\\"请输入内容\\\" style={{ maxWidth: 200 }} />\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 数字输入框\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { InputNumber } from 'uiw';\\n\\nconst Demo = () => {\\n\\n return(\\n <div>\\n <Row gutter={10}>\\n <Col fixed>\\n <InputNumber\\n placeholder=\\\"请输入内容\\\"\\n style={{ width: 200 }}\\n />\\n </Col>\\n <Col fixed>限制大小</Col>\\n <Col fixed>\\n <InputNumber\\n placeholder=\\\"请输入内容\\\"\\n style={{ width: 200 }}\\n min={1}\\n max={10}\\n />\\n </Col>\\n <Col fixed>超出限界警告</Col>\\n <Col fixed>\\n <InputNumber\\n placeholder=\\\"请输入内容\\\"\\n style={{ width: 200 }}\\n min={1}\\n max={10}\\n overLimitColor={'red'}\\n />\\n </Col>\\n <Col fixed>设置步涨值</Col>\\n <Col fixed>\\n <InputNumber\\n placeholder=\\\"请输入内容\\\"\\n style={{ width: 200 }}\\n step={5}\\n />\\n </Col>\\n </Row>\\n </div>\\n )\\n};\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### Form 中使用 Input\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Form, Input, Row, Col, Button, Notify } from 'uiw';\\n\\nconst Demo = () => (\\n <Form\\n onChange={({ initial, current }) => { }}\\n onSubmitError={(error) => {\\n console.log('error:', error)\\n return error && error.filed ? { ...error.filed } : null;\\n }}\\n onSubmit={({initial, current}) => {\\n if (current.input && current.input.length > 3) {\\n Notify.success({\\n title: '提交成功！',\\n description: `填写：【${current.input.toString()}】！`\\n });\\n } else {\\n Notify.error({ title: '提交失败！', description: '必须长度超过 3 个字符！' });\\n }\\n const ErrObj = {};\\n if (current.input && current.input.length < 4) {\\n ErrObj.input = '😆 必须长度超过 3 个字符！';\\n }\\n if(Object.keys(ErrObj).length > 0) {\\n const err = new Error();\\n err.filed = ErrObj;\\n throw err;\\n }\\n }}\\n fields={{\\n input: {\\n value: 'www',\\n label: '请输入内容',\\n help: '必须长度超过 3 个字符！',\\n validator: (value = '') => value.length < 4 ? '必填选项！' : null,\\n children: <Input placeholder=\\\"请输入内容\\\" style={{ maxWidth: 200 }} />,\\n },\\n inputNumber: {\\n value: 'www',\\n label: '请输入内容',\\n help: '必须长度超过 3 个字符！',\\n validator: (value = '') => value.length < 4 ? '必填选项！' : null,\\n children: <InputNumber placeholder=\\\"请输入内容\\\" style={{ maxWidth: 200 }} />,\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <div>\\n <Row>\\n <Col>{fields.input}</Col>\\n </Row>\\n <Row>\\n <Col>{fields.inputNumber}</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 { Input, Row, Col } from 'uiw';\\n\\nconst stylItem = { margin: 20 };\\nconst Demo = () => (\\n <div>\\n <Row gutter={10}>\\n <Col fixed>\\n <Input preIcon=\\\"delete\\\" placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input preIcon=\\\"tag\\\" placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input preIcon=\\\"picasa\\\" placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input preIcon=\\\"like-o\\\" placeholder=\\\"请输入内容\\\" />\\n </Col>\\n </Row>\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 后面插入内容\\n\\n向后面插入 [`Button`](#/components/button) 或者 [`Tag`](#/components/tag)\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Input, Row, Col, Button, Tag } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Row gutter={10}>\\n <Col fixed>\\n <Input\\n preIcon=\\\"like-o\\\"\\n placeholder=\\\"请输入密码\\\"\\n addonAfter={<Button icon=\\\"lock\\\" size=\\\"small\\\" basic type=\\\"light\\\" />}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon=\\\"tag\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Tag title=\\\"1000\\\" color=\\\"#28a745\\\" />}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon=\\\"search\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button icon=\\\"apple\\\" size=\\\"small\\\" type=\\\"primary\\\">按钮</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon=\\\"tag\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"primary\\\">按钮</Button>}\\n />\\n </Col>\\n </Row>\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 输入框尺寸\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Input, Row, Col, Tag, Button } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col fixed>\\n <Input\\n preIcon=\\\"like-o\\\"\\n size=\\\"large\\\"\\n placeholder=\\\"请输入密码\\\"\\n addonAfter={<Button icon=\\\"lock\\\" basic type=\\\"light\\\" />}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon=\\\"search\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button icon=\\\"arrow-right\\\" basic size=\\\"small\\\" type=\\\"light\\\" />}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon=\\\"tag\\\"\\n size=\\\"small\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"primary\\\">按钮</Button>}\\n />\\n </Col>\\n </Row>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col fixed>\\n <Input\\n preIcon=\\\"like-o\\\"\\n size=\\\"large\\\"\\n placeholder=\\\"请输入密码\\\"\\n addonAfter={<Tag title=\\\"1000\\\" color=\\\"#28a745\\\" />}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon=\\\"tag\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Tag title=\\\"药丸\\\" color=\\\"#1C7CEB\\\" color=\\\"#40bf16\\\">丸</Tag>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon=\\\"tag\\\"\\n size=\\\"small\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Tag title=\\\"1000\\\" color=\\\"#28a745\\\" />}\\n />\\n </Col>\\n </Row>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col fixed>\\n <Input\\n preIcon=\\\"like-o\\\"\\n size=\\\"large\\\"\\n placeholder=\\\"请输入密码\\\"\\n addonAfter={<Button icon=\\\"apple\\\" type=\\\"primary\\\">按钮</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon=\\\"search\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"primary\\\">搜索</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon=\\\"tag\\\"\\n size=\\\"small\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"primary\\\">按钮</Button>}\\n />\\n </Col>\\n </Row>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col fixed>\\n <Input\\n preIcon=\\\"like-o\\\"\\n placeholder=\\\"请输入密码\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"light\\\">亮按钮</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"danger\\\">按钮</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"warning\\\">按钮</Button>}\\n />\\n </Col>\\n </Row>\\n <Row gutter={10}>\\n <Col fixed>\\n <Input size=\\\"small\\\" preIcon=\\\"like-o\\\" placeholder=\\\"请输入密码\\\" />\\n </Col>\\n <Col fixed>\\n <Input size=\\\"small\\\" placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input\\n size=\\\"small\\\"\\n preIcon=\\\"like-o\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"warning\\\">按钮</Button>}\\n />\\n </Col>\\n </Row>\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 密码输入框\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Input, Row, Col, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor() {\\n super();\\n this.state = {\\n btnIcon: 'lock',\\n }\\n }\\n onClick() {\\n this.setState({\\n btnIcon: this.state.btnIcon === 'lock' ? 'unlock' : 'lock',\\n })\\n }\\n render() {\\n return (\\n <Row gutter={10}>\\n <Col fixed>\\n <Input\\n ref={(instance) => {\\n if (instance) {\\n console.log('instance:', instance);\\n }\\n }}\\n preIcon=\\\"like-o\\\"\\n type={this.state.btnIcon === 'lock' ? 'password' : 'text'}\\n placeholder=\\\"请输入密码\\\"\\n addonAfter={<Button icon={this.state.btnIcon} onClick={this.onClick.bind(this)} size=\\\"small\\\" basic type=\\\"light\\\" />}\\n />\\n </Col>\\n </Row>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 输入框被禁用\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Icon, Input, Row, Col} from 'uiw';\\n\\nconst stylItem = { margin: 20 };\\nconst Demo = () => (\\n <>\\n <Row gutter={10}>\\n <Col fixed>\\n <Input disabled preIcon=\\\"delete\\\" placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input disabled preIcon=\\\"tag\\\" placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input\\n disabled\\n preIcon=\\\"picasa\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={\\n <Button icon=\\\"close\\\" disabled size=\\\"small\\\" basic type=\\\"light\\\" />\\n }\\n />\\n </Col>\\n <Col fixed>\\n <Input disabled preIcon=\\\"like-o\\\" placeholder=\\\"请输入内容\\\" />\\n </Col>\\n </Row>\\n </>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Input\\n\\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\\n|--------- |-------- |--------- |-------- |-------- |\\n| value | 绑定值 | String | - |\\n| disabled | 禁用输入框 | Boolean | `false` |\\n| preIcon | 输入框`前`面放置图标 | String/ReactNode | - |\\n| addonAfter | \\t带标签的 input，设置后置标签 | String/ReactNode | - |\\n| size | 指定输入框的尺寸，除了默认的大小外，还提供了 `large`、`small` 和 `default` 三种尺寸。 | String | - |\\n| inputStyle | 传递给input的样式，在需要动态设置样式场景下使用 | Object | - | v4.18.2 |\\n\\n## InputNumber\\n在v4.18.2中增加\\n\\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\\n|--------- |-------- |--------- |-------- |-------- |\\n| min | 最小值 | Number | - |\\n| max | 最大值 | Number | - |\\n| step | 设置步长值 | Number | - |\\n| overLimitColor | 允许超出`min`,`max`限制, 使用该警告色显示 | String | - |\\n\\n更多属性文档请参考 Input。\\n\";"],"names":[],"sourceRoot":""}