|
|
|
|
@ -128,14 +128,31 @@ export default defineComponent({
|
|
|
|
|
defaultName() {
|
|
|
|
|
this.localDefaultName = this.defaultName || t('files', 'New folder')
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Ensure the input is focussed even if the dialog is already mounted but not open
|
|
|
|
|
*/
|
|
|
|
|
open() {
|
|
|
|
|
this.$nextTick(() => this.focusInput())
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
// on mounted lets use the unique name
|
|
|
|
|
this.localDefaultName = this.uniqueName
|
|
|
|
|
this.$nextTick(() => (this.$refs.input as unknown as ICanFocus)?.focus?.())
|
|
|
|
|
this.$nextTick(() => this.focusInput())
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
t,
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Focus the filename input field
|
|
|
|
|
*/
|
|
|
|
|
focusInput() {
|
|
|
|
|
if (this.open) {
|
|
|
|
|
this.$nextTick(() => (this.$refs.input as unknown as ICanFocus)?.focus?.())
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onCreate() {
|
|
|
|
|
this.$emit('close', this.localDefaultName)
|
|
|
|
|
},
|
|
|
|
|
|