2023-10-02 10:46:09 +00:00
|
|
|
import BaseStyle from 'primevue/base/style';
|
|
|
|
|
|
|
|
const classes = {
|
|
|
|
root: ({ props }) => [`p-fileupload p-fileupload-${props.mode} p-component`],
|
2024-04-20 12:45:44 +00:00
|
|
|
buttonbar: 'p-fileupload-header',
|
|
|
|
chooseButton: 'p-fileupload-choose-button', // TODO: Also add upload and clear
|
|
|
|
chooseIcon: 'p-fileupload-choose-icon', // TODO: remove
|
|
|
|
chooseButtonLabel: 'p-fileupload-choosebutton-label', // TODO: remove
|
2023-10-02 10:46:09 +00:00
|
|
|
content: 'p-fileupload-content',
|
2024-04-20 12:45:44 +00:00
|
|
|
emptyContent: 'p-fileupload-empty-content', // TODO: remove
|
|
|
|
uploadIcon: 'p-fileupload-upload-icon', // TODO: remove
|
|
|
|
label: 'p-fileupload-button-label', // TODO: remove
|
|
|
|
fileList: 'p-fileupload-file-list',
|
2023-10-02 10:46:09 +00:00
|
|
|
file: 'p-fileupload-file',
|
|
|
|
thumbnail: 'p-fileupload-file-thumbnail',
|
2024-04-20 12:45:44 +00:00
|
|
|
details: 'p-fileupload-file-info',
|
2023-10-02 10:46:09 +00:00
|
|
|
fileName: 'p-fileupload-file-name',
|
|
|
|
fileSize: 'p-fileupload-file-size',
|
|
|
|
badge: 'p-fileupload-file-badge',
|
|
|
|
actions: 'p-fileupload-file-actions',
|
2024-04-20 12:45:44 +00:00
|
|
|
removeButton: 'p-fileupload-file-remove-button'
|
2023-10-02 10:46:09 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export default BaseStyle.extend({
|
|
|
|
name: 'fileupload',
|
|
|
|
classes
|
|
|
|
});
|