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

package/web/static/js/{6512.40eb765d.chunk.js → 6512.700dbbe7.chunk.js}

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

package/web/static/js/{6512.40eb765d.chunk.js.map → 6512.700dbbe7.chunk.js.map}

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

package/web/static/js/6716.d9c56744.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6716],{6716:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(968);return function(){return n.default.createElement("div",null,n.default.createElement(u.FileInput,{multiple:"multiple",style:{maxWidth:200},size:"small",onChange:function(e){console.log(e)}}),n.default.createElement("br",null),n.default.createElement(u.FileInput,{multiple:"multiple",style:{maxWidth:200}}),n.default.createElement("br",null))}}(),41:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(968);return function(){return n.default.createElement("div",null,n.default.createElement(u.FileInput,{uploadType:"card",size:"large",showFileIcon:{showPreviewIcon:!1,showRemoveIcon:!0},onPreview:function(e){return console.log(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}],onChange:function(e){return console.log(e)}},n.default.createElement(u.Icon,{type:"plus"})),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"card",shape:"circle",showFileIcon:{showPreviewIcon:!1,showRemoveIcon:!0},onPreview:function(e){return console.log(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}],onChange:function(e){return console.log(e)}},n.default.createElement(u.Icon,{type:"plus"})),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"card",size:"small",showFileIcon:{showPreviewIcon:!1,showRemoveIcon:!0},onPreview:function(e){return console.log(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}],onChange:function(e){return console.log(e)}},n.default.createElement(u.Icon,{type:"plus"})))}}(),104:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(968);function l(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var u,l,r=[],a=!0,o=!1;try{for(t=t.call(e);!(a=(u=t.next()).done)&&(r.push(u.value),!n||r.length!==n);a=!0);}catch(i){o=!0,l=i}finally{try{a||null==t.return||t.return()}finally{if(o)throw l}}return r}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return r(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return r(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,u=new Array(n);t<n;t++)u[t]=e[t];return u}return function(){var e=l(n.default.useState(!1),2),t=e[0],r=e[1],a=l(n.default.useState(null),2),o=a[0],i=a[1];return console.log("curfile",o),n.default.createElement(n.default.Fragment,null,n.default.createElement(u.Overlay,{isOpen:t,onClosed:function(){return r(!1)}},n.default.createElement("img",{src:"".concat(null===o||void 0===o?void 0:o.dataURL),alt:"".concat(null===o||void 0===o?void 0:o.name)})),n.default.createElement(u.FileInput,{uploadType:"picture",size:"large",onPreview:function(e){r(!0),i(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Icon,{type:"plus"})))}}(),143:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(968);return function(){return n.default.createElement("div",null,n.default.createElement(u.FileInput,{uploadType:"picture",size:"large",onPreview:function(){return console.log(234)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"picture",shape:"circle",onPreview:function(){return console.log(234)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"picture",size:"small",onPreview:function(){return console.log(234)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(u.FileInput,{uploadType:"text",multiple:!0,maxNumber:2,value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(u.Button,null,"\u65b0\u589e")))}}(),201:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},u=t(968);return function(){return n.default.createElement("div",null,n.default.createElement(u.Form,{onSubmit:function(e){e.initial;var n=e.current;console.log("current",n)},fields:{picture1:{label:"\u56fe\u7247\u5899",initialValue:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}],children:n.default.createElement(u.FileInput,{uploadType:"card"},n.default.createElement(u.Icon,{type:"plus"}))},picture2:{label:"\u56fe\u7247\u5217\u8868",initialValue:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}],children:n.default.createElement(u.FileInput,{uploadType:"picture"},n.default.createElement(u.Button,null,"\u65b0\u589e"))},picture3:{label:"\u56fe\u7247\u540d\u79f0\u5217\u8868",children:n.default.createElement(u.FileInput,{uploadType:"text"},n.default.createElement(u.Button,null,"\u65b0\u589e"))}}},(function(e){var t=e.fields,l=e.state,r=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(u.Row,null,n.default.createElement(u.Col,null,t.picture1)),n.default.createElement(u.Row,null,n.default.createElement(u.Col,null,t.picture2)),n.default.createElement(u.Row,null,n.default.createElement(u.Col,null,t.picture3)),n.default.createElement(u.Row,{gutter:10},n.default.createElement(u.Col,null,n.default.createElement(u.Button,{disabled:!r(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(u.Row,null,n.default.createElement(u.Col,null,n.default.createElement("pre",{style:{padding:"10px 0 0 10px"}},JSON.stringify(l.current,null,2)))))})))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  var onChange = function onChange(e) {\n    console.log(e);\n  };\n\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    multiple: "multiple",\n    style: {\n      maxWidth: 200\n    },\n    size: "small",\n    onChange: onChange\n  }), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    multiple: "multiple",\n    style: {\n      maxWidth: 200\n    }\n  }), /*#__PURE__*/_react["default"].createElement("br", null));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { FileInput, Button } from \'uiw\';\n\nconst Demo = () => {\n  const onChange = (e) => {\n    console.log(e)\n  }\n  return (\n    <div>\n      <FileInput multiple="multiple" style={{ maxWidth: 200 }} size="small" onChange={onChange} />\n      <br />\n      <FileInput multiple="multiple" style={{ maxWidth: 200 }} />\n      <br />\n    </div>\n  )\n}\n\nexport default Demo'},41:{name:41,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "card",\n    size: "large",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "plus"\n  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "card",\n    shape: "circle",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "plus"\n  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "card",\n    size: "small",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "plus"\n  })));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { FileInput, Button,Icon } from \'uiw\';\n\nconst Demo = () => {\n  return (\n    <div>\n      <FileInput\n        uploadType="card"\n        size="large"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type="plus" />\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType="card"\n        shape="circle"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type="plus" />\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType="card"\n        size="small"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type="plus" />\n      </FileInput>\n    </div>\n  )\n}\n\nexport default Demo'},104:{name:104,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Demo = function Demo() {\n  var _React$useState = _react["default"].useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      visible = _React$useState2[0],\n      visibleSet = _React$useState2[1];\n\n  var _React$useState3 = _react["default"].useState(null),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      curfile = _React$useState4[0],\n      curFileSet = _React$useState4[1];\n\n  console.log(\'curfile\', curfile);\n  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_uiw.Overlay, {\n    isOpen: visible,\n    onClosed: function onClosed() {\n      return visibleSet(false);\n    }\n  }, /*#__PURE__*/_react["default"].createElement("img", {\n    src: "".concat(curfile === null || curfile === void 0 ? void 0 : curfile.dataURL),\n    alt: "".concat(curfile === null || curfile === void 0 ? void 0 : curfile.name)\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "picture",\n    size: "large",\n    onPreview: function onPreview(file) {\n      visibleSet(true);\n      curFileSet(file);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "plus"\n  })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { FileInput, Overlay,Icon } from 'uiw';\n\nconst Demo=()=>{\n  const [visible,visibleSet]=React.useState(false)\n  const [curfile,curFileSet]=React.useState(null)\n  console.log('curfile',curfile)\n\n   return(\n     <>\n      <Overlay\n        isOpen={visible}\n        onClosed={()=>visibleSet(false)}\n      >\n        <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\n      </Overlay>\n      <FileInput\n        uploadType=\"picture\"\n        size=\"large\"\n        onPreview={(file) =>{\n          visibleSet(true)\n          curFileSet(file)\n        }}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n    </>\n   )\n}\n\nexport default Demo"},143:{name:143,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "picture",\n    size: "large",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "picture",\n    shape: "circle",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "picture",\n    size: "small",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "text",\n    multiple: true,\n    maxNumber: 2,\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { FileInput, Button } from 'uiw';\n\nfunction Demo() {\n  return (\n    <div>\n      <FileInput\n        uploadType=\"picture\"\n        size=\"large\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"picture\"\n        shape=\"circle\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"picture\"\n        size=\"small\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"text\"\n        multiple\n        maxNumber={2}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n    </div>\n  );\n}\nexport default Demo"},201:{name:201,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n      console.log(\'current\', current);\n    },\n    fields: {\n      picture1: {\n        label: \'\u56fe\u7247\u5899\',\n        initialValue: [{\n          dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n          name: \'uiw.png\'\n        }],\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n          uploadType: "card"\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n          type: "plus"\n        }))\n      },\n      picture2: {\n        label: \'\u56fe\u7247\u5217\u8868\',\n        initialValue: [{\n          dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n          name: \'uiw.png\'\n        }],\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n          uploadType: "picture"\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E"))\n      },\n      picture3: {\n        label: \'\u56fe\u7247\u540d\u79f0\u5217\u8868\',\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n          uploadType: "text"\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E"))\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n        state = _ref2.state,\n        canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.picture1)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.picture2)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.picture3)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: "primary",\n      htmlType: "submit"\n    }, "\\u63D0\\u4EA4"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement("pre", {\n      style: {\n        padding: \'10px 0 0 10px\'\n      }\n    }, JSON.stringify(state.current, null, 2)))));\n  }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\n\nfunction Demo() {\n  return <div>\n    <Form\n      onSubmit={({initial, current}) => {\n         console.log('current',current)\n      }}\n      fields={{\n        picture1: {\n          label: '\u56fe\u7247\u5899',\n          initialValue: [\n            {\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n            }\n          ],\n          children: (\n            <FileInput uploadType=\"card\">\n              <Icon type=\"plus\" />\n            </FileInput>\n          )\n        },\n        picture2: {\n          label: '\u56fe\u7247\u5217\u8868',\n          initialValue: [\n            {\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n            }\n          ],\n          children: (\n            <FileInput uploadType=\"picture\">\n              <Button>\u65b0\u589e</Button>\n            </FileInput>\n          )\n        },\n        picture3: {\n          label: '\u56fe\u7247\u540d\u79f0\u5217\u8868',\n          children: (\n            <FileInput uploadType=\"text\">\n              <Button>\u65b0\u589e</Button>\n            </FileInput>\n          )\n        },\n      }}>\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col>{fields.picture1}</Col>\n            </Row>\n            <Row>\n              <Col>{fields.picture2}</Col>\n            </Row>\n            <Row>\n              <Col>{fields.picture3}</Col>\n            </Row>\n            <Row gutter={10}>\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: '10px 0 0 10px' }}>\n                  {JSON.stringify(state.current, null, 2)}\n                </pre>\n              </Col>\n            </Row>\n          </div>\n        )\n      }}\n    </Form>\n  </div>\n}\nexport default Demo"}},source:"FileInput \u4e0a\u4f20\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-file-input/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-file-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-file-input)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?label=@uiw/react-file-input)](https://npmjs.com/@uiw/react-file-input)\n\n\u8fd9\u4e2a\u7ec4\u4ef6\u4ec5\u4ec5\u662f\u5bf9 `<input type=\"file\">` \u7684\u7f8e\u5316\uff0c\u4ed6\u662f\u57fa\u4e8e Input \u7ec4\u4ef6\u5c01\u88c5      \u3002\n\n```jsx\nimport { FileInput } from 'uiw';\n// or\nimport FileInput from '@uiw/react-file-input';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { FileInput, Button } from 'uiw';\n\nconst Demo = () => {\n  const onChange = (e) => {\n    console.log(e)\n  }\n  return (\n    <div>\n      <FileInput multiple=\"multiple\" style={{ maxWidth: 200 }} size=\"small\" onChange={onChange} />\n      <br />\n      <FileInput multiple=\"multiple\" style={{ maxWidth: 200 }} />\n      <br />\n    </div>\n  )\n}\n\nexport default Demo\n```\n\n### \u56fe\u7247\u5899\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { FileInput, Button,Icon } from 'uiw';\n\nconst Demo = () => {\n  return (\n    <div>\n      <FileInput\n        uploadType=\"card\"\n        size=\"large\"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"card\"\n        shape=\"circle\"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"card\"\n        size=\"small\"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n    </div>\n  )\n}\n\nexport default Demo\n```\n\n### \u56fe\u7247\u9884\u89c8\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { FileInput, Overlay,Icon } from 'uiw';\n\nconst Demo=()=>{\n  const [visible,visibleSet]=React.useState(false)\n  const [curfile,curFileSet]=React.useState(null)\n  console.log('curfile',curfile)\n\n   return(\n     <>\n      <Overlay\n        isOpen={visible}\n        onClosed={()=>visibleSet(false)}\n      >\n        <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\n      </Overlay>\n      <FileInput\n        uploadType=\"picture\"\n        size=\"large\"\n        onPreview={(file) =>{\n          visibleSet(true)\n          curFileSet(file)\n        }}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n    </>\n   )\n}\n\nexport default Demo\n```\n\n### \u56fe\u7247\u5217\u8868\u6837\u5f0f\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { FileInput, Button } from 'uiw';\n\nfunction Demo() {\n  return (\n    <div>\n      <FileInput\n        uploadType=\"picture\"\n        size=\"large\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"picture\"\n        shape=\"circle\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"picture\"\n        size=\"small\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"text\"\n        multiple\n        maxNumber={2}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n    </div>\n  );\n}\nexport default Demo\n```\n\n### \u5728`Form`\u8868\u5355\u4e2d\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\n\nfunction Demo() {\n  return <div>\n    <Form\n      onSubmit={({initial, current}) => {\n         console.log('current',current)\n      }}\n      fields={{\n        picture1: {\n          label: '\u56fe\u7247\u5899',\n          initialValue: [\n            {\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n            }\n          ],\n          children: (\n            <FileInput uploadType=\"card\">\n              <Icon type=\"plus\" />\n            </FileInput>\n          )\n        },\n        picture2: {\n          label: '\u56fe\u7247\u5217\u8868',\n          initialValue: [\n            {\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n            }\n          ],\n          children: (\n            <FileInput uploadType=\"picture\">\n              <Button>\u65b0\u589e</Button>\n            </FileInput>\n          )\n        },\n        picture3: {\n          label: '\u56fe\u7247\u540d\u79f0\u5217\u8868',\n          children: (\n            <FileInput uploadType=\"text\">\n              <Button>\u65b0\u589e</Button>\n            </FileInput>\n          )\n        },\n      }}>\n      {({ fields, state, canSubmit }) => {\n        return (\n          <div>\n            <Row>\n              <Col>{fields.picture1}</Col>\n            </Row>\n            <Row>\n              <Col>{fields.picture2}</Col>\n            </Row>\n            <Row>\n              <Col>{fields.picture3}</Col>\n            </Row>\n            <Row gutter={10}>\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: '10px 0 0 10px' }}>\n                  {JSON.stringify(state.current, null, 2)}\n                </pre>\n              </Col>\n            </Row>\n          </div>\n        )\n      }}\n    </Form>\n  </div>\n}\nexport default Demo\n```\n\n## Props\n\n- `uploadType: input` \u57fa\u7840\u8f93\u5165\u6846\u4e0a\u4f20\n\n- `uploadType: picture` \u56fe\u7247\u5217\u5c55\u793a\u5217\u8868\uff0c\u663e\u793a\u56fe\u7247\n\n- `uploadType: text` \u56fe\u7247\u5217\u5c55\u793a\u5217\u8868\uff0c\u4e0d\u663e\u793a\u56fe\u7247\n\n- `uploadType: card` \u56fe\u7247\u5899\u5217\u8868\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| uploadType | \u4e0a\u4f20\u5c55\u793a\u7c7b\u578b | `input`\u3001`picture`\u3001`text`\u3001`card` | `input` |\n| className | CSS\u7c7b\u540d\u79f0 | String | - |\n| multiple | \u662f\u5426\u591a\u9009\u4e0a\u4f20 | boolean | - |\n\n\n### Props uploadType input\u7c7b\u578b\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| dataLabel | input \u540e\u7f6e\u6587\u5b57 | `string` | `Browse` |\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [Input](#/components/input)\u3002\n\n\n### Props uploadType \u975einput\u7c7b\u578b\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| value | \u9ed8\u8ba4\u56fe\u7247\u5217\u8868  | FileInputValue[] | - |\n| readonly | \u662f\u5426\u662f\u53ea\u8bfb\u6a21\u5f0f | boolean | false |\n| maxNumber | \u6587\u4ef6\u4e0a\u4f20\u6570\u91cf | boolean | false |\n| shape | \u56fe\u7247\u5c55\u793a\u5f62\u72b6  | `circle`\u3001`round` | `round` |\n| size | \u56fe\u7247\u5c55\u793a\u5927\u5c0f  | `large`\u3001`middle`\u3001`small` | `middle` |\n| showFileIcon | \u8bbe\u7f6e\u56fe\u6807\u6309\u94ae\u662f\u5426\u5c55\u793a | {showPreviewIcon?: boolean,showRemoveIcon?: boolean} | {showPreviewIcon: true, showRemoveIcon: true} |\n| onChange | \u6587\u4ef6\u4e0a\u4f20\u56de\u8c03 | (value: FileInputValue[]) => void | - |\n| onPreview | \u9884\u89c8\u56fe\u6807\u65f6\u7684\u56de\u8c03 | (value: FileInputValue[]) => void | - |\n\n"}}}]);
+//# sourceMappingURL=6716.d9c56744.chunk.js.map

package/web/static/js/{6716.02298cc2.chunk.js.map → 6716.d9c56744.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"static/js/6716.02298cc2.chunk.js","mappings":"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","sources":["../../packages/react-file-input/README.md"],"sourcesContent":["\nexport default {\n    components: { 18: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  var onChange = function onChange(e) {\n    console.log(e);\n  };\n\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    multiple: \"multiple\",\n    style: {\n      maxWidth: 200\n    },\n    size: \"small\",\n    onChange: onChange\n  }), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    multiple: \"multiple\",\n    style: {\n      maxWidth: 200\n    }\n  }), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null));\n};\n\nreturn Demo; })(),41: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"card\",\n    size: \"large\",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"plus\"\n  })), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"card\",\n    shape: \"circle\",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"plus\"\n  })), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"card\",\n    size: \"small\",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"plus\"\n  })));\n};\n\nreturn Demo; })(),104: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Demo = function Demo() {\n  var _React$useState = _react[\"default\"].useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      visible = _React$useState2[0],\n      visibleSet = _React$useState2[1];\n\n  var _React$useState3 = _react[\"default\"].useState(null),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      curfile = _React$useState4[0],\n      curFileSet = _React$useState4[1];\n\n  console.log('curfile', curfile);\n  return /*#__PURE__*/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Overlay, {\n    isOpen: visible,\n    onClosed: function onClosed() {\n      return visibleSet(false);\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"img\", {\n    src: \"\".concat(curfile === null || curfile === void 0 ? void 0 : curfile.dataURL),\n    alt: \"\".concat(curfile === null || curfile === void 0 ? void 0 : curfile.name)\n  })), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"picture\",\n    size: \"large\",\n    onPreview: function onPreview(file) {\n      visibleSet(true);\n      curFileSet(file);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"plus\"\n  })));\n};\n\nreturn Demo; })(),143: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"picture\",\n    size: \"large\",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\")), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"picture\",\n    shape: \"circle\",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\")), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"picture\",\n    size: \"small\",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\")), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"text\",\n    multiple: true,\n    maxNumber: 2,\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\")));\n}\n\nreturn Demo; })(),201: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Form, {\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n      console.log('current', current);\n    },\n    fields: {\n      picture1: {\n        label: '图片墙',\n        initialValue: [{\n          dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n          name: 'uiw.png'\n        }],\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n          uploadType: \"card\"\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n          type: \"plus\"\n        }))\n      },\n      picture2: {\n        label: '图片列表',\n        initialValue: [{\n          dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n          name: 'uiw.png'\n        }],\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n          uploadType: \"picture\"\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\"))\n      },\n      picture3: {\n        label: '图片名称列表',\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n          uploadType: \"text\"\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\"))\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n        state = _ref2.state,\n        canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, fields.picture1)), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, fields.picture2)), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, fields.picture3)), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: \"primary\",\n      htmlType: \"submit\"\n    }, \"\\u63D0\\u4EA4\"))), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(\"pre\", {\n      style: {\n        padding: '10px 0 0 10px'\n      }\n    }, JSON.stringify(state.current, null, 2)))));\n  }));\n}\n\nreturn Demo; })(), },\n    data: {\n  \"18\": {\n    \"name\": 18,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n  var onChange = function onChange(e) {\\n    console.log(e);\\n  };\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    multiple: \\\"multiple\\\",\\n    style: {\\n      maxWidth: 200\\n    },\\n    size: \\\"small\\\",\\n    onChange: onChange\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    multiple: \\\"multiple\\\",\\n    style: {\\n      maxWidth: 200\\n    }\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { FileInput, Button } from 'uiw';\\n\\nconst Demo = () => {\\n  const onChange = (e) => {\\n    console.log(e)\\n  }\\n  return (\\n    <div>\\n      <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} size=\\\"small\\\" onChange={onChange} />\\n      <br />\\n      <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} />\\n      <br />\\n    </div>\\n  )\\n}\\n\\nexport default Demo\"\n  },\n  \"41\": {\n    \"name\": 41,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"card\\\",\\n    size: \\\"large\\\",\\n    showFileIcon: {\\n      showPreviewIcon: false,\\n      showRemoveIcon: true\\n    },\\n    onPreview: function onPreview(file) {\\n      return console.log(file);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\\n    }],\\n    onChange: function onChange(items) {\\n      return console.log(items);\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"plus\\\"\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"card\\\",\\n    shape: \\\"circle\\\",\\n    showFileIcon: {\\n      showPreviewIcon: false,\\n      showRemoveIcon: true\\n    },\\n    onPreview: function onPreview(file) {\\n      return console.log(file);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\\n    }],\\n    onChange: function onChange(items) {\\n      return console.log(items);\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"plus\\\"\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"card\\\",\\n    size: \\\"small\\\",\\n    showFileIcon: {\\n      showPreviewIcon: false,\\n      showRemoveIcon: true\\n    },\\n    onPreview: function onPreview(file) {\\n      return console.log(file);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\\n    }],\\n    onChange: function onChange(items) {\\n      return console.log(items);\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"plus\\\"\\n  })));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { FileInput, Button,Icon } from 'uiw';\\n\\nconst Demo = () => {\\n  return (\\n    <div>\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        size=\\\"large\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        shape=\\\"circle\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        size=\\\"small\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n    </div>\\n  )\\n}\\n\\nexport default Demo\"\n  },\n  \"104\": {\n    \"name\": 104,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" || n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] || arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nvar Demo = function Demo() {\\n  var _React$useState = _react[\\\"default\\\"].useState(false),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      visible = _React$useState2[0],\\n      visibleSet = _React$useState2[1];\\n\\n  var _React$useState3 = _react[\\\"default\\\"].useState(null),\\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\\n      curfile = _React$useState4[0],\\n      curFileSet = _React$useState4[1];\\n\\n  console.log('curfile', curfile);\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_react[\\\"default\\\"].Fragment, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Overlay, {\\n    isOpen: visible,\\n    onClosed: function onClosed() {\\n      return visibleSet(false);\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"img\\\", {\\n    src: \\\"\\\".concat(curfile === null || curfile === void 0 ? void 0 : curfile.dataURL),\\n    alt: \\\"\\\".concat(curfile === null || curfile === void 0 ? void 0 : curfile.name)\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"picture\\\",\\n    size: \\\"large\\\",\\n    onPreview: function onPreview(file) {\\n      visibleSet(true);\\n      curFileSet(file);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"plus\\\"\\n  })));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { FileInput, Overlay,Icon } from 'uiw';\\n\\nconst Demo=()=>{\\n  const [visible,visibleSet]=React.useState(false)\\n  const [curfile,curFileSet]=React.useState(null)\\n  console.log('curfile',curfile)\\n\\n   return(\\n     <>\\n      <Overlay\\n        isOpen={visible}\\n        onClosed={()=>visibleSet(false)}\\n      >\\n        <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\\n      </Overlay>\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"large\\\"\\n        onPreview={(file) =>{\\n          visibleSet(true)\\n          curFileSet(file)\\n        }}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n    </>\\n   )\\n}\\n\\nexport default Demo\"\n  },\n  \"143\": {\n    \"name\": 143,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"picture\\\",\\n    size: \\\"large\\\",\\n    onPreview: function onPreview() {\\n      return console.log(234);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"picture\\\",\\n    shape: \\\"circle\\\",\\n    onPreview: function onPreview() {\\n      return console.log(234);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"picture\\\",\\n    size: \\\"small\\\",\\n    onPreview: function onPreview() {\\n      return console.log(234);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"text\\\",\\n    multiple: true,\\n    maxNumber: 2,\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\")));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { FileInput, Button } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <div>\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"large\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        shape=\\\"circle\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"small\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"text\\\"\\n        multiple\\n        maxNumber={2}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n    </div>\\n  );\\n}\\nexport default Demo\"\n  },\n  \"201\": {\n    \"name\": 201,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Form, {\\n    onSubmit: function onSubmit(_ref) {\\n      var initial = _ref.initial,\\n          current = _ref.current;\\n      console.log('current', current);\\n    },\\n    fields: {\\n      picture1: {\\n        label: '图片墙',\\n        initialValue: [{\\n          dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n          name: 'uiw.png'\\n        }],\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n          uploadType: \\\"card\\\"\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n          type: \\\"plus\\\"\\n        }))\\n      },\\n      picture2: {\\n        label: '图片列表',\\n        initialValue: [{\\n          dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n          name: 'uiw.png'\\n        }],\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n          uploadType: \\\"picture\\\"\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\"))\\n      },\\n      picture3: {\\n        label: '图片名称列表',\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n          uploadType: \\\"text\\\"\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\"))\\n      }\\n    }\\n  }, function (_ref2) {\\n    var fields = _ref2.fields,\\n        state = _ref2.state,\\n        canSubmit = _ref2.canSubmit;\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, fields.picture1)), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, fields.picture2)), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, fields.picture3)), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n      gutter: 10\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n      disabled: !canSubmit(),\\n      type: \\\"primary\\\",\\n      htmlType: \\\"submit\\\"\\n    }, \\\"\\\\u63D0\\\\u4EA4\\\"))), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"pre\\\", {\\n      style: {\\n        padding: '10px 0 0 10px'\\n      }\\n    }, JSON.stringify(state.current, null, 2)))));\\n  }));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\\n\\nfunction Demo() {\\n  return <div>\\n    <Form\\n      onSubmit={({initial, current}) => {\\n         console.log('current',current)\\n      }}\\n      fields={{\\n        picture1: {\\n          label: '图片墙',\\n          initialValue: [\\n            {\\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n            }\\n          ],\\n          children: (\\n            <FileInput uploadType=\\\"card\\\">\\n              <Icon type=\\\"plus\\\" />\\n            </FileInput>\\n          )\\n        },\\n        picture2: {\\n          label: '图片列表',\\n          initialValue: [\\n            {\\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n            }\\n          ],\\n          children: (\\n            <FileInput uploadType=\\\"picture\\\">\\n              <Button>新增</Button>\\n            </FileInput>\\n          )\\n        },\\n        picture3: {\\n          label: '图片名称列表',\\n          children: (\\n            <FileInput uploadType=\\\"text\\\">\\n              <Button>新增</Button>\\n            </FileInput>\\n          )\\n        },\\n      }}>\\n      {({ fields, state, canSubmit }) => {\\n        return (\\n          <div>\\n            <Row>\\n              <Col>{fields.picture1}</Col>\\n            </Row>\\n            <Row>\\n              <Col>{fields.picture2}</Col>\\n            </Row>\\n            <Row>\\n              <Col>{fields.picture3}</Col>\\n            </Row>\\n            <Row gutter={10}>\\n              <Col>\\n                <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n              </Col>\\n            </Row>\\n            <Row>\\n              <Col>\\n                <pre style={{ padding: '10px 0 0 10px' }}>\\n                  {JSON.stringify(state.current, null, 2)}\\n                </pre>\\n              </Col>\\n            </Row>\\n          </div>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n}\\nexport default Demo\"\n  }\n},\n    source: \"FileInput 上传输入框\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-file-input/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-file-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-file-input)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?label=@uiw/react-file-input)](https://npmjs.com/@uiw/react-file-input)\\n\\n这个组件仅仅是对 `<input type=\\\"file\\\">` 的美化，他是基于 Input 组件封装      。\\n\\n```jsx\\nimport { FileInput } from 'uiw';\\n// or\\nimport FileInput from '@uiw/react-file-input';\\n```\\n\\n### 基础用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { FileInput, Button } from 'uiw';\\n\\nconst Demo = () => {\\n  const onChange = (e) => {\\n    console.log(e)\\n  }\\n  return (\\n    <div>\\n      <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} size=\\\"small\\\" onChange={onChange} />\\n      <br />\\n      <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} />\\n      <br />\\n    </div>\\n  )\\n}\\n\\nexport default Demo\\n```\\n\\n### 图片墙\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { FileInput, Button,Icon } from 'uiw';\\n\\nconst Demo = () => {\\n  return (\\n    <div>\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        size=\\\"large\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        shape=\\\"circle\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        size=\\\"small\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n    </div>\\n  )\\n}\\n\\nexport default Demo\\n```\\n\\n### 图片预览\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { FileInput, Overlay,Icon } from 'uiw';\\n\\nconst Demo=()=>{\\n  const [visible,visibleSet]=React.useState(false)\\n  const [curfile,curFileSet]=React.useState(null)\\n  console.log('curfile',curfile)\\n\\n   return(\\n     <>\\n      <Overlay\\n        isOpen={visible}\\n        onClosed={()=>visibleSet(false)}\\n      >\\n        <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\\n      </Overlay>\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"large\\\"\\n        onPreview={(file) =>{\\n          visibleSet(true)\\n          curFileSet(file)\\n        }}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n    </>\\n   )\\n}\\n\\nexport default Demo\\n```\\n\\n### 图片列表样式\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { FileInput, Button } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <div>\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"large\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        shape=\\\"circle\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"small\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"text\\\"\\n        multiple\\n        maxNumber={2}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n    </div>\\n  );\\n}\\nexport default Demo\\n```\\n\\n### 在`Form`表单中使用\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\\n\\nfunction Demo() {\\n  return <div>\\n    <Form\\n      onSubmit={({initial, current}) => {\\n         console.log('current',current)\\n      }}\\n      fields={{\\n        picture1: {\\n          label: '图片墙',\\n          initialValue: [\\n            {\\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n            }\\n          ],\\n          children: (\\n            <FileInput uploadType=\\\"card\\\">\\n              <Icon type=\\\"plus\\\" />\\n            </FileInput>\\n          )\\n        },\\n        picture2: {\\n          label: '图片列表',\\n          initialValue: [\\n            {\\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n            }\\n          ],\\n          children: (\\n            <FileInput uploadType=\\\"picture\\\">\\n              <Button>新增</Button>\\n            </FileInput>\\n          )\\n        },\\n        picture3: {\\n          label: '图片名称列表',\\n          children: (\\n            <FileInput uploadType=\\\"text\\\">\\n              <Button>新增</Button>\\n            </FileInput>\\n          )\\n        },\\n      }}>\\n      {({ fields, state, canSubmit }) => {\\n        return (\\n          <div>\\n            <Row>\\n              <Col>{fields.picture1}</Col>\\n            </Row>\\n            <Row>\\n              <Col>{fields.picture2}</Col>\\n            </Row>\\n            <Row>\\n              <Col>{fields.picture3}</Col>\\n            </Row>\\n            <Row gutter={10}>\\n              <Col>\\n                <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n              </Col>\\n            </Row>\\n            <Row>\\n              <Col>\\n                <pre style={{ padding: '10px 0 0 10px' }}>\\n                  {JSON.stringify(state.current, null, 2)}\\n                </pre>\\n              </Col>\\n            </Row>\\n          </div>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n}\\nexport default Demo\\n```\\n\\n## Props\\n\\n- `uploadType: input` 基础输入框上传\\n\\n- `uploadType: picture` 图片列展示列表，显示图片\\n\\n- `uploadType: text` 图片列展示列表，不显示图片\\n\\n- `uploadType: card` 图片墙列表\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| uploadType | 上传展示类型 | `input`、`picture`、`text`、`card` | `input` |\\n| className | CSS类名称 | String | - |\\n| multiple | 是否多选上传 | boolean | - |\\n\\n\\n### Props uploadType input类型\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| dataLabel | input 后置文字 | `string` | `Browse` |\\n\\n更多属性文档请参考 [Input](#/components/input)。\\n\\n\\n### Props uploadType 非input类型\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 默认图片列表  | FileInputValue[] | - |\\n| readonly | 是否是只读模式 | boolean | false |\\n| maxNumber | 文件上传数量 | boolean | false |\\n| shape | 图片展示形状  | `circle`、`round` | `round` |\\n| size | 图片展示大小  | `large`、`middle`、`small` | `middle` |\\n| showFileIcon | 设置图标按钮是否展示 | {showPreviewIcon?: boolean,showRemoveIcon?: boolean} | {showPreviewIcon: true, showRemoveIcon: true} |\\n| onChange | 文件上传回调 | (value: FileInputValue[]) => void | - |\\n| onPreview | 预览图标时的回调 | (value: FileInputValue[]) => void | - |\\n\\n\"\n  }"],"names":["components","obj","_react","__esModule","_uiw","createElement","FileInput","multiple","style","maxWidth","size","onChange","e","console","log","uploadType","showFileIcon","showPreviewIcon","showRemoveIcon","onPreview","file","value","dataURL","items","Icon","type","shape","_slicedToArray","arr","i","Array","isArray","_arrayWithHoles","_i","Symbol","iterator","_s","_e","_arr","_n","_d","call","next","done","push","length","err","_iterableToArrayLimit","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","len","arr2","_React$useState2","useState","visible","visibleSet","_React$useState4","curfile","curFileSet","Fragment","Overlay","isOpen","onClosed","src","concat","alt","Button","maxNumber","Form","onSubmit","_ref","initial","current","fields","picture1","label","initialValue","children","picture2","picture3","_ref2","state","canSubmit","Row","Col","gutter","disabled","htmlType","padding","JSON","stringify","data","source"],"sourceRoot":""}
+{"version":3,"file":"static/js/6716.d9c56744.chunk.js","mappings":"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","sources":["../../packages/react-file-input/README.md"],"sourcesContent":["\nexport default {\n    components: { 18: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  var onChange = function onChange(e) {\n    console.log(e);\n  };\n\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    multiple: \"multiple\",\n    style: {\n      maxWidth: 200\n    },\n    size: \"small\",\n    onChange: onChange\n  }), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    multiple: \"multiple\",\n    style: {\n      maxWidth: 200\n    }\n  }), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null));\n};\n\nreturn Demo; })(),41: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"card\",\n    size: \"large\",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"plus\"\n  })), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"card\",\n    shape: \"circle\",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"plus\"\n  })), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"card\",\n    size: \"small\",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"plus\"\n  })));\n};\n\nreturn Demo; })(),104: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Demo = function Demo() {\n  var _React$useState = _react[\"default\"].useState(false),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      visible = _React$useState2[0],\n      visibleSet = _React$useState2[1];\n\n  var _React$useState3 = _react[\"default\"].useState(null),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      curfile = _React$useState4[0],\n      curFileSet = _React$useState4[1];\n\n  console.log('curfile', curfile);\n  return /*#__PURE__*/_react[\"default\"].createElement(_react[\"default\"].Fragment, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Overlay, {\n    isOpen: visible,\n    onClosed: function onClosed() {\n      return visibleSet(false);\n    }\n  }, /*#__PURE__*/_react[\"default\"].createElement(\"img\", {\n    src: \"\".concat(curfile === null || curfile === void 0 ? void 0 : curfile.dataURL),\n    alt: \"\".concat(curfile === null || curfile === void 0 ? void 0 : curfile.name)\n  })), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"picture\",\n    size: \"large\",\n    onPreview: function onPreview(file) {\n      visibleSet(true);\n      curFileSet(file);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n    type: \"plus\"\n  })));\n};\n\nreturn Demo; })(),143: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"picture\",\n    size: \"large\",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\")), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"picture\",\n    shape: \"circle\",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\")), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"picture\",\n    size: \"small\",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\")), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n    uploadType: \"text\",\n    multiple: true,\n    maxNumber: 2,\n    value: [{\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n      name: 'uiw.png'\n    }]\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\")));\n}\n\nreturn Demo; })(),201: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Form, {\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n      console.log('current', current);\n    },\n    fields: {\n      picture1: {\n        label: '图片墙',\n        initialValue: [{\n          dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n          name: 'uiw.png'\n        }],\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n          uploadType: \"card\"\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n          type: \"plus\"\n        }))\n      },\n      picture2: {\n        label: '图片列表',\n        initialValue: [{\n          dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\n          name: 'uiw.png'\n        }],\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n          uploadType: \"picture\"\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\"))\n      },\n      picture3: {\n        label: '图片名称列表',\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.FileInput, {\n          uploadType: \"text\"\n        }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, null, \"\\u65B0\\u589E\"))\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n        state = _ref2.state,\n        canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, fields.picture1)), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, fields.picture2)), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, fields.picture3)), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: \"primary\",\n      htmlType: \"submit\"\n    }, \"\\u63D0\\u4EA4\"))), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(\"pre\", {\n      style: {\n        padding: '10px 0 0 10px'\n      }\n    }, JSON.stringify(state.current, null, 2)))));\n  }));\n}\n\nreturn Demo; })(), },\n    data: {\n  \"18\": {\n    \"name\": 18,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n  var onChange = function onChange(e) {\\n    console.log(e);\\n  };\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    multiple: \\\"multiple\\\",\\n    style: {\\n      maxWidth: 200\\n    },\\n    size: \\\"small\\\",\\n    onChange: onChange\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    multiple: \\\"multiple\\\",\\n    style: {\\n      maxWidth: 200\\n    }\\n  }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { FileInput, Button } from 'uiw';\\n\\nconst Demo = () => {\\n  const onChange = (e) => {\\n    console.log(e)\\n  }\\n  return (\\n    <div>\\n      <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} size=\\\"small\\\" onChange={onChange} />\\n      <br />\\n      <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} />\\n      <br />\\n    </div>\\n  )\\n}\\n\\nexport default Demo\"\n  },\n  \"41\": {\n    \"name\": 41,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"card\\\",\\n    size: \\\"large\\\",\\n    showFileIcon: {\\n      showPreviewIcon: false,\\n      showRemoveIcon: true\\n    },\\n    onPreview: function onPreview(file) {\\n      return console.log(file);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\\n    }],\\n    onChange: function onChange(items) {\\n      return console.log(items);\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"plus\\\"\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"card\\\",\\n    shape: \\\"circle\\\",\\n    showFileIcon: {\\n      showPreviewIcon: false,\\n      showRemoveIcon: true\\n    },\\n    onPreview: function onPreview(file) {\\n      return console.log(file);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\\n    }],\\n    onChange: function onChange(items) {\\n      return console.log(items);\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"plus\\\"\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"card\\\",\\n    size: \\\"small\\\",\\n    showFileIcon: {\\n      showPreviewIcon: false,\\n      showRemoveIcon: true\\n    },\\n    onPreview: function onPreview(file) {\\n      return console.log(file);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'\\n    }],\\n    onChange: function onChange(items) {\\n      return console.log(items);\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"plus\\\"\\n  })));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { FileInput, Button,Icon } from 'uiw';\\n\\nconst Demo = () => {\\n  return (\\n    <div>\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        size=\\\"large\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        shape=\\\"circle\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        size=\\\"small\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n    </div>\\n  )\\n}\\n\\nexport default Demo\"\n  },\n  \"104\": {\n    \"name\": 104,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" || n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] || arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nvar Demo = function Demo() {\\n  var _React$useState = _react[\\\"default\\\"].useState(false),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      visible = _React$useState2[0],\\n      visibleSet = _React$useState2[1];\\n\\n  var _React$useState3 = _react[\\\"default\\\"].useState(null),\\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\\n      curfile = _React$useState4[0],\\n      curFileSet = _React$useState4[1];\\n\\n  console.log('curfile', curfile);\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_react[\\\"default\\\"].Fragment, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Overlay, {\\n    isOpen: visible,\\n    onClosed: function onClosed() {\\n      return visibleSet(false);\\n    }\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"img\\\", {\\n    src: \\\"\\\".concat(curfile === null || curfile === void 0 ? void 0 : curfile.dataURL),\\n    alt: \\\"\\\".concat(curfile === null || curfile === void 0 ? void 0 : curfile.name)\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"picture\\\",\\n    size: \\\"large\\\",\\n    onPreview: function onPreview(file) {\\n      visibleSet(true);\\n      curFileSet(file);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n    type: \\\"plus\\\"\\n  })));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { FileInput, Overlay,Icon } from 'uiw';\\n\\nconst Demo=()=>{\\n  const [visible,visibleSet]=React.useState(false)\\n  const [curfile,curFileSet]=React.useState(null)\\n  console.log('curfile',curfile)\\n\\n   return(\\n     <>\\n      <Overlay\\n        isOpen={visible}\\n        onClosed={()=>visibleSet(false)}\\n      >\\n        <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\\n      </Overlay>\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"large\\\"\\n        onPreview={(file) =>{\\n          visibleSet(true)\\n          curFileSet(file)\\n        }}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n    </>\\n   )\\n}\\n\\nexport default Demo\"\n  },\n  \"143\": {\n    \"name\": 143,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"picture\\\",\\n    size: \\\"large\\\",\\n    onPreview: function onPreview() {\\n      return console.log(234);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"picture\\\",\\n    shape: \\\"circle\\\",\\n    onPreview: function onPreview() {\\n      return console.log(234);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"picture\\\",\\n    size: \\\"small\\\",\\n    onPreview: function onPreview() {\\n      return console.log(234);\\n    },\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n    uploadType: \\\"text\\\",\\n    multiple: true,\\n    maxNumber: 2,\\n    value: [{\\n      dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n      name: 'uiw.png'\\n    }]\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\")));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { FileInput, Button } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <div>\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"large\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        shape=\\\"circle\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"small\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"text\\\"\\n        multiple\\n        maxNumber={2}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n    </div>\\n  );\\n}\\nexport default Demo\"\n  },\n  \"201\": {\n    \"name\": 201,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction Demo() {\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Form, {\\n    onSubmit: function onSubmit(_ref) {\\n      var initial = _ref.initial,\\n          current = _ref.current;\\n      console.log('current', current);\\n    },\\n    fields: {\\n      picture1: {\\n        label: '图片墙',\\n        initialValue: [{\\n          dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n          name: 'uiw.png'\\n        }],\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n          uploadType: \\\"card\\\"\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n          type: \\\"plus\\\"\\n        }))\\n      },\\n      picture2: {\\n        label: '图片列表',\\n        initialValue: [{\\n          dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4',\\n          name: 'uiw.png'\\n        }],\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n          uploadType: \\\"picture\\\"\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\"))\\n      },\\n      picture3: {\\n        label: '图片名称列表',\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.FileInput, {\\n          uploadType: \\\"text\\\"\\n        }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, null, \\\"\\\\u65B0\\\\u589E\\\"))\\n      }\\n    }\\n  }, function (_ref2) {\\n    var fields = _ref2.fields,\\n        state = _ref2.state,\\n        canSubmit = _ref2.canSubmit;\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, fields.picture1)), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, fields.picture2)), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, fields.picture3)), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n      gutter: 10\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n      disabled: !canSubmit(),\\n      type: \\\"primary\\\",\\n      htmlType: \\\"submit\\\"\\n    }, \\\"\\\\u63D0\\\\u4EA4\\\"))), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"pre\\\", {\\n      style: {\\n        padding: '10px 0 0 10px'\\n      }\\n    }, JSON.stringify(state.current, null, 2)))));\\n  }));\\n}\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\\n\\nfunction Demo() {\\n  return <div>\\n    <Form\\n      onSubmit={({initial, current}) => {\\n         console.log('current',current)\\n      }}\\n      fields={{\\n        picture1: {\\n          label: '图片墙',\\n          initialValue: [\\n            {\\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n            }\\n          ],\\n          children: (\\n            <FileInput uploadType=\\\"card\\\">\\n              <Icon type=\\\"plus\\\" />\\n            </FileInput>\\n          )\\n        },\\n        picture2: {\\n          label: '图片列表',\\n          initialValue: [\\n            {\\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n            }\\n          ],\\n          children: (\\n            <FileInput uploadType=\\\"picture\\\">\\n              <Button>新增</Button>\\n            </FileInput>\\n          )\\n        },\\n        picture3: {\\n          label: '图片名称列表',\\n          children: (\\n            <FileInput uploadType=\\\"text\\\">\\n              <Button>新增</Button>\\n            </FileInput>\\n          )\\n        },\\n      }}>\\n      {({ fields, state, canSubmit }) => {\\n        return (\\n          <div>\\n            <Row>\\n              <Col>{fields.picture1}</Col>\\n            </Row>\\n            <Row>\\n              <Col>{fields.picture2}</Col>\\n            </Row>\\n            <Row>\\n              <Col>{fields.picture3}</Col>\\n            </Row>\\n            <Row gutter={10}>\\n              <Col>\\n                <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n              </Col>\\n            </Row>\\n            <Row>\\n              <Col>\\n                <pre style={{ padding: '10px 0 0 10px' }}>\\n                  {JSON.stringify(state.current, null, 2)}\\n                </pre>\\n              </Col>\\n            </Row>\\n          </div>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n}\\nexport default Demo\"\n  }\n},\n    source: \"FileInput 上传输入框\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-file-input/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-file-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-file-input)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?label=@uiw/react-file-input)](https://npmjs.com/@uiw/react-file-input)\\n\\n这个组件仅仅是对 `<input type=\\\"file\\\">` 的美化，他是基于 Input 组件封装      。\\n\\n```jsx\\nimport { FileInput } from 'uiw';\\n// or\\nimport FileInput from '@uiw/react-file-input';\\n```\\n\\n### 基础用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { FileInput, Button } from 'uiw';\\n\\nconst Demo = () => {\\n  const onChange = (e) => {\\n    console.log(e)\\n  }\\n  return (\\n    <div>\\n      <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} size=\\\"small\\\" onChange={onChange} />\\n      <br />\\n      <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} />\\n      <br />\\n    </div>\\n  )\\n}\\n\\nexport default Demo\\n```\\n\\n### 图片墙\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { FileInput, Button,Icon } from 'uiw';\\n\\nconst Demo = () => {\\n  return (\\n    <div>\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        size=\\\"large\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        shape=\\\"circle\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"card\\\"\\n        size=\\\"small\\\"\\n        showFileIcon={{\\n          showPreviewIcon: false,\\n          showRemoveIcon: true\\n        }}\\n        onPreview={(file) => console.log(file)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n        ]}\\n        onChange={(items) => console.log(items)}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n    </div>\\n  )\\n}\\n\\nexport default Demo\\n```\\n\\n### 图片预览\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { FileInput, Overlay,Icon } from 'uiw';\\n\\nconst Demo=()=>{\\n  const [visible,visibleSet]=React.useState(false)\\n  const [curfile,curFileSet]=React.useState(null)\\n  console.log('curfile',curfile)\\n\\n   return(\\n     <>\\n      <Overlay\\n        isOpen={visible}\\n        onClosed={()=>visibleSet(false)}\\n      >\\n        <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\\n      </Overlay>\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"large\\\"\\n        onPreview={(file) =>{\\n          visibleSet(true)\\n          curFileSet(file)\\n        }}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Icon type=\\\"plus\\\" />\\n      </FileInput>\\n    </>\\n   )\\n}\\n\\nexport default Demo\\n```\\n\\n### 图片列表样式\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { FileInput, Button } from 'uiw';\\n\\nfunction Demo() {\\n  return (\\n    <div>\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"large\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        shape=\\\"circle\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"picture\\\"\\n        size=\\\"small\\\"\\n        onPreview={() => console.log(234)}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n      <br />\\n      <FileInput\\n        uploadType=\\\"text\\\"\\n        multiple\\n        maxNumber={2}\\n        value={[\\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n        ]}\\n      >\\n        <Button>新增</Button>\\n      </FileInput>\\n    </div>\\n  );\\n}\\nexport default Demo\\n```\\n\\n### 在`Form`表单中使用\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\\n\\nfunction Demo() {\\n  return <div>\\n    <Form\\n      onSubmit={({initial, current}) => {\\n         console.log('current',current)\\n      }}\\n      fields={{\\n        picture1: {\\n          label: '图片墙',\\n          initialValue: [\\n            {\\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n            }\\n          ],\\n          children: (\\n            <FileInput uploadType=\\\"card\\\">\\n              <Icon type=\\\"plus\\\" />\\n            </FileInput>\\n          )\\n        },\\n        picture2: {\\n          label: '图片列表',\\n          initialValue: [\\n            {\\n              dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n            }\\n          ],\\n          children: (\\n            <FileInput uploadType=\\\"picture\\\">\\n              <Button>新增</Button>\\n            </FileInput>\\n          )\\n        },\\n        picture3: {\\n          label: '图片名称列表',\\n          children: (\\n            <FileInput uploadType=\\\"text\\\">\\n              <Button>新增</Button>\\n            </FileInput>\\n          )\\n        },\\n      }}>\\n      {({ fields, state, canSubmit }) => {\\n        return (\\n          <div>\\n            <Row>\\n              <Col>{fields.picture1}</Col>\\n            </Row>\\n            <Row>\\n              <Col>{fields.picture2}</Col>\\n            </Row>\\n            <Row>\\n              <Col>{fields.picture3}</Col>\\n            </Row>\\n            <Row gutter={10}>\\n              <Col>\\n                <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n              </Col>\\n            </Row>\\n            <Row>\\n              <Col>\\n                <pre style={{ padding: '10px 0 0 10px' }}>\\n                  {JSON.stringify(state.current, null, 2)}\\n                </pre>\\n              </Col>\\n            </Row>\\n          </div>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n}\\nexport default Demo\\n```\\n\\n## Props\\n\\n- `uploadType: input` 基础输入框上传\\n\\n- `uploadType: picture` 图片列展示列表，显示图片\\n\\n- `uploadType: text` 图片列展示列表，不显示图片\\n\\n- `uploadType: card` 图片墙列表\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| uploadType | 上传展示类型 | `input`、`picture`、`text`、`card` | `input` |\\n| className | CSS类名称 | String | - |\\n| multiple | 是否多选上传 | boolean | - |\\n\\n\\n### Props uploadType input类型\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| dataLabel | input 后置文字 | `string` | `Browse` |\\n\\n更多属性文档请参考 [Input](#/components/input)。\\n\\n\\n### Props uploadType 非input类型\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 默认图片列表  | FileInputValue[] | - |\\n| readonly | 是否是只读模式 | boolean | false |\\n| maxNumber | 文件上传数量 | boolean | false |\\n| shape | 图片展示形状  | `circle`、`round` | `round` |\\n| size | 图片展示大小  | `large`、`middle`、`small` | `middle` |\\n| showFileIcon | 设置图标按钮是否展示 | {showPreviewIcon?: boolean,showRemoveIcon?: boolean} | {showPreviewIcon: true, showRemoveIcon: true} |\\n| onChange | 文件上传回调 | (value: FileInputValue[]) => void | - |\\n| onPreview | 预览图标时的回调 | (value: FileInputValue[]) => void | - |\\n\\n\"\n  }"],"names":["components","obj","_react","__esModule","_uiw","createElement","FileInput","multiple","style","maxWidth","size","onChange","e","console","log","uploadType","showFileIcon","showPreviewIcon","showRemoveIcon","onPreview","file","value","dataURL","items","Icon","type","shape","_slicedToArray","arr","i","Array","isArray","_arrayWithHoles","_i","Symbol","iterator","_s","_e","_arr","_n","_d","call","next","done","push","length","err","_iterableToArrayLimit","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","len","arr2","_React$useState2","useState","visible","visibleSet","_React$useState4","curfile","curFileSet","Fragment","Overlay","isOpen","onClosed","src","concat","alt","Button","maxNumber","Form","onSubmit","_ref","initial","current","fields","picture1","label","initialValue","children","picture2","picture3","_ref2","state","canSubmit","Row","Col","gutter","disabled","htmlType","padding","JSON","stringify","data","source"],"sourceRoot":""}