@uiw/doc 5.0.0-bate-0 → 5.0.0-bate-1

package/web/static/js/1515.f35892bb.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/1515.f35892bb.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?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/tooltip/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 = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n  version: string;\n  codePen?: boolean | string;\n  codeSandbox?: boolean | string;\n  noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n  let include = (includeModule || []).join('|');\n  let resultJs = js.replace(/import([\\s\\S]*?)(?=['\"])['\"].*['\"]( *;|;)?/gm, (str) => {\n    // eslint-disable-next-line no-useless-escape\n    if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n      return str;\n    }\n    return `/** ${str} **/`;\n  });\n  return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n  const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n  const $dom = useRef<HTMLDivElement>(null);\n\n  // useLayoutEffect(() => {\n  //   if ($dom.current) {\n  //     const parentElement = $dom.current.parentElement;\n  //     if (parentElement && parentElement.parentElement) {\n  //       parentElement.parentElement.replaceChild($dom.current, parentElement);\n  //     }\n  //   }\n  // }, [$dom]);\n  let toolbarExtra: React.ReactNode[] = [];\n  if (codePen) {\n    const codePenOptions = {\n      title: `uiw${version} - demo`,\n      js: `${getCodePenJs(props.text || '', ['uiw']).replace(\n        'export default',\n        'const APP_Default = ',\n      )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\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@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n    };\n    toolbarExtra.push(\n      <Codepen key=\"Codepen\" {...codePenOptions}>\n        <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n          <path\n            d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n            p-id=\"2071\"\n          ></path>\n        </svg>\n      </Codepen>,\n    );\n  }\n  if (codeSandbox) {\n    const codeSandboxOptions = {\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/app.js': {\n          content: props.text,\n        },\n        'src/index.js': {\n          content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n        },\n        // 'src/index.js': {\n        //   content: (props.copyNodes || '').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: '18.1.0',\n              'react-dom': '18.1.0',\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    toolbarExtra.push(\n      <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n        <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n          <path\n            d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n            p-id=\"4089\"\n          ></path>\n        </svg>\n      </Codesandbox>,\n    );\n  }\n  return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n  path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n  const { path } = props;\n  const { t: trans } = useTranslation();\n  const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n  return (\n    <Fragment>\n      {trans('footer.greeting')}\n      {url && (\n        <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n          {trans('footer.greetLinkText')}\n        </a>\n      )}\n      <br />\n      <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n        {trans('footer.issues')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n        {trans('footer.bug')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n        {trans('footer.github')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n        {trans('footer.kkt')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n        {trans('footer.kkt_ssr')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n        {trans('footer.io')}\n      </a>\n    </Fragment>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import 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';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n  dependencies?: T;\n  path: string;\n  renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n  const { renderPage, path } = props;\n  const { mdData, loading } = useMdData(renderPage);\n  const version = pkg.version || '2.0.0';\n  if (!mdData.source) {\n    return null;\n  }\n\n  return (\n    <div>\n      <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n        <div>\n          <MarkdownPreview\n            source={mdData.source}\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 {\n                  'data-meta': meta,\n                  noPreview,\n                  noScroll,\n                  bgWhite,\n                  noCode,\n                  codePen,\n                  codeSandboxOption,\n                  codeSandbox,\n                  bordered,\n                  ...rest\n                } = props as any;\n                if (inline || !isMeta(meta)) {\n                  return <code {...rest} />;\n                }\n                const line = node.position?.start.line;\n                const metaId = getMetaId(meta) || String(line);\n                const Child = mdData.components[`${metaId}`];\n                const parameters = getURLParameters(meta);\n                if (metaId && typeof Child === 'function') {\n                  const copyNodes = mdData.data[metaId].value || '';\n                  return (\n                    <Code\n                      toolbar={parameters.title || '示例展示'}\n                      disableToolbar={noCode}\n                      codePen={parameters.codePen}\n                      codeSandbox={parameters.codeSandbox}\n                      disableCheckered={!!parameters.disableCheckered}\n                      background={parameters.background}\n                      version={version}\n                      code={\n                        <pre>\n                          <code {...rest} />\n                        </pre>\n                      }\n                      text={copyNodes}\n                    >\n                      <Child />\n                    </Code>\n                  );\n                }\n                return <code {...rest} />;\n              },\n            }}\n          />\n        </div>\n      </Loader>\n      <div className={styles.docinfo}>\n        <Footer path={path} />\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n  const { i18n } = useTranslation();\n  const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n  return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n  const [mdData, setMdData] = useState<CodeBlockData>({\n    source: '',\n    components: {},\n    data: {},\n  });\n  const fileSuffix = useFileSuffix();\n  const [loading, setLoading] = useState(false);\n  useEffect(() => {\n    const getMd = async () => {\n      if (renderPage) {\n        setLoading(() => true);\n        try {\n          const result = await renderPage(fileSuffix);\n          if (result) {\n            setMdData(result);\n          }\n        } catch (err) {\n          console.warn(err);\n        }\n        setLoading(() => false);\n      }\n    };\n    getMd();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileSuffix]);\n  return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport { Tooltip, OverlayTrigger, Switch, Button, Input, Divider } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n  <Markdown\n    path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-tooltip/README.md\"\n    dependencies={{ Tooltip, OverlayTrigger, Switch, Button, Input, Divider }}\n    renderPage={async () => {\n      const md = await import('uiw/node_modules/@uiw/react-tooltip/README.md');\n      return md.default || md;\n    }}\n  />\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Tooltip","OverlayTrigger","Switch","Button","Input","md","default"],"sourceRoot":""}

package/web/static/js/1548.8c412fe6.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1548],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return D}});var r=n(189),o=n(3782),i=n(5726),s=n(5752),c=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t||[]).join("|");return e.replace(/import([\s\S]*?)(?=['"])['"].*['"]( *;|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/** ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,s=(0,o.Z)(e,f),a=(0,r.Z)({},s),m=(0,u.useRef)(null),x=[];if(n){var v={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text||"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var g={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/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".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(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",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"]}}}};x.push((0,p.jsx)(l.Z,(0,r.Z)((0,r.Z)({},g),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(c.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(u.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function g(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(u.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var j="index_docinfo__3Vx8S",k="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function D(e){var t=e.renderPage,n=e.path,c=(0,b.Z)(t),a=c.mdData,d=c.loading,l=s.i8||"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:k,components:{code:function(e){var t,n=e.inline,i=e.node,s=(0,o.Z)(e,Z),c=s["data-meta"],d=(s.noPreview,s.noScroll,s.bgWhite,s.noCode),u=(s.codePen,s.codeSandboxOption,s.codeSandbox,s.bordered,(0,o.Z)(s,_));if(n||!(0,w.pN)(c))return(0,p.jsx)("code",(0,r.Z)({},u));var f=null===(t=i.position)||void 0===t?void 0:t.start.line,h=(0,w.Mx)(c)||String(f),x=a.components["".concat(h)],v=(0,w.aE)(c);if(h&&"function"===typeof x){var g=a.data[h].value||"";return(0,p.jsx)(m,{toolbar:v.title||"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:g,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:j,children:(0,p.jsx)(g,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),s=n(8133),c=n(2251),a=n(3208),d=function(){var e=(0,c.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,s.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),c=n[0],a=n[1],l=d(),u=(0,s.useState)(!1),p=(0,i.Z)(u,2),f=p[0],h=p[1];return(0,s.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(l);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[l]),{mdData:c,loading:f}}},854:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(1092),o=n(7791),i=(n(8133),n(2814)),s=n(270),c=n(9265);function a(){return(0,c.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-pagination/README.md",dependencies:{Pagination:i.Pagination,Divider:i.Divider},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(4137).then(n.bind(n,4137));case 2:return t=e.sent,e.abrupt("return",t.default||t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
+//# sourceMappingURL=1548.8c412fe6.chunk.js.map

package/web/static/js/1548.8c412fe6.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/1548.8c412fe6.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?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/pagination/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 = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n  version: string;\n  codePen?: boolean | string;\n  codeSandbox?: boolean | string;\n  noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n  let include = (includeModule || []).join('|');\n  let resultJs = js.replace(/import([\\s\\S]*?)(?=['\"])['\"].*['\"]( *;|;)?/gm, (str) => {\n    // eslint-disable-next-line no-useless-escape\n    if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n      return str;\n    }\n    return `/** ${str} **/`;\n  });\n  return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n  const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n  const $dom = useRef<HTMLDivElement>(null);\n\n  // useLayoutEffect(() => {\n  //   if ($dom.current) {\n  //     const parentElement = $dom.current.parentElement;\n  //     if (parentElement && parentElement.parentElement) {\n  //       parentElement.parentElement.replaceChild($dom.current, parentElement);\n  //     }\n  //   }\n  // }, [$dom]);\n  let toolbarExtra: React.ReactNode[] = [];\n  if (codePen) {\n    const codePenOptions = {\n      title: `uiw${version} - demo`,\n      js: `${getCodePenJs(props.text || '', ['uiw']).replace(\n        'export default',\n        'const APP_Default = ',\n      )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\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@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n    };\n    toolbarExtra.push(\n      <Codepen key=\"Codepen\" {...codePenOptions}>\n        <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n          <path\n            d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n            p-id=\"2071\"\n          ></path>\n        </svg>\n      </Codepen>,\n    );\n  }\n  if (codeSandbox) {\n    const codeSandboxOptions = {\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/app.js': {\n          content: props.text,\n        },\n        'src/index.js': {\n          content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n        },\n        // 'src/index.js': {\n        //   content: (props.copyNodes || '').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: '18.1.0',\n              'react-dom': '18.1.0',\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    toolbarExtra.push(\n      <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n        <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n          <path\n            d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n            p-id=\"4089\"\n          ></path>\n        </svg>\n      </Codesandbox>,\n    );\n  }\n  return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n  path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n  const { path } = props;\n  const { t: trans } = useTranslation();\n  const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n  return (\n    <Fragment>\n      {trans('footer.greeting')}\n      {url && (\n        <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n          {trans('footer.greetLinkText')}\n        </a>\n      )}\n      <br />\n      <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n        {trans('footer.issues')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n        {trans('footer.bug')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n        {trans('footer.github')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n        {trans('footer.kkt')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n        {trans('footer.kkt_ssr')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n        {trans('footer.io')}\n      </a>\n    </Fragment>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import 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';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n  dependencies?: T;\n  path: string;\n  renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n  const { renderPage, path } = props;\n  const { mdData, loading } = useMdData(renderPage);\n  const version = pkg.version || '2.0.0';\n  if (!mdData.source) {\n    return null;\n  }\n\n  return (\n    <div>\n      <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n        <div>\n          <MarkdownPreview\n            source={mdData.source}\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 {\n                  'data-meta': meta,\n                  noPreview,\n                  noScroll,\n                  bgWhite,\n                  noCode,\n                  codePen,\n                  codeSandboxOption,\n                  codeSandbox,\n                  bordered,\n                  ...rest\n                } = props as any;\n                if (inline || !isMeta(meta)) {\n                  return <code {...rest} />;\n                }\n                const line = node.position?.start.line;\n                const metaId = getMetaId(meta) || String(line);\n                const Child = mdData.components[`${metaId}`];\n                const parameters = getURLParameters(meta);\n                if (metaId && typeof Child === 'function') {\n                  const copyNodes = mdData.data[metaId].value || '';\n                  return (\n                    <Code\n                      toolbar={parameters.title || '示例展示'}\n                      disableToolbar={noCode}\n                      codePen={parameters.codePen}\n                      codeSandbox={parameters.codeSandbox}\n                      disableCheckered={!!parameters.disableCheckered}\n                      background={parameters.background}\n                      version={version}\n                      code={\n                        <pre>\n                          <code {...rest} />\n                        </pre>\n                      }\n                      text={copyNodes}\n                    >\n                      <Child />\n                    </Code>\n                  );\n                }\n                return <code {...rest} />;\n              },\n            }}\n          />\n        </div>\n      </Loader>\n      <div className={styles.docinfo}>\n        <Footer path={path} />\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n  const { i18n } = useTranslation();\n  const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n  return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n  const [mdData, setMdData] = useState<CodeBlockData>({\n    source: '',\n    components: {},\n    data: {},\n  });\n  const fileSuffix = useFileSuffix();\n  const [loading, setLoading] = useState(false);\n  useEffect(() => {\n    const getMd = async () => {\n      if (renderPage) {\n        setLoading(() => true);\n        try {\n          const result = await renderPage(fileSuffix);\n          if (result) {\n            setMdData(result);\n          }\n        } catch (err) {\n          console.warn(err);\n        }\n        setLoading(() => false);\n      }\n    };\n    getMd();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileSuffix]);\n  return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport { Pagination, Divider } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default function Page() {\n  return (\n    <Markdown\n      path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-pagination/README.md\"\n      dependencies={{ Pagination, Divider }}\n      renderPage={async () => {\n        const md = await import('uiw/node_modules/@uiw/react-pagination/README.md');\n        return md.default || md;\n      }}\n    />\n  );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Page","Pagination","md","default"],"sourceRoot":""}

package/web/static/js/1574.2b98b114.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1574],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return C}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),s=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t||[]).join("|");return e.replace(/import([\s\S]*?)(?=['"])['"].*['"]( *;|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/** ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,c=(0,o.Z)(e,f),a=(0,r.Z)({},c),m=(0,u.useRef)(null),x=[];if(n){var v={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text||"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var k={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/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".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(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",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"]}}}};x.push((0,p.jsx)(l.Z,(0,r.Z)((0,r.Z)({},k),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(s.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(u.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function k(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(u.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var g="index_docinfo__3Vx8S",j="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function C(e){var t=e.renderPage,n=e.path,s=(0,b.Z)(t),a=s.mdData,d=s.loading,l=c.i8||"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:j,components:{code:function(e){var t,n=e.inline,i=e.node,c=(0,o.Z)(e,Z),s=c["data-meta"],d=(c.noPreview,c.noScroll,c.bgWhite,c.noCode),u=(c.codePen,c.codeSandboxOption,c.codeSandbox,c.bordered,(0,o.Z)(c,_));if(n||!(0,w.pN)(s))return(0,p.jsx)("code",(0,r.Z)({},u));var f=null===(t=i.position)||void 0===t?void 0:t.start.line,h=(0,w.Mx)(s)||String(f),x=a.components["".concat(h)],v=(0,w.aE)(s);if(h&&"function"===typeof x){var k=a.data[h].value||"";return(0,p.jsx)(m,{toolbar:v.title||"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:k,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:g,children:(0,p.jsx)(k,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),c=n(8133),s=n(2251),a=n(3208),d=function(){var e=(0,s.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,c.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),s=n[0],a=n[1],l=d(),u=(0,c.useState)(!1),p=(0,i.Z)(u,2),f=p[0],h=p[1];return(0,c.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(l);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[l]),{mdData:s,loading:f}}},2195:function(e,t,n){"use strict";n.r(t);var r=n(1092),o=n(7791),i=n(8133),c=n(2814),s=n(270),a=n(9265);t.default=function(){return(0,a.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-transfer/README.md",dependencies:{Form:c.Form,Button:c.Button,TreeChecked:c.TreeChecked,Transfer:c.Transfer,Row:c.Row,Col:c.Col,Card:c.Card,Icon:c.Icon,React:i},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(5775).then(n.bind(n,5775));case 2:return t=e.sent,e.abrupt("return",t.default||t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
+//# sourceMappingURL=1574.2b98b114.chunk.js.map

package/web/static/js/1574.2b98b114.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/1574.2b98b114.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?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/transfer/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 = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n  version: string;\n  codePen?: boolean | string;\n  codeSandbox?: boolean | string;\n  noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n  let include = (includeModule || []).join('|');\n  let resultJs = js.replace(/import([\\s\\S]*?)(?=['\"])['\"].*['\"]( *;|;)?/gm, (str) => {\n    // eslint-disable-next-line no-useless-escape\n    if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n      return str;\n    }\n    return `/** ${str} **/`;\n  });\n  return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n  const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n  const $dom = useRef<HTMLDivElement>(null);\n\n  // useLayoutEffect(() => {\n  //   if ($dom.current) {\n  //     const parentElement = $dom.current.parentElement;\n  //     if (parentElement && parentElement.parentElement) {\n  //       parentElement.parentElement.replaceChild($dom.current, parentElement);\n  //     }\n  //   }\n  // }, [$dom]);\n  let toolbarExtra: React.ReactNode[] = [];\n  if (codePen) {\n    const codePenOptions = {\n      title: `uiw${version} - demo`,\n      js: `${getCodePenJs(props.text || '', ['uiw']).replace(\n        'export default',\n        'const APP_Default = ',\n      )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\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@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n    };\n    toolbarExtra.push(\n      <Codepen key=\"Codepen\" {...codePenOptions}>\n        <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n          <path\n            d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n            p-id=\"2071\"\n          ></path>\n        </svg>\n      </Codepen>,\n    );\n  }\n  if (codeSandbox) {\n    const codeSandboxOptions = {\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/app.js': {\n          content: props.text,\n        },\n        'src/index.js': {\n          content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n        },\n        // 'src/index.js': {\n        //   content: (props.copyNodes || '').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: '18.1.0',\n              'react-dom': '18.1.0',\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    toolbarExtra.push(\n      <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n        <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n          <path\n            d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n            p-id=\"4089\"\n          ></path>\n        </svg>\n      </Codesandbox>,\n    );\n  }\n  return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n  path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n  const { path } = props;\n  const { t: trans } = useTranslation();\n  const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n  return (\n    <Fragment>\n      {trans('footer.greeting')}\n      {url && (\n        <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n          {trans('footer.greetLinkText')}\n        </a>\n      )}\n      <br />\n      <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n        {trans('footer.issues')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n        {trans('footer.bug')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n        {trans('footer.github')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n        {trans('footer.kkt')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n        {trans('footer.kkt_ssr')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n        {trans('footer.io')}\n      </a>\n    </Fragment>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import 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';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n  dependencies?: T;\n  path: string;\n  renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n  const { renderPage, path } = props;\n  const { mdData, loading } = useMdData(renderPage);\n  const version = pkg.version || '2.0.0';\n  if (!mdData.source) {\n    return null;\n  }\n\n  return (\n    <div>\n      <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n        <div>\n          <MarkdownPreview\n            source={mdData.source}\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 {\n                  'data-meta': meta,\n                  noPreview,\n                  noScroll,\n                  bgWhite,\n                  noCode,\n                  codePen,\n                  codeSandboxOption,\n                  codeSandbox,\n                  bordered,\n                  ...rest\n                } = props as any;\n                if (inline || !isMeta(meta)) {\n                  return <code {...rest} />;\n                }\n                const line = node.position?.start.line;\n                const metaId = getMetaId(meta) || String(line);\n                const Child = mdData.components[`${metaId}`];\n                const parameters = getURLParameters(meta);\n                if (metaId && typeof Child === 'function') {\n                  const copyNodes = mdData.data[metaId].value || '';\n                  return (\n                    <Code\n                      toolbar={parameters.title || '示例展示'}\n                      disableToolbar={noCode}\n                      codePen={parameters.codePen}\n                      codeSandbox={parameters.codeSandbox}\n                      disableCheckered={!!parameters.disableCheckered}\n                      background={parameters.background}\n                      version={version}\n                      code={\n                        <pre>\n                          <code {...rest} />\n                        </pre>\n                      }\n                      text={copyNodes}\n                    >\n                      <Child />\n                    </Code>\n                  );\n                }\n                return <code {...rest} />;\n              },\n            }}\n          />\n        </div>\n      </Loader>\n      <div className={styles.docinfo}>\n        <Footer path={path} />\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n  const { i18n } = useTranslation();\n  const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n  return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n  const [mdData, setMdData] = useState<CodeBlockData>({\n    source: '',\n    components: {},\n    data: {},\n  });\n  const fileSuffix = useFileSuffix();\n  const [loading, setLoading] = useState(false);\n  useEffect(() => {\n    const getMd = async () => {\n      if (renderPage) {\n        setLoading(() => true);\n        try {\n          const result = await renderPage(fileSuffix);\n          if (result) {\n            setMdData(result);\n          }\n        } catch (err) {\n          console.warn(err);\n        }\n        setLoading(() => false);\n      }\n    };\n    getMd();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileSuffix]);\n  return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport { Form, Button, TreeChecked, Transfer, Row, Col, Card, Icon } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n  <Markdown\n    path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-transfer/README.md\"\n    dependencies={{ Form, Button, TreeChecked, Transfer, Row, Col, Card, Icon, React }}\n    renderPage={async () => {\n      const md = await import('uiw/node_modules/@uiw/react-transfer/README.md');\n      return md.default || md;\n    }}\n  />\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Form","Button","TreeChecked","Transfer","Row","Col","Card","Icon","React","md","default"],"sourceRoot":""}

package/web/static/js/1643.ccbaaea6.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1643],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return S}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),s=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t||[]).join("|");return e.replace(/import([\s\S]*?)(?=['"])['"].*['"]( *;|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/** ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,c=(0,o.Z)(e,f),a=(0,r.Z)({},c),m=(0,u.useRef)(null),x=[];if(n){var v={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text||"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var k={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/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".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(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",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"]}}}};x.push((0,p.jsx)(l.Z,(0,r.Z)((0,r.Z)({},k),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(s.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(u.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function k(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(u.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var g="index_docinfo__3Vx8S",j="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function S(e){var t=e.renderPage,n=e.path,s=(0,b.Z)(t),a=s.mdData,d=s.loading,l=c.i8||"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:j,components:{code:function(e){var t,n=e.inline,i=e.node,c=(0,o.Z)(e,Z),s=c["data-meta"],d=(c.noPreview,c.noScroll,c.bgWhite,c.noCode),u=(c.codePen,c.codeSandboxOption,c.codeSandbox,c.bordered,(0,o.Z)(c,_));if(n||!(0,w.pN)(s))return(0,p.jsx)("code",(0,r.Z)({},u));var f=null===(t=i.position)||void 0===t?void 0:t.start.line,h=(0,w.Mx)(s)||String(f),x=a.components["".concat(h)],v=(0,w.aE)(s);if(h&&"function"===typeof x){var k=a.data[h].value||"";return(0,p.jsx)(m,{toolbar:v.title||"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:k,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:g,children:(0,p.jsx)(k,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),c=n(8133),s=n(2251),a=n(3208),d=function(){var e=(0,s.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,c.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),s=n[0],a=n[1],l=d(),u=(0,c.useState)(!1),p=(0,i.Z)(u,2),f=p[0],h=p[1];return(0,c.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(l);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[l]),{mdData:s,loading:f}}},5197:function(e,t,n){"use strict";n.r(t);var r=n(1092),o=n(7791),i=n(8133),c=n(2814),s=n(270),a=n(9265);t.default=function(){return(0,a.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-search-tree/README.md",dependencies:{Form:c.Form,Button:c.Button,TreeChecked:c.TreeChecked,SearchTree:c.SearchTree,Row:c.Row,Col:c.Col,Card:c.Card,Icon:c.Icon,useRef:i.useRef,useState:i.useState,React:i},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(8047).then(n.bind(n,8047));case 2:return t=e.sent,e.abrupt("return",t.default||t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
+//# sourceMappingURL=1643.ccbaaea6.chunk.js.map

package/web/static/js/1643.ccbaaea6.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/1643.ccbaaea6.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?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/search-tree/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n  version: string;\n  codePen?: boolean | string;\n  codeSandbox?: boolean | string;\n  noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n  let include = (includeModule || []).join('|');\n  let resultJs = js.replace(/import([\\s\\S]*?)(?=['\"])['\"].*['\"]( *;|;)?/gm, (str) => {\n    // eslint-disable-next-line no-useless-escape\n    if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n      return str;\n    }\n    return `/** ${str} **/`;\n  });\n  return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n  const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n  const $dom = useRef<HTMLDivElement>(null);\n\n  // useLayoutEffect(() => {\n  //   if ($dom.current) {\n  //     const parentElement = $dom.current.parentElement;\n  //     if (parentElement && parentElement.parentElement) {\n  //       parentElement.parentElement.replaceChild($dom.current, parentElement);\n  //     }\n  //   }\n  // }, [$dom]);\n  let toolbarExtra: React.ReactNode[] = [];\n  if (codePen) {\n    const codePenOptions = {\n      title: `uiw${version} - demo`,\n      js: `${getCodePenJs(props.text || '', ['uiw']).replace(\n        'export default',\n        'const APP_Default = ',\n      )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\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@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n    };\n    toolbarExtra.push(\n      <Codepen key=\"Codepen\" {...codePenOptions}>\n        <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n          <path\n            d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n            p-id=\"2071\"\n          ></path>\n        </svg>\n      </Codepen>,\n    );\n  }\n  if (codeSandbox) {\n    const codeSandboxOptions = {\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/app.js': {\n          content: props.text,\n        },\n        'src/index.js': {\n          content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n        },\n        // 'src/index.js': {\n        //   content: (props.copyNodes || '').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: '18.1.0',\n              'react-dom': '18.1.0',\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    toolbarExtra.push(\n      <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n        <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n          <path\n            d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n            p-id=\"4089\"\n          ></path>\n        </svg>\n      </Codesandbox>,\n    );\n  }\n  return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n  path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n  const { path } = props;\n  const { t: trans } = useTranslation();\n  const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n  return (\n    <Fragment>\n      {trans('footer.greeting')}\n      {url && (\n        <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n          {trans('footer.greetLinkText')}\n        </a>\n      )}\n      <br />\n      <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n        {trans('footer.issues')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n        {trans('footer.bug')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n        {trans('footer.github')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n        {trans('footer.kkt')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n        {trans('footer.kkt_ssr')}\n      </a>\n      <Divider type=\"vertical\" />\n      <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n        {trans('footer.io')}\n      </a>\n    </Fragment>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import 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';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n  dependencies?: T;\n  path: string;\n  renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n  const { renderPage, path } = props;\n  const { mdData, loading } = useMdData(renderPage);\n  const version = pkg.version || '2.0.0';\n  if (!mdData.source) {\n    return null;\n  }\n\n  return (\n    <div>\n      <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n        <div>\n          <MarkdownPreview\n            source={mdData.source}\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 {\n                  'data-meta': meta,\n                  noPreview,\n                  noScroll,\n                  bgWhite,\n                  noCode,\n                  codePen,\n                  codeSandboxOption,\n                  codeSandbox,\n                  bordered,\n                  ...rest\n                } = props as any;\n                if (inline || !isMeta(meta)) {\n                  return <code {...rest} />;\n                }\n                const line = node.position?.start.line;\n                const metaId = getMetaId(meta) || String(line);\n                const Child = mdData.components[`${metaId}`];\n                const parameters = getURLParameters(meta);\n                if (metaId && typeof Child === 'function') {\n                  const copyNodes = mdData.data[metaId].value || '';\n                  return (\n                    <Code\n                      toolbar={parameters.title || '示例展示'}\n                      disableToolbar={noCode}\n                      codePen={parameters.codePen}\n                      codeSandbox={parameters.codeSandbox}\n                      disableCheckered={!!parameters.disableCheckered}\n                      background={parameters.background}\n                      version={version}\n                      code={\n                        <pre>\n                          <code {...rest} />\n                        </pre>\n                      }\n                      text={copyNodes}\n                    >\n                      <Child />\n                    </Code>\n                  );\n                }\n                return <code {...rest} />;\n              },\n            }}\n          />\n        </div>\n      </Loader>\n      <div className={styles.docinfo}>\n        <Footer path={path} />\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n  const { i18n } = useTranslation();\n  const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n  return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n  const [mdData, setMdData] = useState<CodeBlockData>({\n    source: '',\n    components: {},\n    data: {},\n  });\n  const fileSuffix = useFileSuffix();\n  const [loading, setLoading] = useState(false);\n  useEffect(() => {\n    const getMd = async () => {\n      if (renderPage) {\n        setLoading(() => true);\n        try {\n          const result = await renderPage(fileSuffix);\n          if (result) {\n            setMdData(result);\n          }\n        } catch (err) {\n          console.warn(err);\n        }\n        setLoading(() => false);\n      }\n    };\n    getMd();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileSuffix]);\n  return { mdData, loading };\n};\n\nexport default useMdData;\n","import React, { useState, useRef } from 'react';\nimport { Form, Button, TreeChecked, SearchTree, Row, Col, Card, Icon } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n  <Markdown\n    path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-search-tree/README.md\"\n    dependencies={{ Form, Button, TreeChecked, SearchTree, Row, Col, Card, Icon, useRef, useState, React }}\n    renderPage={async () => {\n      const md = await import('uiw/node_modules/@uiw/react-search-tree/README.md');\n      return md.default || md;\n    }}\n  />\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Form","Button","TreeChecked","SearchTree","Row","Col","Card","Icon","React","md","default"],"sourceRoot":""}

package/web/static/js/1661.f881ca84.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1661],{1661:function(e,u,n){n.r(u),u.default={components:{20:function(){var e,u=(e=n(8133))&&e.__esModule?e:{default:e},t=n(2814);var a=function(){return u.default.createElement("div",{onClick:function(e){e.stopPropagation()}},"\u8bbe\u7f6e")};return function(){return u.default.createElement("div",null,u.default.createElement(t.Collapse,{activeKey:["1"],onChange:function(e){return console.log("key::1:",e)}},u.default.createElement(t.Collapse.Panel,{header:"\u5927\u8bdd\u897f\u6e38",key:"1",extra:a()},u.default.createElement("div",null,"\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 "),u.default.createElement("div",null,"\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 "),u.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),u.default.createElement("div",null,"\u4e00\u4e07\u5e74")),u.default.createElement(t.Collapse.Panel,{header:"\u897f\u6e38\xb7\u964d\u9b54\u7bc7",key:"2",extra:a()},u.default.createElement("div",null,"\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"),u.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),u.default.createElement(t.Collapse.Panel,{header:"\u56fd\u4ea7\u96f6\u96f6\u6f06",key:"3",extra:a()},u.default.createElement("div",null,"\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"))))}}(),56:function(){var e,u=(e=n(8133))&&e.__esModule?e:{default:e},t=n(2814);return function(){return u.default.createElement("div",null,u.default.createElement(t.Collapse,{activeKey:["1"],onChange:function(e){return console.log("key::1:",e)}},u.default.createElement(t.Collapse.Panel,{header:"\u5927\u8bdd\u897f\u6e38",key:"1"},u.default.createElement("div",null,"\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 "),u.default.createElement("div",null,"\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 "),u.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),u.default.createElement("div",null,"\u4e00\u4e07\u5e74")),u.default.createElement(t.Collapse.Panel,{header:"\u897f\u6e38\xb7\u964d\u9b54\u7bc7",key:"2"},u.default.createElement("div",null,"\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"),u.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),u.default.createElement(t.Collapse.Panel,{header:"\u56fd\u4ea7\u96f6\u96f6\u6f06",key:"3",disabled:!0},u.default.createElement("div",null,"\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"))))}}(),87:function(){function e(u){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(u)}var u,t=(u=n(8133))&&u.__esModule?u:{default:u},a=n(2814);function l(e,u){if(n=e,!(null!=(t=u)&&"undefined"!==typeof Symbol&&t[Symbol.hasInstance]?t[Symbol.hasInstance](n):n instanceof t))throw new TypeError("Cannot call a class as a function");var n,t}function r(e,u){for(var n=0;n<u.length;n++){var t=u[n];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}function o(e,u){return o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,u){return e.__proto__=u,e},o(e,u)}function i(e){var u=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,t=d(e);if(u){var a=d(this).constructor;n=Reflect.construct(t,arguments,a)}else n=t.apply(this,arguments);return c(this,n)}}function c(u,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(u)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}return function(e){!function(e,u){if("function"!==typeof u&&null!==u)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(u&&u.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),u&&o(e,u)}(E,e);var u,n,c,d=i(E);function E(e){var u;return l(this,E),(u=d.call(this,e)).state={activeName:"0"},u}return u=E,(n=[{key:"render",value:function(){var e=this,u=a.Collapse.Panel;return t.default.createElement("div",null,t.default.createElement(a.Button,{type:"primary",style:{marginBottom:"15px"},onClick:function(){return e.setState({activeName:"2"===e.state.activeName?"":"2"})}},"\u6253\u5f00\u6216\u5173\u95ed\u7b2c\u4e09\u4e2a"),t.default.createElement(a.Collapse,{accordion:!0,activeKey:[this.state.activeName],onChange:function(e){return console.log("key::2:",e)}},t.default.createElement(u,{header:"\u5927\u8bdd\u897f\u6e38"},t.default.createElement("div",null,"\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 "),t.default.createElement("div",null,"\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 "),t.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),t.default.createElement("div",null,"\u4e00\u4e07\u5e74")),t.default.createElement(u,{header:"\u897f\u6e38\xb7\u964d\u9b54\u7bc7"},t.default.createElement("div",null,"\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"),t.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),t.default.createElement(u,{header:"\u56fd\u4ea7\u96f6\u96f6\u6f06",showArrow:!1},t.default.createElement("div",null,"\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"))))}}])&&r(u.prototype,n),c&&r(u,c),Object.defineProperty(u,"prototype",{writable:!1}),E}(t.default.Component)}(),135:function(){var e,u=(e=n(8133))&&e.__esModule?e:{default:e},t=n(2814);var a=t.Collapse.Panel;return function(){return u.default.createElement("div",null,u.default.createElement(t.Collapse,{accordion:!0,bordered:!0,activeKey:[],onChange:function(e){return console.log("key::3:",e)}},u.default.createElement(a,{header:"\u5927\u8bdd\u897f\u6e38"},u.default.createElement("div",null,"\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 "),u.default.createElement("div",null,"\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 "),u.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),u.default.createElement("div",null,"\u4e00\u4e07\u5e74")),u.default.createElement(a,{header:"\u897f\u6e38\xb7\u964d\u9b54\u7bc7"},u.default.createElement("div",null,"\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"),u.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),u.default.createElement(a,{header:"\u56fd\u4ea7\u96f6\u96f6\u6f06"},u.default.createElement("div",null,"\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"))))}}(),168:function(){var e,u=(e=n(8133))&&e.__esModule?e:{default:e},t=n(2814);var a={background:"#f7f7f7",borderRadius:4,marginBottom:24,border:0,overflow:"hidden"},l=t.Collapse.Panel;return function(){return u.default.createElement("div",null,u.default.createElement(t.Collapse,{accordion:!0,bordered:!0,activeKey:[],onChange:function(e){return console.log("key::4:",e)}},u.default.createElement(l,{header:"\u5927\u8bdd\u897f\u6e38",style:a},u.default.createElement("div",null,"\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 "),u.default.createElement("div",null,"\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 "),u.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),u.default.createElement("div",null,"\u4e00\u4e07\u5e74")),u.default.createElement(l,{header:"\u897f\u6e38\xb7\u964d\u9b54\u7bc7",style:a},u.default.createElement("div",null,"\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"),u.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),u.default.createElement(l,{header:"\u56fd\u4ea7\u96f6\u96f6\u6f06",style:a},u.default.createElement("div",null,"\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"))))}}(),207:function(){var e,u=(e=n(8133))&&e.__esModule?e:{default:e},t=n(2814);var a=t.Collapse.Panel;return function(){return u.default.createElement("div",null,u.default.createElement(t.Collapse,{showArrow:!1,activeKey:["1"],onChange:function(e){return console.log("key::5:",e)}},u.default.createElement(a,{header:u.default.createElement("span",null,"\u5927\u8bdd\u897f\u6e38 ",u.default.createElement(t.Icon,{type:"smile-o"})),key:"1"},u.default.createElement("div",null,"\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 "),u.default.createElement("div",null,"\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 "),u.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),u.default.createElement("div",null,"\u4e00\u4e07\u5e74")),u.default.createElement(a,{header:u.default.createElement("span",null,"\u897f\u6e38\xb7\u964d\u9b54\u7bc7 ",u.default.createElement(t.Icon,{type:"smile-o"})),key:"2"},u.default.createElement("div",null,"\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"),u.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),u.default.createElement(a,{header:"\u56fd\u4ea7\u96f6\u96f6\u6f06",key:"3"},u.default.createElement("div",null,"\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"))))}}(),237:function(){var e,u=(e=n(8133))&&e.__esModule?e:{default:e},t=n(2814);var a=t.Collapse.Panel;return function(){return u.default.createElement("div",null,u.default.createElement(t.Collapse,{activeKey:["1"],onChange:function(e){return console.log("key::6:",e)}},u.default.createElement(a,{icon:"caret-down",header:u.default.createElement("span",null,"\u5927\u8bdd\u897f\u6e38 ",u.default.createElement(t.Icon,{type:"smile-o"})),key:"1"},u.default.createElement("div",null,"\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 "),u.default.createElement("div",null,"\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 "),u.default.createElement("div",null,"\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 "),u.default.createElement("div",null,"\u4e00\u4e07\u5e74")),u.default.createElement(a,{icon:u.default.createElement(t.Icon,{type:"down-circle"}),header:u.default.createElement("span",null,"\u897f\u6e38\xb7\u964d\u9b54\u7bc7 ",u.default.createElement(t.Icon,{type:"smile-o"})),key:"2"},u.default.createElement("div",null,"\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"),u.default.createElement("div",null,"\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002")),u.default.createElement(a,{icon:u.default.createElement("span",null,"\u6298\u53e0-"),header:"\u56fd\u4ea7\u96f6\u96f6\u6f06",key:"3"},u.default.createElement("div",null,"\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"))))}}()},data:{20:{name:20,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar genExtra = function genExtra() {\n  return /*#__PURE__*/_react["default"].createElement("div", {\n    onClick: function onClick(event) {\n      // If you don\'t want click extra trigger collapse, you can prevent this:\n      event.stopPropagation();\n    }\n  }, "\\u8BBE\\u7F6E");\n};\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Collapse, {\n    activeKey: [\'1\'],\n    onChange: function onChange(key) {\n      return console.log(\'key::1:\', key);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Collapse.Panel, {\n    header: "\\u5927\\u8BDD\\u897F\\u6E38",\n    key: "1",\n    extra: genExtra()\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /*#__PURE__*/_react["default"].createElement(_uiw.Collapse.Panel, {\n    header: "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7",\n    key: "2",\n    extra: genExtra()\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /*#__PURE__*/_react["default"].createElement(_uiw.Collapse.Panel, {\n    header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06",\n    key: "3",\n    extra: genExtra()\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\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\nfunction Demo() {\n  return <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}\n\nexport default Demo'},56:{name:56,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Collapse, {\n    activeKey: [\'1\'],\n    onChange: function onChange(key) {\n      return console.log(\'key::1:\', key);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Collapse.Panel, {\n    header: "\\u5927\\u8BDD\\u897F\\u6E38",\n    key: "1"\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /*#__PURE__*/_react["default"].createElement(_uiw.Collapse.Panel, {\n    header: "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7",\n    key: "2"\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /*#__PURE__*/_react["default"].createElement(_uiw.Collapse.Panel, {\n    header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06",\n    key: "3",\n    disabled: true\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Collapse } from \'uiw\';\n\nfunction Demo() {\n  return <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}\n\nexport default Demo'},87:{name:87,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo(props) {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this, props);\n    _this.state = {\n      activeName: \'0\'\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "render",\n    value: function render() {\n      var _this2 = this;\n\n      var Panel = _uiw.Collapse.Panel;\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        type: "primary",\n        style: {\n          marginBottom: \'15px\'\n        },\n        onClick: function onClick() {\n          return _this2.setState({\n            activeName: _this2.state.activeName === \'2\' ? \'\' : \'2\'\n          });\n        }\n      }, "\\u6253\\u5F00\\u6216\\u5173\\u95ED\\u7B2C\\u4E09\\u4E2A"), /*#__PURE__*/_react["default"].createElement(_uiw.Collapse, {\n        accordion: true,\n        activeKey: [this.state.activeName],\n        onChange: function onChange(key) {\n          return console.log(\'key::2:\', key);\n        }\n      }, /*#__PURE__*/_react["default"].createElement(Panel, {\n        header: "\\u5927\\u8BDD\\u897F\\u6E38"\n      }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /*#__PURE__*/_react["default"].createElement(Panel, {\n        header: "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7"\n      }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /*#__PURE__*/_react["default"].createElement(Panel, {\n        header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06",\n        showArrow: false\n      }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"))));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\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}\nexport default Demo"},135:{name:135,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Panel = _uiw.Collapse.Panel;\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Collapse, {\n    accordion: true,\n    bordered: true,\n    activeKey: [],\n    onChange: function onChange(key) {\n      return console.log(\'key::3:\', key);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(Panel, {\n    header: "\\u5927\\u8BDD\\u897F\\u6E38"\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /*#__PURE__*/_react["default"].createElement(Panel, {\n    header: "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7"\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /*#__PURE__*/_react["default"].createElement(Panel, {\n    header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06"\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"))));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Collapse } from 'uiw';\n\nconst Panel = Collapse.Panel;\n\nfunction Demo() {\n  return <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}\n\nexport default Demo"},168:{name:168,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar customPanelStyle = {\n  background: \'#f7f7f7\',\n  borderRadius: 4,\n  marginBottom: 24,\n  border: 0,\n  overflow: \'hidden\'\n};\nvar Panel = _uiw.Collapse.Panel;\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Collapse, {\n    accordion: true,\n    bordered: true,\n    activeKey: [],\n    onChange: function onChange(key) {\n      return console.log(\'key::4:\', key);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(Panel, {\n    header: "\\u5927\\u8BDD\\u897F\\u6E38",\n    style: customPanelStyle\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /*#__PURE__*/_react["default"].createElement(Panel, {\n    header: "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7",\n    style: customPanelStyle\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /*#__PURE__*/_react["default"].createElement(Panel, {\n    header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06",\n    style: customPanelStyle\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"))));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\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\nfunction Demo() {\n  return <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}\n\nexport default Demo"},207:{name:207,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Panel = _uiw.Collapse.Panel;\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Collapse, {\n    showArrow: false,\n    activeKey: [\'1\'],\n    onChange: function onChange(key) {\n      return console.log(\'key::5:\', key);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(Panel, {\n    header: /*#__PURE__*/_react["default"].createElement("span", null, "\\u5927\\u8BDD\\u897F\\u6E38 ", /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "smile-o"\n    })),\n    key: "1"\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /*#__PURE__*/_react["default"].createElement(Panel, {\n    header: /*#__PURE__*/_react["default"].createElement("span", null, "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7 ", /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "smile-o"\n    })),\n    key: "2"\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /*#__PURE__*/_react["default"].createElement(Panel, {\n    header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06",\n    key: "3"\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nfunction Demo() {\n  return <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}\nexport default Demo'},237:{name:237,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Panel = _uiw.Collapse.Panel;\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Collapse, {\n    activeKey: [\'1\'],\n    onChange: function onChange(key) {\n      return console.log(\'key::6:\', key);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(Panel, {\n    icon: "caret-down",\n    header: /*#__PURE__*/_react["default"].createElement("span", null, "\\u5927\\u8BDD\\u897F\\u6E38 ", /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "smile-o"\n    })),\n    key: "1"\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\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 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 "), /*#__PURE__*/_react["default"].createElement("div", null, "\\u4E00\\u4E07\\u5E74")), /*#__PURE__*/_react["default"].createElement(Panel, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "down-circle"\n    }),\n    header: /*#__PURE__*/_react["default"].createElement("span", null, "\\u897F\\u6E38\\xB7\\u964D\\u9B54\\u7BC7 ", /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "smile-o"\n    })),\n    key: "2"\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002")), /*#__PURE__*/_react["default"].createElement(Panel, {\n    icon: /*#__PURE__*/_react["default"].createElement("span", null, "\\u6298\\u53E0-"),\n    header: "\\u56FD\\u4EA7\\u96F6\\u96F6\\u6F06",\n    key: "3"\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\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"))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nfunction Demo(){\n  return <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}\nexport default Demo'}},source:'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```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\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\nfunction Demo() {\n  return <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}\n\nexport default Demo\n```\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Collapse } from \'uiw\';\n\nfunction Demo() {\n  return <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}\n\nexport default Demo\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```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\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}\nexport default Demo\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```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Collapse } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nfunction Demo() {\n  return <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}\n\nexport default Demo\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```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\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\nfunction Demo() {\n  return <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}\n\nexport default Demo\n```\n\n## \u81ea\u5b9a\u4e49\u9762\u677f\u6807\u9898\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nfunction Demo() {\n  return <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}\nexport default Demo\n```\n\n## \u6307\u5b9a\u6298\u53e0\u56fe\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nfunction Demo(){\n  return <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}\nexport default Demo\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=1661.f881ca84.chunk.js.map