mirror of
https://github.com/enso-org/enso.git
synced 2024-12-18 11:41:38 +03:00
32 lines
875 B
Vue
32 lines
875 B
Vue
|
<script setup lang="ts">
|
||
|
|
import { ref } from 'vue'
|
||
|
|
import HstWrapper from './HstWrapper.vue'
|
||
|
|
|
||
|
|
const props = defineProps<{
|
||
|
|
title?: string | undefined
|
||
|
|
mode?: FileSystemPermissionMode | undefined
|
||
|
|
startIn?: WellKnownDirectory | FileSystemHandle | undefined
|
||
|
|
}>()
|
||
|
|
const emit = defineEmits<{ 'update:directory': [directory: FileSystemDirectoryHandle] }>()
|
||
|
|
|
||
|
|
const directory = ref<FileSystemDirectoryHandle>()
|
||
|
|
|
||
|
|
async function onClick() {
|
||
|
|
const handle = await showDirectoryPicker({ mode: props.mode ?? 'read', startIn: props.startIn })
|
||
|
|
directory.value = handle
|
||
|
|
emit('update:directory', handle)
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<HstWrapper
|
||
|
|
:title="props.title!"
|
||
|
|
class="histoire-file htw-cursor-pointer htw-items-center"
|
||
|
|
:class="$attrs.class"
|
||
|
|
:style="$attrs.style"
|
||
|
|
@click="onClick"
|
||
|
|
>
|
||
|
|
{{ directory?.name ?? 'No folder chosen' }}
|
||
|
|
</HstWrapper>
|
||
|
|
</template>
|