feat: 文件操作也支持全部收起/展开; 常用配置默认改为展开

Author: xream

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.26.7",
+  "version": "2.26.8",
   "private": true,
   "packageManager": "pnpm@11.0.9",
   "scripts": {

src/locales/en.ts

@@ -571,6 +571,7 @@ export default {
       // },
       actions: {
         label: "Node Actions",
+        fileLabel: "File Actions",
         addAction: {
           title: "Add action",
           cancel: "Cancel",

src/locales/ru.ts

@@ -540,6 +540,7 @@ export default {
       },
       "actions": {
         "label": "Действия над узлами",
+        "fileLabel": "Действия с файлами",
         "addAction": {
           "title": "Добавить действие",
           "cancel": "Отмена",

src/locales/zh.ts

@@ -559,6 +559,7 @@ export default {
       // },
       actions: {
         label: '节点操作',
+        fileLabel: '文件操作',
         addAction: {
           title: '添加操作',
           cancel: '取消',

src/store/settings.ts

@@ -155,7 +155,7 @@ const normalizeEditorCommonDisplayMode = (
     return appearanceSetting.isEditorCommon ? "expanded" : "hidden";
   }
 
-  return "collapsed";
+  return "expanded";
 };
 
 const normalizeManualSubscriptionsDisplayMode = (
@@ -216,7 +216,7 @@ export const useSettingsStore = defineStore("settingsStore", {
         isShowIcon: true,
         isSimpleShowRemark: false,
         isEditorCommon: true,
-        editorCommonDisplayMode: "collapsed",
+        editorCommonDisplayMode: "expanded",
         manualSubscriptionsDisplayMode: "collapsed",
         editorGroupingMode: getCachedEditorGroupingMode() ?? "edit-only",
         isSimpleReicon: false,
@@ -413,7 +413,7 @@ export const useSettingsStore = defineStore("settingsStore", {
       const cachedHideShareTab = getCachedAppearanceBoolean(TAB_BAR3_CACHE_STORAGE_KEY, "istabBar3");
       const editorCommonDisplayMode = hasLocalEditorCommonSetting
         ? (isEditorCommon ? "expanded" : "hidden")
-        : "collapsed";
+        : "expanded";
       const editorGroupingMode = this.appearanceSetting.editorGroupingMode || "edit-only";
       const hasLocalLegacyAppearanceSetting = hasLocalAppearanceSetting();
       const shouldSyncEditorGroupingMode = this.hasCachedEditorGroupingMode

src/views/FileEditor.vue

@@ -450,7 +450,6 @@
         class="editor-tab-content editor-actions-content"
         :class="{
           'editor-tab-fixed-offset': editorTabsEnabled,
-          'file-actions-tab-offset': editorTabsEnabled,
         }"
       >
         <ActionBlock
@@ -1421,10 +1420,6 @@ const handleEditGlobalClick = () => {
   }
 }
 
-.file-actions-tab-offset {
-  padding-top: 45px;
-}
-
 .bottom-btn-wrapper {
   position: fixed;
   display: flex;

src/views/editor/ActionBlock.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="form-block-wrapper">
-    <div v-if="sourceType !== 'file'" class="sticky-title-wrapper actions-title-wrapper">
-      <p>{{ $t(`editorPage.subConfig.actions.label`) }}</p>
+    <div class="sticky-title-wrapper actions-title-wrapper">
+      <p>{{ $t(actionsTitleKey) }}</p>
       <font-awesome-icon
         v-if="isCollapsed"
         @click.stop="setCollapsed(false)"
@@ -14,7 +14,7 @@
         class="toggle fa-toggle"
         icon="fa-solid fa-toggle-off"
       />
-      <button @click="popActionsHelp">
+      <button v-if="sourceType !== 'file'" @click="popActionsHelp">
         <font-awesome-icon icon="fa-solid fa-circle-question" />
         {{ $t(`editorPage.subConfig.basic.nodeActionsHelp`) }}
       </button>
@@ -287,6 +287,11 @@ const FILE_ACTION_TYPES = [
 const isMihomoConfigFile = computed(
   () => sourceType === 'file' && isMihomoConfigFileType(form?.type),
 );
+const actionsTitleKey = computed(() =>
+  sourceType === 'file'
+    ? 'editorPage.subConfig.actions.fileLabel'
+    : 'editorPage.subConfig.actions.label',
+);
 
 const allItems = computed(() => Object.keys(i18nFile.editorPage.subConfig.nodeActions).map(type => {
   return {

src/views/settings/moreSetting.vue

@@ -237,7 +237,7 @@
   // const isEditing = ref(false);
   const isInit = ref(false);
   const subProgressStyleValue = ref(['hidden']);
-  const editorCommonDisplayModeValue = ref<EditorCommonDisplayMode[]>(['collapsed']);
+  const editorCommonDisplayModeValue = ref<EditorCommonDisplayMode[]>(['expanded']);
   const manualSubscriptionsDisplayModeValue = ref<EditorSectionFoldMode[]>(['collapsed']);
   const editorGroupingModeValue = ref<EditorGroupingMode[]>(['edit-only']);
 
@@ -275,10 +275,10 @@
     changeAppearanceSetting({ appearanceSetting: data });
   };
   const editorCommonDisplayModeName = computed(() => {
-    return t(`moreSettingPage.editorDisplayMode.${editorCommonDisplayModeValue.value[0] || 'collapsed'}`);
+    return t(`moreSettingPage.editorDisplayMode.${editorCommonDisplayModeValue.value[0] || 'expanded'}`);
   });
   const editorCommonDisplayModeConfirm = ({ selectedValue }) => {
-    const editorCommonDisplayMode = selectedValue[0] || 'collapsed';
+    const editorCommonDisplayMode = selectedValue[0] || 'expanded';
     const data = {
       ...appearanceSetting.value,
       editorCommonDisplayMode,
@@ -627,7 +627,7 @@
     awtabBar3.value = appearanceSetting.value.istabBar3 ?? false;
     hidePublicLinkActionButton.value = appearanceSetting.value.hidePublicLinkActionButton ?? false;
     subProgressStyleValue.value = [appearanceSetting.value.subProgressStyle];
-    editorCommonDisplayModeValue.value = [appearanceSetting.value.editorCommonDisplayMode || 'collapsed'];
+    editorCommonDisplayModeValue.value = [appearanceSetting.value.editorCommonDisplayMode || 'expanded'];
     manualSubscriptionsDisplayModeValue.value = [appearanceSetting.value.manualSubscriptionsDisplayMode || 'collapsed'];
     editorGroupingModeValue.value = [appearanceSetting.value.editorGroupingMode || 'edit-only'];
     // SimpleSwitch.value = isSimpleMode.value;