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.
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/index.js +1 -1
- package/lib/Alert.js +0 -420
- package/lib/Aside.js +0 -277
- package/lib/Autocomplete.js +0 -2051
- package/lib/Avatar.js +0 -363
- package/lib/Backtop.js +0 -404
- package/lib/Badge.js +0 -334
- package/lib/Breadcrumb.js +0 -293
- package/lib/BreadcrumbItem.js +0 -322
- package/lib/Button.js +0 -357
- package/lib/ButtonGroup.js +0 -262
- package/lib/Calendar.js +0 -1146
- package/lib/Card.js +0 -297
- package/lib/Carousel.js +0 -707
- package/lib/CarouselItem.js +0 -434
- package/lib/Cascader.js +0 -4641
- package/lib/CascaderPanel.js +0 -2602
- package/lib/Checkbox.js +0 -627
- package/lib/CheckboxButton.js +0 -583
- package/lib/CheckboxGroup.js +0 -313
- package/lib/Col.js +0 -177
- package/lib/Collapse.js +0 -329
- package/lib/CollapseItem.js +0 -497
- package/lib/ColorPicker.js +0 -2885
- package/lib/Container.js +0 -288
- package/lib/CySelectDisplayInput.js +0 -367
- package/lib/CySubTitle.js +0 -295
- package/lib/CyTabDialog.js +0 -1184
- package/lib/CyTreeSelect.js +0 -4422
- package/lib/DatePicker.js +0 -7574
- package/lib/Descriptions.js +0 -457
- package/lib/DescriptionsItem.js +0 -140
- package/lib/Dialog.js +0 -598
- package/lib/Divider.js +0 -313
- package/lib/Drawer.js +0 -592
- package/lib/Dropdown.js +0 -856
- package/lib/DropdownItem.js +0 -316
- package/lib/DropdownMenu.js +0 -351
- package/lib/Empty.js +0 -730
- package/lib/Footer.js +0 -277
- package/lib/Form.js +0 -466
- package/lib/FormItem.js +0 -826
- package/lib/Header.js +0 -277
- package/lib/Icon.js +0 -265
- package/lib/Image.js +0 -1138
- package/lib/InfiniteScroll.js +0 -301
- package/lib/Input.js +0 -999
- package/lib/InputNumber.js +0 -1552
- package/lib/Link.js +0 -332
- package/lib/Loading.js +0 -631
- package/lib/Main.js +0 -264
- package/lib/Menu.js +0 -865
- package/lib/MenuItem.js +0 -818
- package/lib/MenuItemGroup.js +0 -308
- package/lib/Message.js +0 -548
- package/lib/MessageBox.js +0 -2134
- package/lib/Notification.js +0 -615
- package/lib/Option.js +0 -474
- package/lib/OptionGroup.js +0 -344
- package/lib/PageHeader.js +0 -319
- package/lib/Pagination.js +0 -4123
- package/lib/Popconfirm.js +0 -1025
- package/lib/Popover.js +0 -617
- package/lib/Progress.js +0 -595
- package/lib/Radio.js +0 -497
- package/lib/RadioButton.js +0 -463
- package/lib/RadioGroup.js +0 -391
- package/lib/Rate.js +0 -670
- package/lib/Result.js +0 -578
- package/lib/Row.js +0 -149
- package/lib/Scrollbar.js +0 -423
- package/lib/Select.js +0 -3368
- package/lib/Skeleton.js +0 -372
- package/lib/SkeletonItem.js +0 -342
- package/lib/Slider.js +0 -2854
- package/lib/Spinner.js +0 -301
- package/lib/Statistic.js +0 -533
- package/lib/Step.js +0 -522
- package/lib/Steps.js +0 -342
- package/lib/Submenu.js +0 -700
- package/lib/Switch.js +0 -554
- package/lib/TabPane.js +0 -332
- package/lib/Table.js +0 -6125
- package/lib/TableColumn.js +0 -1481
- package/lib/Tabs.js +0 -920
- package/lib/Tag.js +0 -304
- package/lib/TimePicker.js +0 -4059
- package/lib/TimeSelect.js +0 -2871
- package/lib/Timeline.js +0 -275
- package/lib/TimelineItem.js +0 -371
- package/lib/Tooltip.js +0 -425
- package/lib/Transfer.js +0 -2557
- package/lib/Tree.js +0 -2680
- 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
|
-
/******/ });
|