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

package/web/static/js/{3906.0b01eed3.chunk.js.map → 3906.fb61888e.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"static/js/3906.0b01eed3.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/back-top/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 { BackTop, Button } 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-back-top/README.md\"\n      dependencies={{ BackTop, Button }}\n      renderPage={async () => {\n        const md = await import('uiw/node_modules/@uiw/react-back-top/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","BackTop","Button","md","default"],"sourceRoot":""}
+{"version":3,"file":"static/js/3906.fb61888e.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/back-top/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 { BackTop, Button } 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-back-top/README.md\"\n      dependencies={{ BackTop, Button }}\n      renderPage={async () => {\n        const md = await import('uiw/node_modules/@uiw/react-back-top/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","BackTop","Button","md","default"],"sourceRoot":""}

package/web/static/js/3914.64850d3a.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3914],{3914:function(e,t,n){n.r(t),t.default={components:{20:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},o=n(968);return function(){return t.default.createElement("div",null,t.default.createElement(o.Checkbox,{onChange:function(e){console.log(e.target.checked),console.log(e.target)}},"\u672a\u9009\u4e2d"),t.default.createElement(o.Checkbox,{checked:!0},"\u9009\u4e2d"))}}(),38:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},o=n(968);return function(){return t.default.createElement("div",null,t.default.createElement(o.Form,{onChange:function(e){var t=e.initial,n=e.current;console.log("onChange~~~:::",t,n)},onSubmit:function(e){var t=e.initial,n=e.current;console.log("onSubmit~~~:::",t,n),o.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u9009\u9879\u4e3a\uff1a\u3010".concat(n.checkbox,"\u3011\u3010").concat(JSON.stringify(n.checkboxGroup),"\u3011\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{checkbox:{inline:!0,initialValue:!0,label:"\u5355\u9009\u6761\u4ef6",children:t.default.createElement(o.Checkbox,null,"\u56db\u5ddd\u83dc"),validator:function(e){return e?null:"\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e"}},checkboxGroup:{initialValue:["\u56db\u5ddd\u83dc"],label:"\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc",children:t.default.createElement(o.Checkbox.Group,null,t.default.createElement("div",null,"\u83dc\u7cfb"),t.default.createElement(o.Checkbox,{value:"\u56db\u5ddd\u83dc"},"\u56db\u5ddd\u83dc"),t.default.createElement(o.Checkbox,{value:"\u6e56\u5317\u83dc"},"\u6e56\u5317\u83dc"),t.default.createElement(o.Checkbox,{value:"\u897f\u5317\u83dc"},"\u897f\u5317\u83dc"),t.default.createElement(o.Checkbox,{disabled:!0,value:"\u65b0\u7586\u83dc"},"\u65b0\u7586\u83dc"),t.default.createElement(o.Checkbox,{value:"\u4e1c\u5317\u83dc"},"\u4e1c\u5317\u83dc"),t.default.createElement("div",{style:{marginTop:10}},"\u5bb6\u5e38\u83dc"),t.default.createElement(o.Checkbox,{value:"\u7ea2\u70e7\u6b66\u660c\u9c7c"},"\u7ea2\u70e7\u6b66\u660c\u9c7c"),t.default.createElement(o.Checkbox,{value:"\u9ebb\u5a46\u8c46\u8150"},"\u9ebb\u5a46\u8c46\u8150"),t.default.createElement(o.Checkbox,{value:"\u5317\u4eac\u70e4\u9e2d"},"\u5317\u4eac\u70e4\u9e2d"))}}},(function(e){var n=e.fields,r=e.state,c=e.canSubmit;return t.default.createElement("div",null,t.default.createElement(o.Row,null,t.default.createElement(o.Col,null,n.checkbox)),t.default.createElement(o.Row,null,t.default.createElement(o.Col,null,n.checkboxGroup)),t.default.createElement(o.Row,null,t.default.createElement(o.Col,null,t.default.createElement(o.Button,{disabled:!c(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),t.default.createElement(o.Row,null,t.default.createElement(o.Col,null,t.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(r.current,null,2)))))})))}}(),121:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},o=n(968);return function(){return t.default.createElement("div",null,t.default.createElement(o.Checkbox,{disabled:!0,checked:!0},"\u672a\u9009\u4e2d\u7981\u7528"),t.default.createElement(o.Checkbox,{disabled:!0,checked:!0},"\u9009\u4e2d\u7981\u7528"),t.default.createElement(o.Checkbox,{disabled:!0,indeterminate:!0},"\u534a\u9009\u4e2d\u7981\u7528"))}}(),137:function(){function e(t){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(t)}var t,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(968);function c(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function u(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function l(e){var t=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,o=s(e);if(t){var r=s(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return i(this,n)}}function i(t,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}(t)}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}var f=["\u56db\u5ddd\u83dc","\u6e56\u5317\u83dc","\u897f\u5317\u83dc","\u65b0\u7586\u83dc","\u4e1c\u5317\u83dc"];return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(h,e);var t,n,i,s=l(h);function h(e){var t;return c(this,h),(t=s.call(this,e)).state={value:["\u56db\u5ddd\u83dc","\u65b0\u7586\u83dc"],indeterminate:!0,checkAll:!1},t}return t=h,(n=[{key:"onChange",value:function(e,t){console.log("list",t),console.log("list",f),this.setState({value:t,indeterminate:!!t.length&&t.length<f.length,checkAll:t.length===f.length})}},{key:"onCheckAllChange",value:function(e){this.setState({value:e.target.checked?f:[],indeterminate:!1,checkAll:e.target.checked})}},{key:"render",value:function(){var e=this.state,t=e.indeterminate,n=e.checkAll;return o.default.createElement("div",null,o.default.createElement(r.Checkbox,{checked:n,indeterminate:t,onChange:this.onCheckAllChange.bind(this)},"\u5168\u9009"),o.default.createElement(r.Divider,null),o.default.createElement(r.Checkbox.Group,{name:"cuisine",value:this.state.value,onChange:this.onChange.bind(this)},f.map((function(e,t){return o.default.createElement(r.Checkbox,{key:t,value:e},e)}))))}}])&&u(t.prototype,n),i&&u(t,i),Object.defineProperty(t,"prototype",{writable:!1}),h}(o.default.Component)}(),192:function(){function e(t){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(t)}var t,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(968);function c(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function u(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function l(e){var t=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,o=s(e);if(t){var r=s(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return i(this,n)}}function i(t,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}(t)}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(f,e);var t,n,i,s=l(f);function f(e){var t;return c(this,f),(t=s.call(this,e)).state={value:["\u56db\u5ddd\u83dc","\u65b0\u7586\u83dc"]},t}return t=f,(n=[{key:"onChange",value:function(e,t){console.log("Value:--\x3e",e.target.value,t),this.setState({value:t})}},{key:"render",value:function(){var e=this;return o.default.createElement("div",null,o.default.createElement(r.Checkbox.Group,{name:"cuisine",value:this.state.value,onChange:this.onChange.bind(this)},o.default.createElement("div",null,"\u5ddd\u83dc"),o.default.createElement(r.Checkbox,{value:"\u56db\u5ddd\u83dc"},"\u56db\u5ddd\u83dc"),o.default.createElement(r.Checkbox,{value:"\u6e56\u5317\u83dc"},"\u6e56\u5317\u83dc"),o.default.createElement("div",null,"\u672c\u5e2e\u6c5f\u6d59\u83dc"),o.default.createElement(r.Checkbox,{value:"\u897f\u5317\u83dc"},"\u897f\u5317\u83dc"),o.default.createElement(r.Checkbox,{value:"\u65b0\u7586\u83dc"},"\u65b0\u7586\u83dc"),o.default.createElement("div",null,"\u5bb6\u5e38\u83dc"),o.default.createElement(r.Checkbox,{value:"\u4e1c\u5317\u83dc"},"\u4e1c\u5317\u83dc"),o.default.createElement(r.Checkbox,{value:"\u5317\u4eac\u70e4\u9e2d"},"\u5317\u4eac\u70e4\u9e2d")),o.default.createElement(r.Divider,null),o.default.createElement(r.Button,{type:"primary",onClick:function(){e.setState({value:["\u4e1c\u5317\u83dc","\u5317\u4eac\u70e4\u9e2d"]})}},"\u9009\u4e2d\u4e24\u4e2a"))}}])&&u(t.prototype,n),i&&u(t,i),Object.defineProperty(t,"prototype",{writable:!1}),f}(o.default.Component)}(),242:function(){function e(t){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(t)}var t,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(968);function c(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function u(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function l(e){var t=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,o=s(e);if(t){var r=s(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return i(this,n)}}function i(t,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}(t)}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(f,e);var t,n,i,s=l(f);function f(e){var t;return c(this,f),(t=s.call(this,e)).state={checked:!0},t}return t=f,(n=[{key:"onChange",value:function(e){console.log("e.target.checked:",e.target.checked),this.setState({checked:e.target.checked})}},{key:"render",value:function(){var e=this;return o.default.createElement("div",null,o.default.createElement(r.Checkbox,{onChange:this.onChange.bind(this),checked:this.state.checked,style:{marginRight:10}}),o.default.createElement(r.Button,{size:"small",type:"primary",onClick:function(){e.setState({checked:!e.state.checked})}},"\u70b9\u51fb\u6309\u94ae\u6539\u53d8 Checkbox \u72b6\u6001"))}}])&&u(t.prototype,n),i&&u(t,i),Object.defineProperty(t,"prototype",{writable:!1}),f}(o.default.Component)}()},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 Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n    onChange: function onChange(e) {\n      console.log(e.target.checked);\n      console.log(e.target);\n    }\n  }, "\\u672A\\u9009\\u4E2D"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n    checked: true\n  }, "\\u9009\\u4E2D"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox } from 'uiw';\n\nconst Demo =()=> (\n  <div>\n    <Checkbox onChange={(e) =>{\n      console.log(e.target.checked)\n      console.log(e.target)\n    }}>\u672a\u9009\u4e2d</Checkbox>\n    <Checkbox checked >\u9009\u4e2d</Checkbox>\n  </div>\n);\nexport default Demo"},38:{name:38,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 Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n    onChange: function onChange(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n      console.log(\'onChange~~~:::\', initial, current);\n    },\n    onSubmit: function onSubmit(_ref2) {\n      var initial = _ref2.initial,\n          current = _ref2.current;\n      console.log(\'onSubmit~~~:::\', initial, current);\n\n      _uiw.Notify.success({\n        title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n        description: "\\u9009\\u9879\\u4E3A\\uFF1A\\u3010".concat(current.checkbox, "\\u3011\\u3010").concat(JSON.stringify(current.checkboxGroup), "\\u3011\\uFF0C\\u63D0\\u4EA4\\u5B8C\\u6210\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n      });\n    },\n    fields: {\n      checkbox: {\n        inline: true,\n        initialValue: true,\n        label: \'\u5355\u9009\u6761\u4ef6\',\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, null, "\\u56DB\\u5DDD\\u83DC"),\n        validator: function validator(value) {\n          return !value ? \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\' : null;\n        }\n      },\n      checkboxGroup: {\n        initialValue: [\'\u56db\u5ddd\u83dc\'],\n        label: \'\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc\',\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox.Group, null, /*#__PURE__*/_react["default"].createElement("div", null, "\\u83DC\\u7CFB"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u56DB\\u5DDD\\u83DC"\n        }, "\\u56DB\\u5DDD\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u6E56\\u5317\\u83DC"\n        }, "\\u6E56\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u897F\\u5317\\u83DC"\n        }, "\\u897F\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          disabled: true,\n          value: "\\u65B0\\u7586\\u83DC"\n        }, "\\u65B0\\u7586\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u4E1C\\u5317\\u83DC"\n        }, "\\u4E1C\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement("div", {\n          style: {\n            marginTop: 10\n          }\n        }, "\\u5BB6\\u5E38\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u7EA2\\u70E7\\u6B66\\u660C\\u9C7C"\n        }, "\\u7EA2\\u70E7\\u6B66\\u660C\\u9C7C"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u9EBB\\u5A46\\u8C46\\u8150"\n        }, "\\u9EBB\\u5A46\\u8C46\\u8150"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          value: "\\u5317\\u4EAC\\u70E4\\u9E2D"\n        }, "\\u5317\\u4EAC\\u70E4\\u9E2D"))\n      }\n    }\n  }, function (_ref3) {\n    var fields = _ref3.fields,\n        state = _ref3.state,\n        canSubmit = _ref3.canSubmit;\n    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.checkbox)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.checkboxGroup)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: "primary",\n      htmlType: "submit"\n    }, "\\u63D0\\u4EA4"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement("pre", {\n      style: {\n        padding: 10,\n        marginTop: 10\n      }\n    }, JSON.stringify(state.current, null, 2)))));\n  }));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Form, Checkbox, Row, Col, Button, Notify } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Form\n      onChange={({ initial, current }) => {\n        console.log(\'onChange~~~:::\', initial, current);\n      }}\n      onSubmit={({initial, current}) => {\n        console.log(\'onSubmit~~~:::\', initial, current)\n        Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: `\u9009\u9879\u4e3a\uff1a\u3010${current.checkbox}\u3011\u3010${JSON.stringify(current.checkboxGroup)}\u3011\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n        });\n      }}\n      fields={{\n        checkbox: {\n          inline: true,\n          initialValue: true,\n          label: \'\u5355\u9009\u6761\u4ef6\',\n          children: <Checkbox>\u56db\u5ddd\u83dc</Checkbox>,\n          validator: (value) => {\n            return !value ? \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\' : null;\n          },\n        },\n        checkboxGroup: {\n          initialValue: [\'\u56db\u5ddd\u83dc\'],\n          label: \'\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc\',\n          children: (\n            <Checkbox.Group>\n              <div>\u83dc\u7cfb</div>\n              <Checkbox value="\u56db\u5ddd\u83dc">\u56db\u5ddd\u83dc</Checkbox>\n              <Checkbox value="\u6e56\u5317\u83dc">\u6e56\u5317\u83dc</Checkbox>\n              <Checkbox value="\u897f\u5317\u83dc">\u897f\u5317\u83dc</Checkbox>\n              <Checkbox disabled value="\u65b0\u7586\u83dc">\u65b0\u7586\u83dc</Checkbox>\n              <Checkbox value="\u4e1c\u5317\u83dc">\u4e1c\u5317\u83dc</Checkbox>\n              <div style={{ marginTop: 10 }}>\u5bb6\u5e38\u83dc</div>\n              <Checkbox value="\u7ea2\u70e7\u6b66\u660c\u9c7c">\u7ea2\u70e7\u6b66\u660c\u9c7c</Checkbox>\n              <Checkbox value="\u9ebb\u5a46\u8c46\u8150">\u9ebb\u5a46\u8c46\u8150</Checkbox>\n              <Checkbox value="\u5317\u4eac\u70e4\u9e2d">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n            </Checkbox.Group>\n          ),\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col>{fields.checkbox}</Col>\n            </Row>\n            <Row>\n              <Col>{fields.checkboxGroup}</Col>\n            </Row>\n            <Row>\n              <Col>\n                <Button disabled={!canSubmit()} type="primary" htmlType="submit">\n                  \u63d0\u4ea4\n                </Button>\n              </Col>\n            </Row>\n            <Row>\n              <Col>\n                <pre style={{ padding: 10, marginTop: 10 }}>\n                  {JSON.stringify(state.current, null, 2)}\n                </pre>\n              </Col>\n            </Row>\n          </div>\n        )\n      }}\n    </Form>\n  </div>\n)\nexport default Demo;'},121:{name:121,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 Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n    disabled: true,\n    checked: true\n  }, "\\u672A\\u9009\\u4E2D\\u7981\\u7528"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n    disabled: true,\n    checked: true\n  }, "\\u9009\\u4E2D\\u7981\\u7528"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n    disabled: true,\n    indeterminate: true\n  }, "\\u534A\\u9009\\u4E2D\\u7981\\u7528"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox } from 'uiw';\n\nconst Demo= ()=>(\n  <div>\n    <Checkbox disabled checked>\u672a\u9009\u4e2d\u7981\u7528</Checkbox>\n    <Checkbox disabled checked>\u9009\u4e2d\u7981\u7528</Checkbox>\n    <Checkbox disabled indeterminate>\u534a\u9009\u4e2d\u7981\u7528</Checkbox>\n  </div>\n);\nexport default Demo"},137:{name:137,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 checkedList = [\'\u56db\u5ddd\u83dc\', \'\u6e56\u5317\u83dc\', \'\u897f\u5317\u83dc\', \'\u65b0\u7586\u83dc\', \'\u4e1c\u5317\u83dc\'];\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      value: [\'\u56db\u5ddd\u83dc\', \'\u65b0\u7586\u83dc\'],\n      indeterminate: true,\n      checkAll: false\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onChange",\n    value: function onChange(e, list) {\n      console.log(\'list\', list);\n      console.log(\'list\', checkedList);\n      this.setState({\n        value: list,\n        indeterminate: !!list.length && list.length < checkedList.length,\n        checkAll: list.length === checkedList.length\n      });\n    }\n  }, {\n    key: "onCheckAllChange",\n    value: function onCheckAllChange(e) {\n      this.setState({\n        value: e.target.checked ? checkedList : [],\n        indeterminate: false,\n        checkAll: e.target.checked\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      var _this$state = this.state,\n          indeterminate = _this$state.indeterminate,\n          checkAll = _this$state.checkAll;\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        checked: checkAll,\n        indeterminate: indeterminate,\n        onChange: this.onCheckAllChange.bind(this)\n      }, "\\u5168\\u9009"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox.Group, {\n        name: "cuisine",\n        value: this.state.value,\n        onChange: this.onChange.bind(this)\n      }, checkedList.map(function (item, idx) {\n        return /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n          key: idx,\n          value: item\n        }, item);\n      })));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox, Divider } from 'uiw';\n\nconst checkedList = [ '\u56db\u5ddd\u83dc', '\u6e56\u5317\u83dc', '\u897f\u5317\u83dc', '\u65b0\u7586\u83dc', '\u4e1c\u5317\u83dc' ];\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: ['\u56db\u5ddd\u83dc', '\u65b0\u7586\u83dc'],\n      indeterminate: true,\n      checkAll: false,\n    };\n  }\n  onChange(e, list) {\n    console.log('list', list);\n    console.log('list', checkedList);\n    this.setState({\n      value: list,\n      indeterminate: !!list.length && (list.length < checkedList.length),\n      checkAll: list.length === checkedList.length,\n    });\n  }\n  onCheckAllChange(e) {\n    this.setState({\n      value: e.target.checked ? checkedList : [],\n      indeterminate: false,\n      checkAll: e.target.checked,\n    });\n  }\n  render() {\n    const { indeterminate, checkAll } = this.state;\n    return (\n      <div>\n        <Checkbox checked={checkAll} indeterminate={indeterminate} onChange={this.onCheckAllChange.bind(this)}>\u5168\u9009</Checkbox>\n        <Divider />\n        <Checkbox.Group name=\"cuisine\" value={this.state.value} onChange={this.onChange.bind(this)}>\n          {checkedList.map((item, idx) => {\n            return (\n              <Checkbox key={idx} value={item}>{item}</Checkbox>\n            )\n          })}\n        </Checkbox.Group>\n      </div>\n    )\n  }\n}\n\nexport default Demo;"},192:{name:192,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      value: [\'\u56db\u5ddd\u83dc\', \'\u65b0\u7586\u83dc\']\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onChange",\n    value: function onChange(e, list) {\n      console.log(\'Value:--\x3e\', e.target.value, list);\n      this.setState({\n        value: list\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      var _this2 = this;\n\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox.Group, {\n        name: "cuisine",\n        value: this.state.value,\n        onChange: this.onChange.bind(this)\n      }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u5DDD\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        value: "\\u56DB\\u5DDD\\u83DC"\n      }, "\\u56DB\\u5DDD\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        value: "\\u6E56\\u5317\\u83DC"\n      }, "\\u6E56\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u672C\\u5E2E\\u6C5F\\u6D59\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        value: "\\u897F\\u5317\\u83DC"\n      }, "\\u897F\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        value: "\\u65B0\\u7586\\u83DC"\n      }, "\\u65B0\\u7586\\u83DC"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u5BB6\\u5E38\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        value: "\\u4E1C\\u5317\\u83DC"\n      }, "\\u4E1C\\u5317\\u83DC"), /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        value: "\\u5317\\u4EAC\\u70E4\\u9E2D"\n      }, "\\u5317\\u4EAC\\u70E4\\u9E2D")), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        type: "primary",\n        onClick: function onClick() {\n          // console.log(\'set::\', [\'\u4e1c\u5317\u83dc\', \'\u5317\u4eac\u70e4\u9e2d\']);\n          _this2.setState({\n            value: [\'\u4e1c\u5317\u83dc\', \'\u5317\u4eac\u70e4\u9e2d\']\n          });\n        }\n      }, "\\u9009\\u4E2D\\u4E24\\u4E2A"));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox, Divider, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: ['\u56db\u5ddd\u83dc', '\u65b0\u7586\u83dc'],\n    };\n  }\n  onChange(e, list) {\n    console.log('Value:--\x3e', e.target.value, list);\n    this.setState({ value: list });\n  }\n  render() {\n    return (\n      <div>\n        <Checkbox.Group name=\"cuisine\" value={this.state.value} onChange={this.onChange.bind(this)}>\n          <div>\u5ddd\u83dc</div>\n          <Checkbox value=\"\u56db\u5ddd\u83dc\">\u56db\u5ddd\u83dc</Checkbox>\n          <Checkbox value=\"\u6e56\u5317\u83dc\">\u6e56\u5317\u83dc</Checkbox>\n          <div>\u672c\u5e2e\u6c5f\u6d59\u83dc</div>\n          <Checkbox value=\"\u897f\u5317\u83dc\">\u897f\u5317\u83dc</Checkbox>\n          <Checkbox value=\"\u65b0\u7586\u83dc\">\u65b0\u7586\u83dc</Checkbox>\n          <div>\u5bb6\u5e38\u83dc</div>\n          <Checkbox value=\"\u4e1c\u5317\u83dc\">\u4e1c\u5317\u83dc</Checkbox>\n          <Checkbox value=\"\u5317\u4eac\u70e4\u9e2d\">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n        </Checkbox.Group>\n        <Divider />\n        <Button\n          type=\"primary\"\n          onClick={() => {\n            // console.log('set::', ['\u4e1c\u5317\u83dc', '\u5317\u4eac\u70e4\u9e2d']);\n            this.setState({ value: ['\u4e1c\u5317\u83dc', '\u5317\u4eac\u70e4\u9e2d'] });\n          }}\n        >\n          \u9009\u4e2d\u4e24\u4e2a\n        </Button>\n      </div>\n    )\n  }\n}\nexport default Demo;"},242:{name:242,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      checked: true\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onChange",\n    value: function onChange(e) {\n      console.log(\'e.target.checked:\', e.target.checked);\n      this.setState({\n        checked: e.target.checked\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      var _this2 = this;\n\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Checkbox, {\n        onChange: this.onChange.bind(this),\n        checked: this.state.checked,\n        style: {\n          marginRight: 10\n        }\n      }), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        size: "small",\n        type: "primary",\n        onClick: function onClick() {\n          _this2.setState({\n            checked: !_this2.state.checked\n          });\n        }\n      }, "\\u70B9\\u51FB\\u6309\\u94AE\\u6539\\u53D8 Checkbox \\u72B6\\u6001"));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Checkbox, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      checked: true\n    }\n  }\n  onChange(e) {\n    console.log('e.target.checked:', e.target.checked);\n    this.setState({ checked: e.target.checked });\n  }\n  render() {\n    return (\n      <div>\n        <Checkbox onChange={this.onChange.bind(this)} checked={this.state.checked} style={{ marginRight: 10 }} />\n        <Button\n          size=\"small\"\n          type=\"primary\"\n          onClick={() => {\n            this.setState({ checked: !this.state.checked });\n          }}\n        >\n          \u70b9\u51fb\u6309\u94ae\u6539\u53d8 Checkbox \u72b6\u6001\n        </Button>\n      </div>\n    )\n  }\n}\nexport default Demo;"}},source:"Checkbox \u591a\u9009\u6846\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-checkbox/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-checkbox.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-checkbox)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-checkbox.svg?label=@uiw/react-checkbox)](https://npmjs.com/@uiw/react-checkbox)\n\n\u4e00\u7ec4\u5907\u9009\u9879\u4e2d\u8fdb\u884c\u591a\u9009\n\n```jsx\nimport { Checkbox } from 'uiw';\n// or\nimport Checkbox from '@uiw/react-checkbox';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u5355\u72ec\u4f7f\u7528\u53ef\u4ee5\u8868\u793a\u4e24\u79cd\u72b6\u6001\u4e4b\u95f4\u7684\u5207\u6362\uff0c\u534a\u9009\u4e2d\u53ea\u662f\u6837\u5f0f\u4e0a\u7684\u8868\u73b0\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Checkbox } from 'uiw';\n\nconst Demo =()=> (\n  <div>\n    <Checkbox onChange={(e) =>{\n      console.log(e.target.checked)\n      console.log(e.target)\n    }}>\u672a\u9009\u4e2d</Checkbox>\n    <Checkbox checked >\u9009\u4e2d</Checkbox>\n  </div>\n);\nexport default Demo\n```\n\n### Form \u4e2d\u4f7f\u7528 Checkbox\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Checkbox, Row, Col, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Form\n      onChange={({ initial, current }) => {\n        console.log('onChange~~~:::', initial, current);\n      }}\n      onSubmit={({initial, current}) => {\n        console.log('onSubmit~~~:::', initial, current)\n        Notify.success({\n          title: '\u63d0\u4ea4\u6210\u529f\uff01',\n          description: `\u9009\u9879\u4e3a\uff1a\u3010${current.checkbox}\u3011\u3010${JSON.stringify(current.checkboxGroup)}\u3011\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n        });\n      }}\n      fields={{\n        checkbox: {\n          inline: true,\n          initialValue: true,\n          label: '\u5355\u9009\u6761\u4ef6',\n          children: <Checkbox>\u56db\u5ddd\u83dc</Checkbox>,\n          validator: (value) => {\n            return !value ? '\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e' : null;\n          },\n        },\n        checkboxGroup: {\n          initialValue: ['\u56db\u5ddd\u83dc'],\n          label: '\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc',\n          children: (\n            <Checkbox.Group>\n              <div>\u83dc\u7cfb</div>\n              <Checkbox value=\"\u56db\u5ddd\u83dc\">\u56db\u5ddd\u83dc</Checkbox>\n              <Checkbox value=\"\u6e56\u5317\u83dc\">\u6e56\u5317\u83dc</Checkbox>\n              <Checkbox value=\"\u897f\u5317\u83dc\">\u897f\u5317\u83dc</Checkbox>\n              <Checkbox disabled value=\"\u65b0\u7586\u83dc\">\u65b0\u7586\u83dc</Checkbox>\n              <Checkbox value=\"\u4e1c\u5317\u83dc\">\u4e1c\u5317\u83dc</Checkbox>\n              <div style={{ marginTop: 10 }}>\u5bb6\u5e38\u83dc</div>\n              <Checkbox value=\"\u7ea2\u70e7\u6b66\u660c\u9c7c\">\u7ea2\u70e7\u6b66\u660c\u9c7c</Checkbox>\n              <Checkbox value=\"\u9ebb\u5a46\u8c46\u8150\">\u9ebb\u5a46\u8c46\u8150</Checkbox>\n              <Checkbox value=\"\u5317\u4eac\u70e4\u9e2d\">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n            </Checkbox.Group>\n          ),\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col>{fields.checkbox}</Col>\n            </Row>\n            <Row>\n              <Col>{fields.checkboxGroup}</Col>\n            </Row>\n            <Row>\n              <Col>\n                <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\n                  \u63d0\u4ea4\n                </Button>\n              </Col>\n            </Row>\n            <Row>\n              <Col>\n                <pre style={{ padding: 10, marginTop: 10 }}>\n                  {JSON.stringify(state.current, null, 2)}\n                </pre>\n              </Col>\n            </Row>\n          </div>\n        )\n      }}\n    </Form>\n  </div>\n)\nexport default Demo;\n```\n\n### \u7981\u7528\u6837\u5f0f\n\n\u901a\u8fc7\u8bbe\u7f6e `disabled` \u5c5e\u6027\u6765\u7981\u7528\u591a\u9009\u6846\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Checkbox } from 'uiw';\n\nconst Demo= ()=>(\n  <div>\n    <Checkbox disabled checked>\u672a\u9009\u4e2d\u7981\u7528</Checkbox>\n    <Checkbox disabled checked>\u9009\u4e2d\u7981\u7528</Checkbox>\n    <Checkbox disabled indeterminate>\u534a\u9009\u4e2d\u7981\u7528</Checkbox>\n  </div>\n);\nexport default Demo\n```\n\n### \u5168\u9009\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Checkbox, Divider } from 'uiw';\n\nconst checkedList = [ '\u56db\u5ddd\u83dc', '\u6e56\u5317\u83dc', '\u897f\u5317\u83dc', '\u65b0\u7586\u83dc', '\u4e1c\u5317\u83dc' ];\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: ['\u56db\u5ddd\u83dc', '\u65b0\u7586\u83dc'],\n      indeterminate: true,\n      checkAll: false,\n    };\n  }\n  onChange(e, list) {\n    console.log('list', list);\n    console.log('list', checkedList);\n    this.setState({\n      value: list,\n      indeterminate: !!list.length && (list.length < checkedList.length),\n      checkAll: list.length === checkedList.length,\n    });\n  }\n  onCheckAllChange(e) {\n    this.setState({\n      value: e.target.checked ? checkedList : [],\n      indeterminate: false,\n      checkAll: e.target.checked,\n    });\n  }\n  render() {\n    const { indeterminate, checkAll } = this.state;\n    return (\n      <div>\n        <Checkbox checked={checkAll} indeterminate={indeterminate} onChange={this.onCheckAllChange.bind(this)}>\u5168\u9009</Checkbox>\n        <Divider />\n        <Checkbox.Group name=\"cuisine\" value={this.state.value} onChange={this.onChange.bind(this)}>\n          {checkedList.map((item, idx) => {\n            return (\n              <Checkbox key={idx} value={item}>{item}</Checkbox>\n            )\n          })}\n        </Checkbox.Group>\n      </div>\n    )\n  }\n}\n\nexport default Demo;\n```\n\n### \u591a\u9009\u7ec4\n\n\u65b9\u4fbf\u7684\u4ece\u6570\u7ec4\u751f\u6210 `Checkbox` \u7ec4\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Checkbox, Divider, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: ['\u56db\u5ddd\u83dc', '\u65b0\u7586\u83dc'],\n    };\n  }\n  onChange(e, list) {\n    console.log('Value:--\x3e', e.target.value, list);\n    this.setState({ value: list });\n  }\n  render() {\n    return (\n      <div>\n        <Checkbox.Group name=\"cuisine\" value={this.state.value} onChange={this.onChange.bind(this)}>\n          <div>\u5ddd\u83dc</div>\n          <Checkbox value=\"\u56db\u5ddd\u83dc\">\u56db\u5ddd\u83dc</Checkbox>\n          <Checkbox value=\"\u6e56\u5317\u83dc\">\u6e56\u5317\u83dc</Checkbox>\n          <div>\u672c\u5e2e\u6c5f\u6d59\u83dc</div>\n          <Checkbox value=\"\u897f\u5317\u83dc\">\u897f\u5317\u83dc</Checkbox>\n          <Checkbox value=\"\u65b0\u7586\u83dc\">\u65b0\u7586\u83dc</Checkbox>\n          <div>\u5bb6\u5e38\u83dc</div>\n          <Checkbox value=\"\u4e1c\u5317\u83dc\">\u4e1c\u5317\u83dc</Checkbox>\n          <Checkbox value=\"\u5317\u4eac\u70e4\u9e2d\">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n        </Checkbox.Group>\n        <Divider />\n        <Button\n          type=\"primary\"\n          onClick={() => {\n            // console.log('set::', ['\u4e1c\u5317\u83dc', '\u5317\u4eac\u70e4\u9e2d']);\n            this.setState({ value: ['\u4e1c\u5317\u83dc', '\u5317\u4eac\u70e4\u9e2d'] });\n          }}\n        >\n          \u9009\u4e2d\u4e24\u4e2a\n        </Button>\n      </div>\n    )\n  }\n}\nexport default Demo;\n```\n\n### \u63a7\u5236\u7ec4\u4ef6\n\n\u901a\u8fc7 `checked` \u5c5e\u6027\u6539\u53d8 `Checkbox` \u7ec4\u4ef6\u72b6\u6001\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Checkbox, Button } from 'uiw';\n\nclass Demo extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      checked: true\n    }\n  }\n  onChange(e) {\n    console.log('e.target.checked:', e.target.checked);\n    this.setState({ checked: e.target.checked });\n  }\n  render() {\n    return (\n      <div>\n        <Checkbox onChange={this.onChange.bind(this)} checked={this.state.checked} style={{ marginRight: 10 }} />\n        <Button\n          size=\"small\"\n          type=\"primary\"\n          onClick={() => {\n            this.setState({ checked: !this.state.checked });\n          }}\n        >\n          \u70b9\u51fb\u6309\u94ae\u6539\u53d8 Checkbox \u72b6\u6001\n        </Button>\n      </div>\n    )\n  }\n}\nexport default Demo;\n```\n\n\n## Checkbox\n\n| \u53c2\u6570      | \u8bf4\u660e    | \u7c7b\u578b      |  \u9ed8\u8ba4\u503c   |\n|--------- |-------- |---------- |-------- |\n| options | \u6307\u5b9a\u5f53\u524d\u662f\u5426\u9009\u4e2d | Boolean | false |\n| disabled | \u7981\u7528 | Boolean | false |\n| onChange | \u53d8\u5316\u65f6\u56de\u8c03\u51fd\u6570 | Function(e:Event, checked:Boolean) | - |\n| checked | \u6307\u5b9a\u5f53\u524d\u662f\u5426\u9009\u4e2d | Boolean | false |\n| indeterminate | \u534a\u9009\u4e2d\uff0c\u53ea\u8d1f\u8d23\u6837\u5f0f\u63a7\u5236 | Boollean | false |\n\n## Checkbox.Group\n\n| \u53c2\u6570      | \u8bf4\u660e    | \u7c7b\u578b      |  \u9ed8\u8ba4\u503c   |\n|--------- |-------- |---------- |-------- |\n| name | \u9690\u85cf\u8f93\u5165\u7684\u540d\u79f0\uff0c\u5728\u8868\u5355\u4e2d\u4f7f\u7528\u65f6\u5f88\u6709\u7528 | string | - |\n| value | \u63a7\u5236\u65f6 `select` \u7684\u503c\u5fc5\u987b\u4e0e `onChange` \u51fd\u6570\u4e00\u8d77\u4f7f\u7528\u624d\u80fd\u66f4\u65b0 `select` \u7684\u503c | Array | `[]` |\n| onChange | \u53d8\u5316\u65f6\u56de\u8c03\u51fd\u6570 | Function(e:Event, checkedValues: Array) | - |\n"}}}]);
+//# sourceMappingURL=3914.64850d3a.chunk.js.map