feat: add code folding toggle to preferences

backend/types/preferences.go

@@ -26,6 +26,7 @@ func NewPreferences() Preferences {
 		Editor: PreferencesEditor{
 			FontSize:    consts.DEFAULT_FONT_SIZE,
 			ShowLineNum: true,
+			ShowFolding: true,
 		},
 	}
 }
@@ -54,4 +55,5 @@ type PreferencesEditor struct {
 	Font        string `json:"font" yaml:"font,omitempty"`
 	FontSize    int    `json:"fontSize" yaml:"font_size"`
 	ShowLineNum bool   `json:"showLineNum" yaml:"show_line_num"`
+	ShowFolding bool   `json:"showFolding" yaml:"show_folding"`
 }

frontend/package.json.md5

@@ -1 +1 @@
-4f3d1a3f7ec34feb214a2f699649e44e
+c645c91528721588c620ff74fd475d09

frontend/src/components/content_value/ContentEditor.vue

@@ -22,6 +22,10 @@ const props = defineProps({
         type: Boolean,
         default: true,
     },
+    showFolding: {
+        type: Boolean,
+        default: true,
+    },
     border: {
         type: Boolean,
         default: false,
@@ -65,7 +69,7 @@ onMounted(async () => {
             accessibilitySupport: 'off',
             wordWrap: 'on',
             tabSize: 2,
-            folding: true,
+            folding: props.showFolding !== false,
             fontFamily,
             fontSize,
             scrollBeyondLastLine: false,

frontend/src/components/content_value/ContentEntryEditor.vue

@@ -179,6 +179,7 @@ const onSave = () => {
                         :content="displayValue"
                         :language="viewLanguage"
                         :show-line-num="prefStore.showLineNum"
+                        :show-folding="prefStore.showFolding"
                         class="flex-item-expand"
                         @input="onInput"
                         @reset="onInput"

frontend/src/components/content_value/ContentValueString.vue

@@ -211,6 +211,7 @@ defineExpose({
                 :language="viewLanguage"
                 :loading="props.loading"
                 :show-line-num="prefStore.showLineNum"
+                :show-folding="prefStore.showFolding"
                 class="flex-item-expand"
                 style="height: 100%"
                 @input="onInput"

frontend/src/components/dialogs/PreferencesDialog.vue

@@ -132,19 +132,28 @@ 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-form-item :label="$t('preferences.general.font')" required>
+                    <n-grid :x-gap="10">
-                        <n-select
+                        <n-form-item-gi :label="$t('preferences.general.font')" :span="24" required>
-                            v-model:value="prefStore.editor.font"
+                            <n-select
-                            :input-props="{ spellcheck: 'false' }"
+                                v-model:value="prefStore.editor.font"
-                            :options="prefStore.fontOption"
+                                :input-props="{ spellcheck: 'false' }"
-                            filterable />
+                                :options="prefStore.fontOption"
-                    </n-form-item>
+                                filterable />
-                    <n-form-item :label="$t('preferences.general.font_size')">
+                        </n-form-item-gi>
-                        <n-input-number v-model:value="prefStore.editor.fontSize" :max="65535" :min="1" />
+                        <n-form-item-gi :label="$t('preferences.general.font_size')" :show-feedback="false" :span="24">
-                    </n-form-item>
+                            <n-input-number v-model:value="prefStore.editor.fontSize" :max="65535" :min="1" />
-                    <n-checkbox v-model:checked="prefStore.editor.showLineNum">
+                        </n-form-item-gi>
-                        {{ $t('preferences.editor.show_linenum') }}
+                        <n-form-item-gi :show-feedback="false" :span="24">
-                    </n-checkbox>
+                            <n-checkbox v-model:checked="prefStore.editor.showLineNum">
+                                {{ $t('preferences.editor.show_linenum') }}
+                            </n-checkbox>
+                        </n-form-item-gi>
+                        <n-form-item-gi :show-feedback="false" :span="24">
+                            <n-checkbox v-model:checked="prefStore.editor.showFolding">
+                                {{ $t('preferences.editor.show_folding') }}
+                            </n-checkbox>
+                        </n-form-item-gi>
+                    </n-grid>
                 </n-form>
             </n-tab-pane>
         </n-tabs>

frontend/src/langs/en-us.json

@@ -48,7 +48,8 @@
     },
     "editor": {
       "name": "Editor",
-      "show_linenum": "Show Line Numbers"
+      "show_linenum": "Show Line Numbers",
+      "show_folding": "Enable Code Folding"
     }
   },
   "interface": {

frontend/src/langs/zh-cn.json

@@ -48,7 +48,8 @@
     },
     "editor": {
       "name": "编辑器",
-      "show_linenum": "显示行号"
+      "show_linenum": "显示行号",
+      "show_folding": "启用代码折叠"
     }
   },
   "interface": {

frontend/src/stores/preferences.js

@@ -55,6 +55,7 @@ const usePreferencesStore = defineStore('preferences', {
             font: '',
             fontSize: 14,
             showLineNum: true,
+            showFolding: true,
         },
         lastPref: {},
         fontList: [],
@@ -190,6 +191,10 @@ const usePreferencesStore = defineStore('preferences', {
             return get(this.editor, 'showLineNum', true)
         },
 
+        showFolding() {
+            return get(this.editor, 'showFolding', true)
+        },
+
         keyIconType() {
             return get(this.general, 'keyIconStyle', typesIconStyle.SHORT)
         },
@@ -215,6 +220,10 @@ const usePreferencesStore = defineStore('preferences', {
                 if (showLineNum === undefined) {
                     set(data, 'editor.showLineNum', true)
                 }
+                const showFolding = get(data, 'editor.showFolding')
+                if (showFolding === undefined) {
+                    set(data, 'editor.showFolding', true)
+                }
                 i18nGlobal.locale.value = this.currentLanguage
             }
         },