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

Merge pull request #50 from docnoe/docnoe-patch-1

Browse Source 
Feature(FileUpload.vue): Adds slot so user can add custom html
master
LianYue 9 years ago committed by GitHub
parent fb6a9409e2 e9f72b0e7b
commit 6cf882bf1e
9 changed files with 602 additions and 478 deletions
Show Stats Download Patch File Download Diff File

927
dist/example.js vendored
View File

File diff suppressed because it is too large Load Diff

2
dist/example.js.map vendored
View File

File diff suppressed because one or more lines are too long

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

@ -754,25 +754,6 @@ return /******/ (function(modules) { // webpackBootstrap
this.destroy = true;
this.files.splice(0, this.files.length);
},
render: function render(h) {
return h(
'label',
{ 'class': {
'file-uploads': true,
'file-uploads-html5': this.mode == 'html5',
'file-uploads-html4': this.mode == 'html4'
} },
[h(
'span',
null,
[this.title]
), h(
'input-file',
null,
[]
)]
);
},
watch: {
@ -1346,27 +1327,6 @@ return /******/ (function(modules) { // webpackBootstrap
this.$destroy();
this.$parent._addInputFileElement(e.target);
}
},
render: function render(h) {
var parent = this.$parent;
return h(
"input",
{
attrs: {
type: "file",
name: parent.name,
id: parent.id || parent.name,
accept: parent.accept,
multiple: parent.multiple && parent.mode == 'html5'
},
on: {
"change": this.change
}
},
[]
);
}
};
@ -2298,10 +2258,13 @@ return /******/ (function(modules) { // webpackBootstrap
var __vue_styles__ = {}
/* styles */
__webpack_require__(86)
__webpack_require__(88)
/* script */
__vue_exports__ = __webpack_require__(39)
/* template */
var __vue_template__ = __webpack_require__(86)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -2313,6 +2276,8 @@ return /******/ (function(modules) { // webpackBootstrap
__vue_options__ = __vue_options__.options
}
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
module.exports = __vue_exports__
@ -2326,6 +2291,9 @@ return /******/ (function(modules) { // webpackBootstrap
/* script */
__vue_exports__ = __webpack_require__(40)
/* template */
var __vue_template__ = __webpack_require__(85)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -2337,12 +2305,44 @@ return /******/ (function(modules) { // webpackBootstrap
__vue_options__ = __vue_options__.options
}
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
module.exports = __vue_exports__
/***/ },
/* 85 */
/***/ function(module, exports) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', [_c('input', {
attrs: {
"type": "file",
"name": _vm.$parent.name,
"id": _vm.$parent.id || _vm.$parent.name,
"accept": _vm.$parent.accept,
"multiple": _vm.$parent.multiple && _vm.$parent.mode === 'html5'
},
on: {
"change": _vm.change
}
})])
},staticRenderFns: []}
/***/ },
/* 86 */
/***/ function(module, exports) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('label', {
staticClass: "file-uploads",
class: _vm.mode === 'html5' ? 'file-uploads-html5' : 'file-uploads-html4'
}, [_c('span', [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _vm._t("default"), _vm._v(" "), _c('input-file')], 2)
},staticRenderFns: []}
/***/ },
/* 87 */
/***/ function(module, exports, __webpack_require__) {
/*
@ -2564,7 +2564,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 86 */
/* 88 */
/***/ function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
@ -2573,14 +2573,14 @@ return /******/ (function(modules) { // webpackBootstrap
var content = __webpack_require__(81);
if(typeof content === 'string') content = [[module.id, content, '']];
// add the styles to the DOM
var update = __webpack_require__(85)(content, {});
var update = __webpack_require__(87)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {
// When the styles change, update the <style> tags
if(!content.locals) {
module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=data-v-4563ebb1!./../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./FileUpload.vue", function() {
var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=data-v-4563ebb1!./../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./FileUpload.vue");
module.hot.accept("!!../node_modules/css-loader/index.js!../node_modules/vue-loader/lib/style-rewriter.js?id=data-v-696d21f4!../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./FileUpload.vue", function() {
var newContent = require("!!../node_modules/css-loader/index.js!../node_modules/vue-loader/lib/style-rewriter.js?id=data-v-696d21f4!../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./FileUpload.vue");
if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
update(newContent);
});

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

File diff suppressed because one or more lines are too long

2
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

2
package.json
Unescape View File

@ -1,7 +1,7 @@
{
"name": "vue-upload-component",
"description": "Vue.js file upload component, Support for multiple file uploads, progress, html5, html4, support ie9",
"version": "2.3.0-beta.2",
"version": "2.3.0",
"author": "LianYue",
"scripts": {
"dev": "webpack-dev-server --inline --hot",

24
src/FileUpload.vue
Unescape View File

@ -1,3 +1,11 @@
<template>
<label class="file-uploads" :class="mode === 'html5' ? 'file-uploads-html5' : 'file-uploads-html4'">
<span>{{title}}</span>
<slot></slot>
<input-file></input-file>
</label>
</template>
<style>
.file-uploads {
overflow: hidden;
@ -140,22 +148,6 @@ export default {
this.files.splice(0, this.files.length);
},
render (h) {
return (
<label class={{
'file-uploads': true,
'file-uploads-html5': this.mode == 'html5',
'file-uploads-html4': this.mode == 'html4'
}} >
<span>{this.title}</span>
<input-file></input-file>
</label>
)
},
watch: {
drop(value) {
this._drop(value);

33
src/InputFile.vue
Unescape View File

@ -1,24 +1,23 @@
<template>
<div>
<input
type="file"
:name="$parent.name"
:id="$parent.id || $parent.name"
:accept="$parent.accept"
@change="change"
:multiple="$parent.multiple && $parent.mode === 'html5'"
/>
</div>
</template>
<script>
export default {
methods: {
change(e) {
this.$destroy();
this.$parent._addInputFileElement(e.target);
},
},
render(h) {
const parent = this.$parent;
return (
<input
type="file"
name={parent.name}
id={parent.id|| parent.name}
accept={parent.accept}
on-change={this.change}
multiple={parent.multiple && parent.mode == 'html5'}
/>
)
this.$destroy()
this.$parent._addInputFileElement(e.target)
}
}
}
</script>

Write Preview
Loading…
Cancel
Save