@uiw/doc 4.11.4 → 4.12.0

package/web/static/js/4503.fb36a5a1.chunk.js.map

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

package/web/static/js/4648.6fca7584.chunk.js

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

package/web/static/js/4648.6fca7584.chunk.js.map

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

package/web/static/js/4781.ce661c8a.chunk.js

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

package/web/static/js/4781.ce661c8a.chunk.js.map

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

package/web/static/js/{4877.607c2b06.chunk.js → 4877.578a0d95.chunk.js}

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

package/web/static/js/{4877.607c2b06.chunk.js.map → 4877.578a0d95.chunk.js.map}

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

package/web/static/js/4948.5fc8364c.chunk.js

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

package/web/static/js/4948.5fc8364c.chunk.js.map

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

package/web/static/js/5146.76b73d7f.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5146],{5146:function(n,e,t){t.r(e),e.default='Input \u8f93\u5165\u6846\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-input/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-input)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-input.svg?label=@uiw/react-input)](https://npmjs.com/@uiw/react-input)\n\n\u901a\u8fc7\u9f20\u6807\u6216\u952e\u76d8\u8f93\u5165\u5185\u5bb9\uff0c\u662f\u6700\u57fa\u7840\u7684\u8868\u5355\u57df\u7684\u5305\u88c5\u3002\n\n```jsx\nimport { Input } from \'uiw\';\n// or\nimport Input from \'@uiw/react-input\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Input } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" style={{ maxWidth: 200 }} />\n  </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### Form \u4e2d\u4f7f\u7528 Input\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Form, Input, Row, Col, Button, Notify } from \'uiw\';\n\nconst Demo = () => (\n  <Form\n    onChange={({ initial, current }) => { }}\n    onSubmitError={(error) => {\n      console.log(\'error:\', error)\n      return error && error.filed ? { ...error.filed } : null;\n    }}\n    onSubmit={({initial, current}) => {\n      if (current.input && current.input.length > 3) {\n        Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: `\u586b\u5199\uff1a\u3010${current.input.toString()}\u3011\uff01`\n        });\n      } else {\n        Notify.error({ title: \'\u63d0\u4ea4\u5931\u8d25\uff01\', description: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\' });\n      }\n      const ErrObj = {};\n      if (current.input && current.input.length < 4) {\n        ErrObj.input = \'\ud83d\ude06 \u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\';\n      }\n      if(Object.keys(ErrObj).length > 0) {\n        const err = new Error();\n        err.filed = ErrObj;\n        throw err;\n      }\n    }}\n    fields={{\n      input: {\n        value: \'www\',\n        label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n        help: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\',\n        validator: (value = \'\') => value.length < 4 ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null,\n        children: <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" style={{ maxWidth: 200 }} />,\n      },\n    }}\n  >\n    {({ fields, state, canSubmit }) => {\n      return (\n        <div>\n          <Row>\n            <Col>{fields.input}</Col>\n          </Row>\n          <Row>\n            <Col>\n              <Button disabled={!canSubmit()} type="primary" htmlType="submit">\u63d0\u4ea4</Button>\n            </Col>\n          </Row>\n          <Row>\n            <Col>\n              <pre style={{ padding: 10, marginTop: 10 }}>\n                {JSON.stringify(state.current, null, 2)}\n              </pre>\n            </Col>\n          </Row>\n        </div>\n      );\n    }}\n  </Form>\n);\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u63d2\u5165\u56fe\u6807\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Input, Row, Col } from \'uiw\';\n\nconst stylItem = { margin: 20 };\nconst Demo = () => (\n  <div>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input preIcon="delete" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input preIcon="tag" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input preIcon="picasa" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input preIcon="like-o" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n    </Row>\n  </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u540e\u9762\u63d2\u5165\u5185\u5bb9\n\n\u5411\u540e\u9762\u63d2\u5165 [`Button`](#/components/button) \u6216\u8005 [`Tag`](#/components/tag)\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Input, Row, Col, Button, Tag } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input\n          preIcon="like-o"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button icon="lock" size="small" basic type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon="tag"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon="search"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button icon="apple" size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon="tag"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n  </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u8f93\u5165\u6846\u5c3a\u5bf8\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Input, Row, Col, Tag, Button } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          preIcon="like-o"\n          size="large"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button icon="lock" basic type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon="search"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button icon="arrow-right" basic size="small" type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon="tag"\n          size="small"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          preIcon="like-o"\n          size="large"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon="tag"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="\u836f\u4e38" color="#1C7CEB" color="#40bf16">\u4e38</Tag>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon="tag"\n          size="small"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          preIcon="like-o"\n          size="large"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button icon="apple" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon="search"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u641c\u7d22</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon="tag"\n          size="small"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          preIcon="like-o"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button size="small" type="light">\u4eae\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="danger">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="warning">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input size="small" preIcon="like-o" placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801" />\n      </Col>\n      <Col fixed>\n        <Input size="small" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input\n          size="small"\n          preIcon="like-o"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="warning">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n  </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5bc6\u7801\u8f93\u5165\u6846\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Input, Row, Col, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      btnIcon: \'lock\',\n    }\n  }\n  onClick() {\n    this.setState({\n      btnIcon: this.state.btnIcon === \'lock\' ? \'unlock\' : \'lock\',\n    })\n  }\n  render() {\n    return (\n      <Row gutter={10}>\n        <Col fixed>\n          <Input\n            ref={(instance) => {\n              if (instance) {\n                console.log(\'instance:\', instance);\n              }\n            }}\n            preIcon="like-o"\n            type={this.state.btnIcon === \'lock\' ? \'password\' : \'text\'}\n            placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n            addonAfter={<Button icon={this.state.btnIcon} onClick={this.onClick.bind(this)} size="small" basic type="light" />}\n          />\n        </Col>\n      </Row>\n    )\n  }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u8f93\u5165\u6846\u88ab\u7981\u7528\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Icon, Input, Row, Col} from \'uiw\';\n\nconst stylItem = { margin: 20 };\nconst Demo = () => (\n  <>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input disabled preIcon="delete" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input disabled preIcon="tag" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input\n          disabled\n          preIcon="picasa"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={\n            <Button icon="close" disabled size="small" basic type="light" />\n          }\n        />\n      </Col>\n      <Col fixed>\n        <Input disabled preIcon="like-o" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n    </Row>\n  </>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Input\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| value | \u7ed1\u5b9a\u503c | String | - |\n| disabled | \u7981\u7528\u8f93\u5165\u6846 | Boolean | `false` |\n| preIcon | \u8f93\u5165\u6846`\u524d`\u9762\u653e\u7f6e\u56fe\u6807  | String/ReactNode | - |\n| addonAfter | \t\u5e26\u6807\u7b7e\u7684 input\uff0c\u8bbe\u7f6e\u540e\u7f6e\u6807\u7b7e | String/ReactNode | - |\n| size | \u6307\u5b9a\u8f93\u5165\u6846\u7684\u5c3a\u5bf8\uff0c\u9664\u4e86\u9ed8\u8ba4\u7684\u5927\u5c0f\u5916\uff0c\u8fd8\u63d0\u4f9b\u4e86 `large`\u3001`small` \u548c `default` \u4e09\u79cd\u5c3a\u5bf8\u3002 | String | - |'}}]);
+//# sourceMappingURL=5146.76b73d7f.chunk.js.map

package/web/static/js/5146.76b73d7f.chunk.js.map

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