perf: remove increase/decrease button in some number input

This commit is contained in:
Lykin 2024-01-03 16:55:41 +08:00
parent 36a8c38877
commit 37efe5e72a
4 changed files with 28 additions and 6 deletions

View File

@ -289,6 +289,7 @@ const onClose = () => {
v-model:value="generalForm.port" v-model:value="generalForm.port"
:max="65535" :max="65535"
:min="1" :min="1"
:show-button="false"
style="width: 200px" /> style="width: 200px" />
</n-form-item-gi> </n-form-item-gi>
<n-form-item-gi :label="$t('dialogue.connection.pwd')" :span="12" path="password"> <n-form-item-gi :label="$t('dialogue.connection.pwd')" :span="12" path="password">
@ -336,7 +337,12 @@ const onClose = () => {
:label="$t('dialogue.connection.advn.conn_timeout')" :label="$t('dialogue.connection.advn.conn_timeout')"
:span="12" :span="12"
path="connTimeout"> path="connTimeout">
<n-input-number v-model:value="generalForm.connTimeout" :max="999999" :min="1"> <n-input-number
v-model:value="generalForm.connTimeout"
:max="999999"
:min="1"
:show-button="false"
style="width: 100%">
<template #suffix> <template #suffix>
{{ $t('common.second') }} {{ $t('common.second') }}
</template> </template>
@ -346,7 +352,12 @@ const onClose = () => {
:label="$t('dialogue.connection.advn.exec_timeout')" :label="$t('dialogue.connection.advn.exec_timeout')"
:span="12" :span="12"
path="execTimeout"> path="execTimeout">
<n-input-number v-model:value="generalForm.execTimeout" :max="999999" :min="1"> <n-input-number
v-model:value="generalForm.execTimeout"
:max="999999"
:min="1"
:show-button="false"
style="width: 100%">
<template #suffix> <template #suffix>
{{ $t('common.second') }} {{ $t('common.second') }}
</template> </template>
@ -363,7 +374,11 @@ const onClose = () => {
</n-radio-group> </n-radio-group>
</n-form-item-gi> </n-form-item-gi>
<n-form-item-gi :label="$t('dialogue.connection.advn.load_size')" :span="12"> <n-form-item-gi :label="$t('dialogue.connection.advn.load_size')" :span="12">
<n-input-number v-model:value="generalForm.loadSize" :min="0" /> <n-input-number
v-model:value="generalForm.loadSize"
:min="0"
:show-button="false"
style="width: 100%" />
</n-form-item-gi> </n-form-item-gi>
<n-form-item-gi :label="$t('dialogue.connection.advn.dbfilter_type')" :span="24"> <n-form-item-gi :label="$t('dialogue.connection.advn.dbfilter_type')" :span="24">
<n-radio-group <n-radio-group
@ -470,6 +485,7 @@ const onClose = () => {
v-model:value="generalForm.ssh.port" v-model:value="generalForm.ssh.port"
:max="65535" :max="65535"
:min="1" :min="1"
:show-button="false"
style="width: 200px" /> style="width: 200px" />
</n-form-item> </n-form-item>
<n-form-item :label="$t('dialogue.connection.ssh.login_type')"> <n-form-item :label="$t('dialogue.connection.ssh.login_type')">

View File

@ -101,7 +101,11 @@ const onClose = () => {
<n-input-number v-model:value="prefStore.general.fontSize" :max="65535" :min="1" /> <n-input-number v-model:value="prefStore.general.fontSize" :max="65535" :min="1" />
</n-form-item-gi> </n-form-item-gi>
<n-form-item-gi :label="$t('preferences.general.scan_size')" :span="12"> <n-form-item-gi :label="$t('preferences.general.scan_size')" :span="12">
<n-input-number v-model:value="prefStore.general.scanSize" :min="1" /> <n-input-number
v-model:value="prefStore.general.scanSize"
:min="1"
:show-button="false"
style="width: 100%" />
</n-form-item-gi> </n-form-item-gi>
<n-form-item-gi :label="$t('preferences.general.key_icon_style')" :span="12"> <n-form-item-gi :label="$t('preferences.general.key_icon_style')" :span="12">
<n-select v-model:value="prefStore.general.keyIconStyle" :options="keyOptions" /> <n-select v-model:value="prefStore.general.keyIconStyle" :options="keyOptions" />
@ -128,13 +132,13 @@ const onClose = () => {
<n-tab-pane :tab="$t('preferences.editor.name')" display-directive="show" name="editor"> <n-tab-pane :tab="$t('preferences.editor.name')" display-directive="show" name="editor">
<n-form :disabled="loading" :model="prefStore.editor" :show-require-mark="false" label-placement="top"> <n-form :disabled="loading" :model="prefStore.editor" :show-require-mark="false" label-placement="top">
<n-grid :x-gap="10"> <n-grid :x-gap="10">
<n-form-item-gi :label="$t('preferences.general.font')" :span="24" required> <n-form-item-gi :label="$t('preferences.general.font')" :span="12" required>
<n-select <n-select
v-model:value="prefStore.editor.font" v-model:value="prefStore.editor.font"
:options="prefStore.fontOption" :options="prefStore.fontOption"
filterable /> filterable />
</n-form-item-gi> </n-form-item-gi>
<n-form-item-gi :label="$t('preferences.general.font_size')" :show-feedback="false" :span="24"> <n-form-item-gi :label="$t('preferences.general.font_size')" :show-feedback="false" :span="12">
<n-input-number v-model:value="prefStore.editor.fontSize" :max="65535" :min="1" /> <n-input-number v-model:value="prefStore.editor.fontSize" :max="65535" :min="1" />
</n-form-item-gi> </n-form-item-gi>
<n-form-item-gi :show-feedback="false" :span="24"> <n-form-item-gi :show-feedback="false" :span="24">

View File

@ -72,6 +72,7 @@ const onUpdate = () => {
<n-input-number <n-input-number
v-model:value="value.score" v-model:value="value.score"
:placeholder="$t('dialogue.field.enter_score')" :placeholder="$t('dialogue.field.enter_score')"
:show-button="false"
@update:value="onUpdate" /> @update:value="onUpdate" />
</template> </template>
<template #action="{ index, create, remove, move }"> <template #action="{ index, create, remove, move }">

View File

@ -52,6 +52,7 @@ defineExpose({
<n-input-number <n-input-number
v-model:value="value.score" v-model:value="value.score"
:placeholder="$t('dialogue.field.enter_score')" :placeholder="$t('dialogue.field.enter_score')"
:show-button="false"
@update:value="onUpdate" /> @update:value="onUpdate" />
</template> </template>
<template #action="{ index, create, remove, move }"> <template #action="{ index, create, remove, move }">