@uiw/doc 4.11.5 → 4.12.1

package/web/static/js/9673.5bac86ce.chunk.js.map

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

package/web/static/js/9763.6aa7e595.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9763],{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(89171),d=t(75752),a=t(64357),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 lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(53864);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,k=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var j={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(j).filter((function(e){return void 0!==j[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,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},21072: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(53864)),c=t(86082),d=t(69286);function a(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-collapse/README.md",dependencies:{Collapse:s.UO,Button:s.zx,Icon:s.JO},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(9836).then(t.bind(t,59836));case 2:return n=e.sent,e.abrupt("return",n.default||n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
+//# sourceMappingURL=9763.6aa7e595.chunk.js.map

package/web/static/js/9763.6aa7e595.chunk.js.map

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

package/web/static/js/9776.6c150975.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9776],{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 v}});var r=t(50189),o=t(53782),i=t(11026),c=t(41473),s=t(89171),d=t(75752),a=t(64357),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,c=e.codeSandbox,s=(0,o.Z)(e,l),d=(0,r.Z)({},s);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code||"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@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")}),c&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n            "template": "node",\n            "container": {\n              "startScript": "start",\n              "node": "14"\n            }\n          }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code||"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(53864);function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n||"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(c.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.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 v(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,c.useState)(""),h=(0,i.Z)(l,2),v=h[0],j=h[1],g=d.i8||"2.0.0";return(0,c.useEffect)((function(){n&&n().then((function(e){j(e)})).catch((function(){}))}),[]),v?(0,u.jsxs)("div",{children:[(0,u.jsx)(s.Z,{source:v,className:k,components:{code:function(e){var n=e.inline,i=e.node,c=(0,o.Z)(e,x),s=c,d=s.noPreview,a=s.bordered,l=s.noScroll,h=s.bgWhite,f=s.noCode,m=s.codePen,k=s.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},c));var v={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(v).filter((function(e){return void 0!==v[e]})).length?(0,u.jsx)("code",(0,r.Z)({},c)):(0,u.jsx)(p,{version:g,code:b(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},3536:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return a}});var r=t(27791),o=t(57135),i=t.n(o),c=(t(41473),t(53864)),s=t(86082),d=t(69286);function a(){return(0,d.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-badge/README.md",dependencies:{Badge:c.Ct,Divider:c.iz,Row:c.X2,Col:c.JX,Avatar:c.qE,Icon:c.JO},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(8312).then(t.bind(t,98312));case 2:return n=e.sent,e.abrupt("return",n.default||n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
+//# sourceMappingURL=9776.6c150975.chunk.js.map

package/web/static/js/9776.6c150975.chunk.js.map

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

package/web/static/js/9777.b69fb989.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9777],{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 v}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(89171),d=t(75752),a=t(64357),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 lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(53864);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 v(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),v=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(){}))}),[]),v?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:v,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,k=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var v={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(v).filter((function(e){return void 0!==v[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,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},62787:function(e,n,t){"use strict";t.r(n);var r=t(27791),o=t(57135),i=t.n(o),s=(t(41473),t(53864)),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-radio/README.md",dependencies:{Radio:s.Y8,RadioGroup:s.Ee,Button:s.zx,Divider:s.iz,Form:s.l0,Row:s.X2,Col:s.JX,Notify:s.gU},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(4781).then(t.bind(t,54781));case 2:return n=e.sent,e.abrupt("return",n.default||n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
+//# sourceMappingURL=9777.b69fb989.chunk.js.map

package/web/static/js/9777.b69fb989.chunk.js.map

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

package/web/static/js/9820.1374775d.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9820],{79820:function(n,e,t){t.r(e),e.default="OverlayTrigger \u57fa\u7840\u89e6\u53d1\u5f39\u51fa\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-overlay-trigger/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-overlay-trigger.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-overlay-trigger)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-overlay-trigger.svg?label=@uiw/react-overlay-trigger)](https://npmjs.com/@uiw/react-overlay-trigger)\n\n\u57fa\u7840\u5f39\u51fa\u89e6\u53d1\u7ec4\u4ef6\uff0c\u5728\u7ec4\u4ef6 [`<Overlay>`](#/components/overlay) \u7684\u57fa\u7840\u4e0a\u6dfb\u52a0\u4e8b\u4ef6\u548c 12 \u4e2a\u65b9\u5411\u7684\u4f4d\u7f6e\uff0c\u7ec4\u4ef6 [`<Tooltip>`](#/components/tooltip)\uff0c[`<Popover>`](#/components/popover) \u662f\u57fa\u4e8e\u8fd9\u4e2a\u7ec4\u4ef6\u5c01\u88c5\u7684\uff0c\u5f39\u51fa\u6846\u56f4\u7ed5\u5bf9\u8c61\u6307\u5b9a\u4f4d\u7f6e\u3002\n\n```jsx\nimport { OverlayTrigger } from 'uiw';\n// or\nimport OverlayTrigger from '@uiw/react-overlay-trigger';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { OverlayTrigger } from 'uiw';\n\nconst tooltip = (\n  <div style={{ backgroundColor: '#fff', border: '1px solid #333', padding: 10, borderRadius: 3 }}>\n    <strong>Hellow uiw!</strong> Check this info.<br />\n    \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n  </div>\n);\nconst Demo = () => (\n  <OverlayTrigger placement=\"top\" trigger=\"click\" overlay={tooltip}>\n    <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u70b9\u51fb\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n  </OverlayTrigger>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u914d\u5408\u7ec4\u4ef6\u4f7f\u7528\n\n\u4e0b\u9762\u914d\u5408 [`<Card />`](#/components/card) \u7ec4\u4ef6\u4f7f\u7528\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { OverlayTrigger, Card } from 'uiw';\n\nconst card = (\n  <Card active>\n    <strong>Hellow uiw!</strong> Check this info.<br />\n    \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n  </Card>\n);\nconst Demo = () => (\n  <OverlayTrigger placement=\"top\" overlay={card}>\n    <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n  </OverlayTrigger>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u4f4d\u7f6e\n\n\u4f4d\u7f6e\u6709 12 \u4e2a\u65b9\u5411\uff0c\u6839\u636e placement \u53c2\u6570\u6765\u8bbe\u7f6e\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { OverlayTrigger, Card, Button } from 'uiw';\nconst btnStl = {position: 'relative', width: 70, height: 50 }\n\nconst card = (\n  <Card active>\n    <strong>Hellow uiw!</strong> Check this info.<br />\n    \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n  </Card>\n);\nconst Demo = () => (\n  <div>\n    <div style={{ position: 'relative' }}>\n      <OverlayTrigger placement=\"topLeft\" overlay={card}>\n        <Button style={{ ...btnStl, left: 70 }}>TL</Button>\n      </OverlayTrigger>\n      <OverlayTrigger placement=\"top\" overlay={card}>\n        <Button style={{ ...btnStl, left: 70}}>Top</Button>\n      </OverlayTrigger>\n      <OverlayTrigger placement=\"topRight\" overlay={card}>\n        <Button style={{ ...btnStl, left: 70 }}>TR</Button>\n      </OverlayTrigger>\n    </div>\n    <div style={{ position: 'relative', paddingTop: 10 }}>\n      <OverlayTrigger placement=\"leftTop\" overlay={card}>\n        <Button style={{ ...btnStl }}>LT</Button>\n      </OverlayTrigger>\n      <OverlayTrigger placement=\"rightTop\" overlay={card}>\n        <Button style={{ ...btnStl, left: 216 }}>RT</Button>\n      </OverlayTrigger>\n    </div>\n    <div style={{ position: 'relative', paddingTop: 10 }}>\n      <OverlayTrigger placement=\"left\" overlay={card}>\n        <Button style={{ ...btnStl }}>Left</Button>\n      </OverlayTrigger>\n      <OverlayTrigger placement=\"right\" overlay={card}>\n        <Button style={{ ...btnStl, left: 216 }}>Right</Button>\n      </OverlayTrigger>\n    </div>\n    <div style={{ position: 'relative', paddingTop: 10 }}>\n      <OverlayTrigger placement=\"leftBottom\" overlay={card}>\n        <Button style={{ ...btnStl }}>LB</Button>\n      </OverlayTrigger>\n      <OverlayTrigger placement=\"rightBottom\" overlay={card}>\n        <Button style={{ ...btnStl, left: 216 }}>RB</Button>\n      </OverlayTrigger>\n    </div>\n    <div style={{ position: 'relative', paddingTop: 10 }}>\n      <OverlayTrigger placement=\"bottomLeft\" overlay={card}>\n        <Button style={{ ...btnStl, left: 70 }}>BL</Button>\n      </OverlayTrigger>\n      <OverlayTrigger placement=\"bottom\" overlay={card}>\n        <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\n      </OverlayTrigger>\n      <OverlayTrigger placement=\"bottomRight\" overlay={card}>\n        <Button style={{ ...btnStl, left: 70 }}>BR</Button>\n      </OverlayTrigger>\n    </div>\n  </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u9f20\u6807\u7ecf\u8fc7\u4e8b\u4ef6\n\n\u9ed8\u8ba4\u79bb\u5f00**\u89e6\u53d1\u533a\u57df**\u9690\u85cf\u5f39\u51fa\u76ee\u6807\uff0c\u8bbe\u7f6e `isOutside` \u503c\u4e3a `true`\uff0c\u5728**\u89e6\u53d1\u533a\u57df**\u6216**\u5f39\u51fa\u76ee\u6807\u533a\u57df**\u5185\uff0c\u4e0d\u9690\u85cf**\u5f39\u51fa\u76ee\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 { OverlayTrigger, Card, Divider } from 'uiw';\n\nconst card = (\n  <Card active>\n    <strong>Hellow uiw!</strong> Check this info.<br />\n    \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n  </Card>\n);\n\nclass Demo extends React.Component {\n  constructor() {\n    super()\n    this.state = {\n      isVisbale: false,\n    }\n  }\n  onVisibleChange(isVisbale) {\n    this.setState({ isVisbale })\n  }\n  render() {\n    return (\n      <div>\n        <OverlayTrigger\n          placement=\"top\"\n          isOutside={true}\n          onVisibleChange={this.onVisibleChange.bind(this)}\n          overlay={card}\n        >\n          <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n        </OverlayTrigger>\n        <Divider />\n        <div>\u72b6\u6001\uff1a{this.state.isVisbale ? '' : '\u4e0d'}\u53ef\u89c1</div>\n      </div>\n    )\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n### \u5ef6\u8fdf\u8fdb\u5165\u548c\u6d88\u5931\n\n\u5ef6\u8fdf\u5c5e\u6027\uff0c\u53ea\u9488\u5bf9 `trigger=hover` \u6709\u6548\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { OverlayTrigger, Card } from 'uiw';\n\nconst card = (\n  <Card active>\n    <strong>Hellow uiw!</strong> Check this info.<br />\n    \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n  </Card>\n);\nconst Demo = () => (\n  <OverlayTrigger delay={{ show: 0, hide: 4000 }} placement=\"top\" overlay={card}>\n    <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6\uff0c\u5ef6\u8fdf `4s` \u6d88\u5931</span>\n  </OverlayTrigger>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u7ec4\u4ef6\u53d7\u63a7\n\n\u901a\u8fc7\u8bbe\u7f6e\u5c5e\u6027 isOpen \u53ef\u4ee5\u6587\u5b57\u63d0\u793a\u624b\u52a8\u63a7\u5236\u72b6\u6001\u7684\u5c55\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 { OverlayTrigger, Card, Divider, Switch } from 'uiw';\n\nconst card = (\n  <Card active>\n    <strong>Hellow uiw!</strong> Check this info.<br />\n    \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n  </Card>\n);\n\nclass Demo extends React.Component {\n  constructor() {\n    super()\n    this.state = {\n      isOpen: false,\n    }\n  }\n  onChange(e) {\n    this.clickChecked = false;\n    this.setState({ isOpen: e.target.checked });\n  }\n  onVisibleChange(isOpen) {\n    console.log('onVisibleChange: ', isOpen);\n  }\n  render() {\n    return (\n      <div>\n        <OverlayTrigger\n          onVisibleChange={this.onVisibleChange.bind(this)}\n          isOpen={this.state.isOpen}\n          placement=\"right\"\n          onEnter={(node, isAppearing) => {\n            console.log('~~', node, isAppearing);\n          }}\n          overlay={card}\n        >\n          <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n        </OverlayTrigger>\n        <Divider />\n        <Switch checked={this.state.isOpen} onChange={this.onChange.bind(this)} />\n      </div>\n    );\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### usePortal\n\n\u8bbe\u7f6e `usePortal={false}` \u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u91cc\u9762\u3002\n\n\x3c!--rehype:bgWhite=true&noScroll=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { OverlayTrigger, Card, Divider } from 'uiw';\n\nconst card = (\n  <Card active>\n    <strong>Hellow uiw!</strong> Check this info.<br />\n    \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n  </Card>\n);\n\nclass Demo extends React.Component {\n  constructor() {\n    super()\n    this.state = {\n      isOpen: false,\n    }\n  }\n  onVisibleChange(isOpen) {\n    this.setState({ isOpen })\n  }\n  render() {\n    return (\n      <div>\n        <div style={{ position: 'relative' }}>\n          <OverlayTrigger\n            usePortal={false}\n            isOutside={true}\n            autoAdjustOverflow\n            placement=\"top\"\n            trigger=\"click\"\n            onVisibleChange={this.onVisibleChange.bind(this)}\n            overlay={card}\n          >\n            <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u70b9\u51fb\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n          </OverlayTrigger>\n        </div>\n        <Divider />\n        <div>\u72b6\u6001\uff1a{this.state.isOpen ? '' : '\u4e0d'}\u53ef\u89c1</div>\n      </div>\n    );\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| placement | \u6307\u5b9a\u5f39\u51fa\u6846\u4f4d\u7f6e | Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} | - |\n| trigger | \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3 | Enum{`hover`, `click`, `focus`} | `hover` |\n| disabled | \u662f\u5426\u7981\u7528\u5f39\u51fa\u76ee\u6807 | Boolean | `false` |\n| overlay | \u5f39\u51fa\u5185\u5bb9 | Function/Element | - |\n| delay | \u5ef6\u8fdf\u8fdb\u5165\u548c\u6d88\u5931\uff0c`{ show: 2000, hide: 4000 }` \u6216\u8005\u76f4\u63a5\u8bbe\u7f6e `2000`\uff0c\u53ea\u5bf9 `trigger=hover` \u6709\u6548 | Object/Number | - |\n| isOpen | \u9ed8\u8ba4\u662f\u5426\u663e\u793a\u5f39\u7a97 | Boolean | `false` |\n| isOutside | \u9ed8\u8ba4\u79bb\u5f00**\u89e6\u53d1\u533a\u57df**\u9690\u85cf\u5f39\u51fa\u76ee\u6807\uff0c\u8bbe\u7f6e\u503c\u4e3a `true`\uff0c\u5728\u89e6\u53d1\u533a\u57df\u548c\u5f39\u51fa\u76ee\u6807\u533a\u57df\u5185\uff0c\u4e0d\u9690\u85cf**\u5f39\u51fa\u76ee\u6807**\u3002 | Boolean | `false` |\n| isClickOutside | \u70b9\u51fb\u76ee\u6807\u533a\u57df\u4ee5\u5916\u7684\u533a\u57df\uff0c\u662f\u5426\u9690\u85cf\u3002 | Boolean | `true` |\n| autoAdjustOverflow | \u5f39\u51fa\u5c42\u88ab\u906e\u6321\u65f6\u81ea\u52a8\u8c03\u6574\u4f4d\u7f6e | Boolean | `false` |\n| onVisibleChange | \u663e\u793a\u9690\u85cf\u7684\u56de\u8c03 | Function(isVisiable:bool) | - |\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [Overlay](#/components/overlay)\u3002\n"}}]);
+//# sourceMappingURL=9820.1374775d.chunk.js.map

package/web/static/js/9820.1374775d.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/9820.1374775d.chunk.js","mappings":"gHAAA","sources":["../../packages/react-overlay-trigger/README.md"],"sourcesContent":["export default \"OverlayTrigger 基础触发弹出\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-overlay-trigger/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-overlay-trigger.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-overlay-trigger)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-overlay-trigger.svg?label=@uiw/react-overlay-trigger)](https://npmjs.com/@uiw/react-overlay-trigger)\\n\\n基础弹出触发组件，在组件 [`<Overlay>`](#/components/overlay) 的基础上添加事件和 12 个方向的位置，组件 [`<Tooltip>`](#/components/tooltip)，[`<Popover>`](#/components/popover) 是基于这个组件封装的，弹出框围绕对象指定位置。\\n\\n```jsx\\nimport { OverlayTrigger } from 'uiw';\\n// or\\nimport OverlayTrigger from '@uiw/react-overlay-trigger';\\n```\\n\\n### 基础用法\\n\\n最简单的用法。\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger } from 'uiw';\\n\\nconst tooltip = (\\n  <div style={{ backgroundColor: '#fff', border: '1px solid #333', padding: 10, borderRadius: 3 }}>\\n    <strong>Hellow uiw!</strong> Check this info.<br />\\n    展示 12 个方向位置\\n  </div>\\n);\\nconst Demo = () => (\\n  <OverlayTrigger placement=\\\"top\\\" trigger=\\\"click\\\" overlay={tooltip}>\\n    <span>鼠标移动到此处，点击显示和消失触发事件</span>\\n  </OverlayTrigger>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 配合组件使用\\n\\n下面配合 [`<Card />`](#/components/card) 组件使用。\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger, Card } from 'uiw';\\n\\nconst card = (\\n  <Card active>\\n    <strong>Hellow uiw!</strong> Check this info.<br />\\n    展示 12 个方向位置\\n  </Card>\\n);\\nconst Demo = () => (\\n  <OverlayTrigger placement=\\\"top\\\" overlay={card}>\\n    <span>鼠标移动到此处，显示和消失触发事件</span>\\n  </OverlayTrigger>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 位置\\n\\n位置有 12 个方向，根据 placement 参数来设置。\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger, Card, Button } from 'uiw';\\nconst btnStl = {position: 'relative', width: 70, height: 50 }\\n\\nconst card = (\\n  <Card active>\\n    <strong>Hellow uiw!</strong> Check this info.<br />\\n    展示 12 个方向位置\\n  </Card>\\n);\\nconst Demo = () => (\\n  <div>\\n    <div style={{ position: 'relative' }}>\\n      <OverlayTrigger placement=\\\"topLeft\\\" overlay={card}>\\n        <Button style={{ ...btnStl, left: 70 }}>TL</Button>\\n      </OverlayTrigger>\\n      <OverlayTrigger placement=\\\"top\\\" overlay={card}>\\n        <Button style={{ ...btnStl, left: 70}}>Top</Button>\\n      </OverlayTrigger>\\n      <OverlayTrigger placement=\\\"topRight\\\" overlay={card}>\\n        <Button style={{ ...btnStl, left: 70 }}>TR</Button>\\n      </OverlayTrigger>\\n    </div>\\n    <div style={{ position: 'relative', paddingTop: 10 }}>\\n      <OverlayTrigger placement=\\\"leftTop\\\" overlay={card}>\\n        <Button style={{ ...btnStl }}>LT</Button>\\n      </OverlayTrigger>\\n      <OverlayTrigger placement=\\\"rightTop\\\" overlay={card}>\\n        <Button style={{ ...btnStl, left: 216 }}>RT</Button>\\n      </OverlayTrigger>\\n    </div>\\n    <div style={{ position: 'relative', paddingTop: 10 }}>\\n      <OverlayTrigger placement=\\\"left\\\" overlay={card}>\\n        <Button style={{ ...btnStl }}>Left</Button>\\n      </OverlayTrigger>\\n      <OverlayTrigger placement=\\\"right\\\" overlay={card}>\\n        <Button style={{ ...btnStl, left: 216 }}>Right</Button>\\n      </OverlayTrigger>\\n    </div>\\n    <div style={{ position: 'relative', paddingTop: 10 }}>\\n      <OverlayTrigger placement=\\\"leftBottom\\\" overlay={card}>\\n        <Button style={{ ...btnStl }}>LB</Button>\\n      </OverlayTrigger>\\n      <OverlayTrigger placement=\\\"rightBottom\\\" overlay={card}>\\n        <Button style={{ ...btnStl, left: 216 }}>RB</Button>\\n      </OverlayTrigger>\\n    </div>\\n    <div style={{ position: 'relative', paddingTop: 10 }}>\\n      <OverlayTrigger placement=\\\"bottomLeft\\\" overlay={card}>\\n        <Button style={{ ...btnStl, left: 70 }}>BL</Button>\\n      </OverlayTrigger>\\n      <OverlayTrigger placement=\\\"bottom\\\" overlay={card}>\\n        <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\\n      </OverlayTrigger>\\n      <OverlayTrigger placement=\\\"bottomRight\\\" overlay={card}>\\n        <Button style={{ ...btnStl, left: 70 }}>BR</Button>\\n      </OverlayTrigger>\\n    </div>\\n  </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 鼠标经过事件\\n\\n默认离开**触发区域**隐藏弹出目标，设置 `isOutside` 值为 `true`，在**触发区域**或**弹出目标区域**内，不隐藏**弹出目标**。\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger, Card, Divider } from 'uiw';\\n\\nconst card = (\\n  <Card active>\\n    <strong>Hellow uiw!</strong> Check this info.<br />\\n    展示 12 个方向位置\\n  </Card>\\n);\\n\\nclass Demo extends React.Component {\\n  constructor() {\\n    super()\\n    this.state = {\\n      isVisbale: false,\\n    }\\n  }\\n  onVisibleChange(isVisbale) {\\n    this.setState({ isVisbale })\\n  }\\n  render() {\\n    return (\\n      <div>\\n        <OverlayTrigger\\n          placement=\\\"top\\\"\\n          isOutside={true}\\n          onVisibleChange={this.onVisibleChange.bind(this)}\\n          overlay={card}\\n        >\\n          <span>鼠标移动到此处，显示和消失触发事件</span>\\n        </OverlayTrigger>\\n        <Divider />\\n        <div>状态：{this.state.isVisbale ? '' : '不'}可见</div>\\n      </div>\\n    )\\n  }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n\\n### 延迟进入和消失\\n\\n延迟属性，只针对 `trigger=hover` 有效。\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger, Card } from 'uiw';\\n\\nconst card = (\\n  <Card active>\\n    <strong>Hellow uiw!</strong> Check this info.<br />\\n    展示 12 个方向位置\\n  </Card>\\n);\\nconst Demo = () => (\\n  <OverlayTrigger delay={{ show: 0, hide: 4000 }} placement=\\\"top\\\" overlay={card}>\\n    <span>鼠标移动到此处，显示和消失触发事件，延迟 `4s` 消失</span>\\n  </OverlayTrigger>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 组件受控\\n\\n通过设置属性 isOpen 可以文字提示手动控制状态的展示。\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger, Card, Divider, Switch } from 'uiw';\\n\\nconst card = (\\n  <Card active>\\n    <strong>Hellow uiw!</strong> Check this info.<br />\\n    展示 12 个方向位置\\n  </Card>\\n);\\n\\nclass Demo extends React.Component {\\n  constructor() {\\n    super()\\n    this.state = {\\n      isOpen: false,\\n    }\\n  }\\n  onChange(e) {\\n    this.clickChecked = false;\\n    this.setState({ isOpen: e.target.checked });\\n  }\\n  onVisibleChange(isOpen) {\\n    console.log('onVisibleChange: ', isOpen);\\n  }\\n  render() {\\n    return (\\n      <div>\\n        <OverlayTrigger\\n          onVisibleChange={this.onVisibleChange.bind(this)}\\n          isOpen={this.state.isOpen}\\n          placement=\\\"right\\\"\\n          onEnter={(node, isAppearing) => {\\n            console.log('~~', node, isAppearing);\\n          }}\\n          overlay={card}\\n        >\\n          <span>鼠标移动到此处，显示和消失触发事件</span>\\n        </OverlayTrigger>\\n        <Divider />\\n        <Switch checked={this.state.isOpen} onChange={this.onChange.bind(this)} />\\n      </div>\\n    );\\n  }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### usePortal\\n\\n设置 `usePortal={false}` 将模态对话框生成到根节点的里面。\\n\\n<!--rehype:bgWhite=true&noScroll=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger, Card, Divider } from 'uiw';\\n\\nconst card = (\\n  <Card active>\\n    <strong>Hellow uiw!</strong> Check this info.<br />\\n    展示 12 个方向位置\\n  </Card>\\n);\\n\\nclass Demo extends React.Component {\\n  constructor() {\\n    super()\\n    this.state = {\\n      isOpen: false,\\n    }\\n  }\\n  onVisibleChange(isOpen) {\\n    this.setState({ isOpen })\\n  }\\n  render() {\\n    return (\\n      <div>\\n        <div style={{ position: 'relative' }}>\\n          <OverlayTrigger\\n            usePortal={false}\\n            isOutside={true}\\n            autoAdjustOverflow\\n            placement=\\\"top\\\"\\n            trigger=\\\"click\\\"\\n            onVisibleChange={this.onVisibleChange.bind(this)}\\n            overlay={card}\\n          >\\n            <span>鼠标移动到此处，点击显示和消失触发事件</span>\\n          </OverlayTrigger>\\n        </div>\\n        <Divider />\\n        <div>状态：{this.state.isOpen ? '' : '不'}可见</div>\\n      </div>\\n    );\\n  }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| placement | 指定弹出框位置 | Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} | - |\\n| trigger | 悬停/点击弹出窗口 | Enum{`hover`, `click`, `focus`} | `hover` |\\n| disabled | 是否禁用弹出目标 | Boolean | `false` |\\n| overlay | 弹出内容 | Function/Element | - |\\n| delay | 延迟进入和消失，`{ show: 2000, hide: 4000 }` 或者直接设置 `2000`，只对 `trigger=hover` 有效 | Object/Number | - |\\n| isOpen | 默认是否显示弹窗 | Boolean | `false` |\\n| isOutside | 默认离开**触发区域**隐藏弹出目标，设置值为 `true`，在触发区域和弹出目标区域内，不隐藏**弹出目标**。 | Boolean | `false` |\\n| isClickOutside | 点击目标区域以外的区域，是否隐藏。 | Boolean | `true` |\\n| autoAdjustOverflow | 弹出层被遮挡时自动调整位置 | Boolean | `false` |\\n| onVisibleChange | 显示隐藏的回调 | Function(isVisiable:bool) | - |\\n\\n更多属性文档请参考 [Overlay](#/components/overlay)。\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/9836.8cd96a11.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9836],{59836:function(n,e,a){a.r(e),e.default='Collapse \u6298\u53e0\u9762\u677f\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-collapse/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-collapse.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-collapse)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-collapse.svg?label=@uiw/react-collapse)](https://npmjs.com/@uiw/react-collapse)\n\n\u53ef\u4ee5\u6298\u53e0/\u5c55\u5f00\u7684\u5185\u5bb9\u533a\u57df\u3002\n\n```jsx\nimport { Collapse } from \'uiw\';\n// or\nimport Collapse from \'@uiw/react-collapse\';\n```\n\n## \u57fa\u672c\u7528\u6cd5\n\n\u53ef\u4ee5\u540c\u65f6\u5c55\u5f00\u591a\u4e2a\u9762\u677f\uff0c\u8fd9\u4e2a\u4f8b\u5b50\u9ed8\u8ba4\u5c55\u5f00\u4e86\u7b2c\u4e00\u4e2a\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse } from \'uiw\';\n\nconst genExtra = () => (\n  <div\n    onClick={(event) => {\n      // If you don\'t want click extra trigger collapse, you can prevent this:\n      event.stopPropagation();\n    }}\n  >\u8bbe\u7f6e</div>\n);\n\nReactDOM.render(\n  <div>\n    <Collapse activeKey={[\'1\']} onChange={key=>console.log(\'key::1:\', key)}>\n      <Collapse.Panel header="\u5927\u8bdd\u897f\u6e38" key="1" extra={genExtra()}>\n        <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n        <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n        <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n        <div>\u4e00\u4e07\u5e74</div>\n      </Collapse.Panel>\n      <Collapse.Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7" key="2" extra={genExtra()}>\n        <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n        <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n      </Collapse.Panel>\n      <Collapse.Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3" extra={genExtra()}>\n        <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n      </Collapse.Panel>\n    </Collapse>\n  </div>,\n  _mount_\n);\n```\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse } from \'uiw\';\n\nReactDOM.render(\n  <div>\n    <Collapse activeKey={[\'1\']} onChange={key=>console.log(\'key::1:\', key)}>\n      <Collapse.Panel header="\u5927\u8bdd\u897f\u6e38" key="1">\n        <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n        <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n        <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n        <div>\u4e00\u4e07\u5e74</div>\n      </Collapse.Panel>\n      <Collapse.Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7" key="2">\n        <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n        <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n      </Collapse.Panel>\n      <Collapse.Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3" disabled >\n        <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n      </Collapse.Panel>\n    </Collapse>\n  </div>,\n  _mount_\n);\n```\n\n## \u624b\u98ce\u7434\u6298\u53e0\u9762\u677f\n\n\u624b\u98ce\u7434\uff0c\u6bcf\u6b21\u53ea\u6253\u5f00\u4e00\u4e2atab\u3002\u9ed8\u8ba4\u6253\u5f00\u7b2c\u4e00\u4e2a\u3002`Panel` \u7684 `key` \u5c5e\u6027\u5e76\u975e\u5fc5\u987b\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      activeName: \'0\'\n    }\n  }\n  render() {\n    const Panel = Collapse.Panel\n    return (\n      <div>\n        <Button\n          type="primary"\n          style={{marginBottom: \'15px\'}}\n          onClick={() => this.setState({ activeName: this.state.activeName === \'2\'?\'\':\'2\' })}\n        >\n          \u6253\u5f00\u6216\u5173\u95ed\u7b2c\u4e09\u4e2a\n        </Button>\n        <Collapse accordion activeKey={[this.state.activeName]} onChange={key=>console.log(\'key::2:\', key)}>\n          <Panel header="\u5927\u8bdd\u897f\u6e38">\n            <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n            <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n            <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n            <div>\u4e00\u4e07\u5e74</div>\n          </Panel>\n          <Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7">\n            <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n            <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n          </Panel>\n          <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" showArrow={false}>\n            <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n          </Panel>\n        </Collapse>\n      </div>\n    )\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## \u7b80\u6d01\u98ce\u683c\u65e0\u8fb9\u6846\n\n\u901a\u8fc7\u8bbe\u7f6e`bordered={true}`\u6ca1\u6709\u8fb9\u6846\u7684\u7b80\u6d01\u6837\u5f0f\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nReactDOM.render(\n  <div>\n    <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log(\'key::3:\', key)}>\n      <Panel header="\u5927\u8bdd\u897f\u6e38">\n        <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n        <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n        <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n        <div>\u4e00\u4e07\u5e74</div>\n      </Panel>\n      <Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7">\n        <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n        <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n      </Panel>\n      <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06">\n        <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n      </Panel>\n    </Collapse>\n  </div>,\n  _mount_\n);\n```\n\n## \u81ea\u5b9a\u4e49\u9762\u677f\n\n\u81ea\u5b9a\u4e49\u5404\u4e2a\u9762\u677f\u7684\u80cc\u666f\u8272\u3001\u5706\u89d2\u3001\u8fb9\u8ddd\u548c\u56fe\u6807\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse } from \'uiw\';\n\nconst customPanelStyle = {\n  background: \'#f7f7f7\',\n  borderRadius: 4,\n  marginBottom: 24,\n  border: 0,\n  overflow: \'hidden\',\n};\n\nconst Panel = Collapse.Panel;\n\nReactDOM.render(\n  <div>\n    <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log(\'key::4:\', key)}>\n      <Panel header="\u5927\u8bdd\u897f\u6e38" style={customPanelStyle}>\n        <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n        <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n        <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n        <div>\u4e00\u4e07\u5e74</div>\n      </Panel>\n      <Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7" style={customPanelStyle}>\n        <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n        <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n      </Panel>\n      <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" style={customPanelStyle}>\n        <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n      </Panel>\n    </Collapse>\n  </div>,\n  _mount_\n);\n```\n\n## \u81ea\u5b9a\u4e49\u9762\u677f\u6807\u9898\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nReactDOM.render(\n  <div>\n    <Collapse showArrow={false} activeKey={[\'1\']} onChange={key=>console.log(\'key::5:\', key)}>\n      <Panel header={<span>\u5927\u8bdd\u897f\u6e38 <Icon type="smile-o"/></span>} key="1">\n        <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n        <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n        <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n        <div>\u4e00\u4e07\u5e74</div>\n      </Panel>\n      <Panel header={<span>\u897f\u6e38\xb7\u964d\u9b54\u7bc7 <Icon type="smile-o"/></span>} key="2">\n        <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n        <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n      </Panel>\n      <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3">\n        <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n      </Panel>\n    </Collapse>\n  </div>,\n  _mount_\n);\n```\n\n## \u6307\u5b9a\u6298\u53e0\u56fe\u6807\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nReactDOM.render(\n  <div>\n    <Collapse activeKey={[\'1\']} onChange={key=>console.log(\'key::6:\', key)}>\n      <Panel icon="caret-down" header={<span>\u5927\u8bdd\u897f\u6e38 <Icon type="smile-o"/></span>} key="1">\n        <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n        <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n        <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n        <div>\u4e00\u4e07\u5e74</div>\n      </Panel>\n      <Panel icon={<Icon type="down-circle" />} header={<span>\u897f\u6e38\xb7\u964d\u9b54\u7bc7 <Icon type="smile-o"/></span>} key="2">\n        <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n        <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n      </Panel>\n      <Panel icon={<span>\u6298\u53e0-</span>} header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3">\n        <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n      </Panel>\n    </Collapse>\n  </div>,\n  _mount_\n);\n```\n\n## Props\n\n### Collapse\n\n| \u53c2\u6570      | \u8bf4\u660e    | \u7c7b\u578b      |  \u9ed8\u8ba4\u503c   |\n|--------- |-------- |---------- |-------- |\n| accordion | \u624b\u98ce\u7434\u6548\u679c | Boolean | false |\n| activeKey | \u5f53\u524d\u6fc0\u6d3b tab \u9762\u677f\u7684 key, accordion \u6a21\u5f0f\u4e0b\u9ed8\u8ba4\u7b2c\u4e00\u4e2a\u5143\u7d20 | String[]/String | false |\n| showArrow | \u5728\u8fd9\u91cc\u4f7f\u7528\uff0c\u8868\u793a\u63a7\u5236\u6240\u6709\u7684\u9762\u677f\u56fe\u6807\u662f\u5426\u5c55\u793a | Boolean | true |\n| bordered | \u8bbe\u7f6e\u6ca1\u6709\u8fb9\u6846\u7684\u7b80\u6d01\u6837\u5f0f | Boolean | false |\n| onChange | \u5207\u6362\u9762\u677f\u7684\u56de\u8c03 | (activeKey: string[]) => void | - |\n\n### Collapse.Panel\n\n| \u53c2\u6570      | \u8bf4\u660e    | \u7c7b\u578b      |  \u9ed8\u8ba4\u503c   |\n|--------- |-------- |---------- |-------- |\n| disabled | \u7981\u7528\u540e\u7684\u9762\u677f\u5c55\u5f00\u4e0e\u5426\u5c06\u65e0\u6cd5\u901a\u8fc7\u7528\u6237\u4ea4\u4e92\u6539\u53d8 | Boolean | false |\n| header | \u9762\u677f\u5934\u5185\u5bb9 | String/ReactNode | - |\n| icon | \u6307\u5b9a\u56fe\u6807 | String/ReactNode | - |\n| isActive | \u662f\u5426\u5c55\u5f00 | Boolean | - |\n| extra | \u81ea\u5b9a\u4e49\u6e32\u67d3\u6bcf\u4e2a\u9762\u677f\u53f3\u4e0a\u89d2\u7684\u5185\u5bb9 | ReactNode | - |\n| showArrow | \u662f\u5426\u663e\u793a\u5c55\u5f00\u56fe\u6807 | Boolean | true |\n| key | \u5bf9\u5e94 `activeKey`\uff0c\u975e\u5fc5\u586b |  | - |\n'}}]);
+//# sourceMappingURL=9836.8cd96a11.chunk.js.map

package/web/static/js/9836.8cd96a11.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/9836.8cd96a11.chunk.js","mappings":"gHAAA","sources":["../../packages/react-collapse/README.md"],"sourcesContent":["export default \"Collapse 折叠面板\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-collapse/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-collapse.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-collapse)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-collapse.svg?label=@uiw/react-collapse)](https://npmjs.com/@uiw/react-collapse)\\n\\n可以折叠/展开的内容区域。\\n\\n```jsx\\nimport { Collapse } from 'uiw';\\n// or\\nimport Collapse from '@uiw/react-collapse';\\n```\\n\\n## 基本用法\\n\\n可以同时展开多个面板，这个例子默认展开了第一个。\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse } from 'uiw';\\n\\nconst genExtra = () => (\\n  <div\\n    onClick={(event) => {\\n      // If you don't want click extra trigger collapse, you can prevent this:\\n      event.stopPropagation();\\n    }}\\n  >设置</div>\\n);\\n\\nReactDOM.render(\\n  <div>\\n    <Collapse activeKey={['1']} onChange={key=>console.log('key::1:', key)}>\\n      <Collapse.Panel header=\\\"大话西游\\\" key=\\\"1\\\" extra={genExtra()}>\\n        <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n        <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n        <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n        <div>一万年</div>\\n      </Collapse.Panel>\\n      <Collapse.Panel header=\\\"西游·降魔篇\\\" key=\\\"2\\\" extra={genExtra()}>\\n        <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n        <div>曾经牵挂，才能了无牵挂。</div>\\n      </Collapse.Panel>\\n      <Collapse.Panel header=\\\"国产零零漆\\\" key=\\\"3\\\" extra={genExtra()}>\\n        <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n      </Collapse.Panel>\\n    </Collapse>\\n  </div>,\\n  _mount_\\n);\\n```\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse } from 'uiw';\\n\\nReactDOM.render(\\n  <div>\\n    <Collapse activeKey={['1']} onChange={key=>console.log('key::1:', key)}>\\n      <Collapse.Panel header=\\\"大话西游\\\" key=\\\"1\\\">\\n        <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n        <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n        <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n        <div>一万年</div>\\n      </Collapse.Panel>\\n      <Collapse.Panel header=\\\"西游·降魔篇\\\" key=\\\"2\\\">\\n        <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n        <div>曾经牵挂，才能了无牵挂。</div>\\n      </Collapse.Panel>\\n      <Collapse.Panel header=\\\"国产零零漆\\\" key=\\\"3\\\" disabled >\\n        <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n      </Collapse.Panel>\\n    </Collapse>\\n  </div>,\\n  _mount_\\n);\\n```\\n\\n## 手风琴折叠面板\\n\\n手风琴，每次只打开一个tab。默认打开第一个。`Panel` 的 `key` 属性并非必须。\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  constructor(props) {\\n    super(props)\\n    this.state = {\\n      activeName: '0'\\n    }\\n  }\\n  render() {\\n    const Panel = Collapse.Panel\\n    return (\\n      <div>\\n        <Button\\n          type=\\\"primary\\\"\\n          style={{marginBottom: '15px'}}\\n          onClick={() => this.setState({ activeName: this.state.activeName === '2'?'':'2' })}\\n        >\\n          打开或关闭第三个\\n        </Button>\\n        <Collapse accordion activeKey={[this.state.activeName]} onChange={key=>console.log('key::2:', key)}>\\n          <Panel header=\\\"大话西游\\\">\\n            <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n            <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n            <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n            <div>一万年</div>\\n          </Panel>\\n          <Panel header=\\\"西游·降魔篇\\\">\\n            <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n            <div>曾经牵挂，才能了无牵挂。</div>\\n          </Panel>\\n          <Panel header=\\\"国产零零漆\\\" showArrow={false}>\\n            <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n          </Panel>\\n        </Collapse>\\n      </div>\\n    )\\n  }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 简洁风格无边框\\n\\n通过设置`bordered={true}`没有边框的简洁样式。\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse } from 'uiw';\\n\\nconst Panel = Collapse.Panel;\\n\\nReactDOM.render(\\n  <div>\\n    <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log('key::3:', key)}>\\n      <Panel header=\\\"大话西游\\\">\\n        <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n        <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n        <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n        <div>一万年</div>\\n      </Panel>\\n      <Panel header=\\\"西游·降魔篇\\\">\\n        <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n        <div>曾经牵挂，才能了无牵挂。</div>\\n      </Panel>\\n      <Panel header=\\\"国产零零漆\\\">\\n        <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n      </Panel>\\n    </Collapse>\\n  </div>,\\n  _mount_\\n);\\n```\\n\\n## 自定义面板\\n\\n自定义各个面板的背景色、圆角、边距和图标。\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse } from 'uiw';\\n\\nconst customPanelStyle = {\\n  background: '#f7f7f7',\\n  borderRadius: 4,\\n  marginBottom: 24,\\n  border: 0,\\n  overflow: 'hidden',\\n};\\n\\nconst Panel = Collapse.Panel;\\n\\nReactDOM.render(\\n  <div>\\n    <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log('key::4:', key)}>\\n      <Panel header=\\\"大话西游\\\" style={customPanelStyle}>\\n        <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n        <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n        <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n        <div>一万年</div>\\n      </Panel>\\n      <Panel header=\\\"西游·降魔篇\\\" style={customPanelStyle}>\\n        <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n        <div>曾经牵挂，才能了无牵挂。</div>\\n      </Panel>\\n      <Panel header=\\\"国产零零漆\\\" style={customPanelStyle}>\\n        <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n      </Panel>\\n    </Collapse>\\n  </div>,\\n  _mount_\\n);\\n```\\n\\n## 自定义面板标题\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse, Icon } from 'uiw';\\n\\nconst Panel = Collapse.Panel;\\n\\nReactDOM.render(\\n  <div>\\n    <Collapse showArrow={false} activeKey={['1']} onChange={key=>console.log('key::5:', key)}>\\n      <Panel header={<span>大话西游 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"1\\\">\\n        <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n        <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n        <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n        <div>一万年</div>\\n      </Panel>\\n      <Panel header={<span>西游·降魔篇 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"2\\\">\\n        <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n        <div>曾经牵挂，才能了无牵挂。</div>\\n      </Panel>\\n      <Panel header=\\\"国产零零漆\\\" key=\\\"3\\\">\\n        <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n      </Panel>\\n    </Collapse>\\n  </div>,\\n  _mount_\\n);\\n```\\n\\n## 指定折叠图标\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse, Icon } from 'uiw';\\n\\nconst Panel = Collapse.Panel;\\n\\nReactDOM.render(\\n  <div>\\n    <Collapse activeKey={['1']} onChange={key=>console.log('key::6:', key)}>\\n      <Panel icon=\\\"caret-down\\\" header={<span>大话西游 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"1\\\">\\n        <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n        <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n        <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n        <div>一万年</div>\\n      </Panel>\\n      <Panel icon={<Icon type=\\\"down-circle\\\" />} header={<span>西游·降魔篇 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"2\\\">\\n        <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n        <div>曾经牵挂，才能了无牵挂。</div>\\n      </Panel>\\n      <Panel icon={<span>折叠-</span>} header=\\\"国产零零漆\\\" key=\\\"3\\\">\\n        <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n      </Panel>\\n    </Collapse>\\n  </div>,\\n  _mount_\\n);\\n```\\n\\n## Props\\n\\n### Collapse\\n\\n| 参数      | 说明    | 类型      |  默认值   |\\n|--------- |-------- |---------- |-------- |\\n| accordion | 手风琴效果 | Boolean | false |\\n| activeKey | 当前激活 tab 面板的 key, accordion 模式下默认第一个元素 | String[]/String | false |\\n| showArrow | 在这里使用，表示控制所有的面板图标是否展示 | Boolean | true |\\n| bordered | 设置没有边框的简洁样式 | Boolean | false |\\n| onChange | 切换面板的回调 | (activeKey: string[]) => void | - |\\n\\n### Collapse.Panel\\n\\n| 参数      | 说明    | 类型      |  默认值   |\\n|--------- |-------- |---------- |-------- |\\n| disabled | 禁用后的面板展开与否将无法通过用户交互改变 | Boolean | false |\\n| header | 面板头内容 | String/ReactNode | - |\\n| icon | 指定图标 | String/ReactNode | - |\\n| isActive | 是否展开 | Boolean | - |\\n| extra | 自定义渲染每个面板右上角的内容 | ReactNode | - |\\n| showArrow | 是否显示展开图标 | Boolean | true |\\n| key | 对应 `activeKey`，非必填 |  | - |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/9853.524e86eb.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9853],{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(89171),d=t(75752),a=t(64357),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 lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(53864);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,k=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var j={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(j).filter((function(e){return void 0!==j[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,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},17068:function(e,n,t){"use strict";t.r(n);var r=t(27791),o=t(57135),i=t.n(o),s=(t(41473),t(86082)),c=t(69286);n.default=function(){return(0,c.jsx)(s.Z,{path:"https://github.com/uiwjs/reset-css/blob/master/README.md",renderPage:(0,r.Z)(i().mark((function e(){var n;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(3259).then(t.bind(t,83259));case 2:return n=e.sent,e.abrupt("return",n.default||n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
+//# sourceMappingURL=9853.524e86eb.chunk.js.map

package/web/static/js/9853.524e86eb.chunk.js.map

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

package/web/static/js/9900.2d8ffaaf.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9900],{29900:function(n,e,t){t.r(e),e.default="Modal \u6a21\u6001\u5bf9\u8bdd\u6846\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-modal/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-modal.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-modal)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-modal.svg?label=@uiw/react-modal)](https://npmjs.com/@uiw/react-modal)\n\n\u6a21\u6001\u5bf9\u8bdd\u6846\u3002\n\n```jsx\nimport { Modal } from 'uiw';\n// or\nimport Modal from '@uiw/react-modal';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Modal, ButtonGroup, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      visible: false,\n    }\n  }\n  onClick() {\n    this.setState({ visible: !this.state.visible });\n  }\n  onClosed() {\n    this.setState({ visible: false });\n  }\n  render() {\n    return (\n      <div>\n        <Modal\n          title=\"\u6a21\u6001\u5bf9\u8bdd\u6846\"\n          isOpen={this.state.visible}\n          confirmText=\"\u786e\u5b9a\u6309\u94ae\"\n          cancelText=\"\u53d6\u6d88\u6309\u94ae\"\n          icon=\"information\"\n          type=\"primary\"\n          onConfirm={() => console.log('\u60a8\u70b9\u51fb\u4e86\u786e\u5b9a\u6309\u94ae\uff01')}\n          onCancel={() => console.log('\u60a8\u70b9\u51fb\u4e86\u53d6\u6d88\u6309\u94ae\uff01')}\n          onClosed={this.onClosed.bind(this)}\n        >\n          React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002\n          <br /><br />\n          \u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002\n          <br /><br />\n          \u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002\n          <br /><br />\n          \u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002\n          <br /><br />\n          \u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002\n          <br /><br />\n          <b>\u7ec4\u4ef6</b>\n          <br /><br />\n          React \u7ec4\u4ef6\u4f7f\u7528\u4e00\u4e2a\u540d\u4e3a render() \u7684\u65b9\u6cd5\uff0c \u63a5\u6536\u6570\u636e\u4f5c\u4e3a\u8f93\u5165\uff0c\u8f93\u51fa\u9875\u9762\u4e2d\u5bf9\u5e94\u5c55\u793a\u7684\u5185\u5bb9\u3002 \u4e0b\u9762\u8fd9\u4e2a\u793a\u4f8b\u4e2d\u7c7b\u4f3cXML\u7684\u5199\u6cd5\u88ab\u79f0\u4e3aJSX. \u8f93\u5165\u7684\u6570\u636e\u901a\u8fc7 this.props \u4f20\u5165 render() \u65b9\u6cd5\u3002\n          <br /><br />\n          \u4f7f\u7528 React \u7684\u65f6\u5019\u4e5f\u53ef\u4ee5\u4e0d\u4f7f\u7528 JSX \u8bed\u6cd5 \u4f60\u53ef\u4ee5\u5728 <a href=\"https://babeljs.io/repl/#?presets=react&code_lz=MYewdgzgLgBApgGzgWzmWBeGAeAFgRgD4AJRBEAGhgHcQAnBAEwEJsB6AwgbgChRJY_KAEMAlmDh0YWRiGABXVOgB0AczhQAokiVQAQgE8AkowAUPGDADkdECChWeASl4AlOMOBQAIgHkAssp0aIySpogoaFBUQmISdC48QA\" target=\"_blank\">Babel REPL</a> \u67e5\u770b JSX \u662f\u5982\u4f55\u88ab\u6e32\u67d3\u6210\u539f\u751f JavaScript \u4ee3\u7801\u7684\u3002\n        </Modal>\n        <ButtonGroup>\n          <Button onClick={this.onClick.bind(this)}>\u786e\u8ba4\u5bf9\u8bdd\u6846</Button>\n        </ButtonGroup>\n      </div>\n    )\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5ef6\u8fdf\u5173\u95ed\u5bf9\u8bdd\u6846\n\n\u8fd9\u91cc\u662f\u5229\u7528 `Promise` \u7b49\u5b83\u6267\u884c\u5b8c\u6210\u518d\u53bb\u5173\u95ed\u7a97\u53e3\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Modal, ButtonGroup, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      visible: false,\n    }\n  }\n  onClick() {\n    this.setState({ visible: !this.state.visible });\n  }\n  onClosed() {\n    this.setState({ visible: false });\n  }\n  render() {\n    return (\n      <div>\n        <Modal\n          title=\"\u6a21\u6001\u5bf9\u8bdd\u6846\"\n          isOpen={this.state.visible}\n          confirmText=\"\u786e\u5b9a\u6309\u94ae\"\n          cancelText=\"\u53d6\u6d88\u6309\u94ae\"\n          type=\"danger\"\n          onCancel={() => console.log('\u60a8\u70b9\u51fb\u4e86\u53d6\u6d88\u6309\u94ae\uff01')}\n          onClosed={this.onClosed.bind(this)}\n          onConfirm={() => {\n            console.log('\u786e\u5b9a\u56de\u8c03\uff01, \u8fd9\u91cc\u662f\u5229\u7528Promise\u7b49\u6267\u884c\u5b8c\u6210\u518d\u53bb\u5173\u95ed\u7a97\u53e3');\n            return new Promise((resolve, reject) => {\n              const random = Math.random();\n              console.log('\u6d4b\u8bd5\uff0c\u968f\u673a\u503c\u5927\u4e8e 0.5 \u6267\u884c resolve \u4e8b\u4ef6\uff0c\u5426\u5219 \u6267\u884c reject \u89e6\u53d1 catch \u9519\u8bef', random, random > 0.5)\n              setTimeout(random > 0.5 ? resolve : reject, 3000);\n            }).catch(() => {\n              // \u53ef\u4ee5\u901a\u8fc7\u4e0b\u9762\u65b9\u5f0f\uff0c\u963b\u6b62\u5f39\u6846\u6d88\u5931\n              // throw new Error();\n            });\n          }}\n        >\n          \u8fd9\u662f\u4e00\u4e2a\u5355\u51fb \u201c<b>\u786e\u5b9a\u6309\u94ae</b>\u201d \u5ef6\u8fdf\u5173\u95ed\u5bf9\u8bdd\u6846\u7684\u5b9e\u4f8b\uff0c\u5173\u95ed\u5bf9\u8bdd\u6846\u89e6\u53d1 \u201c<b>onConfirm</b>\u201d \u6216 \u201c<b>onCancel</b>\u201d \u4e8b\u4ef6\u3002<br /><br /> \u8fd9\u91cc\u662f\u5229\u7528 <b>Promise</b> \u7684\u7279\u6027\uff0c\u7b49\u5b83\u6267\u884c\u5b8c\u6210\u540e\uff0c\u518d\u53bb\u5173\u95ed\u7a97\u53e3\uff0c\u8fbe\u5230\u5ef6\u8fdf\u5173\u95ed\u7684\u6548\u679c\u3002<br /><br />\n          \u8fd9\u4e2a\u6d4b\u8bd5\u4f8b\u5b50\uff0c\u751f\u6210\u968f\u673a\u503c\u5224\u65ad\u662f\u5426\u5927\u4e8e <b>0.5</b> \u6267\u884c <b>resolve</b> \u4e8b\u4ef6\uff0c\u5426\u5219 \u6267\u884c <b>reject</b> \u89e6\u53d1 <b>catch</b> \u9519\u8bef\u3002\n        </Modal>\n        <ButtonGroup>\n          <Button onClick={this.onClick.bind(this)}>\u5ef6\u8fdf\u5173\u95ed\u5bf9\u8bdd\u6846</Button>\n        </ButtonGroup>\n      </div>\n    )\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n### \u8868\u5355\u5e94\u7528\n\n\u8fd9\u91cc\u662f\u5229\u7528 `Promise` \u7b49\u5b83\u6267\u884c\u5b8c\u6210\u518d\u53bb\u5173\u95ed\u7a97\u53e3\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Modal, ButtonGroup, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      visible: false,\n      loading: false,\n    }\n  }\n  onClick() {\n    this.setState({ visible: !this.state.visible });\n  }\n  onClosed() {\n    this.setState({ visible: false });\n  }\n  onSubmit({ initial, current }) {\n    const errorObj = {};\n    if (current.userName.startsWith('u')) {\n      errorObj.userName = `\u59d3\u540d ${current.userName} \u4e0d\u80fd\u4ee5 \u2018u\u2019 \u5f00\u5934`;\n    }\n    if (!current.age || current.age < 18 || current.age > 30) {\n      errorObj.age = '\u5e74\u9f84\u5fc5\u987b\u572818 ~ 30\u5c81\u4e4b\u95f4\u3002';\n    }\n    if (!current.textarea) {\n      errorObj.textarea = '\u8bf7\u8f93\u5165\u63cf\u8ff0\u5185\u5bb9';\n    }\n    if(Object.keys(errorObj).length > 0) {\n      const err = new Error();\n      err.filed = errorObj;\n      throw err;\n    }\n\n    this.setState({ loading: true });\n    setTimeout(() => {\n      this.setState({ loading: false, visible: false });\n      Notify.success({ title: '\u63d0\u4ea4\u6210\u529f\u901a\u77e5\uff01', description: '\u63d0\u4ea4\u5185\u5bb9\uff0c\u3002' });\n    }, 2000);\n  }\n  render() {\n    return (\n      <div>\n        <Modal\n          title=\"\u6a21\u6001\u5bf9\u8bdd\u6846\"\n          width={900}\n          isOpen={this.state.visible}\n          onClosed={this.onClosed.bind(this)}\n          type=\"danger\"\n          useButton={false}\n        >\n          <Form\n            resetOnSubmit={false}\n            onSubmit={this.onSubmit.bind(this)}\n            onSubmitError={(error) => {\n              if (error.filed) {\n                return { ...error.filed };\n              }\n              return null;\n            }}\n            fields={{\n              userName: {\n                initialValue: 'uiw',\n                label: '\u59d3\u540d',\n                help: '\u4ee5\u201cu\u201d\u5f00\u5934\u7684\u540d\u5b57\u5c06\u5728\u6b64\u5904\u663e\u793a\u9519\u8bef\u4fe1\u606f',\n                children: <Input type=\"text\" />\n              },\n              age: {\n                initialValue: 9,\n                label: '\u5e74\u9f84',\n                children: <Input type=\"number\" />\n              },\n              textarea: {\n                initialValue: '',\n                label: '\u63cf\u8ff0\u8bf4\u660e',\n                children: <Textarea placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n              },\n            }}\n          >\n            {({ fields, state, canSubmit }) => {\n              console.log('fields:--\x3e', state);\n              return (\n                <div>\n                  <Row gutter={10}>\n                    <Col>{fields.userName}</Col>\n                    <Col>{fields.age}</Col>\n                  </Row>\n                  <Row gutter={10}>\n                    <Col>{fields.textarea}</Col>\n                  </Row>\n                  <Row gutter={10} justify=\"flex-end\">\n                    <Col fixed>\n                      <Button loading={this.state.loading} disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4\u8868\u5355</Button>\n                    </Col>\n                  </Row>\n                </div>\n              )\n            }}\n          </Form>\n        </Modal>\n        <ButtonGroup>\n          <Button onClick={this.onClick.bind(this)}>\u8868\u5355\u4e2d\u5e94\u7528</Button>\n        </ButtonGroup>\n      </div>\n    )\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u81ea\u5b9a\u4e49\u9875\u811a\n\n\u8bbe\u7f6e `useButton={false}` \u9690\u85cf\u9ed8\u8ba4\u7684\u6309\u94ae\uff0c\u518d\u6839\u636e\u81ea\u5df1\u9700\u6c42\u5b9a\u4e49\u6309\u94ae\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Modal, ButtonGroup, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      visible: false,\n    }\n  }\n  onClick() {\n    this.setState({ visible: !this.state.visible });\n  }\n  onClosed() {\n    this.setState({ visible: false });\n  }\n  render() {\n    return (\n      <div>\n        <Modal\n          title=\"\u6a21\u6001\u5bf9\u8bdd\u6846\"\n          isOpen={this.state.visible}\n          useButton={false}\n          confirmText=\"\u786e\u5b9a\u6309\u94ae\"\n          cancelText=\"\u53d6\u6d88\u6309\u94ae\"\n          icon=\"information\"\n          type=\"danger\"\n          onConfirm={() => console.log('\u60a8\u70b9\u51fb\u4e86\u786e\u5b9a\u6309\u94ae\uff01')}\n          onCancel={() => console.log('\u60a8\u70b9\u51fb\u4e86\u53d6\u6d88\u6309\u94ae\uff01')}\n          onClosed={this.onClosed.bind(this)}\n        >\n          React \u53ef\u4ee5\u975e\u5e38\u8f7b\u677e\u5730\u521b\u5efa\u7528\u6237\u4ea4\u4e92\u754c\u9762\u3002\u4e3a\u4f60\u5e94\u7528\u7684\u6bcf\u4e00\u4e2a\u72b6\u6001\u8bbe\u8ba1\u7b80\u6d01\u7684\u89c6\u56fe\uff0c\u5728\u6570\u636e\u6539\u53d8\u65f6 React \u4e5f\u53ef\u4ee5\u9ad8\u6548\u5730\u66f4\u65b0\u6e32\u67d3\u754c\u9762\u3002\n          <br /><br />\n          \u4ee5\u58f0\u660e\u5f0f\u7f16\u5199UI\uff0c\u53ef\u4ee5\u8ba9\u4f60\u7684\u4ee3\u7801\u66f4\u52a0\u53ef\u9760\uff0c\u4e14\u65b9\u4fbf\u8c03\u8bd5\u3002\n          <br /><br />\n          \u521b\u5efa\u597d\u62e5\u6709\u5404\u81ea\u72b6\u6001\u7684\u7ec4\u4ef6\uff0c\u518d\u7531\u7ec4\u4ef6\u6784\u6210\u66f4\u52a0\u590d\u6742\u7684\u754c\u9762\u3002\n          <br /><br />\n          \u65e0\u9700\u518d\u7528\u6a21\u7248\u4ee3\u7801\uff0c\u901a\u8fc7\u4f7f\u7528JavaScript\u7f16\u5199\u7684\u7ec4\u4ef6\u4f60\u53ef\u4ee5\u66f4\u597d\u5730\u4f20\u9012\u6570\u636e\uff0c\u5c06\u5e94\u7528\u72b6\u6001\u548cDOM\u62c6\u5206\u5f00\u6765\u3002\n          <br /><br />\n          \u65e0\u8bba\u4f60\u73b0\u5728\u6b63\u5728\u4f7f\u7528\u4ec0\u4e48\u6280\u672f\u6808\uff0c\u4f60\u90fd\u53ef\u4ee5\u968f\u65f6\u5f15\u5165 React \u5f00\u53d1\u65b0\u7279\u6027\u3002\n          <br /><br />\n          <b>\u7ec4\u4ef6</b>\n          <br /><br />\n          React \u7ec4\u4ef6\u4f7f\u7528\u4e00\u4e2a\u540d\u4e3a render() \u7684\u65b9\u6cd5\uff0c \u63a5\u6536\u6570\u636e\u4f5c\u4e3a\u8f93\u5165\uff0c\u8f93\u51fa\u9875\u9762\u4e2d\u5bf9\u5e94\u5c55\u793a\u7684\u5185\u5bb9\u3002 \u4e0b\u9762\u8fd9\u4e2a\u793a\u4f8b\u4e2d\u7c7b\u4f3cXML\u7684\u5199\u6cd5\u88ab\u79f0\u4e3aJSX. \u8f93\u5165\u7684\u6570\u636e\u901a\u8fc7 this.props \u4f20\u5165 render() \u65b9\u6cd5\u3002\n          <br /><br />\n          \u4f7f\u7528 React \u7684\u65f6\u5019\u4e5f\u53ef\u4ee5\u4e0d\u4f7f\u7528 JSX \u8bed\u6cd5 \u4f60\u53ef\u4ee5\u5728 Babel REPL \u67e5\u770b JSX \u662f\u5982\u4f55\u88ab\u6e32\u67d3\u6210\u539f\u751f JavaScript \u4ee3\u7801\u7684\u3002\n          <div className=\"w-modal-footer\">\n            <Button type=\"danger\" onClick={this.onClosed.bind(this)} >\u786e\u5b9a\u6309\u94ae</Button>\n            <Button onClick={this.onClosed.bind(this)} >\u53d6\u6d88\u6309\u94ae</Button>\n          </div>\n        </Modal>\n        <ButtonGroup>\n          <Button onClick={this.onClick.bind(this)}>\u786e\u8ba4\u5bf9\u8bdd\u6846</Button>\n        </ButtonGroup>\n      </div>\n    )\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| title | \u8bbe\u7f6e\u6807\u9898 | Function(e) | - |\n| onCancel | \u53d6\u6d88\u6309\u94ae\u7684\u56de\u8c03\u51fd\u6570 | Function(e) | - |\n| onConfirm | \u70b9\u51fb\u786e\u5b9a\u6309\u94ae\u56de\u8c03 | Function(e) | - |\n| cancelText | \u53d6\u6d88\u6309\u94ae\u6587\u5b57\uff0c | String | - |\n| confirmText | \u786e\u8ba4\u6309\u94ae\u6587\u5b57 | String | `\u786e\u8ba4` |\n| icon | \u8bbe\u7f6e\u5bf9\u8bdd\u6846\u53f3\u4e0a\u89d2\u56fe\u6807\uff0c\u8bbe\u7f6e `type` \u5c06\u56fe\u6807\u8bbe\u7f6e\u4e0d\u540c\u7684\u989c\u8272\u3002\u5f53\u524d\u5c5e\u6027\u4e3a [`<Icon>`](#/components/icon) \u7ec4\u4ef6\u7684 `type` \u5c5e\u6027\uff0c\u6240\u4ee5\u53ef\u4ee5\u53c2\u8003\u8be5\u7ec4\u4ef6\u81ea\u5b9a\u4e49\u56fe\u6807\u3002 | String/ReactNode | - |\n| useButton | \u662f\u5426\u4f7f\u7528\u9ed8\u8ba4\u6309\u94ae\uff0c\u5982\u679c\u8bbe\u7f6e `false` \u9700\u8981\u81ea\u5b9a\u4e49\u6309\u94ae\u5173\u95ed | Boolean | `true` |\n| type | \u6309\u94ae\u7c7b\u578b\u8ddf `<Button>` \u7ec4\u4ef6\u7684 `type` \u53c2\u6570\u4e00\u81f4\uff0c\u540c\u65f6\u4f1a\u5f71\u54cd\u6309\u94ae\u989c\u8272\u3002 | String | `light` |\n| width | \u8bbe\u7f6e\u5f39\u51fa\u6846\u5bbd\u5ea6 | Number | - |\n| bodyStyle | Modal body \u6837\u5f0f | `CSSProperties` | - |\n| cancelButtonProps | cancel \u6309\u94ae props | `ButtonProps` | - |\n| confirmButtonProps | confirm \u6309\u94ae props | `ButtonProps` | - |\n| maxWidth | \u9ed8\u8ba4\u5f39\u51fa\u6846\u6700\u5927\u5bbd\u5ea6 `500` | Number | `500` |\n| minWidth | \u9ed8\u8ba4\u5f39\u51fa\u6846\u6700\u5c0f\u5bbd\u5ea6 `320` | Number | `320` |\n| isCloseButtonShown | \u662f\u5426\u5728\u5bf9\u8bdd\u6846\u7684\u6807\u9898\u4e2d\u663e\u793a\u5173\u95ed\u6309\u94ae\u3002 \u8bf7\u6ce8\u610f\uff0c\u53ea\u6709\u5728\u63d0\u4f9b\u6807\u9898\u65f6\u624d\u4f1a\u5448\u73b0\u6807\u9898\u3002 | Boolean | `true` |\n| isOpen[`<Overlay>`](#/components/overlay) | \u5bf9\u8bdd\u6846\u662f\u5426\u53ef\u89c1 | Boolean | `false` |\n| maskClosable[`<Overlay>`](#/components/overlay) | \u70b9\u51fb\u906e\u7f69\u5c42\u662f\u5426\u5141\u8bb8\u5173\u95ed | Boolean | `true` |\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [Overlay](#/components/overlay)\u3002\n"}}]);
+//# sourceMappingURL=9900.2d8ffaaf.chunk.js.map

package/web/static/js/9900.2d8ffaaf.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/9900.2d8ffaaf.chunk.js","mappings":"gHAAA","sources":["../../packages/react-modal/README.md"],"sourcesContent":["export default \"Modal 模态对话框\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-modal/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-modal.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-modal)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-modal.svg?label=@uiw/react-modal)](https://npmjs.com/@uiw/react-modal)\\n\\n模态对话框。\\n\\n```jsx\\nimport { Modal } from 'uiw';\\n// or\\nimport Modal from '@uiw/react-modal';\\n```\\n\\n### 基本用法\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Modal, ButtonGroup, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  constructor() {\\n    super();\\n    this.state = {\\n      visible: false,\\n    }\\n  }\\n  onClick() {\\n    this.setState({ visible: !this.state.visible });\\n  }\\n  onClosed() {\\n    this.setState({ visible: false });\\n  }\\n  render() {\\n    return (\\n      <div>\\n        <Modal\\n          title=\\\"模态对话框\\\"\\n          isOpen={this.state.visible}\\n          confirmText=\\\"确定按钮\\\"\\n          cancelText=\\\"取消按钮\\\"\\n          icon=\\\"information\\\"\\n          type=\\\"primary\\\"\\n          onConfirm={() => console.log('您点击了确定按钮！')}\\n          onCancel={() => console.log('您点击了取消按钮！')}\\n          onClosed={this.onClosed.bind(this)}\\n        >\\n          React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图，在数据改变时 React 也可以高效地更新渲染界面。\\n          <br /><br />\\n          以声明式编写UI，可以让你的代码更加可靠，且方便调试。\\n          <br /><br />\\n          创建好拥有各自状态的组件，再由组件构成更加复杂的界面。\\n          <br /><br />\\n          无需再用模版代码，通过使用JavaScript编写的组件你可以更好地传递数据，将应用状态和DOM拆分开来。\\n          <br /><br />\\n          无论你现在正在使用什么技术栈，你都可以随时引入 React 开发新特性。\\n          <br /><br />\\n          <b>组件</b>\\n          <br /><br />\\n          React 组件使用一个名为 render() 的方法， 接收数据作为输入，输出页面中对应展示的内容。 下面这个示例中类似XML的写法被称为JSX. 输入的数据通过 this.props 传入 render() 方法。\\n          <br /><br />\\n          使用 React 的时候也可以不使用 JSX 语法 你可以在 <a href=\\\"https://babeljs.io/repl/#?presets=react&code_lz=MYewdgzgLgBApgGzgWzmWBeGAeAFgRgD4AJRBEAGhgHcQAnBAEwEJsB6AwgbgChRJY_KAEMAlmDh0YWRiGABXVOgB0AczhQAokiVQAQgE8AkowAUPGDADkdECChWeASl4AlOMOBQAIgHkAssp0aIySpogoaFBUQmISdC48QA\\\" target=\\\"_blank\\\">Babel REPL</a> 查看 JSX 是如何被渲染成原生 JavaScript 代码的。\\n        </Modal>\\n        <ButtonGroup>\\n          <Button onClick={this.onClick.bind(this)}>确认对话框</Button>\\n        </ButtonGroup>\\n      </div>\\n    )\\n  }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 延迟关闭对话框\\n\\n这里是利用 `Promise` 等它执行完成再去关闭窗口\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Modal, ButtonGroup, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  constructor() {\\n    super();\\n    this.state = {\\n      visible: false,\\n    }\\n  }\\n  onClick() {\\n    this.setState({ visible: !this.state.visible });\\n  }\\n  onClosed() {\\n    this.setState({ visible: false });\\n  }\\n  render() {\\n    return (\\n      <div>\\n        <Modal\\n          title=\\\"模态对话框\\\"\\n          isOpen={this.state.visible}\\n          confirmText=\\\"确定按钮\\\"\\n          cancelText=\\\"取消按钮\\\"\\n          type=\\\"danger\\\"\\n          onCancel={() => console.log('您点击了取消按钮！')}\\n          onClosed={this.onClosed.bind(this)}\\n          onConfirm={() => {\\n            console.log('确定回调！, 这里是利用Promise等执行完成再去关闭窗口');\\n            return new Promise((resolve, reject) => {\\n              const random = Math.random();\\n              console.log('测试，随机值大于 0.5 执行 resolve 事件，否则 执行 reject 触发 catch 错误', random, random > 0.5)\\n              setTimeout(random > 0.5 ? resolve : reject, 3000);\\n            }).catch(() => {\\n              // 可以通过下面方式，阻止弹框消失\\n              // throw new Error();\\n            });\\n          }}\\n        >\\n          这是一个单击 “<b>确定按钮</b>” 延迟关闭对话框的实例，关闭对话框触发 “<b>onConfirm</b>” 或 “<b>onCancel</b>” 事件。<br /><br /> 这里是利用 <b>Promise</b> 的特性，等它执行完成后，再去关闭窗口，达到延迟关闭的效果。<br /><br />\\n          这个测试例子，生成随机值判断是否大于 <b>0.5</b> 执行 <b>resolve</b> 事件，否则 执行 <b>reject</b> 触发 <b>catch</b> 错误。\\n        </Modal>\\n        <ButtonGroup>\\n          <Button onClick={this.onClick.bind(this)}>延迟关闭对话框</Button>\\n        </ButtonGroup>\\n      </div>\\n    )\\n  }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n\\n### 表单应用\\n\\n这里是利用 `Promise` 等它执行完成再去关闭窗口\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Modal, ButtonGroup, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  constructor() {\\n    super();\\n    this.state = {\\n      visible: false,\\n      loading: false,\\n    }\\n  }\\n  onClick() {\\n    this.setState({ visible: !this.state.visible });\\n  }\\n  onClosed() {\\n    this.setState({ visible: false });\\n  }\\n  onSubmit({ initial, current }) {\\n    const errorObj = {};\\n    if (current.userName.startsWith('u')) {\\n      errorObj.userName = `姓名 ${current.userName} 不能以 ‘u’ 开头`;\\n    }\\n    if (!current.age || current.age < 18 || current.age > 30) {\\n      errorObj.age = '年龄必须在18 ~ 30岁之间。';\\n    }\\n    if (!current.textarea) {\\n      errorObj.textarea = '请输入描述内容';\\n    }\\n    if(Object.keys(errorObj).length > 0) {\\n      const err = new Error();\\n      err.filed = errorObj;\\n      throw err;\\n    }\\n\\n    this.setState({ loading: true });\\n    setTimeout(() => {\\n      this.setState({ loading: false, visible: false });\\n      Notify.success({ title: '提交成功通知！', description: '提交内容，。' });\\n    }, 2000);\\n  }\\n  render() {\\n    return (\\n      <div>\\n        <Modal\\n          title=\\\"模态对话框\\\"\\n          width={900}\\n          isOpen={this.state.visible}\\n          onClosed={this.onClosed.bind(this)}\\n          type=\\\"danger\\\"\\n          useButton={false}\\n        >\\n          <Form\\n            resetOnSubmit={false}\\n            onSubmit={this.onSubmit.bind(this)}\\n            onSubmitError={(error) => {\\n              if (error.filed) {\\n                return { ...error.filed };\\n              }\\n              return null;\\n            }}\\n            fields={{\\n              userName: {\\n                initialValue: 'uiw',\\n                label: '姓名',\\n                help: '以“u”开头的名字将在此处显示错误信息',\\n                children: <Input type=\\\"text\\\" />\\n              },\\n              age: {\\n                initialValue: 9,\\n                label: '年龄',\\n                children: <Input type=\\\"number\\\" />\\n              },\\n              textarea: {\\n                initialValue: '',\\n                label: '描述说明',\\n                children: <Textarea placeholder=\\\"请输入内容\\\" />\\n              },\\n            }}\\n          >\\n            {({ fields, state, canSubmit }) => {\\n              console.log('fields:-->', state);\\n              return (\\n                <div>\\n                  <Row gutter={10}>\\n                    <Col>{fields.userName}</Col>\\n                    <Col>{fields.age}</Col>\\n                  </Row>\\n                  <Row gutter={10}>\\n                    <Col>{fields.textarea}</Col>\\n                  </Row>\\n                  <Row gutter={10} justify=\\\"flex-end\\\">\\n                    <Col fixed>\\n                      <Button loading={this.state.loading} disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交表单</Button>\\n                    </Col>\\n                  </Row>\\n                </div>\\n              )\\n            }}\\n          </Form>\\n        </Modal>\\n        <ButtonGroup>\\n          <Button onClick={this.onClick.bind(this)}>表单中应用</Button>\\n        </ButtonGroup>\\n      </div>\\n    )\\n  }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 自定义页脚\\n\\n设置 `useButton={false}` 隐藏默认的按钮，再根据自己需求定义按钮。\\n\\n<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Modal, ButtonGroup, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  constructor() {\\n    super();\\n    this.state = {\\n      visible: false,\\n    }\\n  }\\n  onClick() {\\n    this.setState({ visible: !this.state.visible });\\n  }\\n  onClosed() {\\n    this.setState({ visible: false });\\n  }\\n  render() {\\n    return (\\n      <div>\\n        <Modal\\n          title=\\\"模态对话框\\\"\\n          isOpen={this.state.visible}\\n          useButton={false}\\n          confirmText=\\\"确定按钮\\\"\\n          cancelText=\\\"取消按钮\\\"\\n          icon=\\\"information\\\"\\n          type=\\\"danger\\\"\\n          onConfirm={() => console.log('您点击了确定按钮！')}\\n          onCancel={() => console.log('您点击了取消按钮！')}\\n          onClosed={this.onClosed.bind(this)}\\n        >\\n          React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图，在数据改变时 React 也可以高效地更新渲染界面。\\n          <br /><br />\\n          以声明式编写UI，可以让你的代码更加可靠，且方便调试。\\n          <br /><br />\\n          创建好拥有各自状态的组件，再由组件构成更加复杂的界面。\\n          <br /><br />\\n          无需再用模版代码，通过使用JavaScript编写的组件你可以更好地传递数据，将应用状态和DOM拆分开来。\\n          <br /><br />\\n          无论你现在正在使用什么技术栈，你都可以随时引入 React 开发新特性。\\n          <br /><br />\\n          <b>组件</b>\\n          <br /><br />\\n          React 组件使用一个名为 render() 的方法， 接收数据作为输入，输出页面中对应展示的内容。 下面这个示例中类似XML的写法被称为JSX. 输入的数据通过 this.props 传入 render() 方法。\\n          <br /><br />\\n          使用 React 的时候也可以不使用 JSX 语法 你可以在 Babel REPL 查看 JSX 是如何被渲染成原生 JavaScript 代码的。\\n          <div className=\\\"w-modal-footer\\\">\\n            <Button type=\\\"danger\\\" onClick={this.onClosed.bind(this)} >确定按钮</Button>\\n            <Button onClick={this.onClosed.bind(this)} >取消按钮</Button>\\n          </div>\\n        </Modal>\\n        <ButtonGroup>\\n          <Button onClick={this.onClick.bind(this)}>确认对话框</Button>\\n        </ButtonGroup>\\n      </div>\\n    )\\n  }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| title | 设置标题 | Function(e) | - |\\n| onCancel | 取消按钮的回调函数 | Function(e) | - |\\n| onConfirm | 点击确定按钮回调 | Function(e) | - |\\n| cancelText | 取消按钮文字， | String | - |\\n| confirmText | 确认按钮文字 | String | `确认` |\\n| icon | 设置对话框右上角图标，设置 `type` 将图标设置不同的颜色。当前属性为 [`<Icon>`](#/components/icon) 组件的 `type` 属性，所以可以参考该组件自定义图标。 | String/ReactNode | - |\\n| useButton | 是否使用默认按钮，如果设置 `false` 需要自定义按钮关闭 | Boolean | `true` |\\n| type | 按钮类型跟 `<Button>` 组件的 `type` 参数一致，同时会影响按钮颜色。 | String | `light` |\\n| width | 设置弹出框宽度 | Number | - |\\n| bodyStyle | Modal body 样式 | `CSSProperties` | - |\\n| cancelButtonProps | cancel 按钮 props | `ButtonProps` | - |\\n| confirmButtonProps | confirm 按钮 props | `ButtonProps` | - |\\n| maxWidth | 默认弹出框最大宽度 `500` | Number | `500` |\\n| minWidth | 默认弹出框最小宽度 `320` | Number | `320` |\\n| isCloseButtonShown | 是否在对话框的标题中显示关闭按钮。 请注意，只有在提供标题时才会呈现标题。 | Boolean | `true` |\\n| isOpen[`<Overlay>`](#/components/overlay) | 对话框是否可见 | Boolean | `false` |\\n| maskClosable[`<Overlay>`](#/components/overlay) | 点击遮罩层是否允许关闭 | Boolean | `true` |\\n\\n更多属性文档请参考 [Overlay](#/components/overlay)。\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/9961.3712fbe4.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[9961],{39961:function(e,n,a){a.r(n),n.default='Tabs \u6807\u7b7e\u9875\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-tabs/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-tabs.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-tabs)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-tabs.svg?label=@uiw/react-tabs)](https://npmjs.com/@uiw/react-tabs)\n\n\u6807\u7b7e\u9875\u5207\u6362\u7ec4\u4ef6\uff0c\u5206\u9694\u5185\u5bb9\u4e0a\u6709\u5173\u8054\u4f46\u5c5e\u4e8e\u4e0d\u540c\u7c7b\u522b\u7684\u6570\u636e\u96c6\u5408\u3002\n\n```jsx\nimport { Tabs } from \'uiw\';\n// or\nimport Tabs from \'@uiw/react-tabs\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\u57fa\u7840\u7684\u3001\u7b80\u6d01\u7684\u5361\u7247\u5f0f\u6807\u7b7e\u9875\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Tabs } from \'uiw\';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Tabs activeKey="1" onTabClick={(tab, key, e) => {\n          console.log("=>", key, tab);\n        }}>\n          <Tabs.Pane label="\u7528\u6237\u7ba1\u7406" key="1">\u7528\u6237\u7ba1\u7406</Tabs.Pane>\n          <Tabs.Pane label="\u914d\u7f6e\u7ba1\u7406" key="2">\u914d\u7f6e\u7ba1\u7406</Tabs.Pane>\n          <Tabs.Pane sequence="fadeIn up" label="\u89d2\u8272\u7ba1\u7406" key="3">\u89d2\u8272\u7ba1\u7406</Tabs.Pane>\n          <Tabs.Pane label="\u5927\u7237\u6b22\u4e50\u591a" key="4"><div>\u5927\u7237\u6b22\u4e50\u591a22</div></Tabs.Pane>\n      </Tabs>\n    );\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u884c\u6837\u5f0f\n\n\u57fa\u7840\u7684\u3001\u7b80\u6d01\u7684\u5361\u7247\u5f0f\u6807\u7b7e\u9875\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Tabs } from \'uiw\';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Tabs type="line" activeKey="1" onTabClick={(tab, key, e) => {\n          console.log("=>", key, tab);\n        }}>\n        <Tabs.Pane label="\u7528\u6237\u7ba1\u7406" key="1">\u7528\u6237\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane disabled label="\u914d\u7f6e\u7ba1\u7406" key="2">\u914d\u7f6e\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane sequence="fadeIn up" label="\u89d2\u8272\u7ba1\u7406" key="3">\u89d2\u8272\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane label="\u5927\u7237\u6b22\u4e50\u591a" key="4"><div>\u5927\u7237\u6b22\u4e50\u591a22</div></Tabs.Pane>\n      </Tabs>\n    );\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5361\u7247\u6837\u5f0f\n\n\u53e6\u4e00\u79cd\u6837\u5f0f\u7684\u9875\u7b7e\uff0c\u4e0d\u63d0\u4f9b\u5bf9\u5e94\u7684\u5782\u76f4\u6837\u5f0f\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Tabs } from \'uiw\';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Tabs type="card" activeKey="1" onTabClick={(tab, key, e) => {\n          console.log("=>", key, tab);\n        }}>\n        <Tabs.Pane label="\u7528\u6237\u7ba1\u7406" key="1">\u7528\u6237\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane label="\u914d\u7f6e\u7ba1\u7406" key="2">\u914d\u7f6e\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane disabled sequence="fadeIn up" label="\u89d2\u8272\u7ba1\u7406" key="3">\u89d2\u8272\u7ba1\u7406</Tabs.Pane>\n        <Tabs.Pane label="\u5927\u7237\u6b22\u4e50\u591a" key="4"><div>\u5927\u7237\u6b22\u4e50\u591a22</div></Tabs.Pane>\n      </Tabs>\n    );\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n### \u5361\u7247\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 { Tabs, Divider } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      activeKey: \'1\',\n    };\n  }\n  render() {\n    const { activeKey } = this.state;\n    return (\n      <div>\n        <Tabs\n          type="card"\n          activeKey={activeKey}\n          onTabClick={(activeKey, key, e) => {\n            this.setState({ activeKey });\n          }}\n        >\n          <Tabs.Pane label="\u7528\u6237\u7ba1\u7406" key="1" />\n          <Tabs.Pane label="\u914d\u7f6e\u7ba1\u7406" key="2" />\n          <Tabs.Pane disabled sequence="fadeIn up" label="\u89d2\u8272\u7ba1\u7406" key="3" />\n          <Tabs.Pane label="\u5927\u7237\u6b22\u4e50\u591a" key="4" />\n        </Tabs>\n        <Divider />\n        {activeKey === \'1\' && (\n          <div>\u7528\u6237\u7ba1\u7406{activeKey}</div>\n        )}\n        {activeKey === \'2\' && (\n          <div>\u914d\u7f6e\u7ba1\u7406{activeKey}</div>\n        )}\n        {activeKey === \'3\' && (\n          <div>\u89d2\u8272\u7ba1\u7406{activeKey}</div>\n        )}\n        {activeKey === \'4\' && (\n          <div>\u5927\u7237\u6b22\u4e50\u591a{activeKey}</div>\n        )}\n      </div>\n    );\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Tabs.Porps \n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|------ |-------- |---------- |-------- |\n| type | \u9875\u7b7e\u7684\u57fa\u672c\u6837\u5f0f | Enum{`line`\u3001`card`\u3001`default`} | `default` |\n| activeKey | \u5f53\u524d\u6fc0\u6d3b `tab` \u9762\u677f\u7684 `key` | String | - |\n| onTabClick | `tab` \u88ab\u70b9\u51fb\u7684\u56de\u8c03 | Function | `(item, key, e)=>{}` |\n\n## Tabs.Pane.Porps \n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|------ |-------- |---------- |-------- |\n| label | \u9009\u9879\u5361\u6807\u9898 | String,Node | - |\n| key | \u5bf9\u5e94 activeKey | String,Node | - |\n| disabled | \u6807\u7b7e\u662f\u7981\u7528\u4e0d\u53ef\u70b9\u51fb | Boolean | `false` |'}}]);
+//# sourceMappingURL=9961.3712fbe4.chunk.js.map

package/web/static/js/9961.3712fbe4.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/9961.3712fbe4.chunk.js","mappings":"gHAAA","sources":["../../packages/react-tabs/README.md"],"sourcesContent":["export default \"Tabs 标签页\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-tabs/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-tabs.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-tabs)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-tabs.svg?label=@uiw/react-tabs)](https://npmjs.com/@uiw/react-tabs)\\n\\n标签页切换组件，分隔内容上有关联但属于不同类别的数据集合。\\n\\n```jsx\\nimport { Tabs } from 'uiw';\\n// or\\nimport Tabs from '@uiw/react-tabs';\\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 { Tabs } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  render() {\\n    return (\\n      <Tabs activeKey=\\\"1\\\" onTabClick={(tab, key, e) => {\\n          console.log(\\\"=>\\\", key, tab);\\n        }}>\\n          <Tabs.Pane label=\\\"用户管理\\\" key=\\\"1\\\">用户管理</Tabs.Pane>\\n          <Tabs.Pane label=\\\"配置管理\\\" key=\\\"2\\\">配置管理</Tabs.Pane>\\n          <Tabs.Pane sequence=\\\"fadeIn up\\\" label=\\\"角色管理\\\" key=\\\"3\\\">角色管理</Tabs.Pane>\\n          <Tabs.Pane label=\\\"大爷欢乐多\\\" key=\\\"4\\\"><div>大爷欢乐多22</div></Tabs.Pane>\\n      </Tabs>\\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 { Tabs } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  render() {\\n    return (\\n      <Tabs type=\\\"line\\\" activeKey=\\\"1\\\" onTabClick={(tab, key, e) => {\\n          console.log(\\\"=>\\\", key, tab);\\n        }}>\\n        <Tabs.Pane label=\\\"用户管理\\\" key=\\\"1\\\">用户管理</Tabs.Pane>\\n        <Tabs.Pane disabled label=\\\"配置管理\\\" key=\\\"2\\\">配置管理</Tabs.Pane>\\n        <Tabs.Pane sequence=\\\"fadeIn up\\\" label=\\\"角色管理\\\" key=\\\"3\\\">角色管理</Tabs.Pane>\\n        <Tabs.Pane label=\\\"大爷欢乐多\\\" key=\\\"4\\\"><div>大爷欢乐多22</div></Tabs.Pane>\\n      </Tabs>\\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 { Tabs } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  render() {\\n    return (\\n      <Tabs type=\\\"card\\\" activeKey=\\\"1\\\" onTabClick={(tab, key, e) => {\\n          console.log(\\\"=>\\\", key, tab);\\n        }}>\\n        <Tabs.Pane label=\\\"用户管理\\\" key=\\\"1\\\">用户管理</Tabs.Pane>\\n        <Tabs.Pane label=\\\"配置管理\\\" key=\\\"2\\\">配置管理</Tabs.Pane>\\n        <Tabs.Pane disabled sequence=\\\"fadeIn up\\\" label=\\\"角色管理\\\" key=\\\"3\\\">角色管理</Tabs.Pane>\\n        <Tabs.Pane label=\\\"大爷欢乐多\\\" key=\\\"4\\\"><div>大爷欢乐多22</div></Tabs.Pane>\\n      </Tabs>\\n    );\\n  }\\n}\\nReactDOM.render(<Demo />, _mount_);\\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 { Tabs, Divider } from 'uiw';\\n\\nclass Demo extends React.Component {\\n  constructor(props) {\\n    super(props);\\n    this.state = {\\n      activeKey: '1',\\n    };\\n  }\\n  render() {\\n    const { activeKey } = this.state;\\n    return (\\n      <div>\\n        <Tabs\\n          type=\\\"card\\\"\\n          activeKey={activeKey}\\n          onTabClick={(activeKey, key, e) => {\\n            this.setState({ activeKey });\\n          }}\\n        >\\n          <Tabs.Pane label=\\\"用户管理\\\" key=\\\"1\\\" />\\n          <Tabs.Pane label=\\\"配置管理\\\" key=\\\"2\\\" />\\n          <Tabs.Pane disabled sequence=\\\"fadeIn up\\\" label=\\\"角色管理\\\" key=\\\"3\\\" />\\n          <Tabs.Pane label=\\\"大爷欢乐多\\\" key=\\\"4\\\" />\\n        </Tabs>\\n        <Divider />\\n        {activeKey === '1' && (\\n          <div>用户管理{activeKey}</div>\\n        )}\\n        {activeKey === '2' && (\\n          <div>配置管理{activeKey}</div>\\n        )}\\n        {activeKey === '3' && (\\n          <div>角色管理{activeKey}</div>\\n        )}\\n        {activeKey === '4' && (\\n          <div>大爷欢乐多{activeKey}</div>\\n        )}\\n      </div>\\n    );\\n  }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Tabs.Porps \\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|------ |-------- |---------- |-------- |\\n| type | 页签的基本样式 | Enum{`line`、`card`、`default`} | `default` |\\n| activeKey | 当前激活 `tab` 面板的 `key` | String | - |\\n| onTabClick | `tab` 被点击的回调 | Function | `(item, key, e)=>{}` |\\n\\n## Tabs.Pane.Porps \\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|------ |-------- |---------- |-------- |\\n| label | 选项卡标题 | String,Node | - |\\n| key | 对应 activeKey | String,Node | - |\\n| disabled | 标签是禁用不可点击 | Boolean | `false` |\";"],"names":[],"sourceRoot":""}