vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #1407

pull/1409/head
Tuğçe Küçükoğlu 2021-08-04 17:43:39 +03:00
parent 39f9b55be3
commit 1b50d13cd2
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/fileupload/FileUpload.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div :class="containerClass" :style="style" v-if="isAdvanced"> <div class="p-fileupload p-fileupload-advanced p-component" v-if="isAdvanced">
<div class="p-fileupload-buttonbar"> <div class="p-fileupload-buttonbar">
<span :class="advancedChooseButtonClass" @click="choose" @keydown.enter="choose" @focus="onFocus" @blur="onBlur" v-ripple tabindex="0"> <span :class="advancedChooseButtonClass" :style="style" @click="choose" @keydown.enter="choose" @focus="onFocus" @blur="onBlur" v-ripple tabindex="0">
<input ref="fileInput" type="file" @change="onFileSelect" :multiple="multiple" :accept="accept" :disabled="chooseDisabled" /> <input ref="fileInput" type="file" @change="onFileSelect" :multiple="multiple" :accept="accept" :disabled="chooseDisabled" />
<span class="p-button-icon p-button-icon-left pi pi-fw pi-plus"></span> <span class="p-button-icon p-button-icon-left pi pi-fw pi-plus"></span>
<span class="p-button-label">{{chooseButtonLabel}}</span> <span class="p-button-label">{{chooseButtonLabel}}</span>
@ -31,7 +31,7 @@
</div> </div>
<div class="p-fileupload p-fileupload-basic p-component" v-else-if="isBasic"> <div class="p-fileupload p-fileupload-basic p-component" v-else-if="isBasic">
<FileUploadMessage v-for="msg of messages" severity="error" :key="msg">{{msg}}</FileUploadMessage> <FileUploadMessage v-for="msg of messages" severity="error" :key="msg">{{msg}}</FileUploadMessage>
<span :class="basicChooseButtonClass" @mouseup="onBasicUploaderClick" @keydown.enter="choose" @focus="onFocus" @blur="onBlur" v-ripple tabindex="0" > <span :class="basicChooseButtonClass" :style="style" @mouseup="onBasicUploaderClick" @keydown.enter="choose" @focus="onFocus" @blur="onBlur" v-ripple tabindex="0" >
<span :class="basicChooseButtonIconClass"></span> <span :class="basicChooseButtonIconClass"></span>
<span class="p-button-label">{{basicChooseButtonLabel}}</span> <span class="p-button-label">{{basicChooseButtonLabel}}</span>
<input ref="fileInput" type="file" :accept="accept" :disabled="disabled" :multiple="multiple" @change="onFileSelect" @focus="onFocus" @blur="onBlur" v-if="!hasFiles" /> <input ref="fileInput" type="file" :accept="accept" :disabled="disabled" :multiple="multiple" @change="onFileSelect" @focus="onFocus" @blur="onBlur" v-if="!hasFiles" />
@ -400,9 +400,6 @@ export default {
} }
}, },
computed: { computed: {
containerClass() {
return ['p-fileupload p-fileupload-advanced p-component', this.class];
},
isAdvanced() { isAdvanced() {
return this.mode === 'advanced'; return this.mode === 'advanced';
}, },
@ -410,14 +407,14 @@ export default {
return this.mode === 'basic'; return this.mode === 'basic';
}, },
advancedChooseButtonClass() { advancedChooseButtonClass() {
return ['p-button p-component p-fileupload-choose', { return ['p-button p-component p-fileupload-choose', this.class, {
'p-disabled': this.disabled, 'p-disabled': this.disabled,
'p-focus': this.focused 'p-focus': this.focused
} }
]; ];
}, },
basicChooseButtonClass() { basicChooseButtonClass() {
return ['p-button p-component p-fileupload-choose', { return ['p-button p-component p-fileupload-choose', this.class, {
'p-fileupload-choose-selected': this.hasFiles, 'p-fileupload-choose-selected': this.hasFiles,
'p-disabled': this.disabled, 'p-disabled': this.disabled,
'p-focus': this.focused 'p-focus': this.focused