@uiw/doc 4.11.6 → 4.12.2

package/web/static/js/2595.94dc6f2d.chunk.js.map

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

package/web/static/js/2679.4d07c747.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2679],{12679:function(n,e,o){o.r(e),e.default="PinCode \u5b89\u5168\u7801\n===\n\n\u9488\u5bf9\u8f93\u5165\u6570\u5b57\u5e8f\u5217\u8fdb\u884c\u4e86\u4f18\u5316\u3002\u6700\u5e38\u89c1\u7684\u5e94\u7528\u662f\u8f93\u5165\u4e00\u6b21\u6027\u5b89\u5168\u7801\u3002\u5b83\u7ecf\u8fc7\u4f18\u5316\uff0c\u53ef\u5feb\u901f\u8f93\u5165\u6570\u5b57\u3002\n\n```jsx\nimport { PinCode } from 'uiw';\n// or\nimport PinCode from '@uiw/react-pin-code';\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 { PinCode } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <PinCode autoFocus value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\n  </div>\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 [`<PinCode />`](#/components/pin-code) \u7ec4\u4ef6\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Form, Row, Col, Icon, PinCode, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Form\n      resetOnSubmit={false}\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.pinCode.join('').length === 0) {\n          errorObj.pinCode = '\u8bf7\u8f93\u5165\u5b89\u5168\u7801\uff01';\n        }\n        if (current.pinCode.join('').length < 5) {\n          errorObj.pinCode = '\u5b89\u5168\u7801\u6ca1\u6709\u8f93\u5165\u5b8c\u6574\uff01';\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\u5b89\u5168\u7801\u4e3a\uff1a${current.pinCode.join('')}\uff01`,\n        });\n      }}\n      fields={{\n        pinCode: {\n          initialValue: ['', '', '', '', ''],\n          children: <PinCode />\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        console.log('state:',state.current.pinCode.join(''))\n        return (\n          <div>\n            <Row>\n              <Col fixed>{fields.pinCode}</Col>\n            </Row>\n            <Row>\n              <Col fixed>\n                <Button size=\"small\" disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n                <span style={{ paddingLeft: 16, color: '#a7a7a7', verticalAlign: 'middle' }}>\n                  {state.current.pinCode.join('')}\n                </span>\n              </Col>\n            </Row>\n            <Row>\n              <Col>\n                <pre style={{ padding: 10, marginTop: 10 }}>\n                  {JSON.stringify(state.current, null, 2)}\n                </pre>\n              </Col>\n            </Row>\n          </div>\n        )\n      }}\n    </Form>\n  </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u66f4\u6539\u5360\u4f4d\u7b26\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { PinCode, Divider } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <PinCode placeholder=\"\u25a0\" value={['8', '7', '3', '', '']} onChange={(val) => console.log(val)} />\n    <Divider />\n    <PinCode placeholder=\"\u2605\" value={['6', '', '', '', '']} onChange={(val) => console.log(val)} />\n    <Divider />\n    <PinCode placeholder=\"\ud83e\udd23\" value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\n  </div>\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 { PinCode, Divider } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <PinCode disabled value={['1', '9', '8', '7', '0']} />\n    <Divider />\n    <PinCode disabled value={['', '', '', '', '']} />\n    <Divider />\n    <PinCode disabled placeholder=\"\ud83e\udd23\" value={['', '', '', '', '']} />\n  </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5c3a\u5bf8\u5927\u5c0f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { PinCode, Divider } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <PinCode size=\"large\" value={['1', '9', '8', '7', '0']} />\n    <Divider />\n    <PinCode value={['', '', '', '', '']} />\n    <Divider />\n    <PinCode size=\"small\" value={['', '', '', '', '']} />\n  </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n## PinCode\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| value | \u7ed1\u5b9a\u503c\uff0c\u6839\u636e\u6570\u7ec4\u957f\u5ea6\uff0c\u5c55\u793a\u5b89\u5168\u7801\u7684\u957f\u5ea6 | string[] | - |\n| disabled | \u7981\u7528\u8f93\u5165\u6846 | Boolean | `false` |\n| autoFocus | \u81ea\u52a8\u83b7\u5f97\u7126\u70b9\u3002 | Boolean | - |\n| placeholder | \u5360\u4f4d\u7b26 | string | `\u25cb` |\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| onChange | `value` \u53d8\u5316\u65f6\u56de\u8c03\u51fd\u6570 | Function(value: string[]) | - |\n| onBlur | \u5931\u53bb\u7126\u70b9\u65f6\u8fd0\u884c | Function(event: React.FocusEvent<HTMLInputElement\\>) | - |\n| onFocus | \u83b7\u5f97\u7126\u70b9\u65f6\u8fd0\u884c | Function(event: React.FocusEvent<HTMLInputElement\\>) | - |"}}]);
-//# sourceMappingURL=2679.4d07c747.chunk.js.map

package/web/static/js/2679.4d07c747.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/js/2679.4d07c747.chunk.js","mappings":"gHAAA","sources":["../../packages/react-pin-code/README.md"],"sourcesContent":["export default \"PinCode 安全码\\n===\\n\\n针对输入数字序列进行了优化。最常见的应用是输入一次性安全码。它经过优化，可快速输入数字。\\n\\n```jsx\\nimport { PinCode } from 'uiw';\\n// or\\nimport PinCode from '@uiw/react-pin-code';\\n```\\n\\n### 基础用法\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { PinCode } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <PinCode autoFocus value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\\n  </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 在表单中使用\\n\\n在 [`<Form />`](#/components/form) 表单中应用 [`<PinCode />`](#/components/pin-code) 组件\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Form, Row, Col, Icon, PinCode, Button, Notify } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <Form\\n      resetOnSubmit={false}\\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.pinCode.join('').length === 0) {\\n          errorObj.pinCode = '请输入安全码！';\\n        }\\n        if (current.pinCode.join('').length < 5) {\\n          errorObj.pinCode = '安全码没有输入完整！';\\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.pinCode.join('')}！`,\\n        });\\n      }}\\n      fields={{\\n        pinCode: {\\n          initialValue: ['', '', '', '', ''],\\n          children: <PinCode />\\n        },\\n      }}\\n    >\\n      {({ fields, state, canSubmit }) => {\\n        console.log('state:',state.current.pinCode.join(''))\\n        return (\\n          <div>\\n            <Row>\\n              <Col fixed>{fields.pinCode}</Col>\\n            </Row>\\n            <Row>\\n              <Col fixed>\\n                <Button size=\\\"small\\\" disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n                <span style={{ paddingLeft: 16, color: '#a7a7a7', verticalAlign: 'middle' }}>\\n                  {state.current.pinCode.join('')}\\n                </span>\\n              </Col>\\n            </Row>\\n            <Row>\\n              <Col>\\n                <pre style={{ padding: 10, marginTop: 10 }}>\\n                  {JSON.stringify(state.current, null, 2)}\\n                </pre>\\n              </Col>\\n            </Row>\\n          </div>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 更改占位符\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { PinCode, Divider } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <PinCode placeholder=\\\"■\\\" value={['8', '7', '3', '', '']} onChange={(val) => console.log(val)} />\\n    <Divider />\\n    <PinCode placeholder=\\\"★\\\" value={['6', '', '', '', '']} onChange={(val) => console.log(val)} />\\n    <Divider />\\n    <PinCode placeholder=\\\"🤣\\\" value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\\n  </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 输入框被禁用\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { PinCode, Divider } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <PinCode disabled value={['1', '9', '8', '7', '0']} />\\n    <Divider />\\n    <PinCode disabled value={['', '', '', '', '']} />\\n    <Divider />\\n    <PinCode disabled placeholder=\\\"🤣\\\" value={['', '', '', '', '']} />\\n  </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 尺寸大小\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { PinCode, Divider } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <PinCode size=\\\"large\\\" value={['1', '9', '8', '7', '0']} />\\n    <Divider />\\n    <PinCode value={['', '', '', '', '']} />\\n    <Divider />\\n    <PinCode size=\\\"small\\\" value={['', '', '', '', '']} />\\n  </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## PinCode\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 绑定值，根据数组长度，展示安全码的长度 | string[] | - |\\n| disabled | 禁用输入框 | Boolean | `false` |\\n| autoFocus | 自动获得焦点。 | Boolean | - |\\n| placeholder | 占位符 | string | `○` |\\n| size | 指定输入框的尺寸，除了默认的大小外，还提供了 `large`、`small` 和 `default` 三种尺寸。 | String | - |\\n| onChange | `value` 变化时回调函数 | Function(value: string[]) | - |\\n| onBlur | 失去焦点时运行 | Function(event: React.FocusEvent<HTMLInputElement\\\\>) | - |\\n| onFocus | 获得焦点时运行 | Function(event: React.FocusEvent<HTMLInputElement\\\\>) | - |\";"],"names":[],"sourceRoot":""}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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