@kne-components/react-file 0.1.13 → 0.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/build/asset-manifest.json +12 -12
  2. package/build/index.html +1 -1
  3. package/build/remoteEntry.js +1 -1
  4. package/build/remoteEntry.js.map +1 -1
  5. package/build/static/js/{268.a014d2e0.chunk.js → 268.49c4ed28.chunk.js} +2 -2
  6. package/build/static/js/{268.a014d2e0.chunk.js.map → 268.49c4ed28.chunk.js.map} +1 -1
  7. package/build/static/js/{414.ec2279a7.chunk.js → 414.9c3fbec2.chunk.js} +2 -2
  8. package/build/static/js/{414.ec2279a7.chunk.js.map → 414.9c3fbec2.chunk.js.map} +1 -1
  9. package/build/static/js/689.828c3b13.chunk.js +3 -0
  10. package/build/static/js/689.828c3b13.chunk.js.map +1 -0
  11. package/build/static/js/779.d341f37b.chunk.js +2 -0
  12. package/build/static/js/779.d341f37b.chunk.js.map +1 -0
  13. package/build/static/js/{main.ba945ed5.js → main.bd1593bf.js} +2 -2
  14. package/build/static/js/{main.ba945ed5.js.map → main.bd1593bf.js.map} +1 -1
  15. package/package.json +1 -1
  16. package/build/static/js/502.5f63d549.chunk.js +0 -3
  17. package/build/static/js/502.5f63d549.chunk.js.map +0 -1
  18. package/build/static/js/779.1c0a0eaf.chunk.js +0 -2
  19. package/build/static/js/779.1c0a0eaf.chunk.js.map +0 -1
  20. /package/build/static/js/{502.5f63d549.chunk.js.LICENSE.txt → 689.828c3b13.chunk.js.LICENSE.txt} +0 -0
package/build/static/js/{414.ec2279a7.chunk.js → 414.9c3fbec2.chunk.js} RENAMED
@@ -1,2 +1,2 @@
1
- (self.webpackChunk_kne_components_react_file=self.webpackChunk_kne_components_react_file||[]).push([[414],{11448:(e,n,a)=>{"use strict";var t=a(94922),o=a.n(t),r=a(87558),l=a(55199),i=a(89946),m=a.n(i),c=a(13050),s=a(1488),d=a.n(s),p=a(89261);window.PUBLIC_URL="/react-file";const u={url:"https://uc.fatalent.cn",tpl:"{{url}}/packages/@kne-components/{{remote}}/{{version}}/build"},P={...u,remote:"components-core",defaultVersion:"0.3.0"};(0,c.preset)({remotes:{default:P,"components-core":P,"components-iconfont":{...u,remote:"components-iconfont",defaultVersion:"0.1.8"},"react-file":{...u,remote:"react-file",defaultVersion:"0.1.13"}}});const g=(()=>{const e=m().create({validateStatus:function(){return!0}});return n=>n.hasOwnProperty("loader")&&"function"===typeof n.loader?Promise.resolve(n.loader(d()(n,["loader"]))).then((e=>({data:{code:0,data:e}}))).catch((e=>(l.message.error(e.message||"\u8bf7\u6c42\u53d1\u751f\u9519\u8bef"),{data:{code:500,msg:e.message}}))):e(n)})();(0,r.preset)({ajax:g,loading:(0,p.jsx)(l.Spin,{delay:500,style:{position:"absolute",left:"50%",padding:"10px",transform:"translateX(-50%)"}}),error:null,empty:(0,p.jsx)(l.Empty,{}),transformResponse:e=>{const{data:n}=e;return e.data={code:0===n.code?200:n.code,msg:n.msg,results:n.data},e}});var f=a(65457),h=a(94679),k=a(14152),x=a.n(k),b=(a(91296),a(46446));const F=x().ExampleRoutes,v=e=>{let{preset:n,themeToken:a,...t}=e;return(0,p.jsx)(h.HashRouter,{children:(0,p.jsx)(F,{...t,paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:n,themeToken:a,readme:b.default,pageProps:{menu:null}})})};f.createRoot(document.getElementById("root")).render((0,p.jsx)(o().StrictMode,{children:(0,p.jsx)(v,{preset:{ajax:g},themeToken:{colorPrimary:"#4F185A"}})}))},25764:e=>{function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=()=>[],n.resolve=n,n.id=25764,e.exports=n},69666:(e,n,a)=>{"use strict";a.d(n,{A:()=>l});var t=a(63181),o=(a(72241),a(13050)),r=a(55199);const l={name:"react-file",summary:'<h1>react-file</h1>\n<h3>\u63cf\u8ff0</h3>\n<p>\u63d0\u4f9b\u4e86\u6587\u4ef6\u4e0a\u4f20\uff0c\u6587\u4ef6\u9884\u89c8\uff0c\u6587\u4ef6\u6279\u91cf\u7ba1\u7406\u7b49\u529f\u80fd</p>\n<h3>\u5b89\u88c5</h3>\n<pre><code class="language-shell">npm i --save @kne/react-file\n</code></pre>',description:"\u63d0\u4f9b\u4e86\u6587\u4ef6\u4e0a\u4f20\uff0c\u6587\u4ef6\u9884\u89c8\uff0c\u6587\u4ef6\u6279\u91cf\u7ba1\u7406\u7b49\u529f\u80fd",packageName:"@kne/react-file",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td></td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"react_file_b1237",style:"",list:[{title:"File",description:"\u4eceoss\u83b7\u53d6\u6587\u4ef6\u5730\u5740",code:"const { default: File } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve('/logo192.png');\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <File id=\"123\">{({ url }) => {\n return url;\n }}</File>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n",scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"Image",description:"\u663e\u793a\u56fe\u7247",code:'const { Image } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { Divider } = antd;\n\nconst BaseExample = createWithRemoteLoader({\n modules: [\'components-core:Global@PureGlobal\', \'components-core:InfoPage\']\n})(({ remoteModules }) => {\n const [PureGlobal, InfoPage] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath(\'react-file\') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(\'/mock/avatar.png\');\n }, 2000);\n });\n }\n }\n }\n }\n }}>\n <InfoPage>\n <InfoPage.Part title="\u56fe\u7247">\n <Image src="xxxxxx" />\n <Image id="xxxxxx" style={{ width: 200, height: 200 }} />\n </InfoPage.Part>\n <InfoPage.Part title="\u5934\u50cf">\n <Image.Avatar gender="F" />\n <Image.Avatar gender="M" />\n <Image.Avatar />\n <Image.Avatar gender="F" id="xxxxxx" />\n <Divider />\n <Image.Avatar gender="F" shape="square" />\n <Image.Avatar gender="M" shape="square" />\n <Image.Avatar shape="square" />\n <Image.Avatar gender="F" id="xxxxxx" shape="square" />\n <Divider />\n <Image.Avatar gender="F" size={30} />\n <Image.Avatar gender="M" size={50} />\n <Image.Avatar size={80} />\n <Image.Avatar gender="F" id="xxxxxx" size={100} />\n </InfoPage.Part>\n </InfoPage>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"Download",description:"\u6587\u4ef6\u4e0b\u8f7d",code:'const { Download } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { Flex } = antd;\n\nconst BaseExample = createWithRemoteLoader({\n modules: [\'components-core:Global@PureGlobal\']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath(\'react-file\') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(\'/logo192.png\');\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <Flex gap={8}>\n <Download id="123">\u4e0b\u8f7d\u6587\u4ef6</Download>\n <Download id="123" filename="\u56fe\u7247">\u4e0b\u8f7d\u6587\u4ef6\u5e76\u8bbe\u7f6e\u540d\u79f0</Download>\n <Download src="/logo192.png" filename="\u56fe\u7247">\u76f4\u63a5\u901a\u8fc7src\u94fe\u63a5\u4e0b\u8f7d</Download>\n </Flex>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"FileButton",description:"\u9884\u89c8\u6587\u4ef6\u6309\u94ae",code:'const { FileButton } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: [\'components-core:Global@PureGlobal\']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath(\'react-file\') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: \'/mock/resume.png\',\n 2: \'/mock/resume.pdf\',\n 3: \'/mock/resume.html\',\n 4: \'/mock/resume.txt\',\n 5: \'/mock/audio.wav\',\n 6: \'/mock/resume.docx\'\n };\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urlMap[params.id]);\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <FileButton id="1" filename="demo.jpg" openPrint modalProps={{ width: 800 }}>\u9884\u89c8demo.jpg</FileButton>\n <FileButton id="2" filename="demo2.pdf" openPrint modalProps={{ width: 800 }}>\u9884\u89c8demo2.pdf</FileButton>\n <FileButton id="3" filename="demo2.html" openPrint modalProps={{ width: 800 }}>\u9884\u89c8demo2.html</FileButton>\n <FileButton id="6" filename="resume.docx" openPrint modalProps={{ width: 800 }} type="link">resume.docx</FileButton>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"FileList",description:"\u6587\u4ef6\u5217\u8868",code:"const { FileList } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { Divider } = antd;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/resume.png',\n 2: '/mock/resume.pdf',\n 3: '/mock/resume.html',\n 4: '/mock/resume.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/resume.docx'\n };\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urlMap[params.id]);\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <FileList dataSource={[{\n uuid: '121233',\n type: 'uploading',\n filename: '\u5f20\u4e09\u7684\u7b80\u5386.doc'\n },\n {\n id: '2',\n filename: '\u6211\u662f\u4e00\u4efd\u7b80\u5386.pdf',\n date: '2022-07-15T11:09:15.000+08:00',\n userName: '\u7528\u6237\u540d'\n }]} />\n <Divider />\n <FileList dataSource={[]} />\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n",scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"FileUpload",description:"\u6587\u4ef6\u4e0a\u4f20",code:"const { FileUpload } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst urls = {};\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urls[params.id]);\n }, 1000);\n });\n }\n }, upload: ({ file }) => {\n urls[file.name] = URL.createObjectURL(file);\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n data: {\n code: 0, data: {\n id: file.name, filename: file.name\n }\n }\n });\n }, 1000);\n });\n }\n }\n }\n }}>\n <FileUpload />\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n",scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"FilePreview",description:"\u6587\u4ef6\u9884\u89c8",code:'const { FilePreview } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: [\'components-core:Global@PureGlobal\', \'components-core:InfoPage\']\n})(({ remoteModules }) => {\n const [PureGlobal, InfoPage] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath(\'react-file\') || window.PUBLIC_URL, getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: \'/mock/resume.png\',\n 2: \'/mock/resume.pdf\',\n 3: \'/mock/resume.html\',\n 4: \'/mock/resume.txt\',\n 5: \'/mock/audio.wav\',\n 6: \'/mock/resume.docx\'\n };\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urlMap[params.id]);\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <InfoPage>\n <InfoPage.Part title="\u9884\u89c8\u56fe\u7247">\n <FilePreview id="1" />\n </InfoPage.Part>\n <InfoPage.Part title="\u9884\u89c8PDF">\n <FilePreview id="2" />\n </InfoPage.Part>\n <InfoPage.Part title="\u9884\u89c8HTML">\n <FilePreview id="3" />\n </InfoPage.Part>\n <InfoPage.Part title="\u9884\u89c8TXT">\n <FilePreview id="4" />\n </InfoPage.Part>\n <InfoPage.Part title="\u9884\u89c8AUDIO">\n <FilePreview id="5" />\n </InfoPage.Part>\n <InfoPage.Part title="\u9884\u89c8OFFICE">\n <FilePreview id="6" />\n </InfoPage.Part>\n </InfoPage>\n\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]}]}}},72241:()=>{}}]);
2
- //# sourceMappingURL=414.ec2279a7.chunk.js.map
1
+ (self.webpackChunk_kne_components_react_file=self.webpackChunk_kne_components_react_file||[]).push([[414],{11448:(e,n,a)=>{"use strict";var t=a(94922),o=a.n(t),r=a(87558),l=a(55199),i=a(89946),m=a.n(i),c=a(13050),s=a(1488),d=a.n(s),p=a(89261);window.PUBLIC_URL="/react-file";const u={url:"https://uc.fatalent.cn",tpl:"{{url}}/packages/@kne-components/{{remote}}/{{version}}/build"},P={...u,remote:"components-core",defaultVersion:"0.3.0"};(0,c.preset)({remotes:{default:P,"components-core":P,"components-iconfont":{...u,remote:"components-iconfont",defaultVersion:"0.1.8"},"react-file":{...u,remote:"react-file",defaultVersion:"0.1.14"}}});const g=(()=>{const e=m().create({validateStatus:function(){return!0}});return n=>n.hasOwnProperty("loader")&&"function"===typeof n.loader?Promise.resolve(n.loader(d()(n,["loader"]))).then((e=>({data:{code:0,data:e}}))).catch((e=>(l.message.error(e.message||"\u8bf7\u6c42\u53d1\u751f\u9519\u8bef"),{data:{code:500,msg:e.message}}))):e(n)})();(0,r.preset)({ajax:g,loading:(0,p.jsx)(l.Spin,{delay:500,style:{position:"absolute",left:"50%",padding:"10px",transform:"translateX(-50%)"}}),error:null,empty:(0,p.jsx)(l.Empty,{}),transformResponse:e=>{const{data:n}=e;return e.data={code:0===n.code?200:n.code,msg:n.msg,results:n.data},e}});var f=a(65457),h=a(94679),k=a(14152),x=a.n(k),b=(a(91296),a(46446));const F=x().ExampleRoutes,v=e=>{let{preset:n,themeToken:a,...t}=e;return(0,p.jsx)(h.HashRouter,{children:(0,p.jsx)(F,{...t,paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:n,themeToken:a,readme:b.default,pageProps:{menu:null}})})};f.createRoot(document.getElementById("root")).render((0,p.jsx)(o().StrictMode,{children:(0,p.jsx)(v,{preset:{ajax:g},themeToken:{colorPrimary:"#4F185A"}})}))},25764:e=>{function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=()=>[],n.resolve=n,n.id=25764,e.exports=n},69666:(e,n,a)=>{"use strict";a.d(n,{A:()=>l});var t=a(63181),o=(a(72241),a(13050)),r=a(55199);const l={name:"react-file",summary:'<h1>react-file</h1>\n<h3>\u63cf\u8ff0</h3>\n<p>\u63d0\u4f9b\u4e86\u6587\u4ef6\u4e0a\u4f20\uff0c\u6587\u4ef6\u9884\u89c8\uff0c\u6587\u4ef6\u6279\u91cf\u7ba1\u7406\u7b49\u529f\u80fd</p>\n<h3>\u5b89\u88c5</h3>\n<pre><code class="language-shell">npm i --save @kne/react-file\n</code></pre>',description:"\u63d0\u4f9b\u4e86\u6587\u4ef6\u4e0a\u4f20\uff0c\u6587\u4ef6\u9884\u89c8\uff0c\u6587\u4ef6\u6279\u91cf\u7ba1\u7406\u7b49\u529f\u80fd",packageName:"@kne/react-file",api:"<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td></td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"react_file_b1237",style:"",list:[{title:"File",description:"\u4eceoss\u83b7\u53d6\u6587\u4ef6\u5730\u5740",code:"const { default: File } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve('/logo192.png');\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <File id=\"123\">{({ url }) => {\n return url;\n }}</File>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n",scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"Image",description:"\u663e\u793a\u56fe\u7247",code:'const { Image } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { Divider } = antd;\n\nconst BaseExample = createWithRemoteLoader({\n modules: [\'components-core:Global@PureGlobal\', \'components-core:InfoPage\']\n})(({ remoteModules }) => {\n const [PureGlobal, InfoPage] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath(\'react-file\') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(\'/mock/avatar.png\');\n }, 2000);\n });\n }\n }\n }\n }\n }}>\n <InfoPage>\n <InfoPage.Part title="\u56fe\u7247">\n <Image src="xxxxxx" />\n <Image id="xxxxxx" style={{ width: 200, height: 200 }} />\n </InfoPage.Part>\n <InfoPage.Part title="\u5934\u50cf">\n <Image.Avatar gender="F" />\n <Image.Avatar gender="M" />\n <Image.Avatar />\n <Image.Avatar gender="F" id="xxxxxx" />\n <Divider />\n <Image.Avatar gender="F" shape="square" />\n <Image.Avatar gender="M" shape="square" />\n <Image.Avatar shape="square" />\n <Image.Avatar gender="F" id="xxxxxx" shape="square" />\n <Divider />\n <Image.Avatar gender="F" size={30} />\n <Image.Avatar gender="M" size={50} />\n <Image.Avatar size={80} />\n <Image.Avatar gender="F" id="xxxxxx" size={100} />\n </InfoPage.Part>\n </InfoPage>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"Download",description:"\u6587\u4ef6\u4e0b\u8f7d",code:'const { Download } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { Flex } = antd;\n\nconst BaseExample = createWithRemoteLoader({\n modules: [\'components-core:Global@PureGlobal\']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath(\'react-file\') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(\'/logo192.png\');\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <Flex gap={8}>\n <Download id="123">\u4e0b\u8f7d\u6587\u4ef6</Download>\n <Download id="123" filename="\u56fe\u7247">\u4e0b\u8f7d\u6587\u4ef6\u5e76\u8bbe\u7f6e\u540d\u79f0</Download>\n <Download src="/logo192.png" filename="\u56fe\u7247">\u76f4\u63a5\u901a\u8fc7src\u94fe\u63a5\u4e0b\u8f7d</Download>\n </Flex>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"FileButton",description:"\u9884\u89c8\u6587\u4ef6\u6309\u94ae",code:'const { FileButton } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: [\'components-core:Global@PureGlobal\']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath(\'react-file\') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: \'/mock/resume.png\',\n 2: \'/mock/resume.pdf\',\n 3: \'/mock/resume.html\',\n 4: \'/mock/resume.txt\',\n 5: \'/mock/audio.wav\',\n 6: \'/mock/resume.docx\'\n };\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urlMap[params.id]);\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <FileButton id="1" filename="demo.jpg" openPrint modalProps={{ width: 800 }}>\u9884\u89c8demo.jpg</FileButton>\n <FileButton id="2" filename="demo2.pdf" openPrint modalProps={{ width: 800 }}>\u9884\u89c8demo2.pdf</FileButton>\n <FileButton id="3" filename="demo2.html" openPrint modalProps={{ width: 800 }}>\u9884\u89c8demo2.html</FileButton>\n <FileButton id="6" filename="resume.docx" openPrint modalProps={{ width: 800 }} type="link">resume.docx</FileButton>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"FileList",description:"\u6587\u4ef6\u5217\u8868",code:"const { FileList } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { Divider } = antd;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/resume.png',\n 2: '/mock/resume.pdf',\n 3: '/mock/resume.html',\n 4: '/mock/resume.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/resume.docx'\n };\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urlMap[params.id]);\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <FileList dataSource={[{\n uuid: '121233',\n type: 'uploading',\n filename: '\u5f20\u4e09\u7684\u7b80\u5386.doc'\n },\n {\n id: '2',\n filename: '\u6211\u662f\u4e00\u4efd\u7b80\u5386.pdf',\n date: '2022-07-15T11:09:15.000+08:00',\n userName: '\u7528\u6237\u540d'\n }]} />\n <Divider />\n <FileList dataSource={[]} />\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n",scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"FileUpload",description:"\u6587\u4ef6\u4e0a\u4f20",code:"const { FileUpload } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst urls = {};\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urls[params.id]);\n }, 1000);\n });\n }\n }, upload: ({ file }) => {\n urls[file.name] = URL.createObjectURL(file);\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n data: {\n code: 0, data: {\n id: file.name, filename: file.name\n }\n }\n });\n }, 1000);\n });\n }\n }\n }\n }}>\n <FileUpload />\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n",scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]},{title:"FilePreview",description:"\u6587\u4ef6\u9884\u89c8",code:'const { FilePreview } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: [\'components-core:Global@PureGlobal\', \'components-core:InfoPage\']\n})(({ remoteModules }) => {\n const [PureGlobal, InfoPage] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath(\'react-file\') || window.PUBLIC_URL, getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: \'/mock/resume.png\',\n 2: \'/mock/resume.pdf\',\n 3: \'/mock/resume.html\',\n 4: \'/mock/resume.txt\',\n 5: \'/mock/audio.wav\',\n 6: \'/mock/resume.docx\'\n };\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urlMap[params.id]);\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <InfoPage>\n <InfoPage.Part title="\u9884\u89c8\u56fe\u7247">\n <FilePreview id="1" />\n </InfoPage.Part>\n <InfoPage.Part title="\u9884\u89c8PDF">\n <FilePreview id="2" />\n </InfoPage.Part>\n <InfoPage.Part title="\u9884\u89c8HTML">\n <FilePreview id="3" />\n </InfoPage.Part>\n <InfoPage.Part title="\u9884\u89c8TXT">\n <FilePreview id="4" />\n </InfoPage.Part>\n <InfoPage.Part title="\u9884\u89c8AUDIO">\n <FilePreview id="5" />\n </InfoPage.Part>\n <InfoPage.Part title="\u9884\u89c8OFFICE">\n <FilePreview id="6" />\n </InfoPage.Part>\n </InfoPage>\n\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ReactFile",packageName:"@kne/current-lib_react-file",importStatement:'import * as _ReactFile from "@kne/react-file"',component:t},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:o}]}]}}},72241:()=>{}}]);
2
+ //# sourceMappingURL=414.9c3fbec2.chunk.js.map
package/build/static/js/{414.ec2279a7.chunk.js.map → 414.9c3fbec2.chunk.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"static/js/414.ec2279a7.chunk.js","mappings":"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","sources":["preset.js","App.js","bootstrap.js","../node_modules/@babel/standalone|sync","../../README.md"],"sourcesContent":["import React from 'react';\nimport {preset as fetchPreset} from '@kne/react-fetch';\nimport {Spin, Empty, message} from 'antd';\nimport axios from 'axios';\nimport {preset as remoteLoaderPreset} from '@kne/remote-loader';\nimport omit from 'lodash/omit';\n\nwindow.PUBLIC_URL = process.env.PUBLIC_URL;\n\n// url: 'https://registry.npmmirror.com',\n// tpl: '{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build',\n\n// url: 'https://cdn.jsdelivr.net', tpl: '{{url}}/npm/@kne-components/{{remote}}@{{version}}/build'\n\nconst registry = {\n url: \"https://uc.fatalent.cn\", tpl: \"{{url}}/packages/@kne-components/{{remote}}/{{version}}/build\"\n};\n\nconst componentsCoreRemote = {\n ...registry, remote: 'components-core', defaultVersion: '0.3.0'\n};\n\nremoteLoaderPreset({\n remotes: {\n default: componentsCoreRemote, 'components-core': componentsCoreRemote, 'components-iconfont': {\n ...registry, remote: 'components-iconfont', defaultVersion: '0.1.8'\n }, 'react-file': process.env.NODE_ENV === 'development' ? {\n remote: 'react-file', url: '/', tpl: '{{url}}'\n } : {\n ...registry, remote: 'react-file', defaultVersion: process.env.DEFAULT_VERSION\n }\n }\n});\n\nexport const ajax = (() => {\n const instance = axios.create({\n validateStatus: function () {\n return true;\n }\n });\n\n return (params) => {\n if (params.hasOwnProperty('loader') && typeof params.loader === 'function') {\n return Promise.resolve(params.loader(omit(params, ['loader']))).then((data) => ({\n data: {\n code: 0, data\n }\n })).catch((err) => {\n message.error(err.message || '请求发生错误');\n return {data: {code: 500, msg: err.message}};\n });\n }\n return instance(params);\n };\n})();\n\n\nfetchPreset({\n ajax,\n loading: <Spin delay={500}\n style={{position: 'absolute', left: '50%', padding: '10px', transform: 'translateX(-50%)'}}/>,\n error: null,\n empty: <Empty/>,\n transformResponse: (response) => {\n const {data} = response;\n response.data = {\n code: data.code === 0 ? 200 : data.code, msg: data.msg, results: data.data\n };\n return response;\n }\n});\n","import { HashRouter } from \"react-router-dom\";\nimport createEntry from \"@kne/modules-dev/dist/create-entry\";\nimport \"@kne/modules-dev/dist/create-entry.css\";\nimport readme from \"readme\";\n\nconst ExampleRoutes = createEntry.ExampleRoutes;\n\nconst App = ({ preset, themeToken, ...props }) => {\n return (\n <HashRouter>\n <ExampleRoutes\n {...props}\n paths={[\n {\n key: \"components\",\n path: \"/\",\n title: \"首页\",\n },\n ]}\n preset={preset}\n themeToken={themeToken}\n readme={readme}\n pageProps={{ menu: null }}\n />\n </HashRouter>\n );\n};\n\nexport default App;\n","import { ajax } from \"./preset\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport App from \"./App\";\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\"));\n\nconst themeToken = {\n colorPrimary: \"#4F185A\",\n};\n\nroot.render(\n <React.StrictMode>\n <App preset={{ ajax }} themeToken={themeToken} />\n </React.StrictMode>\n);\n","function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = () => ([]);\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 25764;\nmodule.exports = webpackEmptyContext;","import * as component_1 from '@kne/current-lib_react-file';\nimport '@kne/current-lib_react-file/dist/index.css';\nimport * as component_3 from '@kne/remote-loader';\nimport '@kne/current-lib_react-file/dist/index.css';\nimport * as component_5 from 'antd';\nimport '@kne/current-lib_react-file/dist/index.css';\nimport '@kne/current-lib_react-file/dist/index.css';\nimport '@kne/current-lib_react-file/dist/index.css';\nimport '@kne/current-lib_react-file/dist/index.css';\nimport '@kne/current-lib_react-file/dist/index.css';\nconst readmeConfig = {\n name: `react-file`,\n summary: `<h1>react-file</h1>\n<h3>描述</h3>\n<p>提供了文件上传，文件预览，文件批量管理等功能</p>\n<h3>安装</h3>\n<pre><code class=\"language-shell\">npm i --save @kne/react-file\n</code></pre>`,\n description: `提供了文件上传，文件预览，文件批量管理等功能`,\n packageName: `@kne/react-file`,\n api: `<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td></td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>`,\n example: {\n isFull: true,\n className: `react_file_b1237`,\n style: ``,\n list: [{\n title: `File`,\n description: `从oss获取文件地址`,\n code: `const { default: File } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve('/logo192.png');\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <File id=\"123\">{({ url }) => {\n return url;\n }}</File>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n},{\n title: `Image`,\n description: `显示图片`,\n code: `const { Image } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { Divider } = antd;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal', 'components-core:InfoPage']\n})(({ remoteModules }) => {\n const [PureGlobal, InfoPage] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve('/mock/avatar.png');\n }, 2000);\n });\n }\n }\n }\n }\n }}>\n <InfoPage>\n <InfoPage.Part title=\"图片\">\n <Image src=\"xxxxxx\" />\n <Image id=\"xxxxxx\" style={{ width: 200, height: 200 }} />\n </InfoPage.Part>\n <InfoPage.Part title=\"头像\">\n <Image.Avatar gender=\"F\" />\n <Image.Avatar gender=\"M\" />\n <Image.Avatar />\n <Image.Avatar gender=\"F\" id=\"xxxxxx\" />\n <Divider />\n <Image.Avatar gender=\"F\" shape=\"square\" />\n <Image.Avatar gender=\"M\" shape=\"square\" />\n <Image.Avatar shape=\"square\" />\n <Image.Avatar gender=\"F\" id=\"xxxxxx\" shape=\"square\" />\n <Divider />\n <Image.Avatar gender=\"F\" size={30} />\n <Image.Avatar gender=\"M\" size={50} />\n <Image.Avatar size={80} />\n <Image.Avatar gender=\"F\" id=\"xxxxxx\" size={100} />\n </InfoPage.Part>\n </InfoPage>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_5\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n},{\n title: `Download`,\n description: `文件下载`,\n code: `const { Download } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { Flex } = antd;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve('/logo192.png');\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <Flex gap={8}>\n <Download id=\"123\">下载文件</Download>\n <Download id=\"123\" filename=\"图片\">下载文件并设置名称</Download>\n <Download src=\"/logo192.png\" filename=\"图片\">直接通过src链接下载</Download>\n </Flex>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_5\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n},{\n title: `FileButton`,\n description: `预览文件按钮`,\n code: `const { FileButton } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/resume.png',\n 2: '/mock/resume.pdf',\n 3: '/mock/resume.html',\n 4: '/mock/resume.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/resume.docx'\n };\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urlMap[params.id]);\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <FileButton id=\"1\" filename=\"demo.jpg\" openPrint modalProps={{ width: 800 }}>预览demo.jpg</FileButton>\n <FileButton id=\"2\" filename=\"demo2.pdf\" openPrint modalProps={{ width: 800 }}>预览demo2.pdf</FileButton>\n <FileButton id=\"3\" filename=\"demo2.html\" openPrint modalProps={{ width: 800 }}>预览demo2.html</FileButton>\n <FileButton id=\"6\" filename=\"resume.docx\" openPrint modalProps={{ width: 800 }} type=\"link\">resume.docx</FileButton>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_5\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n},{\n title: `FileList`,\n description: `文件列表`,\n code: `const { FileList } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { Divider } = antd;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/resume.png',\n 2: '/mock/resume.pdf',\n 3: '/mock/resume.html',\n 4: '/mock/resume.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/resume.docx'\n };\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urlMap[params.id]);\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <FileList dataSource={[{\n uuid: '121233',\n type: 'uploading',\n filename: '张三的简历.doc'\n },\n {\n id: '2',\n filename: '我是一份简历.pdf',\n date: '2022-07-15T11:09:15.000+08:00',\n userName: '用户名'\n }]} />\n <Divider />\n <FileList dataSource={[]} />\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_5\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n},{\n title: `FileUpload`,\n description: `文件上传`,\n code: `const { FileUpload } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst urls = {};\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urls[params.id]);\n }, 1000);\n });\n }\n }, upload: ({ file }) => {\n urls[file.name] = URL.createObjectURL(file);\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n data: {\n code: 0, data: {\n id: file.name, filename: file.name\n }\n }\n });\n }, 1000);\n });\n }\n }\n }\n }}>\n <FileUpload />\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_5\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n},{\n title: `FilePreview`,\n description: `文件预览`,\n code: `const { FilePreview } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal', 'components-core:InfoPage']\n})(({ remoteModules }) => {\n const [PureGlobal, InfoPage] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL, getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/resume.png',\n 2: '/mock/resume.pdf',\n 3: '/mock/resume.html',\n 4: '/mock/resume.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/resume.docx'\n };\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urlMap[params.id]);\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <InfoPage>\n <InfoPage.Part title=\"预览图片\">\n <FilePreview id=\"1\" />\n </InfoPage.Part>\n <InfoPage.Part title=\"预览PDF\">\n <FilePreview id=\"2\" />\n </InfoPage.Part>\n <InfoPage.Part title=\"预览HTML\">\n <FilePreview id=\"3\" />\n </InfoPage.Part>\n <InfoPage.Part title=\"预览TXT\">\n <FilePreview id=\"4\" />\n </InfoPage.Part>\n <InfoPage.Part title=\"预览AUDIO\">\n <FilePreview id=\"5\" />\n </InfoPage.Part>\n <InfoPage.Part title=\"预览OFFICE\">\n <FilePreview id=\"6\" />\n </InfoPage.Part>\n </InfoPage>\n\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_5\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n}]\n }\n};\nexport default readmeConfig;\n"],"names":["window","PUBLIC_URL","process","registry","url","tpl","componentsCoreRemote","remote","defaultVersion","remoteLoaderPreset","remotes","default","ajax","instance","axios","validateStatus","params","hasOwnProperty","loader","Promise","resolve","omit","then","data","code","catch","err","message","error","msg","fetchPreset","loading","_jsx","Spin","delay","style","position","left","padding","transform","empty","Empty","transformResponse","response","results","ExampleRoutes","createEntry","_ref","preset","themeToken","props","HashRouter","children","paths","key","path","title","readme","pageProps","menu","ReactDOM","document","getElementById","render","React","App","colorPrimary","webpackEmptyContext","req","e","Error","keys","id","module","exports","name","summary","description","packageName","api","example","isFull","className","list","scope","importStatement","component"],"sourceRoot":""}
1
+ {"version":3,"file":"static/js/414.9c3fbec2.chunk.js","mappings":"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","sources":["preset.js","App.js","bootstrap.js","../node_modules/@babel/standalone|sync","../../README.md"],"sourcesContent":["import React from 'react';\nimport {preset as fetchPreset} from '@kne/react-fetch';\nimport {Spin, Empty, message} from 'antd';\nimport axios from 'axios';\nimport {preset as remoteLoaderPreset} from '@kne/remote-loader';\nimport omit from 'lodash/omit';\n\nwindow.PUBLIC_URL = process.env.PUBLIC_URL;\n\n// url: 'https://registry.npmmirror.com',\n// tpl: '{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build',\n\n// url: 'https://cdn.jsdelivr.net', tpl: '{{url}}/npm/@kne-components/{{remote}}@{{version}}/build'\n\nconst registry = {\n url: \"https://uc.fatalent.cn\", tpl: \"{{url}}/packages/@kne-components/{{remote}}/{{version}}/build\"\n};\n\nconst componentsCoreRemote = {\n ...registry, remote: 'components-core', defaultVersion: '0.3.0'\n};\n\nremoteLoaderPreset({\n remotes: {\n default: componentsCoreRemote, 'components-core': componentsCoreRemote, 'components-iconfont': {\n ...registry, remote: 'components-iconfont', defaultVersion: '0.1.8'\n }, 'react-file': process.env.NODE_ENV === 'development' ? {\n remote: 'react-file', url: '/', tpl: '{{url}}'\n } : {\n ...registry, remote: 'react-file', defaultVersion: process.env.DEFAULT_VERSION\n }\n }\n});\n\nexport const ajax = (() => {\n const instance = axios.create({\n validateStatus: function () {\n return true;\n }\n });\n\n return (params) => {\n if (params.hasOwnProperty('loader') && typeof params.loader === 'function') {\n return Promise.resolve(params.loader(omit(params, ['loader']))).then((data) => ({\n data: {\n code: 0, data\n }\n })).catch((err) => {\n message.error(err.message || '请求发生错误');\n return {data: {code: 500, msg: err.message}};\n });\n }\n return instance(params);\n };\n})();\n\n\nfetchPreset({\n ajax,\n loading: <Spin delay={500}\n style={{position: 'absolute', left: '50%', padding: '10px', transform: 'translateX(-50%)'}}/>,\n error: null,\n empty: <Empty/>,\n transformResponse: (response) => {\n const {data} = response;\n response.data = {\n code: data.code === 0 ? 200 : data.code, msg: data.msg, results: data.data\n };\n return response;\n }\n});\n","import { HashRouter } from \"react-router-dom\";\nimport createEntry from \"@kne/modules-dev/dist/create-entry\";\nimport \"@kne/modules-dev/dist/create-entry.css\";\nimport readme from \"readme\";\n\nconst ExampleRoutes = createEntry.ExampleRoutes;\n\nconst App = ({ preset, themeToken, ...props }) => {\n return (\n <HashRouter>\n <ExampleRoutes\n {...props}\n paths={[\n {\n key: \"components\",\n path: \"/\",\n title: \"首页\",\n },\n ]}\n preset={preset}\n themeToken={themeToken}\n readme={readme}\n pageProps={{ menu: null }}\n />\n </HashRouter>\n );\n};\n\nexport default App;\n","import { ajax } from \"./preset\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport App from \"./App\";\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\"));\n\nconst themeToken = {\n colorPrimary: \"#4F185A\",\n};\n\nroot.render(\n <React.StrictMode>\n <App preset={{ ajax }} themeToken={themeToken} />\n </React.StrictMode>\n);\n","function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = () => ([]);\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 25764;\nmodule.exports = webpackEmptyContext;","import * as component_1 from '@kne/current-lib_react-file';\nimport '@kne/current-lib_react-file/dist/index.css';\nimport * as component_3 from '@kne/remote-loader';\nimport '@kne/current-lib_react-file/dist/index.css';\nimport * as component_5 from 'antd';\nimport '@kne/current-lib_react-file/dist/index.css';\nimport '@kne/current-lib_react-file/dist/index.css';\nimport '@kne/current-lib_react-file/dist/index.css';\nimport '@kne/current-lib_react-file/dist/index.css';\nimport '@kne/current-lib_react-file/dist/index.css';\nconst readmeConfig = {\n name: `react-file`,\n summary: `<h1>react-file</h1>\n<h3>描述</h3>\n<p>提供了文件上传，文件预览，文件批量管理等功能</p>\n<h3>安装</h3>\n<pre><code class=\"language-shell\">npm i --save @kne/react-file\n</code></pre>`,\n description: `提供了文件上传，文件预览，文件批量管理等功能`,\n packageName: `@kne/react-file`,\n api: `<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td></td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>`,\n example: {\n isFull: true,\n className: `react_file_b1237`,\n style: ``,\n list: [{\n title: `File`,\n description: `从oss获取文件地址`,\n code: `const { default: File } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve('/logo192.png');\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <File id=\"123\">{({ url }) => {\n return url;\n }}</File>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n},{\n title: `Image`,\n description: `显示图片`,\n code: `const { Image } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { Divider } = antd;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal', 'components-core:InfoPage']\n})(({ remoteModules }) => {\n const [PureGlobal, InfoPage] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve('/mock/avatar.png');\n }, 2000);\n });\n }\n }\n }\n }\n }}>\n <InfoPage>\n <InfoPage.Part title=\"图片\">\n <Image src=\"xxxxxx\" />\n <Image id=\"xxxxxx\" style={{ width: 200, height: 200 }} />\n </InfoPage.Part>\n <InfoPage.Part title=\"头像\">\n <Image.Avatar gender=\"F\" />\n <Image.Avatar gender=\"M\" />\n <Image.Avatar />\n <Image.Avatar gender=\"F\" id=\"xxxxxx\" />\n <Divider />\n <Image.Avatar gender=\"F\" shape=\"square\" />\n <Image.Avatar gender=\"M\" shape=\"square\" />\n <Image.Avatar shape=\"square\" />\n <Image.Avatar gender=\"F\" id=\"xxxxxx\" shape=\"square\" />\n <Divider />\n <Image.Avatar gender=\"F\" size={30} />\n <Image.Avatar gender=\"M\" size={50} />\n <Image.Avatar size={80} />\n <Image.Avatar gender=\"F\" id=\"xxxxxx\" size={100} />\n </InfoPage.Part>\n </InfoPage>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_5\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n},{\n title: `Download`,\n description: `文件下载`,\n code: `const { Download } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { Flex } = antd;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve('/logo192.png');\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <Flex gap={8}>\n <Download id=\"123\">下载文件</Download>\n <Download id=\"123\" filename=\"图片\">下载文件并设置名称</Download>\n <Download src=\"/logo192.png\" filename=\"图片\">直接通过src链接下载</Download>\n </Flex>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_5\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n},{\n title: `FileButton`,\n description: `预览文件按钮`,\n code: `const { FileButton } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/resume.png',\n 2: '/mock/resume.pdf',\n 3: '/mock/resume.html',\n 4: '/mock/resume.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/resume.docx'\n };\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urlMap[params.id]);\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <FileButton id=\"1\" filename=\"demo.jpg\" openPrint modalProps={{ width: 800 }}>预览demo.jpg</FileButton>\n <FileButton id=\"2\" filename=\"demo2.pdf\" openPrint modalProps={{ width: 800 }}>预览demo2.pdf</FileButton>\n <FileButton id=\"3\" filename=\"demo2.html\" openPrint modalProps={{ width: 800 }}>预览demo2.html</FileButton>\n <FileButton id=\"6\" filename=\"resume.docx\" openPrint modalProps={{ width: 800 }} type=\"link\">resume.docx</FileButton>\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_5\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n},{\n title: `FileList`,\n description: `文件列表`,\n code: `const { FileList } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\nconst { Divider } = antd;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/resume.png',\n 2: '/mock/resume.pdf',\n 3: '/mock/resume.html',\n 4: '/mock/resume.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/resume.docx'\n };\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urlMap[params.id]);\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <FileList dataSource={[{\n uuid: '121233',\n type: 'uploading',\n filename: '张三的简历.doc'\n },\n {\n id: '2',\n filename: '我是一份简历.pdf',\n date: '2022-07-15T11:09:15.000+08:00',\n userName: '用户名'\n }]} />\n <Divider />\n <FileList dataSource={[]} />\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_5\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n},{\n title: `FileUpload`,\n description: `文件上传`,\n code: `const { FileUpload } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst urls = {};\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal']\n})(({ remoteModules }) => {\n const [PureGlobal] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL,\n getUrl: {\n loader: async ({ params }) => {\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urls[params.id]);\n }, 1000);\n });\n }\n }, upload: ({ file }) => {\n urls[file.name] = URL.createObjectURL(file);\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n data: {\n code: 0, data: {\n id: file.name, filename: file.name\n }\n }\n });\n }, 1000);\n });\n }\n }\n }\n }}>\n <FileUpload />\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_5\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n},{\n title: `FilePreview`,\n description: `文件预览`,\n code: `const { FilePreview } = _ReactFile;\nconst { createWithRemoteLoader, getPublicPath } = remoteLoader;\n\nconst BaseExample = createWithRemoteLoader({\n modules: ['components-core:Global@PureGlobal', 'components-core:InfoPage']\n})(({ remoteModules }) => {\n const [PureGlobal, InfoPage] = remoteModules;\n return <PureGlobal preset={{\n ajax: async api => {\n return { data: { code: 0, data: api.loader() } };\n }, apis: {\n file: {\n staticUrl: getPublicPath('react-file') || window.PUBLIC_URL, getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/resume.png',\n 2: '/mock/resume.pdf',\n 3: '/mock/resume.html',\n 4: '/mock/resume.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/resume.docx'\n };\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(urlMap[params.id]);\n }, 1000);\n });\n }\n }\n }\n }\n }}>\n <InfoPage>\n <InfoPage.Part title=\"预览图片\">\n <FilePreview id=\"1\" />\n </InfoPage.Part>\n <InfoPage.Part title=\"预览PDF\">\n <FilePreview id=\"2\" />\n </InfoPage.Part>\n <InfoPage.Part title=\"预览HTML\">\n <FilePreview id=\"3\" />\n </InfoPage.Part>\n <InfoPage.Part title=\"预览TXT\">\n <FilePreview id=\"4\" />\n </InfoPage.Part>\n <InfoPage.Part title=\"预览AUDIO\">\n <FilePreview id=\"5\" />\n </InfoPage.Part>\n <InfoPage.Part title=\"预览OFFICE\">\n <FilePreview id=\"6\" />\n </InfoPage.Part>\n </InfoPage>\n\n </PureGlobal>;\n});\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ReactFile\",\n packageName: \"@kne/current-lib_react-file\",\n importStatement: \"import * as _ReactFile from \\\"@kne/react-file\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_5\n},{\n name: \"remoteLoader\",\n packageName: \"@kne/remote-loader\",\n component: component_3\n}]\n}]\n }\n};\nexport default readmeConfig;\n"],"names":["window","PUBLIC_URL","process","registry","url","tpl","componentsCoreRemote","remote","defaultVersion","remoteLoaderPreset","remotes","default","ajax","instance","axios","validateStatus","params","hasOwnProperty","loader","Promise","resolve","omit","then","data","code","catch","err","message","error","msg","fetchPreset","loading","_jsx","Spin","delay","style","position","left","padding","transform","empty","Empty","transformResponse","response","results","ExampleRoutes","createEntry","_ref","preset","themeToken","props","HashRouter","children","paths","key","path","title","readme","pageProps","menu","ReactDOM","document","getElementById","render","React","App","colorPrimary","webpackEmptyContext","req","e","Error","keys","id","module","exports","name","summary","description","packageName","api","example","isFull","className","list","scope","importStatement","component"],"sourceRoot":""}