mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-05 18:23:48 +00:00
76 lines
3.1 KiB
Vue
76 lines
3.1 KiB
Vue
<template>
|
|
<button class="group h-[42px] w-[42px] inline-flex items-center justify-center cursor-pointer rounded-lg dark:hover:bg-2x-dark-foreground hover:bg-light-background" :title="action">
|
|
<corner-down-right-icon v-if="source === 'move'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<download-cloud-icon v-if="source === 'download'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<folder-plus-icon v-if="source === 'folder-plus'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<user-plus-icon v-if="source === 'user-plus'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<zoom-in-icon v-if="source === 'zoom-in'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<zoom-out-icon v-if="source === 'zoom-out'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<edit-2-icon v-if="source === 'rename'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<printer-icon v-if="source === 'print'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<trash-2-icon v-if="source === 'trash'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<list-icon v-if="source === 'th-list'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<info-icon v-if="source === 'info'" size="19" class="vue-feather group-hover-text-theme" :class="{'text-theme': isVisibleSidebar}" />
|
|
<grid-icon v-if="source === 'th'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<link-icon v-if="source === 'share'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<x-icon v-if="source === 'close'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<search-icon v-if="source === 'search'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<cloud-off-icon v-if="source === 'shared-off'" size="19" class="vue-feather group-hover-text-theme" />
|
|
<sorting-icon v-if="source === 'preview-sorting'" class="scale-125 vue-feather group-hover-text-theme" />
|
|
<CloudPlusIcon v-if="source === 'cloud-plus'" class="scale-125 vue-feather group-hover-text-theme" />
|
|
</button>
|
|
</template>
|
|
|
|
<script>
|
|
import SortingIcon from './Icons/SortingIcon'
|
|
import CloudPlusIcon from './Icons/CloudPlusIcon'
|
|
import {
|
|
SearchIcon,
|
|
UserPlusIcon,
|
|
CornerDownRightIcon,
|
|
DownloadCloudIcon,
|
|
FolderPlusIcon,
|
|
CloudOffIcon,
|
|
PrinterIcon,
|
|
ZoomOutIcon,
|
|
ZoomInIcon,
|
|
Trash2Icon,
|
|
Edit2Icon,
|
|
GridIcon,
|
|
ListIcon,
|
|
InfoIcon,
|
|
LinkIcon,
|
|
XIcon,
|
|
} from 'vue-feather-icons'
|
|
import {mapGetters} from "vuex";
|
|
|
|
export default {
|
|
name: 'ToolbarButton',
|
|
props: ['source', 'action'],
|
|
computed: {
|
|
...mapGetters([
|
|
'isVisibleSidebar'
|
|
])
|
|
},
|
|
components: {
|
|
SearchIcon,
|
|
CloudPlusIcon,
|
|
UserPlusIcon,
|
|
SortingIcon,
|
|
CornerDownRightIcon,
|
|
DownloadCloudIcon,
|
|
FolderPlusIcon,
|
|
CloudOffIcon,
|
|
PrinterIcon,
|
|
ZoomOutIcon,
|
|
ZoomInIcon,
|
|
Trash2Icon,
|
|
Edit2Icon,
|
|
ListIcon,
|
|
GridIcon,
|
|
InfoIcon,
|
|
LinkIcon,
|
|
XIcon,
|
|
},
|
|
}
|
|
</script> |