@kne-components/react-file 0.1.0 → 0.1.2

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 (46) hide show
  1. package/build/asset-manifest.json +14 -14
  2. package/build/index.html +1 -1
  3. package/build/mock/resume.docx +0 -0
  4. package/build/mock/{demo2.html → resume.html} +6 -83
  5. package/build/mock/resume.pdf +0 -0
  6. package/build/mock/resume.png +0 -0
  7. package/build/remoteEntry.js +1 -1
  8. package/build/remoteEntry.js.map +1 -1
  9. package/build/static/js/268.553f17ff.chunk.js +2 -0
  10. package/build/static/js/268.553f17ff.chunk.js.map +1 -0
  11. package/build/static/js/414.7cdcf83f.chunk.js +2 -0
  12. package/build/static/js/414.7cdcf83f.chunk.js.map +1 -0
  13. package/build/static/js/44.0f60eb2f.chunk.js +3 -0
  14. package/build/static/js/44.0f60eb2f.chunk.js.map +1 -0
  15. package/build/static/js/516.ddf6767e.chunk.js +3 -0
  16. package/build/static/js/516.ddf6767e.chunk.js.map +1 -0
  17. package/build/static/js/779.113976ba.chunk.js +2 -0
  18. package/build/static/js/779.113976ba.chunk.js.map +1 -0
  19. package/build/static/js/main.3579b84d.js +2 -0
  20. package/build/static/js/main.3579b84d.js.map +1 -0
  21. package/package.json +1 -1
  22. package/build/mock/1_/347/216/213/346/231/266/347/256/200/345/216/206-2023_06_2.pdf +0 -0
  23. package/build/mock/cLtSR4oBLvtYYBIY9Epn.pdf +0 -0
  24. package/build/mock/demo.html +0 -344
  25. package/build/mock/demo.jpg +0 -0
  26. package/build/mock/demo.pdf +0 -0
  27. package/build/mock/demo2.jpg +0 -0
  28. package/build/mock/demo2.pdf +0 -0
  29. package/build/mock/eXur9YEBzBdA-Vkwaigw.png +0 -0
  30. package/build/mock/office.docx +0 -0
  31. package/build/mock/upload.json +0 -7
  32. package/build/static/js/268.9d4d381b.chunk.js +0 -2
  33. package/build/static/js/268.9d4d381b.chunk.js.map +0 -1
  34. package/build/static/js/414.21524df3.chunk.js +0 -2
  35. package/build/static/js/414.21524df3.chunk.js.map +0 -1
  36. package/build/static/js/431.4db6dfb9.chunk.js +0 -3
  37. package/build/static/js/431.4db6dfb9.chunk.js.map +0 -1
  38. package/build/static/js/516.39c3bf1c.chunk.js +0 -3
  39. package/build/static/js/516.39c3bf1c.chunk.js.map +0 -1
  40. package/build/static/js/779.415fbebf.chunk.js +0 -2
  41. package/build/static/js/779.415fbebf.chunk.js.map +0 -1
  42. package/build/static/js/main.7c1ec493.js +0 -2
  43. package/build/static/js/main.7c1ec493.js.map +0 -1
  44. /package/build/mock/{demo.txt → resume.txt} +0 -0
  45. /package/build/static/js/{431.4db6dfb9.chunk.js.LICENSE.txt → 44.0f60eb2f.chunk.js.LICENSE.txt} +0 -0
  46. /package/build/static/js/{516.39c3bf1c.chunk.js.LICENSE.txt → 516.ddf6767e.chunk.js.LICENSE.txt} +0 -0
package/build/mock/demo.html DELETED
@@ -1,344 +0,0 @@
1
-
2
- <!DOCTYPE HTML>
3
- <html lang="en-US">
4
- <head>
5
- <meta charset=utf-8>
6
- <title>NO._找简历_猎聘猎头网:LiePin.com</title>
7
- <link rel="stylesheet" type="text/css" href="http://cdn.gllue.com/h/beta2/css/common.css"/>
8
- <link rel="stylesheet" type="text/css" href="http://cdn.gllue.com/h/beta2/css/public.css"/>
9
- <link rel="icon" href="http://pic.lietou-static.com/h/beta2/images/favicon.ico" type="image/x-icon">
10
- <style type="text/css">
11
- .wrap {
12
- width: auto !important;
13
- margin: 0 !important;
14
- }
15
- #resume-view .box {
16
- width: auto !important;
17
- margin: 0 !important;
18
- }
19
- </style>
20
- <script>
21
- console.log('zzzzzzz');
22
- </script>
23
- </head>
24
- <body id="resume-showresumedetail">
25
- <div class="resume">
26
- <div class="tab">
27
- <span class="resume-sub-info">简历编号：<span data-nick="res_id">658efbfaL739527d7</span> | 最后登录：2013/03/15 18:08</span>
28
- <ul>
29
- <li class="active">中文简历</li>
30
-
31
-
32
- </ul>
33
- </div>
34
- <div class="content">
35
-
36
- <div class="resume-basic">
37
- <h2>
38
- <i class="icon-32 icon-32-note"></i>个人信息</h2>
39
-
40
-
41
- <div class="alert alert-warning">
42
- <p class="text-center">
43
- 在职，看看新机会 ， 鉴于中欧时差，请下午打电话。最好先邮件联系；。
44
- </p>
45
- </div>
46
-
47
-
48
-
49
- <div class="clearfix">
50
- <div class="face">
51
-
52
- <img src="//image0.lietou-static.com/normal/54fe77820cf2350f9275335102c.gif" class="middleFace"><br><a href="javascript:;" data-title="相互关注后可免费查看联系方式" class="btn btn-light btn_attention" data-type="1" data-selector="set_attention">+ 关注</a>
53
-
54
- </div>
55
- <table class="resume-basic-info"><tbody>
56
- <tr>
57
- <td width="380">
58
- <span class="name">姓名：张浩向</span>
59
-
60
-
61
- </td>
62
-
63
- <td>性别：男</td>
64
- </tr>
65
- <tr>
66
- <td>联系电话：
67
-
68
-
69
-
70
-
71
-
72
-
73
- </td>
74
-
75
- <td>年龄： 38</td>
76
- </tr>
77
- <tr>
78
- <td>电子邮件：
79
-
80
-
81
-
82
- </td>
83
- <td>学历：博士</td>
84
- </tr>
85
- <tr>
86
- <td data-selector="guidelayer">微信号：
87
-
88
- <i class="icons16 icons16-qrcode" data-selector="qrcode"></i>
89
-
90
- </td>
91
- <td>婚姻状况：已婚</td>
92
- </tr>
93
- <tr>
94
- <td>工作年限：9 年以上</td>
95
- <td>所在地：欧洲</td>
96
- </tr>
97
- </tbody></table>
98
- </div>
99
- <!-- 简历是否对猎头屏蔽 -->
100
-
101
- <div class="buttons-warp">
102
- <div class="buttons">
103
-
104
-
105
-
106
- <a href="javascript:;" class="btn btn-primary btn-medium btn_group" data-selector="group_talent">分组</a>
107
-
108
-
109
-
110
-
111
-
112
-
113
- <a href="javascript:;" class="btn btn-primary btn-medium" data-selector="recommend" data-name="recommend-tip">推荐职位</a>
114
-
115
-
116
-
117
- <a href="javascript:;" class="btn btn-primary btn-medium" data-selector="key-ecommendation">推荐到面试快</a>
118
- </div>
119
- </div>
120
-
121
-
122
- <strong>目前职业概况</strong>
123
-
124
-
125
-
126
-
127
- 所在行业：电子技术/半导体/集成电路
128
- 公司名称：IMG Tech
129
-
130
-
131
-
132
- 所任职位：Design Engineer
133
- 目前薪资：35000元/月 * 12个月
134
-
135
-
136
-
137
- <table>
138
- <thead><tr>
139
- <td><strong>职业发展意向</strong></td>
140
- </tr></thead>
141
- <tbody>
142
- <tr>
143
- <td>期望行业：电子技术/半导体/集成电路;通信(设备/运营/增值);IT服务/系统集成</td>
144
- </tr>
145
- <tr>
146
- <td>期望职位：电子技术研发工程师;电信/通讯工程师;集成电路IC设计/应用工程师</td>
147
- </tr>
148
- <tr>
149
- <td>期望地点：上海;宁波;杭州</td>
150
- </tr>
151
- <tr>
152
- <td>期望月薪：
153
-
154
- 25000元/月
155
-
156
-
157
- </td>
158
- </tr>
159
- <tr>
160
- <td>勿推荐企业： PURE 想象 </td>
161
- </tr>
162
- </tbody>
163
- </table>
164
- <!-- 屏蔽判断截止 -->
165
- </div>
166
-
167
-
168
- <!--工作经历-->
169
- <div class="resume-work" id="workexp_anchor">
170
-
171
-
172
-
173
-
174
-
175
-
176
-
177
-
178
-
179
-
180
-
181
-
182
-
183
-
184
-
185
- <h2>
186
- <i class="icon-32 icon-32-calendar"></i>工作经历</h2>
187
-
188
-
189
- <div class="resume-job-title">
190
- <a class="float-right" href="/cvsearch/soResume/?company_type=1&amp;form_submit=1&amp;so_flag=1&amp;company=Imagination+Technology" target="_blank">搜索同事</a>
191
- <span class="work-time">2007.08 - 至今</span>
192
- <em class="compony">Imagination Technology<span>
193
-
194
- (9年)
195
-
196
- </span>
197
- </em>
198
- </div>
199
- <div class="resume-indent">
200
- <table><tbody>
201
- <tr>
202
- <td colspan="2">其他  |  电子技术/半导体/集成电路  |  500-999人</td>
203
- </tr>
204
- <tr>
205
- <td colspan="2" class="resume-work-info">Imagination Technologies Group plc是英国顶级的多媒体技术研发公司，是半导体系统知识产权的领袖企业。公司在伦敦证券交易所上市(FTSE:IMG)，设计并授权生产市场上领先的图形，视频及显示内核，实时多线DSP/RISC和通信广播技术，主要用于移动电话，数字电视，汽车和电脑市场。公司提供可受权的设计方案（知识产权IP）及配套的软硬件开发工具。
206
- </td>
207
- </tr>
208
- </tbody></table>
209
- <table class="job-list"><tbody>
210
- <tr>
211
- <td colspan="2">
212
- <div class="job-list-title">
213
- <span>2007.08 - 至今</span><strong>Design Engineer</strong>about 30000 RMB/ Month元/月</div>
214
- </td>
215
- </tr>
216
- <tr>
217
- <th colspan="2">
218
- 汇报对象：Project manager | 所在地区：欧洲
219
- </th>
220
- </tr>
221
- <tr>
222
- <th width="60" class="nowrap">工作职责：</th>
223
- <td>
224
- 参与了多个不同数字电视接收系统的设计工作。进行了从理论分析，系统设计，软件仿真调试，到最终汇编语言实现算法及系统测试的工作。超过三年的数字信号处理和通信系统实际设计经验；<br>熟练掌握关于数字信号处理的相关理论知识，算法模型及仿真；<br>具有数字电视地面传输标准的相关方案研发经验；
225
- </td>
226
- </tr>
227
- <tr>
228
- <th width="60" class="nowrap">工作业绩：</th>
229
- <td>
230
- 参加了开发美国数字电视地面传输标准ATSC接收系统项目 <br>依照系统信号结构定义，编写了系统仿真代码;<br>设计了创新的接收系统信道估算方法，极大的提高了系统的性能; <br>进行了理论分析，并通过仿真系统对信道均衡模块进行改进及调试;<br>分析了系统自适应过程中的难点，提出了新的方法来解决无差累计和系统不稳定问题； <br>对设计的方法进行了汇编语言的实现。将不同模块连接，测试并优化其性能。 <br>参加了中国数字电视地面传输标准GB20600-2006接收系统项目的设计 <br>负责系统的信号捕获部分； <br>设计了新的载波频移误差测量方法,；<br>结合该系统各模式的复杂性，设计了新的信道估计方法；<br>分析了该标准特殊的单载波与多载波结合的特点，提出了新的系统自适应解调方法。
231
- </td>
232
- </tr>
233
- </tbody></table>
234
- </div>
235
-
236
-
237
-
238
- </div>
239
- <!--/工作经历-->
240
- <!--项目经历-->
241
-
242
- <div class="resume-project">
243
- <h2>
244
- <i class="icon-32 icon-32-folder"></i>项目经历</h2>
245
-
246
- <table class="project-list"><tbody>
247
- <tr>
248
- <td colspan="2">
249
- <div class="project-list-title">
250
- <span>2008.02 - 2009.06</span><strong>ATSC 接收系统</strong>
251
- </div>
252
- </td>
253
- </tr>
254
- <tr>
255
- <th width="60">项目职务：</th>
256
- <td>
257
- Design Engineer
258
- </td>
259
- </tr>
260
- <tr>
261
- <th width="60">项目简介：</th>
262
- <td>
263
- 系统性能良好，已经有客户采用，并在接受其他客户检测。
264
- </td>
265
- </tr>
266
- <tr>
267
- <th width="60">项目职责：</th>
268
- <td>
269
- ATSC接收系统信号捕捉及信道侦测部分的设计；<br>
270
- </td>
271
- </tr>
272
- <tr>
273
- <th width="60">项目业绩：</th>
274
- <td>
275
- 依照系统信号结构定义，编写了系统仿真代码;<br>设计了创新的接收系统信道估算方法，极大的提高了系统的性能; <br>进行了理论分析，并通过仿真系统对信道均衡模块进行改进及调试;<br>分析了系统自适应过程中的难点，提出了新的方法来解决无差累计和系统不稳定问题； <br>对设计的方法进行了汇编语言的实现。将不同模块连接，测试并优化其性能。 <br>
276
- </td>
277
- </tr>
278
- </tbody></table>
279
- </div>
280
-
281
- <!--/项目经历-->
282
-
283
-
284
- <div class="resume-education">
285
- <h2>
286
- <i class="icon-32 icon-32-book"></i>教育经历</h2>
287
-
288
- <table><tbody>
289
- <tr>
290
- <td colspan="3">
291
- <strong>University of Bath</strong>（2001.01 - 2006.12）
292
- </td>
293
- </tr>
294
- <tr>
295
- <td>专业：Electronic Engineering</td>
296
- <td>学历：博士</td>
297
- <td>是否统招：是</td>
298
- </tr>
299
- </tbody></table>
300
- <hr>
301
- <table><tbody>
302
- <tr>
303
- <td colspan="3">
304
- <strong>湖南大学</strong>（1996.09 - 2000.06）
305
- </td>
306
- </tr>
307
- <tr>
308
- <td>专业：电子与信息工程</td>
309
- <td>学历：本科</td>
310
- <td>是否统招：是</td>
311
- </tr>
312
- </tbody></table>
313
- </div>
314
-
315
-
316
-
317
- <div class="resume-language">
318
- <h2>
319
- <i class="icon-32 icon-32-e"></i>语言能力</h2>
320
- <table><tbody><tr>
321
- <td>
322
- 英语、其他
323
- </td>
324
- </tr></tbody></table>
325
- </div>
326
-
327
-
328
-
329
- <div class="resume-comments">
330
- <h2>
331
- <i class="icon-32 icon-32-comments"></i>自我评价</h2>
332
- <table><tbody><tr>
333
- <td>
334
- 本人拥有近四年的在世界领先的通信系统设计公司就职从事通信系统开发的经验，专业从事数字电视接收系统的设计。还拥有六年的数字电视压缩编码研究的经验。对数字通信系统相关理论，技术和产业有较深的理解。在工作中一直具有成功的创新经验。具有团队协作精神，拥有较好的交流能力和项目协调能力。愿加入与本人背景相关的通信或数字电视企业并在产品开发和管理方面作出贡献。
335
- </td>
336
- </tr></tbody></table>
337
- </div>
338
-
339
-
340
-
341
- <!-- 屏蔽简历判断截止处 -->
342
- </div>
343
- </div>
344
- </body></html>
package/build/mock/demo.jpg DELETED
Binary file
package/build/mock/demo.pdf DELETED
Binary file
package/build/mock/demo2.jpg DELETED
Binary file
package/build/mock/demo2.pdf DELETED
Binary file
package/build/mock/eXur9YEBzBdA-Vkwaigw.png DELETED
Binary file
package/build/mock/office.docx DELETED
Binary file
package/build/mock/upload.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "code": 0,
3
- "data": {
4
- "id": "XXXXX",
5
- "originalName": "头像.png"
6
- }
7
- }
package/build/static/js/268.9d4d381b.chunk.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";(self.webpackChunk_kne_components_react_file=self.webpackChunk_kne_components_react_file||[]).push([[268],{30268:(e,n,a)=>{a.r(n),a.d(n,{default:()=>l,manifest:()=>m});var o=a(63181),t=a(13050),r=a(55199);const l={ReactFile:{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 } = 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 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:o},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]},{title:"Image",description:"\u663e\u793a\u56fe\u7247",code:'const { Image } = _ReactFile;\nconst { createWithRemoteLoader } = 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 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:o},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]},{title:"Download",description:"\u6587\u4ef6\u4e0b\u8f7d",code:'const { Download } = _ReactFile;\nconst { createWithRemoteLoader } = 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 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:o},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]},{title:"FileButton",description:"\u9884\u89c8\u6587\u4ef6\u6309\u94ae",code:"const { FileButton } = _ReactFile;\nconst { createWithRemoteLoader } = 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 getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/demo.jpg',\n 2: '/mock/demo2.pdf',\n 3: '/mock/demo2.html',\n 4: '/mock/demo.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/office.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\" modalProps={{ width: 800 }}>\u9884\u89c8demo.jpg</FileButton>\n <FileButton id=\"2\" filename=\"demo2.pdf\" modalProps={{ width: 800 }}>\u9884\u89c8demo2.pdf</FileButton>\n <FileButton id=\"3\" filename=\"demo2.html\" modalProps={{ width: 800 }}>\u9884\u89c8demo2.html</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:o},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]},{title:"FileList",description:"\u6587\u4ef6\u5217\u8868",code:"const { FileList } = _ReactFile;\nconst { createWithRemoteLoader } = 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 getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/demo.jpg',\n 2: '/mock/demo2.pdf',\n 3: '/mock/demo2.html',\n 4: '/mock/demo.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/office.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:o},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]},{title:"FileUpload",description:"\u6587\u4ef6\u4e0a\u4f20",code:"const { FileUpload } = _ReactFile;\nconst { createWithRemoteLoader } = 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 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:o},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]},{title:"FilePreview",description:"\u6587\u4ef6\u9884\u89c8",code:'const { FilePreview } = _ReactFile;\nconst { createWithRemoteLoader } = 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 getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: \'/mock/demo.jpg\',\n 2: \'/mock/demo2.pdf\',\n 3: \'/mock/demo2.html\',\n 4: \'/mock/demo.txt\',\n 5: \'/mock/audio.wav\',\n 6: \'/mock/office.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:o},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]}]}}},m={name:"react-file",version:"0.1.0","open-version":!0,"public-url":"/react-file",modules:[{name:"react-file",baseDir:"/home/runner/work/react-file/react-file",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"}]}}}]);
2
- //# sourceMappingURL=268.9d4d381b.chunk.js.map
package/build/static/js/268.9d4d381b.chunk.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"static/js/268.9d4d381b.chunk.js","mappings":"0NAUA,MCVyD,GAAgBA,UDUpD,CACjBC,KAAM,aACNC,QAAS,gSAMTC,YAAa,uIACbC,YAAa,kBACbC,IAAK,wOAkBLC,QAAS,CACLC,QAAQ,EACRC,UAAW,mBACXC,MAAO,GACPC,KAAM,CAAC,CACXC,MAAO,OACPR,YAAa,gDACbS,KAAM,iyBAiCNC,MAAO,CAAC,CACRZ,KAAM,aACNG,YAAa,8BACbU,gBAAiB,gDACjBC,UAAW,GACb,CACEd,KAAM,eACNG,YAAa,qBACbW,UAAW,KAEb,CACEJ,MAAO,QACPR,YAAa,2BACbS,KAAM,knDAqDNC,MAAO,CAAC,CACRZ,KAAM,aACNG,YAAa,8BACbU,gBAAiB,gDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,GACb,CACEd,KAAM,eACNG,YAAa,qBACbW,UAAW,KAEb,CACEJ,MAAO,WACPR,YAAa,2BACbS,KAAM,8jCAoCNC,MAAO,CAAC,CACRZ,KAAM,aACNG,YAAa,8BACbU,gBAAiB,gDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,GACb,CACEd,KAAM,eACNG,YAAa,qBACbW,UAAW,KAEb,CACEJ,MAAO,aACPR,YAAa,uCACbS,KAAM,qzCAyCNC,MAAO,CAAC,CACRZ,KAAM,aACNG,YAAa,8BACbU,gBAAiB,gDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,GACb,CACEd,KAAM,eACNG,YAAa,qBACbW,UAAW,KAEb,CACEJ,MAAO,WACPR,YAAa,2BACbS,KAAM,84CAoDNC,MAAO,CAAC,CACRZ,KAAM,aACNG,YAAa,8BACbU,gBAAiB,gDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,GACb,CACEd,KAAM,eACNG,YAAa,qBACbW,UAAW,KAEb,CACEJ,MAAO,aACPR,YAAa,2BACbS,KAAM,upCA8CNC,MAAO,CAAC,CACRZ,KAAM,aACNG,YAAa,8BACbU,gBAAiB,gDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,GACb,CACEd,KAAM,eACNG,YAAa,qBACbW,UAAW,KAEb,CACEJ,MAAO,cACPR,YAAa,2BACbS,KAAM,wrDA2DNC,MAAO,CAAC,CACRZ,KAAM,aACNG,YAAa,8BACbU,gBAAiB,gDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,GACb,CACEd,KAAM,eACNG,YAAa,qBACbW,UAAW,SC1dFC,EAAW,CAAC,KAAO,aAAa,QAAU,QAAQ,gBAAe,EAAK,aAAa,cAAc,QAAU,CAAC,CAAC,KAAO,aAAa,QAAU,0CAA0C,YAAc,uIAAyB,YAAc,oB","sources":["../../README.md","../node_modules/readme/modules.js"],"sourcesContent":["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 } = 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 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 } = 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 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 } = 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 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 } = 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 getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/demo.jpg',\n 2: '/mock/demo2.pdf',\n 3: '/mock/demo2.html',\n 4: '/mock/demo.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/office.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\" modalProps={{ width: 800 }}>预览demo.jpg</FileButton>\n <FileButton id=\"2\" filename=\"demo2.pdf\" modalProps={{ width: 800 }}>预览demo2.pdf</FileButton>\n <FileButton id=\"3\" filename=\"demo2.html\" modalProps={{ width: 800 }}>预览demo2.html</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 } = 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 getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/demo.jpg',\n 2: '/mock/demo2.pdf',\n 3: '/mock/demo2.html',\n 4: '/mock/demo.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/office.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 } = 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 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 } = 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 getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/demo.jpg',\n 2: '/mock/demo2.pdf',\n 3: '/mock/demo2.html',\n 4: '/mock/demo.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/office.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","import ReactFile from '@components/react-file/README.md';export default {ReactFile};\nexport const manifest = {\"name\":\"react-file\",\"version\":\"0.1.0\",\"open-version\":true,\"public-url\":\"/react-file\",\"modules\":[{\"name\":\"react-file\",\"baseDir\":\"/home/runner/work/react-file/react-file\",\"description\":\"提供了文件上传，文件预览，文件批量管理等功能\",\"packageName\":\"@kne/react-file\"}]};"],"names":["ReactFile","name","summary","description","packageName","api","example","isFull","className","style","list","title","code","scope","importStatement","component","manifest"],"sourceRoot":""}
package/build/static/js/414.21524df3.chunk.js DELETED
@@ -1,2 +0,0 @@
1
- (self.webpackChunk_kne_components_react_file=self.webpackChunk_kne_components_react_file||[]).push([[414],{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 o=a(63181),t=(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 } = 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 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:o},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]},{title:"Image",description:"\u663e\u793a\u56fe\u7247",code:'const { Image } = _ReactFile;\nconst { createWithRemoteLoader } = 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 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:o},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]},{title:"Download",description:"\u6587\u4ef6\u4e0b\u8f7d",code:'const { Download } = _ReactFile;\nconst { createWithRemoteLoader } = 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 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:o},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]},{title:"FileButton",description:"\u9884\u89c8\u6587\u4ef6\u6309\u94ae",code:"const { FileButton } = _ReactFile;\nconst { createWithRemoteLoader } = 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 getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/demo.jpg',\n 2: '/mock/demo2.pdf',\n 3: '/mock/demo2.html',\n 4: '/mock/demo.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/office.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\" modalProps={{ width: 800 }}>\u9884\u89c8demo.jpg</FileButton>\n <FileButton id=\"2\" filename=\"demo2.pdf\" modalProps={{ width: 800 }}>\u9884\u89c8demo2.pdf</FileButton>\n <FileButton id=\"3\" filename=\"demo2.html\" modalProps={{ width: 800 }}>\u9884\u89c8demo2.html</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:o},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]},{title:"FileList",description:"\u6587\u4ef6\u5217\u8868",code:"const { FileList } = _ReactFile;\nconst { createWithRemoteLoader } = 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 getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/demo.jpg',\n 2: '/mock/demo2.pdf',\n 3: '/mock/demo2.html',\n 4: '/mock/demo.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/office.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:o},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]},{title:"FileUpload",description:"\u6587\u4ef6\u4e0a\u4f20",code:"const { FileUpload } = _ReactFile;\nconst { createWithRemoteLoader } = 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 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:o},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]},{title:"FilePreview",description:"\u6587\u4ef6\u9884\u89c8",code:'const { FilePreview } = _ReactFile;\nconst { createWithRemoteLoader } = 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 getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: \'/mock/demo.jpg\',\n 2: \'/mock/demo2.pdf\',\n 3: \'/mock/demo2.html\',\n 4: \'/mock/demo.txt\',\n 5: \'/mock/audio.wav\',\n 6: \'/mock/office.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:o},{name:"antd",packageName:"antd",component:r},{name:"remoteLoader",packageName:"@kne/remote-loader",component:t}]}]}}},11448:(e,n,a)=>{"use strict";var o=a(94922),t=a.n(o),r=a(87558),l=a(55199),m=a(89946),i=a.n(m),s=a(13050),c=a(1488),d=a.n(c),p=a(89261);window.PUBLIC_URL="/react-file";const u={remote:"components-core",url:"https://registry.npmmirror.com",tpl:"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build",defaultVersion:"0.1.10"};(0,s.preset)({remotes:{default:u,"components-core":u,"components-iconfont":{remote:"components-iconfont",url:"https://registry.npmmirror.com",tpl:"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build",defaultVersion:"0.1.3"}}});const f=(()=>{const e=i().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:f,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 g=a(65457),P=a(94679),k=a(14152),x=a.n(k),h=(a(91296),a(46446));const F=x().ExampleRoutes,v=e=>{let{preset:n,themeToken:a,...o}=e;return(0,p.jsx)(P.HashRouter,{children:(0,p.jsx)(F,{...o,paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:n,themeToken:a,readme:h.default,pageProps:{menu:null}})})};g.createRoot(document.getElementById("root")).render((0,p.jsx)(t().StrictMode,{children:(0,p.jsx)(v,{preset:{ajax:f},themeToken:{colorPrimary:"#4F185A"}})}))},72241:()=>{}}]);
2
- //# sourceMappingURL=414.21524df3.chunk.js.map
package/build/static/js/414.21524df3.chunk.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"static/js/414.21524df3.chunk.js","mappings":"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","sources":["../node_modules/@babel/standalone|sync","../../README.md","preset.js","App.js","bootstrap.js"],"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 = () => ([]);\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 } = 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 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 } = 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 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 } = 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 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 } = 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 getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/demo.jpg',\n 2: '/mock/demo2.pdf',\n 3: '/mock/demo2.html',\n 4: '/mock/demo.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/office.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\" modalProps={{ width: 800 }}>预览demo.jpg</FileButton>\n <FileButton id=\"2\" filename=\"demo2.pdf\" modalProps={{ width: 800 }}>预览demo2.pdf</FileButton>\n <FileButton id=\"3\" filename=\"demo2.html\" modalProps={{ width: 800 }}>预览demo2.html</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 } = 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 getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/demo.jpg',\n 2: '/mock/demo2.pdf',\n 3: '/mock/demo2.html',\n 4: '/mock/demo.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/office.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 } = 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 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 } = 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 getUrl: {\n loader: async ({ params }) => {\n const urlMap = {\n 1: '/mock/demo.jpg',\n 2: '/mock/demo2.pdf',\n 3: '/mock/demo2.html',\n 4: '/mock/demo.txt',\n 5: '/mock/audio.wav',\n 6: '/mock/office.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","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\nconst componentsCoreRemote = {\n remote: \"components-core\",\n url: \"https://registry.npmmirror.com\",\n tpl: \"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build\",\n defaultVersion: '0.1.10',\n};\n\nremoteLoaderPreset({\n remotes: {\n default: componentsCoreRemote, 'components-core': componentsCoreRemote, 'components-iconfont': {\n remote: \"components-iconfont\",\n url: \"https://registry.npmmirror.com\",\n tpl: \"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build\",\n defaultVersion: '0.1.3',\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"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","name","summary","description","packageName","api","example","isFull","className","style","list","title","scope","importStatement","component","window","PUBLIC_URL","process","componentsCoreRemote","remote","url","tpl","defaultVersion","remoteLoaderPreset","remotes","default","ajax","instance","axios","validateStatus","params","hasOwnProperty","loader","Promise","omit","then","data","catch","err","message","error","msg","fetchPreset","loading","_jsx","Spin","delay","position","left","padding","transform","empty","Empty","transformResponse","response","results","ExampleRoutes","createEntry","_ref","preset","themeToken","props","HashRouter","children","paths","key","path","readme","pageProps","menu","ReactDOM","document","getElementById","render","React","App","colorPrimary"],"sourceRoot":""}