drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Upload

Browse source 
update Upload
This commit is contained in:
梁灏 2017-01-22 14:48:38 +08:00
parent 1992733eeb
commit ddef2bb3d6
4 changed files with 226 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/components/upload/upload.vue
View file

@ -1,27 +1,37 @@
<template>
<div
:class="classes"
@click="handleClick"
@drop.prevent="onDrop"
@dragover.prevent="dragOver = true"
@dragleave.prevent="dragOver = false">
<input
v-el:input
:class="[prefixCls + '-input']"
type="file"
@change="handleChange"
:multiple="multiple"
:accept="accept">
<slot></slot>
<div :class="[prefixCls]">
<div
:class="classes"
@click="handleClick"
@drop.prevent="onDrop"
@dragover.prevent="dragOver = true"
@dragleave.prevent="dragOver = false">
<input
v-el:input
:class="[prefixCls + '-input']"
type="file"
@change="handleChange"
:multiple="multiple"
:accept="accept">
<slot></slot>
</div>
<slot name="tip"></slot>
<upload-list
v-if="showUploadList"
:files="fileList"
@on-file-remove="handleRemove"
@on-file-preview="handlePreview"></upload-list>
</div>
</template>
<script>
import UploadList from './upload-list.vue';
import ajax from './ajax';
import { oneOf } from '../../utils/assist';
const prefixCls = 'ivu-upload';
export default {
components: { UploadList },
props: {
action: {
type: String,
@ -56,7 +66,8 @@
type: String,
validator (value) {
return oneOf(value, ['select', 'drag']);
}
},
default: 'select'
},
format: {
type: Array,
@ -133,6 +144,7 @@
return [
`${prefixCls}`,
{
[`${prefixCls}-select`]: this.type === 'select',
[`${prefixCls}-drag`]: this.type === 'drag',
[`${prefixCls}-dragOver`]: this.dragOver
}