@uiw/doc 4.11.6 → 4.12.2

package/web/static/js/5001.5daf2796.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5001],{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(2642),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@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.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.1.3/index.js")}),s&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n            "template": "node",\n            "container": {\n              "startScript": "start",\n              "node": "14"\n            }\n          }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code||"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(53864);function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n||"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(s.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}var m="index_docinfo__3Vx8S",k="index_markdown__hcQCp",x=["inline","node"],b=function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return n.forEach((function(n){"text"===n.type?t+=n.value:n.children&&Array.isArray(n.children)&&(t+=e(n.children))})),t};function j(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),j=h[0],v=h[1],g=d.i8||"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){v(e)})).catch((function(){}))}),[]),j?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:j,className:k,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,x),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,f=c.noCode,m=c.codePen,k=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var j={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(j).filter((function(e){return void 0!==j[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:b(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},36770: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-rate/README.md",dependencies:{Rate:s.j8,Radio:s.Y8,RadioGroup:s.Ee,Icon:s.JO,Divider:s.iz,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(207).then(t.bind(t,40207));case 2:return n=e.sent,e.abrupt("return",n.default||n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
+//# sourceMappingURL=5001.5daf2796.chunk.js.map

package/web/static/js/5001.5daf2796.chunk.js.map

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

package/web/static/js/5080.ee9eaece.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5080],{84934:function(e){function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=function(){return[]},n.resolve=n,n.id=84934,e.exports=n},86082:function(e,n,t){"use strict";t.d(n,{Z:function(){return v}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(89171),d=t(75752),a=t(2642),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@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.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.1.3/index.js")}),s&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n            "template": "node",\n            "container": {\n              "startScript": "start",\n              "node": "14"\n            }\n          }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code||"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(53864);function 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 v(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),v=h[0],j=h[1],g=d.i8||"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){j(e)})).catch((function(){}))}),[]),v?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:v,className:k,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,x),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,m=c.noCode,f=c.codePen,k=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var v={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f,codeSandbox:k};return 0===Object.keys(v).filter((function(e){return void 0!==v[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:b(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f,codeSandbox:k})}}}),(0,u.jsx)("div",{className:f,children:(0,u.jsx)(m,{path:a})})]}):null}},92425: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-tabs/README.md",dependencies:{Tabs:s.mQ,Divider:s.iz},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(9961).then(t.bind(t,39961));case 2:return n=e.sent,e.abrupt("return",n.default||n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
+//# sourceMappingURL=5080.ee9eaece.chunk.js.map

package/web/static/js/5080.ee9eaece.chunk.js.map

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