xingzi
/
vue-upload-component
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update devDependencies

Browse Source
master
lianyue 8 years ago
parent 011d74de62
commit 059ff1a15f
14 changed files with 9876 additions and 13265 deletions
Show Stats Download Patch File Download Diff File

1
.eslintrc.js
Unescape View File

@ -26,6 +26,7 @@ module.exports = {
// allow debugger during development // allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
'no-control-regex': 0,
'no-useless-escape': 0, 'no-useless-escape': 0,
'comma-dangle': 0, 'comma-dangle': 0,
'space-before-function-paren': 0, 'space-before-function-paren': 0,

331
dist/vue-upload-component.js vendored
Unescape View File

@ -1,6 +1,6 @@
/*! /*!
* Name: vue-upload-component * Name: vue-upload-component
* Version: 2.8.6 * Version: 2.8.7
* Author: LianYue * Author: LianYue
*/ */
(function (global, factory) { (function (global, factory) {
@ -9,12 +9,12 @@
(global.VueUploadComponent = factory()); (global.VueUploadComponent = factory());
}(this, (function () { 'use strict'; }(this, (function () { 'use strict';
/** /**
* Creates a XHR request * Creates a XHR request
* *
* @param {Object} options * @param {Object} options
*/ */
var createRequest = function createRequest(options) { var createRequest = function createRequest(options) {
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.open(options.method || 'GET', options.url); xhr.open(options.method || 'GET', options.url);
xhr.responseType = 'json'; xhr.responseType = 'json';
@ -25,15 +25,15 @@ var createRequest = function createRequest(options) {
} }
return xhr; return xhr;
}; };
/** /**
* Sends a XHR request with certain body * Sends a XHR request with certain body
* *
* @param {XMLHttpRequest} xhr * @param {XMLHttpRequest} xhr
* @param {Object} body * @param {Object} body
*/ */
var sendRequest = function sendRequest(xhr, body) { var sendRequest = function sendRequest(xhr, body) {
return new Promise(function (resolve, reject) { return new Promise(function (resolve, reject) {
xhr.onload = function () { xhr.onload = function () {
if (xhr.status >= 200 && xhr.status < 300) { if (xhr.status >= 200 && xhr.status < 300) {
@ -53,15 +53,15 @@ var sendRequest = function sendRequest(xhr, body) {
}; };
xhr.send(JSON.stringify(body)); xhr.send(JSON.stringify(body));
}); });
}; };
/** /**
* Sends a XHR request with certain form data * Sends a XHR request with certain form data
* *
* @param {XMLHttpRequest} xhr * @param {XMLHttpRequest} xhr
* @param {Object} data * @param {Object} data
*/ */
var sendFormRequest = function sendFormRequest(xhr, data) { var sendFormRequest = function sendFormRequest(xhr, data) {
var body = new FormData(); var body = new FormData();
for (var name in data) { for (var name in data) {
body.append(name, data[name]); body.append(name, data[name]);
@ -86,26 +86,26 @@ var sendFormRequest = function sendFormRequest(xhr, data) {
}; };
xhr.send(body); xhr.send(body);
}); });
}; };
/** /**
* Creates and sends XHR request * Creates and sends XHR request
* *
* @param {Object} options * @param {Object} options
* *
* @returns Promise * @returns Promise
*/ */
var request = function (options) { function request (options) {
var xhr = createRequest(options); var xhr = createRequest(options);
return sendRequest(xhr, options.body); return sendRequest(xhr, options.body);
}; }
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var ChunkUploadHandler = function () { var ChunkUploadHandler = function () {
/** /**
* Constructor * Constructor
* *
@ -544,23 +544,23 @@ var ChunkUploadHandler = function () {
}]); }]);
return ChunkUploadHandler; return ChunkUploadHandler;
}(); }();
(function () { //
if (typeof document !== 'undefined') { //
var head = document.head || document.getElementsByTagName('head')[0], //
style = document.createElement('style'), //
css = "";style.type = 'text/css';if (style.styleSheet) { //
style.styleSheet.cssText = css; //
} else { //
style.appendChild(document.createTextNode(css)); //
}head.appendChild(style); //
} //
})(); //
//
var InputFile = { render: function render() { //
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('input', { attrs: { "type": "file", "name": _vm.$parent.name, "id": _vm.$parent.inputId || _vm.$parent.name, "accept": _vm.$parent.accept, "capture": _vm.$parent.capture, "webkitdirectory": _vm.$parent.directory && _vm.$parent.features.directory, "directory": _vm.$parent.directory && _vm.$parent.features.directory, "multiple": _vm.$parent.multiple && _vm.$parent.features.html5 }, on: { "change": _vm.change } });
}, staticRenderFns: [], var script = {
methods: { methods: {
change: function change(e) { change: function change(e) {
this.$destroy(); this.$destroy();
@ -572,27 +572,112 @@ var InputFile = { render: function render() {
}); });
} }
} }
}; };
var __vue_script__ = script;
/* template */
var __vue_render__ = function __vue_render__() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('input', { attrs: { "type": "file", "name": _vm.$parent.name, "id": _vm.$parent.inputId || _vm.$parent.name, "accept": _vm.$parent.accept, "capture": _vm.$parent.capture, "webkitdirectory": _vm.$parent.directory && _vm.$parent.features.directory, "directory": _vm.$parent.directory && _vm.$parent.features.directory, "multiple": _vm.$parent.multiple && _vm.$parent.features.html5 }, on: { "change": _vm.change } });
};
var __vue_staticRenderFns__ = [];
var __vue_template__ = typeof __vue_render__ !== 'undefined' ? { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ } : {};
/* style */
var __vue_inject_styles__ = undefined;
/* scoped */
var __vue_scope_id__ = undefined;
/* module identifier */
var __vue_module_identifier__ = undefined;
/* functional template */
var __vue_is_functional_template__ = false;
/* component normalizer */
function __vue_normalize__(template, style, script$$1, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
var component = script$$1 || {};
if (!component.render) {
component.render = template.render;
component.staticRenderFns = template.staticRenderFns;
component._compiled = true;
if (functional) component.functional = true;
}
component._scopeId = scope;
return component;
}
/* style inject */
function __vue_create_injector__() {
var head = document.head || document.getElementsByTagName('head')[0];
var styles = __vue_create_injector__.styles || (__vue_create_injector__.styles = {});
var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
return function addStyle(id, css) {
if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return; // SSR styles are present.
var group = isOldIE ? css.media || 'default' : id;
var style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
if (!style.ids.includes(id)) {
var code = css.source;
var index = style.ids.length;
style.ids.push(id);
if (css.map) {
// https://developer.chrome.com/devtools/docs/javascript-debugging
// this makes source maps inside style tags work properly in Chrome
code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
// http://stackoverflow.com/a/26603875
code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */';
}
if (isOldIE) {
style.element = style.element || document.querySelector('style[data-group=' + group + ']');
}
if (!style.element) {
var el = style.element = document.createElement('style');
el.type = 'text/css';
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; if (css.media) el.setAttribute('media', css.media);
if (isOldIE) {
el.setAttribute('data-group', group);
el.setAttribute('data-next-index', '0');
}
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; head.appendChild(el);
}
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } if (isOldIE) {
index = parseInt(style.element.getAttribute('data-next-index'));
style.element.setAttribute('data-next-index', index + 1);
}
(function () { if (style.element.styleSheet) {
if (typeof document !== 'undefined') { style.parts.push(code);
var head = document.head || document.getElementsByTagName('head')[0], style.element.styleSheet.cssText = style.parts.filter(Boolean).join('\n');
style = document.createElement('style'),
css = " .file-uploads { overflow: hidden; position: relative; text-align: center; display: inline-block; } .file-uploads.file-uploads-html4 input[type=\"file\"] { opacity: 0; font-size: 20em; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; position: absolute; width: 100%; height: 100%; } .file-uploads.file-uploads-html5 input[type=\"file\"] { overflow: hidden; position: fixed; width: 1px; height: 1px; z-index: -1; opacity: 0; } ";style.type = 'text/css';if (style.styleSheet) {
style.styleSheet.cssText = css;
} else { } else {
style.appendChild(document.createTextNode(css)); var textNode = document.createTextNode(code);
}head.appendChild(style); var nodes = style.element.childNodes;
if (nodes[index]) style.element.removeChild(nodes[index]);
if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode);
}
}
};
} }
})(); /* style inject SSR */
var CHUNK_DEFAULT_OPTIONS = { var InputFile = __vue_normalize__(__vue_template__, __vue_inject_styles__, typeof __vue_script__ === 'undefined' ? {} : __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, typeof __vue_create_injector__ !== 'undefined' ? __vue_create_injector__ : function () {}, typeof __vue_create_injector_ssr__ !== 'undefined' ? __vue_create_injector_ssr__ : function () {});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
var CHUNK_DEFAULT_OPTIONS = {
headers: {}, headers: {},
action: '', action: '',
minSize: 1048576, minSize: 1048576,
@ -600,11 +685,9 @@ var CHUNK_DEFAULT_OPTIONS = {
maxRetries: 5, maxRetries: 5,
handler: ChunkUploadHandler handler: ChunkUploadHandler
}; };
var FileUpload = { render: function render() { var script$1 = {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('label', { class: _vm.className }, [_vm._t("default"), _vm._v(" "), _c('input-file')], 2);
}, staticRenderFns: [],
components: { components: {
InputFile: InputFile InputFile: InputFile
}, },
@ -918,9 +1001,7 @@ var FileUpload = { render: function render() {
}; };
} }
var fileObject = false; var fileObject = false;
if (file.fileObject === false) { if (file.fileObject === false) ; else if (file.fileObject) {
// false
} else if (file.fileObject) {
fileObject = true; fileObject = true;
} else if (typeof Element !== 'undefined' && file.el instanceof Element) { } else if (typeof Element !== 'undefined' && file.el instanceof Element) {
fileObject = true; fileObject = true;
@ -1750,9 +1831,7 @@ var FileUpload = { render: function render() {
var index = 0; var index = 0;
while (file = this.files[index]) { while (file = this.files[index]) {
index++; index++;
if (!file.fileObject) { if (!file.fileObject) ; else if (active && !this.destroy) {
// 不是文件对象
} else if (active && !this.destroy) {
if (this.uploading >= this.thread || this.uploading && !this.features.html5) { if (this.uploading >= this.thread || this.uploading && !this.features.html5) {
break; break;
} }
@ -1812,7 +1891,7 @@ var FileUpload = { render: function render() {
}, },
onDragleave: function onDragleave(e) { onDragleave: function onDragleave(e) {
e.preventDefault(); e.preventDefault();
if (e.target.nodeName === 'HTML' || e.screenX === 0 && e.screenY === 0 && !e.fromElement && e.offsetX <= 0) { if (e.target.nodeName === 'HTML' || e.target === e.explicitOriginalTarget || e.screenX === 0 && e.screenY === 0 && !e.fromElement && e.offsetX <= 0) {
this.dropActive = false; this.dropActive = false;
} }
}, },
@ -1827,17 +1906,141 @@ var FileUpload = { render: function render() {
this.addDataTransfer(e.dataTransfer); this.addDataTransfer(e.dataTransfer);
} }
} }
}; };
var __vue_script__$1 = script$1;
/* template */
var __vue_render__$1 = function __vue_render__() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('label', { class: _vm.className }, [_vm._t("default"), _vm._v(" "), _c('input-file')], 2);
};
var __vue_staticRenderFns__$1 = [];
var __vue_template__$1 = typeof __vue_render__$1 !== 'undefined' ? { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 } : {};
/* style */
var __vue_inject_styles__$1 = function (inject) {
if (!inject) return;
inject("data-v-62fe22ff_0", { source: "\n.file-uploads{overflow:hidden;position:relative;text-align:center;display:inline-block\n}\n.file-uploads.file-uploads-html4 input[type=file]{opacity:0;font-size:20em;z-index:1;top:0;left:0;right:0;bottom:0;position:absolute;width:100%;height:100%\n}\n.file-uploads.file-uploads-html5 input[type=file]{overflow:hidden;position:fixed;width:1px;height:1px;z-index:-1;opacity:0\n}", map: undefined, media: undefined });
};
/* scoped */
var __vue_scope_id__$1 = undefined;
/* module identifier */
var __vue_module_identifier__$1 = undefined;
/* functional template */
var __vue_is_functional_template__$1 = false;
/* component normalizer */
function __vue_normalize__$1(template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
var component = script || {};
if (!component.render) {
component.render = template.render;
component.staticRenderFns = template.staticRenderFns;
component._compiled = true;
if (functional) component.functional = true;
}
component._scopeId = scope;
{
var hook = void 0;
if (style) {
hook = function hook(context) {
style.call(this, createInjector(context));
};
}
if (hook !== undefined) {
if (component.functional) {
// register for functional component in vue file
var originalRender = component.render;
component.render = function renderWithStyleInjection(h, context) {
hook.call(context);
return originalRender(h, context);
};
} else {
// inject component registration as beforeCreate hook
var existing = component.beforeCreate;
component.beforeCreate = existing ? [].concat(existing, hook) : [hook];
}
}
}
return component;
}
/* style inject */
function __vue_create_injector__$1() {
var head = document.head || document.getElementsByTagName('head')[0];
var styles = __vue_create_injector__$1.styles || (__vue_create_injector__$1.styles = {});
var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
return function addStyle(id, css) {
if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return; // SSR styles are present.
var group = isOldIE ? css.media || 'default' : id;
var style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
var FileUpload$1 = Object.freeze({ if (!style.ids.includes(id)) {
var code = css.source;
var index = style.ids.length;
style.ids.push(id);
if (css.map) {
// https://developer.chrome.com/devtools/docs/javascript-debugging
// this makes source maps inside style tags work properly in Chrome
code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
// http://stackoverflow.com/a/26603875
code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */';
}
if (isOldIE) {
style.element = style.element || document.querySelector('style[data-group=' + group + ']');
}
if (!style.element) {
var el = style.element = document.createElement('style');
el.type = 'text/css';
if (css.media) el.setAttribute('media', css.media);
if (isOldIE) {
el.setAttribute('data-group', group);
el.setAttribute('data-next-index', '0');
}
head.appendChild(el);
}
if (isOldIE) {
index = parseInt(style.element.getAttribute('data-next-index'));
style.element.setAttribute('data-next-index', index + 1);
}
if (style.element.styleSheet) {
style.parts.push(code);
style.element.styleSheet.cssText = style.parts.filter(Boolean).join('\n');
} else {
var textNode = document.createTextNode(code);
var nodes = style.element.childNodes;
if (nodes[index]) style.element.removeChild(nodes[index]);
if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode);
}
}
};
}
/* style inject SSR */
var FileUpload = __vue_normalize__$1(__vue_template__$1, __vue_inject_styles__$1, typeof __vue_script__$1 === 'undefined' ? {} : __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, typeof __vue_create_injector__$1 !== 'undefined' ? __vue_create_injector__$1 : function () {}, typeof __vue_create_injector_ssr__ !== 'undefined' ? __vue_create_injector_ssr__ : function () {});
var FileUpload$1 = /*#__PURE__*/Object.freeze({
default: FileUpload default: FileUpload
}); });
var require$$0 = ( FileUpload$1 && FileUpload ) || FileUpload$1; var require$$0 = ( FileUpload$1 && FileUpload ) || FileUpload$1;
var src = require$$0; var src = require$$0;
return src; return src;
}))); })));
//# sourceMappingURL=vue-upload-component.js.map //# sourceMappingURL=vue-upload-component.js.map

2
dist/vue-upload-component.js.map vendored
View File

File diff suppressed because one or more lines are too long

4
dist/vue-upload-component.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/vue-upload-component.min.js.map vendored
View File

File diff suppressed because one or more lines are too long

33
dist/vue-upload-component.part.css vendored
Unescape View File

@ -1,34 +1,7 @@
.file-uploads{overflow:hidden;position:relative;text-align:center;display:inline-block
.file-uploads {
overflow: hidden;
position: relative;
text-align: center;
display: inline-block;
} }
.file-uploads.file-uploads-html4 input[type="file"] { .file-uploads.file-uploads-html4 input[type=file]{opacity:0;font-size:20em;z-index:1;top:0;left:0;right:0;bottom:0;position:absolute;width:100%;height:100%
opacity: 0;
font-size: 20em;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 100%;
} }
.file-uploads.file-uploads-html5 input[type="file"] { .file-uploads.file-uploads-html5 input[type=file]{overflow:hidden;position:fixed;width:1px;height:1px;z-index:-1;opacity:0
overflow: hidden;
position: fixed;
width: 1px;
height: 1px;
z-index: -1;
opacity: 0;
} }

293
dist/vue-upload-component.part.js vendored
Unescape View File

@ -1,6 +1,6 @@
/*! /*!
* Name: vue-upload-component * Name: vue-upload-component
* Version: 2.8.6 * Version: 2.8.7
* Author: LianYue * Author: LianYue
*/ */
(function (global, factory) { (function (global, factory) {
@ -9,12 +9,12 @@
(global.VueUploadComponent = factory()); (global.VueUploadComponent = factory());
}(this, (function () { 'use strict'; }(this, (function () { 'use strict';
/** /**
* Creates a XHR request * Creates a XHR request
* *
* @param {Object} options * @param {Object} options
*/ */
var createRequest = function createRequest(options) { var createRequest = function createRequest(options) {
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.open(options.method || 'GET', options.url); xhr.open(options.method || 'GET', options.url);
xhr.responseType = 'json'; xhr.responseType = 'json';
@ -25,15 +25,15 @@ var createRequest = function createRequest(options) {
} }
return xhr; return xhr;
}; };
/** /**
* Sends a XHR request with certain body * Sends a XHR request with certain body
* *
* @param {XMLHttpRequest} xhr * @param {XMLHttpRequest} xhr
* @param {Object} body * @param {Object} body
*/ */
var sendRequest = function sendRequest(xhr, body) { var sendRequest = function sendRequest(xhr, body) {
return new Promise(function (resolve, reject) { return new Promise(function (resolve, reject) {
xhr.onload = function () { xhr.onload = function () {
if (xhr.status >= 200 && xhr.status < 300) { if (xhr.status >= 200 && xhr.status < 300) {
@ -53,15 +53,15 @@ var sendRequest = function sendRequest(xhr, body) {
}; };
xhr.send(JSON.stringify(body)); xhr.send(JSON.stringify(body));
}); });
}; };
/** /**
* Sends a XHR request with certain form data * Sends a XHR request with certain form data
* *
* @param {XMLHttpRequest} xhr * @param {XMLHttpRequest} xhr
* @param {Object} data * @param {Object} data
*/ */
var sendFormRequest = function sendFormRequest(xhr, data) { var sendFormRequest = function sendFormRequest(xhr, data) {
var body = new FormData(); var body = new FormData();
for (var name in data) { for (var name in data) {
body.append(name, data[name]); body.append(name, data[name]);
@ -86,26 +86,26 @@ var sendFormRequest = function sendFormRequest(xhr, data) {
}; };
xhr.send(body); xhr.send(body);
}); });
}; };
/** /**
* Creates and sends XHR request * Creates and sends XHR request
* *
* @param {Object} options * @param {Object} options
* *
* @returns Promise * @returns Promise
*/ */
var request = function (options) { function request (options) {
var xhr = createRequest(options); var xhr = createRequest(options);
return sendRequest(xhr, options.body); return sendRequest(xhr, options.body);
}; }
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var ChunkUploadHandler = function () { var ChunkUploadHandler = function () {
/** /**
* Constructor * Constructor
* *
@ -544,11 +544,23 @@ var ChunkUploadHandler = function () {
}]); }]);
return ChunkUploadHandler; return ChunkUploadHandler;
}(); }();
var InputFile = { render: function render() { //
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('input', { attrs: { "type": "file", "name": _vm.$parent.name, "id": _vm.$parent.inputId || _vm.$parent.name, "accept": _vm.$parent.accept, "capture": _vm.$parent.capture, "webkitdirectory": _vm.$parent.directory && _vm.$parent.features.directory, "directory": _vm.$parent.directory && _vm.$parent.features.directory, "multiple": _vm.$parent.multiple && _vm.$parent.features.html5 }, on: { "change": _vm.change } }); //
}, staticRenderFns: [], //
//
//
//
//
//
//
//
//
//
//
var script = {
methods: { methods: {
change: function change(e) { change: function change(e) {
this.$destroy(); this.$destroy();
@ -560,15 +572,116 @@ var InputFile = { render: function render() {
}); });
} }
} }
}; };
var __vue_script__ = script;
/* template */
var __vue_render__ = function __vue_render__() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('input', { attrs: { "type": "file", "name": _vm.$parent.name, "id": _vm.$parent.inputId || _vm.$parent.name, "accept": _vm.$parent.accept, "capture": _vm.$parent.capture, "webkitdirectory": _vm.$parent.directory && _vm.$parent.features.directory, "directory": _vm.$parent.directory && _vm.$parent.features.directory, "multiple": _vm.$parent.multiple && _vm.$parent.features.html5 }, on: { "change": _vm.change } }, []);
};
var __vue_staticRenderFns__ = [];
var __vue_template__ = typeof __vue_render__ !== 'undefined' ? { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ } : {};
/* style */
var __vue_inject_styles__ = undefined;
/* scoped */
var __vue_scope_id__ = undefined;
/* module identifier */
var __vue_module_identifier__ = "data-v-36701cce";
/* functional template */
var __vue_is_functional_template__ = false;
/* component normalizer */
function __vue_normalize__(template, style, script$$1, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
var component = script$$1 || {};
if (!component.render) {
component.render = template.render;
component.staticRenderFns = template.staticRenderFns;
component._compiled = true;
if (functional) component.functional = true;
}
component._scopeId = scope;
return component;
}
/* style inject */
/* style inject SSR */
function __vue_create_injector_ssr__(context) {
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__;
}
if (!context) return function () {};
if (!context.hasOwnProperty('styles')) {
Object.defineProperty(context, 'styles', {
enumerable: true,
get: function get() {
return context._styles;
}
});
context._renderStyles = renderStyles;
}
function renderStyles(styles) {
var css = '';
var _iteratorNormalCompletion = true;
var _didIteratorError = false;
var _iteratorError = undefined;
try {
for (var _iterator = styles[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
var _ref = _step.value;
var ids = _ref.ids,
media = _ref.media,
parts = _ref.parts;
css += '<style data-vue-ssr-id="' + ids.join(' ') + '"' + (media ? ' media="' + media + '"' : '') + '>' + parts.join('\n') + '</style>';
}
} catch (err) {
_didIteratorError = true;
_iteratorError = err;
} finally {
try {
if (!_iteratorNormalCompletion && _iterator.return) {
_iterator.return();
}
} finally {
if (_didIteratorError) {
throw _iteratorError;
}
}
}
return css;
}
return function addStyle(id, css) {
var group = css.media || 'default';
var style = context._styles[group] || (context._styles[group] = { ids: [], parts: [] });
if (!style.ids.includes(id)) {
style.media = css.media;
style.ids.push(id);
var code = css.source;
style.parts.push(code);
}
};
}
var InputFile = __vue_normalize__(__vue_template__, __vue_inject_styles__, typeof __vue_script__ === 'undefined' ? {} : __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, typeof __vue_create_injector__ !== 'undefined' ? __vue_create_injector__ : function () {}, typeof __vue_create_injector_ssr__ !== 'undefined' ? __vue_create_injector_ssr__ : function () {});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
var CHUNK_DEFAULT_OPTIONS = { var CHUNK_DEFAULT_OPTIONS = {
headers: {}, headers: {},
action: '', action: '',
minSize: 1048576, minSize: 1048576,
@ -576,11 +689,9 @@ var CHUNK_DEFAULT_OPTIONS = {
maxRetries: 5, maxRetries: 5,
handler: ChunkUploadHandler handler: ChunkUploadHandler
}; };
var FileUpload = { render: function render() { var script$1 = {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('label', { class: _vm.className }, [_vm._t("default"), _vm._v(" "), _c('input-file')], 2);
}, staticRenderFns: [],
components: { components: {
InputFile: InputFile InputFile: InputFile
}, },
@ -894,9 +1005,7 @@ var FileUpload = { render: function render() {
}; };
} }
var fileObject = false; var fileObject = false;
if (file.fileObject === false) { if (file.fileObject === false) ; else if (file.fileObject) {
// false
} else if (file.fileObject) {
fileObject = true; fileObject = true;
} else if (typeof Element !== 'undefined' && file.el instanceof Element) { } else if (typeof Element !== 'undefined' && file.el instanceof Element) {
fileObject = true; fileObject = true;
@ -1726,9 +1835,7 @@ var FileUpload = { render: function render() {
var index = 0; var index = 0;
while (file = this.files[index]) { while (file = this.files[index]) {
index++; index++;
if (!file.fileObject) { if (!file.fileObject) ; else if (active && !this.destroy) {
// 不是文件对象
} else if (active && !this.destroy) {
if (this.uploading >= this.thread || this.uploading && !this.features.html5) { if (this.uploading >= this.thread || this.uploading && !this.features.html5) {
break; break;
} }
@ -1788,7 +1895,7 @@ var FileUpload = { render: function render() {
}, },
onDragleave: function onDragleave(e) { onDragleave: function onDragleave(e) {
e.preventDefault(); e.preventDefault();
if (e.target.nodeName === 'HTML' || e.screenX === 0 && e.screenY === 0 && !e.fromElement && e.offsetX <= 0) { if (e.target.nodeName === 'HTML' || e.target === e.explicitOriginalTarget || e.screenX === 0 && e.screenY === 0 && !e.fromElement && e.offsetX <= 0) {
this.dropActive = false; this.dropActive = false;
} }
}, },
@ -1803,17 +1910,117 @@ var FileUpload = { render: function render() {
this.addDataTransfer(e.dataTransfer); this.addDataTransfer(e.dataTransfer);
} }
} }
}; };
var __vue_script__$1 = script$1;
/* template */
var __vue_render__$1 = function __vue_render__() {
var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('label', { class: _vm.className }, [_vm._t("default"), _vm._ssrNode(" "), _c('input-file')], 2);
};
var __vue_staticRenderFns__$1 = [];
var __vue_template__$1 = typeof __vue_render__$1 !== 'undefined' ? { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 } : {};
/* style */
var __vue_inject_styles__$1 = undefined;
/* scoped */
var __vue_scope_id__$1 = undefined;
/* module identifier */
var __vue_module_identifier__$1 = "data-v-62fe22ff";
/* functional template */
var __vue_is_functional_template__$1 = false;
/* component normalizer */
function __vue_normalize__$1(template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
var component = script || {};
if (!component.render) {
component.render = template.render;
component.staticRenderFns = template.staticRenderFns;
component._compiled = true;
if (functional) component.functional = true;
}
component._scopeId = scope;
return component;
}
/* style inject */
/* style inject SSR */
function __vue_create_injector_ssr__$1(context) {
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__;
}
if (!context) return function () {};
if (!context.hasOwnProperty('styles')) {
Object.defineProperty(context, 'styles', {
enumerable: true,
get: function get() {
return context._styles;
}
});
context._renderStyles = renderStyles;
}
function renderStyles(styles) {
var css = '';
var _iteratorNormalCompletion = true;
var _didIteratorError = false;
var _iteratorError = undefined;
try {
for (var _iterator = styles[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
var _ref = _step.value;
var ids = _ref.ids,
media = _ref.media,
parts = _ref.parts;
css += '<style data-vue-ssr-id="' + ids.join(' ') + '"' + (media ? ' media="' + media + '"' : '') + '>' + parts.join('\n') + '</style>';
}
} catch (err) {
_didIteratorError = true;
_iteratorError = err;
} finally {
try {
if (!_iteratorNormalCompletion && _iterator.return) {
_iterator.return();
}
} finally {
if (_didIteratorError) {
throw _iteratorError;
}
}
}
return css;
}
return function addStyle(id, css) {
var group = css.media || 'default';
var style = context._styles[group] || (context._styles[group] = { ids: [], parts: [] });
var FileUpload$1 = Object.freeze({ if (!style.ids.includes(id)) {
style.media = css.media;
style.ids.push(id);
var code = css.source;
style.parts.push(code);
}
};
}
var FileUpload = __vue_normalize__$1(__vue_template__$1, __vue_inject_styles__$1, typeof __vue_script__$1 === 'undefined' ? {} : __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, typeof __vue_create_injector__ !== 'undefined' ? __vue_create_injector__ : function () {}, typeof __vue_create_injector_ssr__$1 !== 'undefined' ? __vue_create_injector_ssr__$1 : function () {});
var FileUpload$1 = /*#__PURE__*/Object.freeze({
default: FileUpload default: FileUpload
}); });
var require$$0 = ( FileUpload$1 && FileUpload ) || FileUpload$1; var require$$0 = ( FileUpload$1 && FileUpload ) || FileUpload$1;
var src = require$$0; var src = require$$0;
return src; return src;
}))); })));
//# sourceMappingURL=vue-upload-component.part.js.map //# sourceMappingURL=vue-upload-component.part.js.map

2
dist/vue-upload-component.part.js.map vendored
View File

File diff suppressed because one or more lines are too long

5586
docs/dist/index.js vendored
View File

File diff suppressed because one or more lines are too long

2
docs/dist/index.js.map vendored
View File

File diff suppressed because one or more lines are too long

11701
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

59
package.json
Unescape View File

@ -1,7 +1,7 @@
{ {
"name": "vue-upload-component", "name": "vue-upload-component",
"description": "Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter", "description": "Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter",
"version": "2.8.6", "version": "2.8.7",
"author": "LianYue", "author": "LianYue",
"scripts": { "scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server", "dev": "cross-env NODE_ENV=development webpack-dev-server",
@ -43,39 +43,42 @@
"homepage": "https://github.com/lian-yue/vue-upload-component#readme", "homepage": "https://github.com/lian-yue/vue-upload-component#readme",
"dependencies": {}, "dependencies": {},
"devDependencies": { "devDependencies": {
"babel-core": "^6.26.0", "babel-core": "^6.26.3",
"babel-eslint": "^8.0.1", "babel-eslint": "^8.2.3",
"babel-loader": "^7.1.2", "babel-loader": "^7.1.4",
"babel-plugin-transform-runtime": "^6.23.0", "babel-plugin-transform-runtime": "^6.23.0",
"babel-preset-env": "^1.6.0", "babel-preset-env": "^1.7.0",
"babel-preset-es2015": "^6.24.1", "babel-preset-es2015": "^6.24.1",
"babel-preset-es2017": "^6.24.1", "babel-preset-es2017": "^6.24.1",
"babel-preset-stage-0": "^6.24.1", "babel-preset-stage-0": "^6.24.1",
"babel-runtime": "^6.26.0", "babel-runtime": "^6.26.0",
"cross-env": "^1.0.6", "cross-env": "^5.1.6",
"css-loader": "^0.28.7", "css-loader": "^0.28.11",
"eslint": "^4.8.0", "eslint": "^4.19.1",
"eslint-config-standard": "^11.0.0-beta.0", "eslint-config-standard": "^11.0.0",
"eslint-loader": "^1.9.0", "eslint-loader": "^2.0.0",
"eslint-plugin-html": "^3.2.2", "eslint-plugin-html": "^4.0.3",
"eslint-plugin-import": "^2.8.0", "eslint-plugin-import": "^2.12.0",
"eslint-plugin-node": "^5.2.1", "eslint-plugin-node": "^6.0.1",
"eslint-plugin-promise": "^3.6.0", "eslint-plugin-promise": "^3.8.0",
"eslint-plugin-standard": "^3.0.1", "eslint-plugin-standard": "^3.1.0",
"eslint-plugin-vue": "^3.13.0", "eslint-plugin-vue": "^4.5.0",
"postcss": "^6.0.22",
"raw-loader": "^0.5.1", "raw-loader": "^0.5.1",
"rollup": "^0.50.0", "rollup": "^0.59.3",
"rollup-plugin-babel": "^3.0.2", "rollup-plugin-babel": "^3.0.4",
"rollup-plugin-commonjs": "^8.2.1", "rollup-plugin-commonjs": "^9.1.3",
"rollup-plugin-node-resolve": "^3.0.0", "rollup-plugin-css-only": "^0.4.0",
"rollup-plugin-uglify": "^2.0.1", "rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-vue": "^2.5.2", "rollup-plugin-uglify": "^4.0.0",
"vue-hot-reload-api": "^2.1.1", "rollup-plugin-vue": "^4.1.4",
"vue-loader": "^13.0.5", "vue-hot-reload-api": "^2.3.0",
"vue-template-compiler": "^2.4.4", "vue-loader": "^15.2.0",
"webpack": "^3.6.0", "vue-template-compiler": "^2.5.16",
"webpack": "^4.8.3",
"webpack-body-parser": "^1.11.110", "webpack-body-parser": "^1.11.110",
"webpack-dev-server": "^2.9.1", "webpack-cli": "^2.1.4",
"webpack-merge": "^4.1.0" "webpack-dev-server": "^3.1.4",
"webpack-merge": "^4.1.2"
} }
} }

33
rollup.config.js
Unescape View File

@ -1,9 +1,10 @@
import resolve from 'rollup-plugin-node-resolve' import resolve from 'rollup-plugin-node-resolve'
import commonjs from 'rollup-plugin-commonjs' import commonjs from 'rollup-plugin-commonjs'
import babel from 'rollup-plugin-babel' import babel from 'rollup-plugin-babel'
import uglify from 'rollup-plugin-uglify' import { uglify } from 'rollup-plugin-uglify'
import vue from 'rollup-plugin-vue' import vue from 'rollup-plugin-vue'
import packageInfo from './package.json' import packageInfo from './package.json'
const pluginCSS = require('rollup-plugin-css-only')
// const isDev = process.env.NODE_ENV === 'development' // const isDev = process.env.NODE_ENV === 'development'
@ -13,6 +14,8 @@ function baseConfig() {
return { return {
output: { output: {
format: 'umd', format: 'umd',
sourcemap: true,
banner: `/*!\n * Name: ${packageInfo.name}\n * Version: ${packageInfo.version}\n * Author: ${packageInfo.author}\n */`,
}, },
plugins: [ plugins: [
resolve({ resolve({
@ -29,8 +32,6 @@ function baseConfig() {
], ],
}), }),
], ],
banner: `/*!\n * Name: ${packageInfo.name}\n * Version: ${packageInfo.version}\n * Author: ${packageInfo.author}\n */`,
sourcemap: true,
} }
} }
@ -40,7 +41,6 @@ config.output.file = 'dist/vue-upload-component.js'
config.output.name = 'VueUploadComponent' config.output.name = 'VueUploadComponent'
config.plugins.push( config.plugins.push(
vue({ vue({
autoStyles: false,
css: true, css: true,
}), }),
babel() babel()
@ -52,7 +52,14 @@ configMin.output.file = 'dist/vue-upload-component.min.js'
configMin.output.name = 'VueUploadComponent' configMin.output.name = 'VueUploadComponent'
configMin.plugins.push( configMin.plugins.push(
vue({ vue({
autoStyles: false, sourceMap: true,
style: {
trim: true,
},
template: {
isProduction: true,
optimizeSSR: true,
},
css: true, css: true,
}), }),
babel(), babel(),
@ -64,15 +71,25 @@ configMin.plugins.push(
) )
let configPart = baseConfig() let configPart = baseConfig()
configPart.input = 'src/index.js' configPart.input = 'src/index.js'
configPart.output.file = 'dist/vue-upload-component.part.js' configPart.output.file = 'dist/vue-upload-component.part.js'
configPart.output.name = 'VueUploadComponent' configPart.output.name = 'VueUploadComponent'
configPart.plugins.push( configPart.plugins.push(
pluginCSS({
include: '**/*.css?*',
output: 'dist/vue-upload-component.part.css',
}),
vue({ vue({
autoStyles: false, sourceMap: true,
css: 'dist/vue-upload-component.part.css', style: {
trim: true,
},
template: {
isProduction: true,
optimizeSSR: true,
},
css: false,
}), }),
babel() babel()
) )

34
webpack.config.js
Unescape View File

@ -6,6 +6,7 @@ const packageInfo = require('./package')
const bodyParser = require('webpack-body-parser') const bodyParser = require('webpack-body-parser')
const chunkUpload = require('./src/utils/chunkUpload') const chunkUpload = require('./src/utils/chunkUpload')
const { VueLoaderPlugin } = require('vue-loader')
process.env.NODE_ENV = process.env.NODE_ENV || 'production' process.env.NODE_ENV = process.env.NODE_ENV || 'production'
@ -13,6 +14,7 @@ const isDev = process.env.NODE_ENV === 'development'
function baseConfig() { function baseConfig() {
let config = { let config = {
mode: process.env.NODE_ENV === 'development' ? 'development' : 'production',
output: { output: {
path: path.join(__dirname, 'dist'), path: path.join(__dirname, 'dist'),
publicPath: '/dist', publicPath: '/dist',
@ -95,6 +97,36 @@ function baseConfig() {
}, },
] ]
}, },
{
test: /\.css$/,
use: [
{
loader: 'vue-style-loader',
},
{
loader: 'css-loader',
options: {
minimize: !isDev,
},
},
]
},
{
test: /\.vue$/,
use: [
{
loader: 'vue-loader',
options: {
preserveWhitespace: false,
cssModules: {
localIdentName: '[hash:base64:8]',
camelCase: true,
},
},
},
],
},
/*
{ {
test: /\.vue$/, test: /\.vue$/,
use: [ use: [
@ -139,11 +171,13 @@ function baseConfig() {
}, },
] ]
} }
*/
] ]
}, },
plugins: [ plugins: [
new webpack.BannerPlugin(`Name: ${packageInfo.name}\nVersion: ${packageInfo.version}\nAuthor: ${packageInfo.author}`), new webpack.BannerPlugin(`Name: ${packageInfo.name}\nVersion: ${packageInfo.version}\nAuthor: ${packageInfo.author}`),
new VueLoaderPlugin(),
], ],
devtool: isDev ? 'eval-source-map' : 'source-map' devtool: isDev ? 'eval-source-map' : 'source-map'
} }

Write Preview
Loading…
Cancel
Save