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

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.add4b992.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},r=t(968);return function(){return n.default.createElement("div",null,n.default.createElement(r.FileInput,{multiple:"multiple",style:{maxWidth:200},size:"small",onChange:function(e){console.log(e)}}),n.default.createElement("br",null),n.default.createElement(r.FileInput,{multiple:"multiple",style:{maxWidth:200}}),n.default.createElement("br",null))}}(),41:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(968);return function(){return n.default.createElement("div",null,n.default.createElement(r.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(r.Icon,{type:"plus"})),n.default.createElement("br",null),n.default.createElement(r.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(r.Icon,{type:"plus"})),n.default.createElement("br",null),n.default.createElement(r.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(r.Icon,{type:"plus"})))}}(),104:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(968);function u(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 r,u,l=[],a=!0,o=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);a=!0);}catch(i){o=!0,u=i}finally{try{a||null==t.return||t.return()}finally{if(o)throw u}}return l}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return l(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 l(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 l(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}return function(){var e=u(n.default.useState(!1),2),t=e[0],l=e[1],a=u(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(r.Overlay,{isOpen:t,onClosed:function(){return l(!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(r.FileInput,{uploadType:"picture",size:"large",onPreview:function(e){l(!0),i(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(r.Icon,{type:"plus"})))}}(),143:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(968);return function(){return n.default.createElement("div",null,n.default.createElement(r.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(r.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(r.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(r.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(r.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(r.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(r.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(r.Button,null,"\u65b0\u589e")))}}(),201:function(){function e(n){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(n)}var n=function(n,t){if(!t&&n&&n.__esModule)return n;if(null===n||"object"!==e(n)&&"function"!==typeof n)return{default:n};var r=u(t);if(r&&r.has(n))return r.get(n);var l={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in n)if("default"!==o&&Object.prototype.hasOwnProperty.call(n,o)){var i=a?Object.getOwnPropertyDescriptor(n,o):null;i&&(i.get||i.set)?Object.defineProperty(l,o,i):l[o]=n[o]}l.default=n,r&&r.set(n,l);return l}(t(8133)),r=t(968);function u(e){if("function"!==typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:n})(e)}function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}return function(){var e=(0,n.useRef)();return n.default.createElement("div",null,n.default.createElement(r.Button,{type:"danger",onClick:function(){var n=e.current.getFieldValues();e.current.setFields(a(a({},n),{},{picture1:[],picture2:[],picture3:[]}))}},"\u6e05\u7a7a\u7167\u7247"),n.default.createElement(r.Form,{ref:e,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(r.FileInput,{uploadType:"card"},n.default.createElement(r.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(r.FileInput,{uploadType:"picture"},n.default.createElement(r.Button,null,"\u65b0\u589e"))},picture3:{label:"\u56fe\u7247\u540d\u79f0\u5217\u8868",children:n.default.createElement(r.FileInput,{uploadType:"text"},n.default.createElement(r.Button,null,"\u65b0\u589e"))}}},(function(e){var t=e.fields,u=e.state,l=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,t.picture1)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,t.picture2)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,t.picture3)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,n.default.createElement(r.Button,{disabled:!l(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,n.default.createElement("pre",{style:{padding:"10px 0 0 10px"}},JSON.stringify(u.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\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireWildcard(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction Demo() {\n  var form = (0, _react.useRef)();\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "danger",\n    onClick: function onClick() {\n      var value = form.current.getFieldValues();\n      form.current.setFields(_objectSpread(_objectSpread({}, value), {}, {\n        picture1: [],\n        picture2: [],\n        picture3: []\n      }));\n    }\n  }, "\\u6E05\\u7A7A\\u7167\\u7247"), /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n    ref: 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,{useRef} from 'react';\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\n\nfunction Demo() {\n  const form = useRef()\n  return <div>\n  <Button\n    type=\"danger\" \n    onClick={()=>{\n      const value =  form.current.getFieldValues()\n      form.current.setFields({\n        ...value,\n        picture1:[],\n        picture2:[],\n        picture3:[]\n      })\n    }}\n  >\n    \u6e05\u7a7a\u7167\u7247\n  </Button>\n    <Form\n      ref={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,{useRef} from 'react';\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\n\nfunction Demo() {\n  const form = useRef()\n  return <div>\n  <Button\n    type=\"danger\" \n    onClick={()=>{\n      const value =  form.current.getFieldValues()\n      form.current.setFields({\n        ...value,\n        picture1:[],\n        picture2:[],\n        picture3:[]\n      })\n    }}\n  >\n    \u6e05\u7a7a\u7167\u7247\n  </Button>\n    <Form\n      ref={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.add4b992.chunk.js.map

package/web/static/js/6716.add4b992.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/6716.add4b992.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\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction Demo() {\n  var form = (0, _react.useRef)();\n  return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n    type: \"danger\",\n    onClick: function onClick() {\n      var value = form.current.getFieldValues();\n      form.current.setFields(_objectSpread(_objectSpread({}, value), {}, {\n        picture1: [],\n        picture2: [],\n        picture3: []\n      }));\n    }\n  }, \"\\u6E05\\u7A7A\\u7167\\u7247\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Form, {\n    ref: 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\\nfunction _typeof(obj) { \\\"@babel/helpers - typeof\\\"; return _typeof = \\\"function\\\" == typeof Symbol && \\\"symbol\\\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \\\"function\\\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \\\"symbol\\\" : typeof obj; }, _typeof(obj); }\\n\\nvar _react = _interopRequireWildcard(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \\\"function\\\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\\n\\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \\\"object\\\" && typeof obj !== \\\"function\\\") { return { \\\"default\\\": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \\\"default\\\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\\\"default\\\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\\n\\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\\n\\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\\n\\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\\n\\nfunction Demo() {\\n  var form = (0, _react.useRef)();\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n    type: \\\"danger\\\",\\n    onClick: function onClick() {\\n      var value = form.current.getFieldValues();\\n      form.current.setFields(_objectSpread(_objectSpread({}, value), {}, {\\n        picture1: [],\\n        picture2: [],\\n        picture3: []\\n      }));\\n    }\\n  }, \\\"\\\\u6E05\\\\u7A7A\\\\u7167\\\\u7247\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Form, {\\n    ref: 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,{useRef} from 'react';\\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\\n\\nfunction Demo() {\\n  const form = useRef()\\n  return <div>\\n  <Button\\n    type=\\\"danger\\\" \\n    onClick={()=>{\\n      const value =  form.current.getFieldValues()\\n      form.current.setFields({\\n        ...value,\\n        picture1:[],\\n        picture2:[],\\n        picture3:[]\\n      })\\n    }}\\n  >\\n    清空照片\\n  </Button>\\n    <Form\\n      ref={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,{useRef} from 'react';\\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\\n\\nfunction Demo() {\\n  const form = useRef()\\n  return <div>\\n  <Button\\n    type=\\\"danger\\\" \\n    onClick={()=>{\\n      const value =  form.current.getFieldValues()\\n      form.current.setFields({\\n        ...value,\\n        picture1:[],\\n        picture2:[],\\n        picture3:[]\\n      })\\n    }}\\n  >\\n    清空照片\\n  </Button>\\n    <Form\\n      ref={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","_typeof","nodeInterop","cache","_getRequireWildcardCache","has","get","newObj","hasPropertyDescriptor","defineProperty","getOwnPropertyDescriptor","key","hasOwnProperty","desc","set","_interopRequireWildcard","WeakMap","cacheBabelInterop","cacheNodeInterop","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","apply","_objectSpread","target","arguments","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","configurable","writable","form","useRef","onClick","current","getFieldValues","setFields","picture1","picture2","picture3","Form","ref","onSubmit","_ref","initial","fields","label","initialValue","children","_ref2","state","canSubmit","Row","Col","gutter","disabled","htmlType","padding","JSON","stringify","data"],"sourceRoot":""}

package/web/static/js/6795.b4c430d9.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6795],{6795:function(e,t,n){n.r(t),t.default={components:{20:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(968);return function(){return t.default.createElement(u.Steps,{current:1,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),41:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(968);return function(){return t.default.createElement(u.Steps,{current:1,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db"}))}}(),62:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(968),r=n(4298);return function(){return t.default.createElement(u.Steps,{current:1,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{icon:t.default.createElement(u.Icon,{type:"user"}),title:"\u6ce8\u518c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{icon:t.default.createElement(u.Icon,{type:"picasa",spin:!0,color:"red"}),title:"\u4e0a\u4f20\u5934\u50cf",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{icon:t.default.createElement(u.StepsStyleItemHeadInnerSvg,{as:r.Message}),title:"\u9a8c\u8bc1\u90ae\u7bb1",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),85:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(968);return function(){return t.default.createElement(u.Steps,{current:2,status:"error",style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),107:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(968);return function(){return t.default.createElement(u.Steps,{progressDot:!0,status:"error",current:2,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),129:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(968);function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var u,r,i=[],a=!0,o=!1;try{for(n=n.call(e);!(a=(u=n.next()).done)&&(i.push(u.value),!t||i.length!==t);a=!0);}catch(p){o=!0,r=p}finally{try{a||null==n.return||n.return()}finally{if(o)throw r}}return i}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e,t)||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 i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,u=new Array(t);n<t;n++)u[n]=e[n];return u}var a={minHeight:200,backgroundColor:"#fafafa",textAlign:"center",borderRadius:6,paddingTop:80,marginTop:15},o=[{title:"\u7b2c\u4e00\u6b65",content:"\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7"},{title:"\u7b2c\u4e8c\u6b65",content:"\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002"},{title:"\u7b2c\u4e09\u6b65",content:"\u9a8c\u8bc1\u90ae\u7bb1"}];return function(){var e=r(t.default.useState(0),2),n=e[0],i=e[1];return t.default.createElement("div",null,t.default.createElement(u.Steps,{current:n},o.map((function(e){return t.default.createElement(u.Steps.Step,{key:e.title,title:e.title})}))),t.default.createElement("div",{style:a},o[n].content),t.default.createElement("div",{style:{marginTop:20}},n<o.length-1&&t.default.createElement(u.Button,{type:"primary",size:"small",onClick:function(){return i(n+1)}},"\u4e0b\u4e00\u6b65"),n===o.length-1&&t.default.createElement(u.Button,{type:"primary",size:"small",onClick:function(){return u.Notify.open({description:"\u5904\u7406\u5b8c\u6210!"})}},"\u5b8c\u6210"),n>0&&t.default.createElement(u.Button,{size:"small",style:{marginLeft:8},onClick:function(){return i(n-1)}},"\u4e0a\u4e00\u6b65")))}}(),179:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(968);return function(){return t.default.createElement(u.Row,{gutter:20},t.default.createElement(u.Col,null,t.default.createElement(u.Steps,{current:1,direction:"vertical",style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u5df2\u5b8c\u6210",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}),t.default.createElement(u.Steps.Step,{title:"\u8fdb\u884c\u4e2d",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}),t.default.createElement(u.Steps.Step,{status:"error",title:"\u5f85\u8fdb\u884c",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}),t.default.createElement(u.Steps.Step,{title:"\u5f85\u8fdb\u884c",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}))),t.default.createElement(u.Col,null,t.default.createElement(u.Steps,{direction:"vertical",progressDot:!0,status:"error",current:2,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))))}}()},data:{20:{name:20,meta:{disableCheckered:"true",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(_uiw.Steps, {\n    current: 1,\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\nfunction Demo() {\n  return (\n    <Steps current={1} style={{ padding:"20px 0" }}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo'},41:{name:41,meta:{disableCheckered:"true",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(_uiw.Steps, {\n    current: 1,\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps current={1} style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" />\n    </Steps>\n  )\n}\nexport default Demo'},62:{name:62,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nvar _icons = require("@uiw/icons");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: 1,\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "user"\n    }),\n    title: "\\u6CE8\\u518C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "picasa",\n      spin: true,\n      color: "red"\n    }),\n    title: "\\u4E0A\\u4F20\\u5934\\u50CF",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.StepsStyleItemHeadInnerSvg, {\n      as: _icons.Message\n    }),\n    title: "\\u9A8C\\u8BC1\\u90AE\\u7BB1",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps, Icon } from \'uiw\';\nimport { StepsStyleItemHeadInnerSvg } from \'uiw\';\nimport { Message } from "@uiw/icons"\n\nfunction Demo() {\n  return (\n    <Steps current={1} style={{padding:"20px 0"}}>\n      <Steps.Step icon={<Icon type="user"/>} title="\u6ce8\u518c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step icon={<Icon type="picasa" spin={true} color="red" />} title="\u4e0a\u4f20\u5934\u50cf" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step icon={<StepsStyleItemHeadInnerSvg as={Message} />} title="\u9a8c\u8bc1\u90ae\u7bb1" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo'},85:{name:85,meta:{disableCheckered:"true",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(_uiw.Steps, {\n    current: 2,\n    status: "error",\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps current={2} status="error" style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo'},107:{name:107,meta:{disableCheckered:"true",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(_uiw.Steps, {\n    progressDot: true,\n    status: "error",\n    current: 2,\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps progressDot status="error" current={2} style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo'},129:{name:129,meta:{disableCheckered:"true",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 conStyle = {\n  minHeight: 200,\n  backgroundColor: \'#fafafa\',\n  textAlign: \'center\',\n  borderRadius: 6,\n  paddingTop: 80,\n  marginTop: 15\n};\nvar steps = [{\n  title: \'\u7b2c\u4e00\u6b65\',\n  content: \'\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7\'\n}, {\n  title: \'\u7b2c\u4e8c\u6b65\',\n  content: \'\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002\'\n}, {\n  title: \'\u7b2c\u4e09\u6b65\',\n  content: \'\u9a8c\u8bc1\u90ae\u7bb1\'\n}];\n\nfunction Demo() {\n  var _React$useState = _react["default"].useState(0),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      current = _React$useState2[0],\n      setCurrent = _React$useState2[1];\n\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: current\n  }, steps.map(function (item) {\n    return /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n      key: item.title,\n      title: item.title\n    });\n  })), /*#__PURE__*/_react["default"].createElement("div", {\n    style: conStyle\n  }, steps[current].content), /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      marginTop: 20\n    }\n  }, current < steps.length - 1 && /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "primary",\n    size: "small",\n    onClick: function onClick() {\n      return setCurrent(current + 1);\n    }\n  }, "\\u4E0B\\u4E00\\u6B65"), current === steps.length - 1 && /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "primary",\n    size: "small",\n    onClick: function onClick() {\n      return _uiw.Notify.open({\n        description: \'\u5904\u7406\u5b8c\u6210!\'\n      });\n    }\n  }, "\\u5B8C\\u6210"), current > 0 && /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    size: "small",\n    style: {\n      marginLeft: 8\n    },\n    onClick: function onClick() {\n      return setCurrent(current - 1);\n    }\n  }, "\\u4E0A\\u4E00\\u6B65")));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Steps, Button, Notify } from 'uiw';\n\nconst conStyle = { minHeight: 200, backgroundColor: '#fafafa',textAlign: 'center', borderRadius: 6, paddingTop: 80, marginTop: 15 }\nconst steps = [\n  {\n    title: '\u7b2c\u4e00\u6b65',\n    content: '\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7',\n  }, {\n    title: '\u7b2c\u4e8c\u6b65',\n    content: '\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002',\n  }, {\n    title: '\u7b2c\u4e09\u6b65',\n    content: '\u9a8c\u8bc1\u90ae\u7bb1',\n  }\n]\n\nfunction Demo() {\n  const [current, setCurrent] = React.useState(0);\n    return (\n      <div>\n        <Steps current={current}>\n          {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\n        </Steps>\n        <div style={conStyle}>{steps[current].content}</div>\n        <div style={{marginTop: 20}}>\n          {current < steps.length - 1 && (\n            <Button type=\"primary\" size=\"small\" onClick={() => setCurrent(current + 1)}>\u4e0b\u4e00\u6b65</Button>\n          )}\n          {current === steps.length - 1 && (\n            <Button type=\"primary\" size=\"small\" onClick={() => Notify.open({ description: '\u5904\u7406\u5b8c\u6210!' })}>\u5b8c\u6210</Button>\n          )}\n          {current > 0 && (\n            <Button size=\"small\" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\n              \u4e0a\u4e00\u6b65\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n}\n\nexport default Demo"},179:{name:179,meta:{disableCheckered:"true",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(_uiw.Row, {\n    gutter: 20\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: 1,\n    direction: "vertical",\n    style: {\n      padding: \'20px 0\'\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u5DF2\\u5B8C\\u6210",\n    description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u8FDB\\u884C\\u4E2D",\n    description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    status: "error",\n    title: "\\u5F85\\u8FDB\\u884C",\n    description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u5F85\\u8FDB\\u884C",\n    description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    direction: "vertical",\n    progressDot: true,\n    status: "error",\n    current: 2,\n    style: {\n      padding: \'20px 0\'\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps, Row, Col } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Row gutter={20}>\n      <Col>\n        <Steps current={1} direction="vertical" style={{ padding: \'20px 0\' }}>\n          <Steps.Step title="\u5df2\u5b8c\u6210" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step title="\u8fdb\u884c\u4e2d" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step status="error" title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n        </Steps>\n      </Col>\n      <Col>\n        <Steps direction="vertical" progressDot status="error" current={2} style={{ padding: \'20px 0\' }}>\n          <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n        </Steps>\n      </Col>\n    </Row>\n  )\n}\n\nexport default Demo'}},source:'Steps \u6b65\u9aa4\u6761\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-steps/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-steps.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-steps)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-steps.svg?label=@uiw/react-steps)](https://npmjs.com/@uiw/react-steps)\n\n\u5f15\u5bfc\u7528\u6237\u6309\u7167\u6d41\u7a0b\u5b8c\u6210\u4efb\u52a1\u7684\u5bfc\u822a\u6761\u3002\u5f53\u4efb\u52a1\u590d\u6742\u6216\u8005\u5b58\u5728\u5148\u540e\u5173\u7cfb\u65f6\uff0c\u5c06\u5176\u5206\u89e3\u6210\u4e00\u7cfb\u5217\u6b65\u9aa4\uff0c\u4ece\u800c\u7b80\u5316\u4efb\u52a1\u3002\n\n```jsx\nimport { Steps } from \'uiw\';\n// or\nimport Steps from \'@uiw/react-steps\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\u7b80\u5355\u7684\u6b65\u9aa4\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\nfunction Demo() {\n  return (\n    <Steps current={1} style={{ padding:"20px 0" }}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo\n```\n\n### \u6ca1\u6709\u8be6\u60c5\u4ecb\u7ecd\n\n\u7b80\u5355\u7684\u6b65\u9aa4\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps current={1} style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" />\n    </Steps>\n  )\n}\nexport default Demo\n```\n\n### \u5e26\u56fe\u6807\u7684\u6b65\u9aa4\u6761\n\n\u901a\u8fc7\u8bbe\u7f6e `Steps.Step` \u7684 `icon` \u5c5e\u6027\uff0c\u53ef\u4ee5\u542f\u7528\u81ea\u5b9a\u4e49\u56fe\u6807\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps, Icon } from \'uiw\';\nimport { StepsStyleItemHeadInnerSvg } from \'uiw\';\nimport { Message } from "@uiw/icons"\n\nfunction Demo() {\n  return (\n    <Steps current={1} style={{padding:"20px 0"}}>\n      <Steps.Step icon={<Icon type="user"/>} title="\u6ce8\u518c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step icon={<Icon type="picasa" spin={true} color="red" />} title="\u4e0a\u4f20\u5934\u50cf" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step icon={<StepsStyleItemHeadInnerSvg as={Message} />} title="\u9a8c\u8bc1\u90ae\u7bb1" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo\n```\n\n### \u6b65\u9aa4\u8fd0\u884c\u9519\u8bef\n\n\u4f7f\u7528 `Steps` \u7684 `status` \u5c5e\u6027\u6765\u6307\u5b9a\u5f53\u524d\u6b65\u9aa4\u7684\u72b6\u6001\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps current={2} status="error" style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo\n```\n\n### \u70b9\u72b6\u6b65\u9aa4\u6761\n\n\u5305\u542b\u6b65\u9aa4\u70b9\u7684\u8fdb\u5ea6\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps progressDot status="error" current={2} style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo\n```\n\n### \u6b65\u9aa4\u5207\u6362\n\n\u901a\u5e38\u914d\u5408\u5185\u5bb9\u53ca\u6309\u94ae\u4f7f\u7528\uff0c\u8868\u793a\u4e00\u4e2a\u6d41\u7a0b\u7684\u5904\u7406\u8fdb\u5ea6\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps, Button, Notify } from \'uiw\';\n\nconst conStyle = { minHeight: 200, backgroundColor: \'#fafafa\',textAlign: \'center\', borderRadius: 6, paddingTop: 80, marginTop: 15 }\nconst steps = [\n  {\n    title: \'\u7b2c\u4e00\u6b65\',\n    content: \'\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7\',\n  }, {\n    title: \'\u7b2c\u4e8c\u6b65\',\n    content: \'\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002\',\n  }, {\n    title: \'\u7b2c\u4e09\u6b65\',\n    content: \'\u9a8c\u8bc1\u90ae\u7bb1\',\n  }\n]\n\nfunction Demo() {\n  const [current, setCurrent] = React.useState(0);\n    return (\n      <div>\n        <Steps current={current}>\n          {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\n        </Steps>\n        <div style={conStyle}>{steps[current].content}</div>\n        <div style={{marginTop: 20}}>\n          {current < steps.length - 1 && (\n            <Button type="primary" size="small" onClick={() => setCurrent(current + 1)}>\u4e0b\u4e00\u6b65</Button>\n          )}\n          {current === steps.length - 1 && (\n            <Button type="primary" size="small" onClick={() => Notify.open({ description: \'\u5904\u7406\u5b8c\u6210!\' })}>\u5b8c\u6210</Button>\n          )}\n          {current > 0 && (\n            <Button size="small" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\n              \u4e0a\u4e00\u6b65\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n}\n\nexport default Demo\n```\n\n### \u7ad6\u76f4\u65b9\u5411\u7684\u6b65\u9aa4\u6761\n\n\u7b80\u5355\u7684\u7ad6\u76f4\u65b9\u5411\u7684\u6b65\u9aa4\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps, Row, Col } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Row gutter={20}>\n      <Col>\n        <Steps current={1} direction="vertical" style={{ padding: \'20px 0\' }}>\n          <Steps.Step title="\u5df2\u5b8c\u6210" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step title="\u8fdb\u884c\u4e2d" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step status="error" title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n        </Steps>\n      </Col>\n      <Col>\n        <Steps direction="vertical" progressDot status="error" current={2} style={{ padding: \'20px 0\' }}>\n          <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n        </Steps>\n      </Col>\n    </Row>\n  )\n}\n\nexport default Demo\n```\n\n## Props\n\n### Steps\n\n| \u53c2\u6570      | \u8bf4\u660e    | \u7c7b\u578b      |  \u9ed8\u8ba4\u503c   |\n|--------- |-------- |---------- |-------- |\n| current | \u6307\u5b9a\u5f53\u524d\u6b65\u9aa4\uff0c\u4ece `0` \u5f00\u59cb\u8bb0\u6570\u3002| Number | `0` |\n| status | \u5f53\u524d\u6b65\u9aa4\u7684\u72b6\u6001\uff0c\u53ef\u9009\u503c\u4e3a`wait`\u3001`process`\u3001`finish`\u3001`error` | String | `process` |\n| direction | \u6307\u5b9a\u6b65\u9aa4\u6761\u65b9\u5411\uff0c\u652f\u6301\u6c34\u5e73`vertical`\u3001`horizontal` |  | `horizontal` |\n| progressDot | \u70b9\u72b6\u6b65\u9aa4\u6761|  | `horizontal` |\n\n### Steps.Step\n\n| \u53c2\u6570      | \u8bf4\u660e    | \u7c7b\u578b      |  \u9ed8\u8ba4\u503c   |\n|--------- |-------- |---------- |-------- |\n| status | \u6307\u5b9a\u72b6\u6001\u3002\u5f53\u4e0d\u914d\u7f6e\u8be5\u5c5e\u6027\u65f6\uff0c\u4f1a\u4f7f\u7528 Steps \u7684 current \u6765\u81ea\u52a8\u6307\u5b9a\u72b6\u6001\u3002\u53ef\u9009\uff1a`wait` `process` `finish` `error` | String | `wait` |\n| title | \u6307\u5b9a\u6bcf\u4e2a\u6b65\u9aa4\u6807\u9898 | String/ReactNode | - |\n| description | \u6b65\u9aa4\u7684\u8be6\u60c5\u63cf\u8ff0\uff0c\u53ef\u9009 | String/ReactNode | - |\n| icon | \u6b65\u9aa4\u7684\u56fe\u6807\uff0c\u5b57\u7b26\u4e32\u7c7b\u578b\u4ece`<Icon/>`\u7ec4\u4ef6\u4e2d\u627e\uff0c\u53ef\u9009 | ReactNode | - |\n'}}}]);
+//# sourceMappingURL=6795.b4c430d9.chunk.js.map