MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-03 05:26:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

replace el-input-number with NumberField

Browse Source
This commit is contained in:
pa
2026-01-11 23:06:49 +09:00
committed by Natsumi
parent a3212da97b
commit 8b29ae9267
10 changed files with 224 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/Charts/components/MutualFriends.vue
+32 -16
View File
@@ -52,43 +52,58 @@
</p>
<el-form label-position="top" size="small" class="mutual-graph__force-form">
<el-form-item :label="t('view.charts.mutual_friend.force_dialog.repulsion')">
<el-input-number
<NumberField
v-model="forceForm.repulsion"
:precision="0"
:controls="false"
class="mutual-graph__number-input" />
:step="1"
:format-options="{ maximumFractionDigits: 0 }"
class="mutual-graph__number-input">
<NumberFieldContent>
<NumberFieldInput />
</NumberFieldContent>
</NumberField>
<div class="mutual-graph__helper">
{{ t('view.charts.mutual_friend.force_dialog.repulsion_help') }}
</div>
</el-form-item>
<el-form-item :label="t('view.charts.mutual_friend.force_dialog.edge_length_min')">
<el-input-number
<NumberField
v-model="forceForm.edgeLengthMin"
:precision="0"
:controls="false"
class="mutual-graph__number-input" />
:step="1"
:format-options="{ maximumFractionDigits: 0 }"
class="mutual-graph__number-input">
<NumberFieldContent>
<NumberFieldInput />
</NumberFieldContent>
</NumberField>
<div class="mutual-graph__helper">
{{ t('view.charts.mutual_friend.force_dialog.edge_length_min_help') }}
</div>
</el-form-item>
<el-form-item :label="t('view.charts.mutual_friend.force_dialog.edge_length_max')">
<el-input-number
<NumberField
v-model="forceForm.edgeLengthMax"
:precision="0"
:controls="false"
class="mutual-graph__number-input" />
:step="1"
:format-options="{ maximumFractionDigits: 0 }"
class="mutual-graph__number-input">
<NumberFieldContent>
<NumberFieldInput />
</NumberFieldContent>
</NumberField>
<div class="mutual-graph__helper">
{{ t('view.charts.mutual_friend.force_dialog.edge_length_max_help') }}
</div>
</el-form-item>
<el-form-item :label="t('view.charts.mutual_friend.force_dialog.gravity')">
<el-input-number
<NumberField
v-model="forceForm.gravity"
:max="1"
:step="0.1"
:precision="1"
:controls="false"
class="mutual-graph__number-input" />
:format-options="{ maximumFractionDigits: 1 }"
class="mutual-graph__number-input">
<NumberFieldContent>
<NumberFieldInput />
</NumberFieldContent>
</NumberField>
<div class="mutual-graph__helper">
{{ t('view.charts.mutual_friend.force_dialog.gravity_help') }}
</div>
@@ -111,6 +126,7 @@
<script setup>
import { computed, nextTick, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
import { NumberField, NumberFieldContent, NumberFieldInput } from '@/components/ui/number-field';
import { Button } from '@/components/ui/button';
import { ElMessageBox } from 'element-plus';
import { Settings } from 'lucide-vue-next';