From 37efe5e72a6a2f9306f48ea1d84a2bb003b25e86 Mon Sep 17 00:00:00 2001
From: Lykin <137850705+tiny-craft@users.noreply.github.com>
Date: Wed, 3 Jan 2024 16:55:41 +0800
Subject: [PATCH] perf: remove increase/decrease button in some number input

---
 .../components/dialogs/ConnectionDialog.vue   | 22 ++++++++++++++++---
 .../components/dialogs/PreferencesDialog.vue  | 10 ++++++---
 .../src/components/new_value/AddZSetValue.vue |  1 +
 .../src/components/new_value/NewZSetValue.vue |  1 +
 4 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/dialogs/ConnectionDialog.vue b/frontend/src/components/dialogs/ConnectionDialog.vue
index d6718ff..143d770 100644
--- a/frontend/src/components/dialogs/ConnectionDialog.vue
+++ b/frontend/src/components/dialogs/ConnectionDialog.vue
@@ -289,6 +289,7 @@ const onClose = () => {
                                     v-model:value="generalForm.port"
                                     :max="65535"
                                     :min="1"
+                                    :show-button="false"
                                     style="width: 200px" />
                             </n-form-item-gi>
                             <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')"
                                 :span="12"
                                 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>
                                         {{ $t('common.second') }}
                                     </template>
@@ -346,7 +352,12 @@ const onClose = () => {
                                 :label="$t('dialogue.connection.advn.exec_timeout')"
                                 :span="12"
                                 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>
                                         {{ $t('common.second') }}
                                     </template>
@@ -363,7 +374,11 @@ const onClose = () => {
                                 </n-radio-group>
                             </n-form-item-gi>
                             <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 :label="$t('dialogue.connection.advn.dbfilter_type')" :span="24">
                                 <n-radio-group
@@ -470,6 +485,7 @@ const onClose = () => {
                                 v-model:value="generalForm.ssh.port"
                                 :max="65535"
                                 :min="1"
+                                :show-button="false"
                                 style="width: 200px" />
                         </n-form-item>
                         <n-form-item :label="$t('dialogue.connection.ssh.login_type')">
diff --git a/frontend/src/components/dialogs/PreferencesDialog.vue b/frontend/src/components/dialogs/PreferencesDialog.vue
index ead3447..525064d 100644
--- a/frontend/src/components/dialogs/PreferencesDialog.vue
+++ b/frontend/src/components/dialogs/PreferencesDialog.vue
@@ -101,7 +101,11 @@ const onClose = () => {
                             <n-input-number v-model:value="prefStore.general.fontSize" :max="65535" :min="1" />
                         </n-form-item-gi>
                         <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 :label="$t('preferences.general.key_icon_style')" :span="12">
                             <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-form :disabled="loading" :model="prefStore.editor" :show-require-mark="false" label-placement="top">
                     <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
                                 v-model:value="prefStore.editor.font"
                                 :options="prefStore.fontOption"
                                 filterable />
                         </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-form-item-gi>
                         <n-form-item-gi :show-feedback="false" :span="24">
diff --git a/frontend/src/components/new_value/AddZSetValue.vue b/frontend/src/components/new_value/AddZSetValue.vue
index 6e77c14..8bb4304 100644
--- a/frontend/src/components/new_value/AddZSetValue.vue
+++ b/frontend/src/components/new_value/AddZSetValue.vue
@@ -72,6 +72,7 @@ const onUpdate = () => {
                 <n-input-number
                     v-model:value="value.score"
                     :placeholder="$t('dialogue.field.enter_score')"
+                    :show-button="false"
                     @update:value="onUpdate" />
             </template>
             <template #action="{ index, create, remove, move }">
diff --git a/frontend/src/components/new_value/NewZSetValue.vue b/frontend/src/components/new_value/NewZSetValue.vue
index 6a0a769..99326ee 100644
--- a/frontend/src/components/new_value/NewZSetValue.vue
+++ b/frontend/src/components/new_value/NewZSetValue.vue
@@ -52,6 +52,7 @@ defineExpose({
                 <n-input-number
                     v-model:value="value.score"
                     :placeholder="$t('dialogue.field.enter_score')"
+                    :show-button="false"
                     @update:value="onUpdate" />
             </template>
             <template #action="{ index, create, remove, move }">