cy-element-ui 1.1.19 → 1.1.21

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 (96) hide show
  1. package/lib/index.js +1 -1
  2. package/package.json +1 -1
  3. package/src/index.js +1 -1
  4. package/lib/Alert.js +0 -420
  5. package/lib/Aside.js +0 -277
  6. package/lib/Autocomplete.js +0 -2051
  7. package/lib/Avatar.js +0 -363
  8. package/lib/Backtop.js +0 -404
  9. package/lib/Badge.js +0 -334
  10. package/lib/Breadcrumb.js +0 -293
  11. package/lib/BreadcrumbItem.js +0 -322
  12. package/lib/Button.js +0 -357
  13. package/lib/ButtonGroup.js +0 -262
  14. package/lib/Calendar.js +0 -1146
  15. package/lib/Card.js +0 -297
  16. package/lib/Carousel.js +0 -707
  17. package/lib/CarouselItem.js +0 -434
  18. package/lib/Cascader.js +0 -4641
  19. package/lib/CascaderPanel.js +0 -2602
  20. package/lib/Checkbox.js +0 -627
  21. package/lib/CheckboxButton.js +0 -583
  22. package/lib/CheckboxGroup.js +0 -313
  23. package/lib/Col.js +0 -177
  24. package/lib/Collapse.js +0 -329
  25. package/lib/CollapseItem.js +0 -497
  26. package/lib/ColorPicker.js +0 -2885
  27. package/lib/Container.js +0 -288
  28. package/lib/CySelectDisplayInput.js +0 -367
  29. package/lib/CySubTitle.js +0 -295
  30. package/lib/CyTabDialog.js +0 -1184
  31. package/lib/CyTreeSelect.js +0 -4422
  32. package/lib/DatePicker.js +0 -7574
  33. package/lib/Descriptions.js +0 -457
  34. package/lib/DescriptionsItem.js +0 -140
  35. package/lib/Dialog.js +0 -598
  36. package/lib/Divider.js +0 -313
  37. package/lib/Drawer.js +0 -592
  38. package/lib/Dropdown.js +0 -856
  39. package/lib/DropdownItem.js +0 -316
  40. package/lib/DropdownMenu.js +0 -351
  41. package/lib/Empty.js +0 -730
  42. package/lib/Footer.js +0 -277
  43. package/lib/Form.js +0 -466
  44. package/lib/FormItem.js +0 -826
  45. package/lib/Header.js +0 -277
  46. package/lib/Icon.js +0 -265
  47. package/lib/Image.js +0 -1138
  48. package/lib/InfiniteScroll.js +0 -301
  49. package/lib/Input.js +0 -999
  50. package/lib/InputNumber.js +0 -1552
  51. package/lib/Link.js +0 -332
  52. package/lib/Loading.js +0 -631
  53. package/lib/Main.js +0 -264
  54. package/lib/Menu.js +0 -865
  55. package/lib/MenuItem.js +0 -818
  56. package/lib/MenuItemGroup.js +0 -308
  57. package/lib/Message.js +0 -548
  58. package/lib/MessageBox.js +0 -2134
  59. package/lib/Notification.js +0 -615
  60. package/lib/Option.js +0 -474
  61. package/lib/OptionGroup.js +0 -344
  62. package/lib/PageHeader.js +0 -319
  63. package/lib/Pagination.js +0 -4123
  64. package/lib/Popconfirm.js +0 -1025
  65. package/lib/Popover.js +0 -617
  66. package/lib/Progress.js +0 -595
  67. package/lib/Radio.js +0 -497
  68. package/lib/RadioButton.js +0 -463
  69. package/lib/RadioGroup.js +0 -391
  70. package/lib/Rate.js +0 -670
  71. package/lib/Result.js +0 -578
  72. package/lib/Row.js +0 -149
  73. package/lib/Scrollbar.js +0 -423
  74. package/lib/Select.js +0 -3368
  75. package/lib/Skeleton.js +0 -372
  76. package/lib/SkeletonItem.js +0 -342
  77. package/lib/Slider.js +0 -2854
  78. package/lib/Spinner.js +0 -301
  79. package/lib/Statistic.js +0 -533
  80. package/lib/Step.js +0 -522
  81. package/lib/Steps.js +0 -342
  82. package/lib/Submenu.js +0 -700
  83. package/lib/Switch.js +0 -554
  84. package/lib/TabPane.js +0 -332
  85. package/lib/Table.js +0 -6125
  86. package/lib/TableColumn.js +0 -1481
  87. package/lib/Tabs.js +0 -920
  88. package/lib/Tag.js +0 -304
  89. package/lib/TimePicker.js +0 -4059
  90. package/lib/TimeSelect.js +0 -2871
  91. package/lib/Timeline.js +0 -275
  92. package/lib/TimelineItem.js +0 -371
  93. package/lib/Tooltip.js +0 -425
  94. package/lib/Transfer.js +0 -2557
  95. package/lib/Tree.js +0 -2680
  96. package/lib/Upload.js +0 -1782
package/lib/Upload.js DELETED
@@ -1,1782 +0,0 @@
1
- module.exports =
2
- /******/ (function(modules) { // webpackBootstrap
3
- /******/ // The module cache
4
- /******/ var installedModules = {};
5
- /******/
6
- /******/ // The require function
7
- /******/ function __webpack_require__(moduleId) {
8
- /******/
9
- /******/ // Check if module is in cache
10
- /******/ if(installedModules[moduleId]) {
11
- /******/ return installedModules[moduleId].exports;
12
- /******/ }
13
- /******/ // Create a new module (and put it into the cache)
14
- /******/ var module = installedModules[moduleId] = {
15
- /******/ i: moduleId,
16
- /******/ l: false,
17
- /******/ exports: {}
18
- /******/ };
19
- /******/
20
- /******/ // Execute the module function
21
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
22
- /******/
23
- /******/ // Flag the module as loaded
24
- /******/ module.l = true;
25
- /******/
26
- /******/ // Return the exports of the module
27
- /******/ return module.exports;
28
- /******/ }
29
- /******/
30
- /******/
31
- /******/ // expose the modules object (__webpack_modules__)
32
- /******/ __webpack_require__.m = modules;
33
- /******/
34
- /******/ // expose the module cache
35
- /******/ __webpack_require__.c = installedModules;
36
- /******/
37
- /******/ // define getter function for harmony exports
38
- /******/ __webpack_require__.d = function(exports, name, getter) {
39
- /******/ if(!__webpack_require__.o(exports, name)) {
40
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
41
- /******/ }
42
- /******/ };
43
- /******/
44
- /******/ // define __esModule on exports
45
- /******/ __webpack_require__.r = function(exports) {
46
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
47
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
48
- /******/ }
49
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
50
- /******/ };
51
- /******/
52
- /******/ // create a fake namespace object
53
- /******/ // mode & 1: value is a module id, require it
54
- /******/ // mode & 2: merge all properties of value into the ns
55
- /******/ // mode & 4: return value when already ns object
56
- /******/ // mode & 8|1: behave like require
57
- /******/ __webpack_require__.t = function(value, mode) {
58
- /******/ if(mode & 1) value = __webpack_require__(value);
59
- /******/ if(mode & 8) return value;
60
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
61
- /******/ var ns = Object.create(null);
62
- /******/ __webpack_require__.r(ns);
63
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
64
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
65
- /******/ return ns;
66
- /******/ };
67
- /******/
68
- /******/ // getDefaultExport function for compatibility with non-harmony modules
69
- /******/ __webpack_require__.n = function(module) {
70
- /******/ var getter = module && module.__esModule ?
71
- /******/ function getDefault() { return module['default']; } :
72
- /******/ function getModuleExports() { return module; };
73
- /******/ __webpack_require__.d(getter, 'a', getter);
74
- /******/ return getter;
75
- /******/ };
76
- /******/
77
- /******/ // Object.prototype.hasOwnProperty.call
78
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
79
- /******/
80
- /******/ // __webpack_public_path__
81
- /******/ __webpack_require__.p = "/dist/";
82
- /******/
83
- /******/
84
- /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 60);
86
- /******/ })
87
- /************************************************************************/
88
- /******/ ({
89
-
90
- /***/ 0:
91
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
92
-
93
- "use strict";
94
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
95
- /* globals __VUE_SSR_CONTEXT__ */
96
-
97
- // IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
98
- // This module is a runtime utility for cleaner component module output and will
99
- // be included in the final webpack user bundle.
100
-
101
- function normalizeComponent(
102
- scriptExports,
103
- render,
104
- staticRenderFns,
105
- functionalTemplate,
106
- injectStyles,
107
- scopeId,
108
- moduleIdentifier /* server only */,
109
- shadowMode /* vue-cli only */
110
- ) {
111
- // Vue.extend constructor export interop
112
- var options =
113
- typeof scriptExports === 'function' ? scriptExports.options : scriptExports
114
-
115
- // render functions
116
- if (render) {
117
- options.render = render
118
- options.staticRenderFns = staticRenderFns
119
- options._compiled = true
120
- }
121
-
122
- // functional template
123
- if (functionalTemplate) {
124
- options.functional = true
125
- }
126
-
127
- // scopedId
128
- if (scopeId) {
129
- options._scopeId = 'data-v-' + scopeId
130
- }
131
-
132
- var hook
133
- if (moduleIdentifier) {
134
- // server build
135
- hook = function (context) {
136
- // 2.3 injection
137
- context =
138
- context || // cached call
139
- (this.$vnode && this.$vnode.ssrContext) || // stateful
140
- (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
141
- // 2.2 with runInNewContext: true
142
- if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
143
- context = __VUE_SSR_CONTEXT__
144
- }
145
- // inject component styles
146
- if (injectStyles) {
147
- injectStyles.call(this, context)
148
- }
149
- // register component module identifier for async chunk inferrence
150
- if (context && context._registeredComponents) {
151
- context._registeredComponents.add(moduleIdentifier)
152
- }
153
- }
154
- // used by ssr in case component is cached and beforeCreate
155
- // never gets called
156
- options._ssrRegister = hook
157
- } else if (injectStyles) {
158
- hook = shadowMode
159
- ? function () {
160
- injectStyles.call(
161
- this,
162
- (options.functional ? this.parent : this).$root.$options.shadowRoot
163
- )
164
- }
165
- : injectStyles
166
- }
167
-
168
- if (hook) {
169
- if (options.functional) {
170
- // for template-only hot-reload because in that case the render fn doesn't
171
- // go through the normalizer
172
- options._injectStyles = hook
173
- // register for functional component in vue file
174
- var originalRender = options.render
175
- options.render = function renderWithStyleInjection(h, context) {
176
- hook.call(context)
177
- return originalRender(h, context)
178
- }
179
- } else {
180
- // inject component registration as beforeCreate hook
181
- var existing = options.beforeCreate
182
- options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
183
- }
184
- }
185
-
186
- return {
187
- exports: scriptExports,
188
- options: options
189
- }
190
- }
191
-
192
-
193
- /***/ }),
194
-
195
- /***/ 24:
196
- /***/ (function(module, exports) {
197
-
198
- module.exports = require("babel-helper-vue-jsx-merge-props");
199
-
200
- /***/ }),
201
-
202
- /***/ 42:
203
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
204
-
205
- "use strict";
206
- // ESM COMPAT FLAG
207
- __webpack_require__.r(__webpack_exports__);
208
-
209
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/progress/src/progress.vue?vue&type=template&id=cee7789c
210
- var render = function () {
211
- var _vm = this
212
- var _h = _vm.$createElement
213
- var _c = _vm._self._c || _h
214
- return _c(
215
- "div",
216
- {
217
- staticClass: "el-progress",
218
- class: [
219
- "el-progress--" + _vm.type,
220
- _vm.status ? "is-" + _vm.status : "",
221
- {
222
- "el-progress--without-text": !_vm.showText,
223
- "el-progress--text-inside": _vm.textInside,
224
- },
225
- ],
226
- attrs: {
227
- role: "progressbar",
228
- "aria-valuenow": _vm.percentage,
229
- "aria-valuemin": "0",
230
- "aria-valuemax": "100",
231
- },
232
- },
233
- [
234
- _vm.type === "line"
235
- ? _c("div", { staticClass: "el-progress-bar" }, [
236
- _c(
237
- "div",
238
- {
239
- staticClass: "el-progress-bar__outer",
240
- style: {
241
- height: _vm.strokeWidth + "px",
242
- backgroundColor: _vm.defineBackColor,
243
- },
244
- },
245
- [
246
- _c(
247
- "div",
248
- {
249
- staticClass: "el-progress-bar__inner",
250
- style: _vm.barStyle,
251
- },
252
- [
253
- _vm.showText && _vm.textInside
254
- ? _c(
255
- "div",
256
- {
257
- staticClass: "el-progress-bar__innerText",
258
- style: { color: _vm.textColor },
259
- },
260
- [_vm._v(_vm._s(_vm.content))]
261
- )
262
- : _vm._e(),
263
- ]
264
- ),
265
- ]
266
- ),
267
- ])
268
- : _c(
269
- "div",
270
- {
271
- staticClass: "el-progress-circle",
272
- style: { height: _vm.width + "px", width: _vm.width + "px" },
273
- },
274
- [
275
- _c("svg", { attrs: { viewBox: "0 0 100 100" } }, [
276
- _c("path", {
277
- staticClass: "el-progress-circle__track",
278
- style: _vm.trailPathStyle,
279
- attrs: {
280
- d: _vm.trackPath,
281
- stroke: _vm.defineBackColor,
282
- "stroke-width": _vm.relativeStrokeWidth,
283
- fill: "none",
284
- },
285
- }),
286
- _c("path", {
287
- staticClass: "el-progress-circle__path",
288
- style: _vm.circlePathStyle,
289
- attrs: {
290
- d: _vm.trackPath,
291
- stroke: _vm.stroke,
292
- fill: "none",
293
- "stroke-linecap": _vm.strokeLinecap,
294
- "stroke-width": _vm.percentage
295
- ? _vm.relativeStrokeWidth
296
- : 0,
297
- },
298
- }),
299
- ]),
300
- ]
301
- ),
302
- _vm.showText && !_vm.textInside
303
- ? _c(
304
- "div",
305
- {
306
- staticClass: "el-progress__text",
307
- style: {
308
- fontSize: _vm.progressTextSize + "px",
309
- color: _vm.textColor,
310
- },
311
- },
312
- [
313
- !_vm.status
314
- ? [_vm._v(_vm._s(_vm.content))]
315
- : _c("i", { class: _vm.iconClass }),
316
- ],
317
- 2
318
- )
319
- : _vm._e(),
320
- ]
321
- )
322
- }
323
- var staticRenderFns = []
324
- render._withStripped = true
325
-
326
-
327
- // CONCATENATED MODULE: ./packages/progress/src/progress.vue?vue&type=template&id=cee7789c
328
-
329
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/progress/src/progress.vue?vue&type=script&lang=js
330
- //
331
- //
332
- //
333
- //
334
- //
335
- //
336
- //
337
- //
338
- //
339
- //
340
- //
341
- //
342
- //
343
- //
344
- //
345
- //
346
- //
347
- //
348
- //
349
- //
350
- //
351
- //
352
- //
353
- //
354
- //
355
- //
356
- //
357
- //
358
- //
359
- //
360
- //
361
- //
362
- //
363
- //
364
- //
365
- //
366
- //
367
- //
368
- //
369
- //
370
- //
371
- //
372
- //
373
- //
374
- //
375
- //
376
- //
377
- //
378
- //
379
- //
380
- //
381
- //
382
-
383
- /* harmony default export */ var progressvue_type_script_lang_js = ({
384
- name: 'ElProgress',
385
- props: {
386
- type: {
387
- type: String,
388
- default: 'line',
389
- validator: function validator(val) {
390
- return ['line', 'circle', 'dashboard'].indexOf(val) > -1;
391
- }
392
- },
393
- percentage: {
394
- type: Number,
395
- default: 0,
396
- required: true,
397
- validator: function validator(val) {
398
- return val >= 0 && val <= 100;
399
- }
400
- },
401
- status: {
402
- type: String,
403
- validator: function validator(val) {
404
- return ['success', 'exception', 'warning'].indexOf(val) > -1;
405
- }
406
- },
407
- strokeWidth: {
408
- type: Number,
409
- default: 6
410
- },
411
- strokeLinecap: {
412
- type: String,
413
- default: 'round'
414
- },
415
- textInside: {
416
- type: Boolean,
417
- default: false
418
- },
419
- width: {
420
- type: Number,
421
- default: 126
422
- },
423
- showText: {
424
- type: Boolean,
425
- default: true
426
- },
427
- color: {
428
- type: [String, Array, Function],
429
- default: ''
430
- },
431
- defineBackColor: {
432
- type: [String, Array, Function],
433
- default: '#ebeef5'
434
- },
435
- textColor: {
436
- type: [String, Array, Function],
437
- default: '#606266'
438
- },
439
- format: Function
440
- },
441
- computed: {
442
- barStyle: function barStyle() {
443
- var style = {};
444
- style.width = this.percentage + '%';
445
- style.backgroundColor = this.getCurrentColor(this.percentage);
446
- return style;
447
- },
448
- relativeStrokeWidth: function relativeStrokeWidth() {
449
- return (this.strokeWidth / this.width * 100).toFixed(1);
450
- },
451
- radius: function radius() {
452
- if (this.type === 'circle' || this.type === 'dashboard') {
453
- return parseInt(50 - parseFloat(this.relativeStrokeWidth) / 2, 10);
454
- } else {
455
- return 0;
456
- }
457
- },
458
- trackPath: function trackPath() {
459
- var radius = this.radius;
460
- var isDashboard = this.type === 'dashboard';
461
- return '\n M 50 50\n m 0 ' + (isDashboard ? '' : '-') + radius + '\n a ' + radius + ' ' + radius + ' 0 1 1 0 ' + (isDashboard ? '-' : '') + radius * 2 + '\n a ' + radius + ' ' + radius + ' 0 1 1 0 ' + (isDashboard ? '' : '-') + radius * 2 + '\n ';
462
- },
463
- perimeter: function perimeter() {
464
- return 2 * Math.PI * this.radius;
465
- },
466
- rate: function rate() {
467
- return this.type === 'dashboard' ? 0.75 : 1;
468
- },
469
- strokeDashoffset: function strokeDashoffset() {
470
- var offset = -1 * this.perimeter * (1 - this.rate) / 2;
471
- return offset + 'px';
472
- },
473
- trailPathStyle: function trailPathStyle() {
474
- return {
475
- strokeDasharray: this.perimeter * this.rate + 'px, ' + this.perimeter + 'px',
476
- strokeDashoffset: this.strokeDashoffset
477
- };
478
- },
479
- circlePathStyle: function circlePathStyle() {
480
- return {
481
- strokeDasharray: this.perimeter * this.rate * (this.percentage / 100) + 'px, ' + this.perimeter + 'px',
482
- strokeDashoffset: this.strokeDashoffset,
483
- transition: 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease'
484
- };
485
- },
486
- stroke: function stroke() {
487
- var ret = void 0;
488
- if (this.color) {
489
- ret = this.getCurrentColor(this.percentage);
490
- } else {
491
- switch (this.status) {
492
- case 'success':
493
- ret = '#13ce66';
494
- break;
495
- case 'exception':
496
- ret = '#ff4949';
497
- break;
498
- case 'warning':
499
- ret = '#e6a23c';
500
- break;
501
- default:
502
- ret = '#20a0ff';
503
- }
504
- }
505
- return ret;
506
- },
507
- iconClass: function iconClass() {
508
- if (this.status === 'warning') {
509
- return 'el-icon-warning';
510
- }
511
- if (this.type === 'line') {
512
- return this.status === 'success' ? 'el-icon-circle-check' : 'el-icon-circle-close';
513
- } else {
514
- return this.status === 'success' ? 'el-icon-check' : 'el-icon-close';
515
- }
516
- },
517
- progressTextSize: function progressTextSize() {
518
- return this.type === 'line' ? 12 + this.strokeWidth * 0.4 : this.width * 0.111111 + 2;
519
- },
520
- content: function content() {
521
- if (typeof this.format === 'function') {
522
- return this.format(this.percentage) || '';
523
- } else {
524
- return this.percentage + '%';
525
- }
526
- }
527
- },
528
- methods: {
529
- getCurrentColor: function getCurrentColor(percentage) {
530
- if (typeof this.color === 'function') {
531
- return this.color(percentage);
532
- } else if (typeof this.color === 'string') {
533
- return this.color;
534
- } else {
535
- return this.getLevelColor(percentage);
536
- }
537
- },
538
- getLevelColor: function getLevelColor(percentage) {
539
- var colorArray = this.getColorArray().sort(function (a, b) {
540
- return a.percentage - b.percentage;
541
- });
542
-
543
- for (var i = 0; i < colorArray.length; i++) {
544
- if (colorArray[i].percentage > percentage) {
545
- return colorArray[i].color;
546
- }
547
- }
548
- return colorArray[colorArray.length - 1].color;
549
- },
550
- getColorArray: function getColorArray() {
551
- var color = this.color;
552
- var span = 100 / color.length;
553
- return color.map(function (seriesColor, index) {
554
- if (typeof seriesColor === 'string') {
555
- return {
556
- color: seriesColor,
557
- percentage: (index + 1) * span
558
- };
559
- }
560
- return seriesColor;
561
- });
562
- }
563
- }
564
- });
565
- // CONCATENATED MODULE: ./packages/progress/src/progress.vue?vue&type=script&lang=js
566
- /* harmony default export */ var src_progressvue_type_script_lang_js = (progressvue_type_script_lang_js);
567
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
568
- var componentNormalizer = __webpack_require__(0);
569
-
570
- // CONCATENATED MODULE: ./packages/progress/src/progress.vue
571
-
572
-
573
-
574
-
575
-
576
- /* normalize component */
577
-
578
- var component = Object(componentNormalizer["a" /* default */])(
579
- src_progressvue_type_script_lang_js,
580
- render,
581
- staticRenderFns,
582
- false,
583
- null,
584
- null,
585
- null
586
-
587
- )
588
-
589
- /* harmony default export */ var progress = (component.exports);
590
- // CONCATENATED MODULE: ./packages/progress/index.js
591
-
592
-
593
- /* istanbul ignore next */
594
- progress.install = function (Vue) {
595
- Vue.component(progress.name, progress);
596
- };
597
-
598
- /* harmony default export */ var packages_progress = __webpack_exports__["default"] = (progress);
599
-
600
- /***/ }),
601
-
602
- /***/ 60:
603
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
604
-
605
- "use strict";
606
- // ESM COMPAT FLAG
607
- __webpack_require__.r(__webpack_exports__);
608
-
609
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=template&id=3c713bfc
610
- var upload_listvue_type_template_id_3c713bfc_render = function () {
611
- var _vm = this
612
- var _h = _vm.$createElement
613
- var _c = _vm._self._c || _h
614
- return _c(
615
- "transition-group",
616
- {
617
- class: [
618
- "el-upload-list",
619
- "el-upload-list--" + _vm.listType,
620
- { "is-disabled": _vm.disabled },
621
- ],
622
- attrs: { tag: "ul", name: "el-list" },
623
- },
624
- _vm._l(_vm.files, function (file) {
625
- return _c(
626
- "li",
627
- {
628
- key: file.uid,
629
- class: [
630
- "el-upload-list__item",
631
- "is-" + file.status,
632
- _vm.focusing ? "focusing" : "",
633
- ],
634
- attrs: { tabindex: "0" },
635
- on: {
636
- keydown: function ($event) {
637
- if (
638
- !("button" in $event) &&
639
- _vm._k($event.keyCode, "delete", [8, 46], $event.key, [
640
- "Backspace",
641
- "Delete",
642
- "Del",
643
- ])
644
- ) {
645
- return null
646
- }
647
- !_vm.disabled && _vm.$emit("remove", file)
648
- },
649
- focus: function ($event) {
650
- _vm.focusing = true
651
- },
652
- blur: function ($event) {
653
- _vm.focusing = false
654
- },
655
- click: function ($event) {
656
- _vm.focusing = false
657
- },
658
- },
659
- },
660
- [
661
- _vm._t(
662
- "default",
663
- [
664
- file.status !== "uploading" &&
665
- ["picture-card", "picture"].indexOf(_vm.listType) > -1
666
- ? _c("img", {
667
- staticClass: "el-upload-list__item-thumbnail",
668
- attrs: { src: file.url, alt: "" },
669
- })
670
- : _vm._e(),
671
- _c(
672
- "a",
673
- {
674
- staticClass: "el-upload-list__item-name",
675
- on: {
676
- click: function ($event) {
677
- _vm.handleClick(file)
678
- },
679
- },
680
- },
681
- [
682
- _c("i", { staticClass: "el-icon-document" }),
683
- _vm._v(_vm._s(file.name) + "\n\t\t\t"),
684
- ]
685
- ),
686
- _c(
687
- "label",
688
- { staticClass: "el-upload-list__item-status-label" },
689
- [
690
- _c("i", {
691
- class: {
692
- "el-icon-upload-success": true,
693
- "el-icon-circle-check": _vm.listType === "text",
694
- "el-icon-check":
695
- ["picture-card", "picture"].indexOf(_vm.listType) > -1,
696
- },
697
- }),
698
- ]
699
- ),
700
- !_vm.disabled
701
- ? _c("i", {
702
- staticClass: "el-icon-close",
703
- on: {
704
- click: function ($event) {
705
- _vm.$emit("remove", file)
706
- },
707
- },
708
- })
709
- : _vm._e(),
710
- !_vm.disabled
711
- ? _c("i", { staticClass: "el-icon-close-tip" }, [
712
- _vm._v(_vm._s(_vm.t("el.upload.deleteTip"))),
713
- ])
714
- : _vm._e(),
715
- file.status === "uploading"
716
- ? _c("el-progress", {
717
- attrs: {
718
- type: _vm.listType === "picture-card" ? "circle" : "line",
719
- "stroke-width": _vm.listType === "picture-card" ? 6 : 2,
720
- percentage: _vm.parsePercentage(file.percentage),
721
- },
722
- })
723
- : _vm._e(),
724
- _vm.listType === "picture-card"
725
- ? _c("span", { staticClass: "el-upload-list__item-actions" }, [
726
- _vm.handlePreview && _vm.listType === "picture-card"
727
- ? _c(
728
- "span",
729
- {
730
- staticClass: "el-upload-list__item-preview",
731
- on: {
732
- click: function ($event) {
733
- _vm.handlePreview(file)
734
- },
735
- },
736
- },
737
- [_c("i", { staticClass: "el-icon-zoom-in" })]
738
- )
739
- : _vm._e(),
740
- !_vm.disabled
741
- ? _c(
742
- "span",
743
- {
744
- staticClass: "el-upload-list__item-delete",
745
- on: {
746
- click: function ($event) {
747
- _vm.$emit("remove", file)
748
- },
749
- },
750
- },
751
- [_c("i", { staticClass: "el-icon-delete" })]
752
- )
753
- : _vm._e(),
754
- ])
755
- : _vm._e(),
756
- ],
757
- { file: file }
758
- ),
759
- ],
760
- 2
761
- )
762
- }),
763
- 0
764
- )
765
- }
766
- var staticRenderFns = []
767
- upload_listvue_type_template_id_3c713bfc_render._withStripped = true
768
-
769
-
770
- // CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=template&id=3c713bfc
771
-
772
- // EXTERNAL MODULE: external "element-ui/lib/mixins/locale"
773
- var locale_ = __webpack_require__(9);
774
- var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
775
-
776
- // EXTERNAL MODULE: ./packages/progress/index.js + 5 modules
777
- var progress = __webpack_require__(42);
778
-
779
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=script&lang=js
780
- //
781
- //
782
- //
783
- //
784
- //
785
- //
786
- //
787
- //
788
- //
789
- //
790
- //
791
- //
792
- //
793
- //
794
- //
795
- //
796
- //
797
- //
798
- //
799
- //
800
- //
801
- //
802
- //
803
- //
804
- //
805
- //
806
- //
807
- //
808
- //
809
- //
810
- //
811
- //
812
- //
813
- //
814
- //
815
- //
816
- //
817
- //
818
- //
819
- //
820
- //
821
- //
822
- //
823
- //
824
- //
825
- //
826
- //
827
- //
828
- //
829
- //
830
- //
831
- //
832
- //
833
- //
834
- //
835
- //
836
- //
837
- //
838
- //
839
- //
840
- //
841
- //
842
- //
843
- //
844
-
845
-
846
-
847
-
848
- /* harmony default export */ var upload_listvue_type_script_lang_js = ({
849
-
850
- name: 'ElUploadList',
851
-
852
- mixins: [locale_default.a],
853
-
854
- data: function data() {
855
- return {
856
- focusing: false
857
- };
858
- },
859
-
860
- components: { ElProgress: progress["default"] },
861
-
862
- props: {
863
- files: {
864
- type: Array,
865
- default: function _default() {
866
- return [];
867
- }
868
- },
869
- disabled: {
870
- type: Boolean,
871
- default: false
872
- },
873
- handlePreview: Function,
874
- listType: String
875
- },
876
- methods: {
877
- parsePercentage: function parsePercentage(val) {
878
- return parseInt(val, 10);
879
- },
880
- handleClick: function handleClick(file) {
881
- this.handlePreview && this.handlePreview(file);
882
- }
883
- }
884
- });
885
- // CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=script&lang=js
886
- /* harmony default export */ var src_upload_listvue_type_script_lang_js = (upload_listvue_type_script_lang_js);
887
- // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
888
- var componentNormalizer = __webpack_require__(0);
889
-
890
- // CONCATENATED MODULE: ./packages/upload/src/upload-list.vue
891
-
892
-
893
-
894
-
895
-
896
- /* normalize component */
897
-
898
- var component = Object(componentNormalizer["a" /* default */])(
899
- src_upload_listvue_type_script_lang_js,
900
- upload_listvue_type_template_id_3c713bfc_render,
901
- staticRenderFns,
902
- false,
903
- null,
904
- null,
905
- null
906
-
907
- )
908
-
909
- /* harmony default export */ var upload_list = (component.exports);
910
- // EXTERNAL MODULE: external "babel-helper-vue-jsx-merge-props"
911
- var external_babel_helper_vue_jsx_merge_props_ = __webpack_require__(24);
912
- var external_babel_helper_vue_jsx_merge_props_default = /*#__PURE__*/__webpack_require__.n(external_babel_helper_vue_jsx_merge_props_);
913
-
914
- // CONCATENATED MODULE: ./packages/upload/src/ajax.js
915
- function getError(action, option, xhr) {
916
- var msg = void 0;
917
- if (xhr.response) {
918
- msg = '' + (xhr.response.error || xhr.response);
919
- } else if (xhr.responseText) {
920
- msg = '' + xhr.responseText;
921
- } else {
922
- msg = 'fail to post ' + action + ' ' + xhr.status;
923
- }
924
-
925
- var err = new Error(msg);
926
- err.status = xhr.status;
927
- err.method = 'post';
928
- err.url = action;
929
- return err;
930
- }
931
-
932
- function getBody(xhr) {
933
- var text = xhr.responseText || xhr.response;
934
- if (!text) {
935
- return text;
936
- }
937
-
938
- try {
939
- return JSON.parse(text);
940
- } catch (e) {
941
- return text;
942
- }
943
- }
944
-
945
- function upload(option) {
946
- if (typeof XMLHttpRequest === 'undefined') {
947
- return;
948
- }
949
-
950
- var xhr = new XMLHttpRequest();
951
- var action = option.action;
952
-
953
- if (xhr.upload) {
954
- xhr.upload.onprogress = function progress(e) {
955
- if (e.total > 0) {
956
- e.percent = e.loaded / e.total * 100;
957
- }
958
- option.onProgress(e);
959
- };
960
- }
961
-
962
- var formData = new FormData();
963
-
964
- if (option.data) {
965
- Object.keys(option.data).forEach(function (key) {
966
- formData.append(key, option.data[key]);
967
- });
968
- }
969
-
970
- formData.append(option.filename, option.file, option.file.name);
971
-
972
- xhr.onerror = function error(e) {
973
- option.onError(e);
974
- };
975
-
976
- xhr.onload = function onload() {
977
- if (xhr.status < 200 || xhr.status >= 300) {
978
- return option.onError(getError(action, option, xhr));
979
- }
980
-
981
- option.onSuccess(getBody(xhr));
982
- };
983
-
984
- xhr.open('post', action, true);
985
-
986
- if (option.withCredentials && 'withCredentials' in xhr) {
987
- xhr.withCredentials = true;
988
- }
989
-
990
- var headers = option.headers || {};
991
-
992
- for (var item in headers) {
993
- if (headers.hasOwnProperty(item) && headers[item] !== null) {
994
- xhr.setRequestHeader(item, headers[item]);
995
- }
996
- }
997
- xhr.send(formData);
998
- return xhr;
999
- }
1000
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-dragger.vue?vue&type=template&id=1b387969
1001
- var upload_draggervue_type_template_id_1b387969_render = function () {
1002
- var _vm = this
1003
- var _h = _vm.$createElement
1004
- var _c = _vm._self._c || _h
1005
- return _c(
1006
- "div",
1007
- {
1008
- staticClass: "el-upload-dragger",
1009
- class: {
1010
- "is-dragover": _vm.dragover,
1011
- },
1012
- on: {
1013
- drop: function ($event) {
1014
- $event.preventDefault()
1015
- return _vm.onDrop($event)
1016
- },
1017
- dragover: function ($event) {
1018
- $event.preventDefault()
1019
- return _vm.onDragover($event)
1020
- },
1021
- dragleave: function ($event) {
1022
- $event.preventDefault()
1023
- _vm.dragover = false
1024
- },
1025
- },
1026
- },
1027
- [_vm._t("default")],
1028
- 2
1029
- )
1030
- }
1031
- var upload_draggervue_type_template_id_1b387969_staticRenderFns = []
1032
- upload_draggervue_type_template_id_1b387969_render._withStripped = true
1033
-
1034
-
1035
- // CONCATENATED MODULE: ./packages/upload/src/upload-dragger.vue?vue&type=template&id=1b387969
1036
-
1037
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-dragger.vue?vue&type=script&lang=js
1038
- //
1039
- //
1040
- //
1041
- //
1042
- //
1043
- //
1044
- //
1045
- //
1046
- //
1047
- //
1048
- //
1049
- //
1050
- //
1051
-
1052
- /* harmony default export */ var upload_draggervue_type_script_lang_js = ({
1053
- name: 'ElUploadDrag',
1054
- props: {
1055
- disabled: Boolean
1056
- },
1057
- inject: {
1058
- uploader: {
1059
- default: ''
1060
- }
1061
- },
1062
- data: function data() {
1063
- return {
1064
- dragover: false
1065
- };
1066
- },
1067
-
1068
- methods: {
1069
- onDragover: function onDragover() {
1070
- if (!this.disabled) {
1071
- this.dragover = true;
1072
- }
1073
- },
1074
- onDrop: function onDrop(e) {
1075
- if (this.disabled || !this.uploader) return;
1076
- var accept = this.uploader.accept;
1077
- this.dragover = false;
1078
- if (!accept) {
1079
- this.$emit('file', e.dataTransfer.files);
1080
- return;
1081
- }
1082
- this.$emit('file', [].slice.call(e.dataTransfer.files).filter(function (file) {
1083
- var type = file.type,
1084
- name = file.name;
1085
-
1086
- var extension = name.indexOf('.') > -1 ? '.' + name.split('.').pop() : '';
1087
- var baseType = type.replace(/\/.*$/, '');
1088
- return accept.split(',').map(function (type) {
1089
- return type.trim();
1090
- }).filter(function (type) {
1091
- return type;
1092
- }).some(function (acceptedType) {
1093
- if (/\..+$/.test(acceptedType)) {
1094
- return extension === acceptedType;
1095
- }
1096
- if (/\/\*$/.test(acceptedType)) {
1097
- return baseType === acceptedType.replace(/\/\*$/, '');
1098
- }
1099
- if (/^[^\/]+\/[^\/]+$/.test(acceptedType)) {
1100
- return type === acceptedType;
1101
- }
1102
- return false;
1103
- });
1104
- }));
1105
- }
1106
- }
1107
- });
1108
- // CONCATENATED MODULE: ./packages/upload/src/upload-dragger.vue?vue&type=script&lang=js
1109
- /* harmony default export */ var src_upload_draggervue_type_script_lang_js = (upload_draggervue_type_script_lang_js);
1110
- // CONCATENATED MODULE: ./packages/upload/src/upload-dragger.vue
1111
-
1112
-
1113
-
1114
-
1115
-
1116
- /* normalize component */
1117
-
1118
- var upload_dragger_component = Object(componentNormalizer["a" /* default */])(
1119
- src_upload_draggervue_type_script_lang_js,
1120
- upload_draggervue_type_template_id_1b387969_render,
1121
- upload_draggervue_type_template_id_1b387969_staticRenderFns,
1122
- false,
1123
- null,
1124
- null,
1125
- null
1126
-
1127
- )
1128
-
1129
- /* harmony default export */ var upload_dragger = (upload_dragger_component.exports);
1130
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload.vue?vue&type=script&lang=js
1131
-
1132
-
1133
-
1134
-
1135
-
1136
- /* harmony default export */ var uploadvue_type_script_lang_js = ({
1137
- inject: ['uploader'],
1138
- components: {
1139
- UploadDragger: upload_dragger
1140
- },
1141
- props: {
1142
- type: String,
1143
- action: {
1144
- type: String,
1145
- required: true
1146
- },
1147
- name: {
1148
- type: String,
1149
- default: 'file'
1150
- },
1151
- data: Object,
1152
- headers: Object,
1153
- withCredentials: Boolean,
1154
- multiple: Boolean,
1155
- accept: String,
1156
- onStart: Function,
1157
- onProgress: Function,
1158
- onSuccess: Function,
1159
- onError: Function,
1160
- beforeUpload: Function,
1161
- drag: Boolean,
1162
- onPreview: {
1163
- type: Function,
1164
- default: function _default() {}
1165
- },
1166
- onRemove: {
1167
- type: Function,
1168
- default: function _default() {}
1169
- },
1170
- fileList: Array,
1171
- autoUpload: Boolean,
1172
- listType: String,
1173
- httpRequest: {
1174
- type: Function,
1175
- default: upload
1176
- },
1177
- disabled: Boolean,
1178
- limit: Number,
1179
- onExceed: Function
1180
- },
1181
-
1182
- data: function data() {
1183
- return {
1184
- mouseover: false,
1185
- reqs: {}
1186
- };
1187
- },
1188
-
1189
-
1190
- methods: {
1191
- isImage: function isImage(str) {
1192
- return str.indexOf('image') !== -1;
1193
- },
1194
- handleChange: function handleChange(ev) {
1195
- var files = ev.target.files;
1196
-
1197
- if (!files) return;
1198
- this.uploadFiles(files);
1199
- },
1200
- uploadFiles: function uploadFiles(files) {
1201
- var _this = this;
1202
-
1203
- if (this.limit && this.fileList.length + files.length > this.limit) {
1204
- this.onExceed && this.onExceed(files, this.fileList);
1205
- return;
1206
- }
1207
-
1208
- var postFiles = Array.prototype.slice.call(files);
1209
- if (!this.multiple) {
1210
- postFiles = postFiles.slice(0, 1);
1211
- }
1212
-
1213
- if (postFiles.length === 0) {
1214
- return;
1215
- }
1216
-
1217
- postFiles.forEach(function (rawFile) {
1218
- _this.onStart(rawFile);
1219
- if (_this.autoUpload) _this.upload(rawFile);
1220
- });
1221
- },
1222
- upload: function upload(rawFile) {
1223
- var _this2 = this;
1224
-
1225
- this.$refs.input.value = null;
1226
-
1227
- if (!this.beforeUpload) {
1228
- return this.post(rawFile);
1229
- }
1230
-
1231
- var before = this.beforeUpload(rawFile);
1232
- if (before && before.then) {
1233
- before.then(function (processedFile) {
1234
- var fileType = Object.prototype.toString.call(processedFile);
1235
-
1236
- if (fileType === '[object File]' || fileType === '[object Blob]') {
1237
- if (fileType === '[object Blob]') {
1238
- processedFile = new File([processedFile], rawFile.name, {
1239
- type: rawFile.type
1240
- });
1241
- }
1242
- for (var p in rawFile) {
1243
- if (rawFile.hasOwnProperty(p)) {
1244
- processedFile[p] = rawFile[p];
1245
- }
1246
- }
1247
- _this2.post(processedFile);
1248
- } else {
1249
- _this2.post(rawFile);
1250
- }
1251
- }, function () {
1252
- _this2.onRemove(null, rawFile);
1253
- });
1254
- } else if (before !== false) {
1255
- this.post(rawFile);
1256
- } else {
1257
- this.onRemove(null, rawFile);
1258
- }
1259
- },
1260
- abort: function abort(file) {
1261
- var reqs = this.reqs;
1262
-
1263
- if (file) {
1264
- var uid = file;
1265
- if (file.uid) uid = file.uid;
1266
- if (reqs[uid]) {
1267
- reqs[uid].abort();
1268
- }
1269
- } else {
1270
- Object.keys(reqs).forEach(function (uid) {
1271
- if (reqs[uid]) reqs[uid].abort();
1272
- delete reqs[uid];
1273
- });
1274
- }
1275
- },
1276
- post: function post(rawFile) {
1277
- var _this3 = this;
1278
-
1279
- var uid = rawFile.uid;
1280
-
1281
- var options = {
1282
- headers: this.headers,
1283
- withCredentials: this.withCredentials,
1284
- file: rawFile,
1285
- data: this.data,
1286
- filename: this.name,
1287
- action: this.action,
1288
- onProgress: function onProgress(e) {
1289
- _this3.onProgress(e, rawFile);
1290
- },
1291
- onSuccess: function onSuccess(res) {
1292
- _this3.onSuccess(res, rawFile);
1293
- delete _this3.reqs[uid];
1294
- },
1295
- onError: function onError(err) {
1296
- _this3.onError(err, rawFile);
1297
- delete _this3.reqs[uid];
1298
- }
1299
- };
1300
- var req = this.httpRequest(options);
1301
- this.reqs[uid] = req;
1302
- if (req && req.then) {
1303
- req.then(options.onSuccess, options.onError);
1304
- }
1305
- },
1306
- handleClick: function handleClick() {
1307
- if (!this.disabled) {
1308
- this.$refs.input.value = null;
1309
- this.$refs.input.click();
1310
- }
1311
- },
1312
- handleKeydown: function handleKeydown(e) {
1313
- if (e.target !== e.currentTarget) return;
1314
- if (e.keyCode === 13 || e.keyCode === 32) {
1315
- this.handleClick();
1316
- }
1317
- }
1318
- },
1319
-
1320
- render: function render(h) {
1321
- var handleClick = this.handleClick,
1322
- drag = this.drag,
1323
- name = this.name,
1324
- handleChange = this.handleChange,
1325
- multiple = this.multiple,
1326
- accept = this.accept,
1327
- listType = this.listType,
1328
- uploadFiles = this.uploadFiles,
1329
- disabled = this.disabled,
1330
- handleKeydown = this.handleKeydown;
1331
-
1332
- var data = {
1333
- class: {
1334
- 'el-upload': true
1335
- },
1336
- on: {
1337
- click: handleClick,
1338
- keydown: handleKeydown
1339
- }
1340
- };
1341
- data.class['el-upload--' + listType] = true;
1342
- return h(
1343
- 'div',
1344
- external_babel_helper_vue_jsx_merge_props_default()([data, {
1345
- attrs: { tabindex: '0' }
1346
- }]),
1347
- [drag ? h(
1348
- 'upload-dragger',
1349
- {
1350
- attrs: { disabled: disabled },
1351
- on: {
1352
- 'file': uploadFiles
1353
- }
1354
- },
1355
- [this.$slots.default]
1356
- ) : this.$slots.default, h('input', { 'class': 'el-upload__input', attrs: { type: 'file', name: name, multiple: multiple, accept: accept },
1357
- ref: 'input', on: {
1358
- 'change': handleChange
1359
- }
1360
- })]
1361
- );
1362
- }
1363
- });
1364
- // CONCATENATED MODULE: ./packages/upload/src/upload.vue?vue&type=script&lang=js
1365
- /* harmony default export */ var src_uploadvue_type_script_lang_js = (uploadvue_type_script_lang_js);
1366
- // CONCATENATED MODULE: ./packages/upload/src/upload.vue
1367
- var upload_render, upload_staticRenderFns
1368
-
1369
-
1370
-
1371
-
1372
- /* normalize component */
1373
-
1374
- var upload_component = Object(componentNormalizer["a" /* default */])(
1375
- src_uploadvue_type_script_lang_js,
1376
- upload_render,
1377
- upload_staticRenderFns,
1378
- false,
1379
- null,
1380
- null,
1381
- null
1382
-
1383
- )
1384
-
1385
- /* harmony default export */ var src_upload = (upload_component.exports);
1386
- // EXTERNAL MODULE: external "element-ui/lib/mixins/migrating"
1387
- var migrating_ = __webpack_require__(7);
1388
- var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
1389
-
1390
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/index.vue?vue&type=script&lang=js
1391
-
1392
-
1393
-
1394
-
1395
-
1396
-
1397
- function noop() {}
1398
-
1399
- /* harmony default export */ var srcvue_type_script_lang_js = ({
1400
- name: 'ElUpload',
1401
-
1402
- mixins: [migrating_default.a],
1403
-
1404
- components: {
1405
- ElProgress: progress["default"],
1406
- UploadList: upload_list,
1407
- Upload: src_upload
1408
- },
1409
-
1410
- provide: function provide() {
1411
- return {
1412
- uploader: this
1413
- };
1414
- },
1415
-
1416
-
1417
- inject: {
1418
- elForm: {
1419
- default: ''
1420
- }
1421
- },
1422
-
1423
- props: {
1424
- action: {
1425
- type: String,
1426
- required: true
1427
- },
1428
- headers: {
1429
- type: Object,
1430
- default: function _default() {
1431
- return {};
1432
- }
1433
- },
1434
- data: Object,
1435
- multiple: Boolean,
1436
- name: {
1437
- type: String,
1438
- default: 'file'
1439
- },
1440
- drag: Boolean,
1441
- dragger: Boolean,
1442
- withCredentials: Boolean,
1443
- showFileList: {
1444
- type: Boolean,
1445
- default: true
1446
- },
1447
- accept: String,
1448
- type: {
1449
- type: String,
1450
- default: 'select'
1451
- },
1452
- beforeUpload: Function,
1453
- beforeRemove: Function,
1454
- onRemove: {
1455
- type: Function,
1456
- default: noop
1457
- },
1458
- onChange: {
1459
- type: Function,
1460
- default: noop
1461
- },
1462
- onPreview: {
1463
- type: Function
1464
- },
1465
- onSuccess: {
1466
- type: Function,
1467
- default: noop
1468
- },
1469
- onProgress: {
1470
- type: Function,
1471
- default: noop
1472
- },
1473
- onError: {
1474
- type: Function,
1475
- default: noop
1476
- },
1477
- fileList: {
1478
- type: Array,
1479
- default: function _default() {
1480
- return [];
1481
- }
1482
- },
1483
- autoUpload: {
1484
- type: Boolean,
1485
- default: true
1486
- },
1487
- listType: {
1488
- type: String,
1489
- default: 'text' // text,picture,picture-card
1490
- },
1491
- httpRequest: Function,
1492
- disabled: Boolean,
1493
- limit: Number,
1494
- onExceed: {
1495
- type: Function,
1496
- default: noop
1497
- }
1498
- },
1499
-
1500
- data: function data() {
1501
- return {
1502
- uploadFiles: [],
1503
- dragOver: false,
1504
- draging: false,
1505
- tempIndex: 1
1506
- };
1507
- },
1508
-
1509
-
1510
- computed: {
1511
- uploadDisabled: function uploadDisabled() {
1512
- return this.disabled || (this.elForm || {}).disabled;
1513
- }
1514
- },
1515
-
1516
- watch: {
1517
- listType: function listType(type) {
1518
- if (type === 'picture-card' || type === 'picture') {
1519
- this.uploadFiles = this.uploadFiles.map(function (file) {
1520
- if (!file.url && file.raw) {
1521
- try {
1522
- file.url = URL.createObjectURL(file.raw);
1523
- } catch (err) {
1524
- console.error('[Element Error][Upload]', err);
1525
- }
1526
- }
1527
- return file;
1528
- });
1529
- }
1530
- },
1531
-
1532
- fileList: {
1533
- immediate: true,
1534
- handler: function handler(fileList) {
1535
- var _this = this;
1536
-
1537
- this.uploadFiles = fileList.map(function (item) {
1538
- item.uid = item.uid || Date.now() + _this.tempIndex++;
1539
- item.status = item.status || 'success';
1540
- return item;
1541
- });
1542
- }
1543
- }
1544
- },
1545
-
1546
- methods: {
1547
- handleStart: function handleStart(rawFile) {
1548
- rawFile.uid = Date.now() + this.tempIndex++;
1549
- var file = {
1550
- status: 'ready',
1551
- name: rawFile.name,
1552
- size: rawFile.size,
1553
- percentage: 0,
1554
- uid: rawFile.uid,
1555
- raw: rawFile
1556
- };
1557
-
1558
- if (this.listType === 'picture-card' || this.listType === 'picture') {
1559
- try {
1560
- file.url = URL.createObjectURL(rawFile);
1561
- } catch (err) {
1562
- console.error('[Element Error][Upload]', err);
1563
- return;
1564
- }
1565
- }
1566
-
1567
- this.uploadFiles.push(file);
1568
- this.onChange(file, this.uploadFiles);
1569
- },
1570
- handleProgress: function handleProgress(ev, rawFile) {
1571
- var file = this.getFile(rawFile);
1572
- this.onProgress(ev, file, this.uploadFiles);
1573
- file.status = 'uploading';
1574
- file.percentage = ev.percent || 0;
1575
- },
1576
- handleSuccess: function handleSuccess(res, rawFile) {
1577
- var file = this.getFile(rawFile);
1578
-
1579
- if (file) {
1580
- file.status = 'success';
1581
- file.response = res;
1582
-
1583
- this.onSuccess(res, file, this.uploadFiles);
1584
- this.onChange(file, this.uploadFiles);
1585
- }
1586
- },
1587
- handleError: function handleError(err, rawFile) {
1588
- var file = this.getFile(rawFile);
1589
- var fileList = this.uploadFiles;
1590
-
1591
- file.status = 'fail';
1592
-
1593
- fileList.splice(fileList.indexOf(file), 1);
1594
-
1595
- this.onError(err, file, this.uploadFiles);
1596
- this.onChange(file, this.uploadFiles);
1597
- },
1598
- handleRemove: function handleRemove(file, raw) {
1599
- var _this2 = this;
1600
-
1601
- if (raw) {
1602
- file = this.getFile(raw);
1603
- }
1604
- var doRemove = function doRemove() {
1605
- _this2.abort(file);
1606
- var fileList = _this2.uploadFiles;
1607
- fileList.splice(fileList.indexOf(file), 1);
1608
- _this2.onRemove(file, fileList);
1609
- };
1610
-
1611
- if (!this.beforeRemove) {
1612
- doRemove();
1613
- } else if (typeof this.beforeRemove === 'function') {
1614
- var before = this.beforeRemove(file, this.uploadFiles);
1615
- if (before && before.then) {
1616
- before.then(function () {
1617
- doRemove();
1618
- }, noop);
1619
- } else if (before !== false) {
1620
- doRemove();
1621
- }
1622
- }
1623
- },
1624
- getFile: function getFile(rawFile) {
1625
- var fileList = this.uploadFiles;
1626
- var target = void 0;
1627
- fileList.every(function (item) {
1628
- target = rawFile.uid === item.uid ? item : null;
1629
- return !target;
1630
- });
1631
- return target;
1632
- },
1633
- abort: function abort(file) {
1634
- this.$refs['upload-inner'].abort(file);
1635
- },
1636
- clearFiles: function clearFiles() {
1637
- this.uploadFiles = [];
1638
- },
1639
- submit: function submit() {
1640
- var _this3 = this;
1641
-
1642
- this.uploadFiles.filter(function (file) {
1643
- return file.status === 'ready';
1644
- }).forEach(function (file) {
1645
- _this3.$refs['upload-inner'].upload(file.raw);
1646
- });
1647
- },
1648
- getMigratingConfig: function getMigratingConfig() {
1649
- return {
1650
- props: {
1651
- 'default-file-list': 'default-file-list is renamed to file-list.',
1652
- 'show-upload-list': 'show-upload-list is renamed to show-file-list.',
1653
- 'thumbnail-mode': 'thumbnail-mode has been deprecated, you can implement the same effect according to this case: http://element.eleme.io/#/zh-CN/component/upload#yong-hu-tou-xiang-shang-chuan'
1654
- }
1655
- };
1656
- }
1657
- },
1658
-
1659
- beforeDestroy: function beforeDestroy() {
1660
- this.uploadFiles.forEach(function (file) {
1661
- if (file.url && file.url.indexOf('blob:') === 0) {
1662
- URL.revokeObjectURL(file.url);
1663
- }
1664
- });
1665
- },
1666
- render: function render(h) {
1667
- var _this4 = this;
1668
-
1669
- var uploadList = void 0;
1670
-
1671
- if (this.showFileList) {
1672
- uploadList = h(
1673
- upload_list,
1674
- {
1675
- attrs: {
1676
- disabled: this.uploadDisabled,
1677
- listType: this.listType,
1678
- files: this.uploadFiles,
1679
-
1680
- handlePreview: this.onPreview },
1681
- on: {
1682
- 'remove': this.handleRemove
1683
- }
1684
- },
1685
- [function (props) {
1686
- if (_this4.$scopedSlots.file) {
1687
- return _this4.$scopedSlots.file({
1688
- file: props.file
1689
- });
1690
- }
1691
- }]
1692
- );
1693
- }
1694
-
1695
- var uploadData = {
1696
- props: {
1697
- type: this.type,
1698
- drag: this.drag,
1699
- action: this.action,
1700
- multiple: this.multiple,
1701
- 'before-upload': this.beforeUpload,
1702
- 'with-credentials': this.withCredentials,
1703
- headers: this.headers,
1704
- name: this.name,
1705
- data: this.data,
1706
- accept: this.accept,
1707
- fileList: this.uploadFiles,
1708
- autoUpload: this.autoUpload,
1709
- listType: this.listType,
1710
- disabled: this.uploadDisabled,
1711
- limit: this.limit,
1712
- 'on-exceed': this.onExceed,
1713
- 'on-start': this.handleStart,
1714
- 'on-progress': this.handleProgress,
1715
- 'on-success': this.handleSuccess,
1716
- 'on-error': this.handleError,
1717
- 'on-preview': this.onPreview,
1718
- 'on-remove': this.handleRemove,
1719
- 'http-request': this.httpRequest
1720
- },
1721
- ref: 'upload-inner'
1722
- };
1723
-
1724
- var trigger = this.$slots.trigger || this.$slots.default;
1725
- var uploadComponent = h(
1726
- 'upload',
1727
- uploadData,
1728
- [trigger]
1729
- );
1730
-
1731
- return h('div', [this.listType === 'picture-card' ? uploadList : '', this.$slots.trigger ? [uploadComponent, this.$slots.default] : uploadComponent, this.$slots.tip, this.listType !== 'picture-card' ? uploadList : '']);
1732
- }
1733
- });
1734
- // CONCATENATED MODULE: ./packages/upload/src/index.vue?vue&type=script&lang=js
1735
- /* harmony default export */ var upload_srcvue_type_script_lang_js = (srcvue_type_script_lang_js);
1736
- // CONCATENATED MODULE: ./packages/upload/src/index.vue
1737
- var src_render, src_staticRenderFns
1738
-
1739
-
1740
-
1741
-
1742
- /* normalize component */
1743
-
1744
- var src_component = Object(componentNormalizer["a" /* default */])(
1745
- upload_srcvue_type_script_lang_js,
1746
- src_render,
1747
- src_staticRenderFns,
1748
- false,
1749
- null,
1750
- null,
1751
- null
1752
-
1753
- )
1754
-
1755
- /* harmony default export */ var src = (src_component.exports);
1756
- // CONCATENATED MODULE: ./packages/upload/index.js
1757
-
1758
-
1759
- /* istanbul ignore next */
1760
- src.install = function (Vue) {
1761
- Vue.component(src.name, src);
1762
- };
1763
-
1764
- /* harmony default export */ var packages_upload = __webpack_exports__["default"] = (src);
1765
-
1766
- /***/ }),
1767
-
1768
- /***/ 7:
1769
- /***/ (function(module, exports) {
1770
-
1771
- module.exports = require("element-ui/lib/mixins/migrating");
1772
-
1773
- /***/ }),
1774
-
1775
- /***/ 9:
1776
- /***/ (function(module, exports) {
1777
-
1778
- module.exports = require("element-ui/lib/mixins/locale");
1779
-
1780
- /***/ })
1781
-
1782
- /******/ });