refactor(views): rename pages under views to *View

Author: MidnightCrowing

src/App.vue

@@ -13,8 +13,7 @@ import { addNewProjectsInWorker } from '~/services/projectScannerService'
 import { useProjectsStore } from '~/stores/projectsStore'
 import { useSettingsStore } from '~/stores/settingsStore'
 import { applyTheme } from '~/utils/theme'
-
-import Home from './views/Home/Home.vue'
+import Home from '~/views/HomeView/HomeView.vue'
 
 const projects = useProjectsStore()
 const settings = useSettingsStore()
@@ -23,8 +22,12 @@ const { locale } = useI18n()
 const activatedView: Ref<ViewEnum> = ref(ViewEnum.Home)
 const viewComponents: Record<ViewEnum, Component> = {
   [ViewEnum.Home]: Home,
-  [ViewEnum.NewProject]: defineAsyncComponent(() => import('./views/ProjectConfig/ProjectConfig.vue')),
-  [ViewEnum.Settings]: defineAsyncComponent(() => import('./views/Settings/Settings.vue')),
+  [ViewEnum.ProjectEditor]: defineAsyncComponent(
+    () => import('~/views/ProjectEditorView/ProjectEditorView.vue'),
+  ),
+  [ViewEnum.Settings]: defineAsyncComponent(
+    () => import('~/views/SettingsView/SettingsView.vue'),
+  ),
 }
 
 async function applyLanguage(lang: LanguageEnum) {
@@ -36,10 +39,7 @@ onMounted(async () => {
     // settings
     (async () => {
       await settings.loadSettings()
-      await Promise.all([
-        applyTheme(settings.theme),
-        applyLanguage(settings.language),
-      ])
+      await Promise.all([applyTheme(settings.theme), applyLanguage(settings.language)])
     })(),
 
     // projects
@@ -54,11 +54,7 @@ provide('activatedView', activatedView)
 </script>
 
 <template>
-  <JeFrame
-    size-full
-    flex="~ col"
-    caret="theme-text-caret" select-none
-  >
+  <JeFrame size-full flex="~ col" caret="theme-text-caret" select-none>
     <WindowHeader shrink-0 />
     <KeepAlive include="Home">
       <Component :is="viewComponents[activatedView]" grow />

src/components/NoIdePathDialog/NoIdePathDialog.vue

@@ -3,7 +3,7 @@ import { JeButton, JePopup } from 'jetv-ui'
 import { useI18n } from 'vue-i18n'
 
 import { SettingPageEnum, ViewEnum } from '~/constants/appEnums'
-import { activatedPage } from '~/views/Settings/SettingsProvider'
+import { activatedPage } from '~/views/SettingsView'
 
 import { hideNoIdePathDialog, isDialogVisible } from './NoIdePathDialogProvider'
 

src/components/NoIdePathDialog/index.ts

@@ -0,0 +1 @@
+export { showNoIdePathDialog } from './NoIdePathDialogProvider'

src/components/ProjectCard/LanguageButton.vue

@@ -28,7 +28,6 @@ function handleClick() {
     <JeTransparentButton
       class="lang-button"
       flex="~ items-center" gap="5px"
-      @mousedown.stop @mouseup.stop
     >
       <JeColorIcon type="circle" :custom-color="projectItem.mainLangColor ?? '#ccc'" />
       {{ projectItem.mainLang }}

src/components/ProjectCard/LicenseButton.vue

@@ -28,7 +28,6 @@ function handleClick(license: LicenseEnum) {
     <JeTransparentButton
       class="license-button"
       flex="~ items-center" gap="5px"
-      @mousedown.stop @mouseup.stop
     >
       <div
         size="13px"

src/components/ProjectCard/OpenButton.exposed.ts

@@ -0,0 +1,3 @@
+export interface OpenButtonExpose {
+  handleClick: () => void
+}

src/components/ProjectCard/ProjectCard.vue

@@ -13,6 +13,7 @@ import { initializeUpdateProjectState } from '~/views/ProjectEditorView'
 
 import LanguageButton from './LanguageButton.vue'
 import LicenseButton from './LicenseButton.vue'
+import type { OpenButtonExpose } from './OpenButton.exposed'
 import OpenButton from './OpenButton.vue'
 
 const props = defineProps<{
@@ -36,14 +37,14 @@ const projectExists = computed(() => projectItem.value.isExists)
 const { t } = useI18n()
 
 const projectCardRef = ref<HTMLDivElement | null>(null)
-const openButtonRef = ref<HTMLDivElement | null>(null)
-const projectCardActive = ref(false)
+const openButtonRef = ref<OpenButtonExpose | null>(null)
+const projectCardActive = ref<boolean>(false)
 const langGroup = ref(projectLangGroup.value)
 
-const formattedPath = ref('')
+const formattedPath = computed(() => window.api.formatPath(projectPath.value))
 
-async function formatPath(path: string) {
-  return window.api.formatPath(path)
+function handleClick() {
+  openButtonRef.value?.handleClick()
 }
 
 function handleDragStart(event: DragEvent) {
@@ -53,10 +54,6 @@ function handleDragStart(event: DragEvent) {
   }
 }
 
-function handleClick() {
-  openButtonRef.value?.handleClick()
-}
-
 watch(
   () => props.projectItem.langGroup,
   (newLangGroup, oldLangGroup) => {
@@ -67,10 +64,6 @@ watch(
   { deep: true },
 ) // 使用 deep 监听 langGroup 的内部变化
 
-onMounted(async () => {
-  formattedPath.value = await formatPath(projectPath.value)
-})
-
 // ==================== More Button ====================
 function getDeleteLabel() {
   if (!projectExists.value) {
@@ -141,8 +134,8 @@ function showMenu() {
     cursor-pointer
     tabindex="0"
     draggable="true"
-    @dragstart="handleDragStart"
     @click.self="handleClick"
+    @dragstart="handleDragStart"
   >
     <div
       :class="{ 'opacity-30': !projectExists }"
@@ -184,11 +177,7 @@ function showMenu() {
           text="secondary"
         >
           {{ projectKind === ProjectKind.FORK ? 'Forked from' : 'Cloned from' }}
-          <JeLink
-            v-if="projectFromUrl"
-            type="web"
-            :on-click="() => openLink(projectFromUrl)"
-          >
+          <JeLink v-if="projectFromUrl" type="web" :on-click="() => openLink(projectFromUrl)">
             {{ projectFromName || projectFromUrl }}
           </JeLink>
           <span v-else>{{ projectFromName }}</span>

src/components/RemoveProjectDialog/index.ts

@@ -0,0 +1 @@
+export { showRemoveDialog } from './RemoveProjectDialogProvider'

src/components/StateBar/index.ts

@@ -0,0 +1 @@
+export { clearState, setState } from './StateBarProvider'

src/constants/appEnums.ts

@@ -1,6 +1,6 @@
 export enum ViewEnum {
   Home = 'Home',
-  NewProject = 'NewProject',
+  ProjectEditor = 'ProjectEditor',
   Settings = 'Settings',
 }