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

Refactor #5715

pull/5756/head
tugcekucukoglu 2024-05-10 09:38:54 +03:00
parent 4dec38079a
commit b52defe6d1
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/lib/fileupload/FileUpload.d.ts vendored
View File

@ -639,7 +639,7 @@ declare class FileUpload extends ClassComponent<FileUploadProps, FileUploadSlots
*
* @memberof FileUpload
*/
basicUpload(): void;
upload(): void;
}
declare module 'vue' {

12
components/lib/fileupload/FileUpload.vue
View File

@ -2,7 +2,7 @@
<div v-if="isAdvanced" :class="cx('root')" v-bind="ptmi('root')">
<input ref="fileInput" type="file" @change="onFileSelect" :multiple="multiple" :accept="accept" :disabled="chooseDisabled" v-bind="ptm('input')" />
<div :class="cx('header')" v-bind="ptm('header')">
<slot name="header" :files="files" :uploadedFiles="uploadedFiles" :chooseCallback="choose" :uploadCallback="upload" :clearCallback="clear">
<slot name="header" :files="files" :uploadedFiles="uploadedFiles" :chooseCallback="choose" :uploadCallback="uploader" :clearCallback="clear">
<Button :label="chooseButtonLabel" :class="chooseButtonClass" :style="style" :disabled="disabled" :unstyled="unstyled" @click="choose" @keydown.enter="choose" @focus="onFocus" @blur="onBlur" :pt="ptm('pcChooseButton')">
<template #icon="iconProps">
<slot name="chooseicon">
@ -10,7 +10,7 @@
</slot>
</template>
</Button>
<Button v-if="showUploadButton" :class="cx('pcUploadButton')" :label="uploadButtonLabel" @click="upload" :disabled="uploadDisabled" :unstyled="unstyled" :pt="ptm('pcUploadButton')">
<Button v-if="showUploadButton" :class="cx('pcUploadButton')" :label="uploadButtonLabel" @click="uploader" :disabled="uploadDisabled" :unstyled="unstyled" :pt="ptm('pcUploadButton')">
<template #icon="iconProps">
<slot name="uploadicon">
<component :is="uploadIcon ? 'span' : 'UploadIcon'" :class="[iconProps.class, uploadIcon]" aria-hidden="true" v-bind="ptm('pcUploadButton')['icon']" data-pc-section="uploadbuttonicon" />
@ -94,8 +94,8 @@ export default {
};
},
methods: {
basicUpload() {
if (this.hasFiles) this.upload();
upload() {
if (this.hasFiles) this.uploader();
},
onBasicUploaderClick(event) {
if (event.button === 0 && !this.hasFiles) this.$refs.fileInput.click();
@ -130,7 +130,7 @@ export default {
}
if (this.auto && this.hasFiles && !this.isFileLimitExceeded()) {
this.upload();
this.uploader();
}
if (event.type !== 'drop' && this.isIE11()) {
@ -142,7 +142,7 @@ export default {
choose() {
this.$refs.fileInput.click();
},
upload() {
uploader() {
if (this.customUpload) {
if (this.fileLimit) {
this.uploadedFileCount += this.files.length;

6
doc/fileupload/BasicDoc.vue
View File

@ -31,7 +31,7 @@ export default {
export default {
methods: {
upload() {
this.$refs.fileupload.basicUpload();
this.$refs.fileupload.upload();
},
onUpload() {
this.$toast.add({ severity: 'info', summary: 'Success', detail: 'File Uploaded', life: 3000 });
@ -55,7 +55,7 @@ const toast = useToast();
const fileupload = ref();
const upload = () => {
fileupload.value.basicUpload();
fileupload.value.upload();
};
const onUpload = () => {
@ -68,7 +68,7 @@ const onUpload = () => {
},
methods: {
upload() {
this.$refs.fileupload.basicUpload();
this.$refs.fileupload.upload();
},
onUpload() {
this.$toast.add({ severity: 'info', summary: 'Success', detail: 'File Uploaded', life: 3000 });