refactor: dialogs (#1216)

This commit is contained in:
pa
2025-04-18 20:11:07 +09:00
committed by GitHub
parent 30d54a74dd
commit ef7f33e131
34 changed files with 3227 additions and 2716 deletions

View File

@@ -0,0 +1,129 @@
<template>
<el-dialog
class="x-dialog"
:before-close="beforeDialogClose"
:visible="isLaunchOptionsDialogVisible"
:title="t('dialog.launch_options.header')"
width="600px"
@mousedown.native="dialogMouseDown"
@mouseup.native="dialogMouseUp"
@close="closeDialog">
<div style="font-size: 12px">
{{ t('dialog.launch_options.description') }} <br />
{{ t('dialog.launch_options.example') }} <el-tag size="mini">--fps=144</el-tag>
</div>
<el-input
v-model="launchOptionsDialog.launchArguments"
type="textarea"
size="mini"
show-word-limit
:autosize="{ minRows: 2, maxRows: 5 }"
placeholder=""
style="margin-top: 10px">
</el-input>
<div style="font-size: 12px; margin-top: 10px">
{{ t('dialog.launch_options.path_override') }}
</div>
<el-input
v-model="launchOptionsDialog.vrcLaunchPathOverride"
type="textarea"
placeholder="C:\\Program Files (x86)\\Steam\\steamapps\\common\\VRChat"
:rows="1"
style="display: block; margin-top: 10px">
</el-input>
<template #footer>
<div style="display: flex">
<el-button size="small" @click="openExternalLink('https://docs.vrchat.com/docs/launch-options')">
{{ t('dialog.launch_options.vrchat_docs') }}
</el-button>
<el-button
size="small"
@click="openExternalLink('https://docs.unity3d.com/Manual/CommandLineArguments.html')">
{{ t('dialog.launch_options.unity_manual') }}
</el-button>
<el-button type="primary" size="small" style="margin-left: auto" @click="updateLaunchOptions">
{{ t('dialog.launch_options.save') }}
</el-button>
</div>
</template>
</el-dialog>
</template>
<script setup>
import { ref, inject, getCurrentInstance } from 'vue';
import { useI18n } from 'vue-i18n-bridge';
import configRepository from '../../../service/config';
const beforeDialogClose = inject('beforeDialogClose');
const dialogMouseDown = inject('dialogMouseDown');
const dialogMouseUp = inject('dialogMouseUp');
const openExternalLink = inject('openExternalLink');
const { t } = useI18n();
const instance = getCurrentInstance();
const $message = instance.proxy.$message;
defineProps({
isLaunchOptionsDialogVisible: {
type: Boolean,
required: true
}
});
const emit = defineEmits(['update:isLaunchOptionsDialogVisible']);
const launchOptionsDialog = ref({
launchArguments: '',
vrcLaunchPathOverride: ''
});
function init() {
configRepository
.getString('launchArguments')
.then((launchArguments) => (launchOptionsDialog.value.launchArguments = launchArguments));
configRepository.getString('vrcLaunchPathOverride').then((vrcLaunchPathOverride) => {
if (vrcLaunchPathOverride === null || vrcLaunchPathOverride === 'null') {
launchOptionsDialog.value.vrcLaunchPathOverride = '';
configRepository.setString('vrcLaunchPathOverride', '');
} else {
launchOptionsDialog.value.vrcLaunchPathOverride = vrcLaunchPathOverride;
}
});
}
// created
init();
function updateLaunchOptions() {
const D = launchOptionsDialog.value;
D.launchArguments = String(D.launchArguments).replace(/\s+/g, ' ').trim();
configRepository.setString('launchArguments', D.launchArguments);
if (
D.vrcLaunchPathOverride &&
D.vrcLaunchPathOverride.endsWith('.exe') &&
!D.vrcLaunchPathOverride.endsWith('launch.exe')
) {
$message({
message: 'Invalid path, you must enter VRChat folder or launch.exe',
type: 'error'
});
return;
}
configRepository.setString('vrcLaunchPathOverride', D.vrcLaunchPathOverride);
$message({
message: 'Updated launch options',
type: 'success'
});
closeDialog();
}
function closeDialog() {
emit('update:isLaunchOptionsDialogVisible');
}
</script>