feat(ProjectCard): add opening state feedback

Author: MidnightCrowing

src/components/ProjectCard/OpenButton.vue

@@ -1,4 +1,8 @@
 <script lang="ts" setup>
+import { JeButton } from 'jetv-ui'
+import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+
 import { showNoIdePathDialog } from '~/components/NoIdePathDialog/NoIdePathDialogProvider'
 import type { CodeEditorEnum } from '~/constants/codeEditor'
 import { codeEditors } from '~/constants/codeEditor'
@@ -9,36 +13,48 @@ defineProps<{
   projectPath: string
 }>()
 
+const { t } = useI18n()
+
 const settings = useSettingsStore()
+const isOpening = ref(false)
 
 function handleClick(codeEditor: CodeEditorEnum, projectPath: string) {
+  if (isOpening.value)
+    return // 防止多次点击
+
   const idePath = settings.codeEditorsPath[codeEditor]
 
   if (!idePath) {
     showNoIdePathDialog()
+    return
   }
-  else {
-    window.api.openProject(idePath, projectPath)
-  }
+
+  isOpening.value = true
+  window.api.openProject(idePath, projectPath)
+
+  // 模拟反馈
+  setTimeout(() => {
+    isOpening.value = false
+  }, 2000)
 }
 </script>
 
 <template>
-  <button
-    font-sans text="13px" lh="26px" whitespace-nowrap
-    p="x-14px y-3px" b-0 rounded="4px"
-    light:bg="$blue-4 hover:$blue-3 active:$blue-2"
-    dark:bg="$blue-6 hover:$blue-5 active:$blue-4"
+  <div v-if="isOpening" text="default">
+    {{ t('project.opening') }}
+  </div>
+  <JeButton
+    v-else
+    class="group-hover/item:block"
+    type="primary"
+    hidden
+    :disabled="isOpening"
     @click="handleClick(defaultOpen, projectPath)"
     @mousedown.stop @mouseup.stop
   >
-    <span
-      flex="~ items-center" gap="5px"
-      color="$gray-12"
-    >
-      <!-- 使用 text-color 动态适配 -->
+    <span flex="~ items-center" gap="5px" color="$gray-12">
       <span :class="codeEditors[defaultOpen].icon" />
       <span>{{ codeEditors[defaultOpen].label }}</span>
     </span>
-  </button>
+  </JeButton>
 </template>

src/components/ProjectCard/ProjectCard.vue

@@ -206,10 +206,8 @@ function showMenu() {
     <div flex="~ row items-center" gap="10px">
       <OpenButton
         v-if="projectExists"
-        class="group-hover/item:block"
         :default-open="projectDefaultOpen"
         :project-path="projectPath"
-        hidden
       />
 
       <!-- More Button -->

src/locales/en.yml

@@ -77,6 +77,7 @@ license_pop:
   no_description_desc: Not has description
 project_card:
   temporary: Temporary
+  opening: Opening...
   open_in_explorer: Open in Explorer
   open_in_terminal: Open in Terminal
   edit: Edit
@@ -186,3 +187,5 @@ status:
     found_many: Found {count} new projects
     done: Scan completed
     error: Scan failed
+project:
+  opening: Opening...

src/locales/zh-CN.yml

@@ -10,7 +10,7 @@ license:
     network_use_is_distribution: 使用网络分发
     same_license: 使用相同协议
     same_license_library: 使用相同协议(library)
-    same_license_file: 使用相同协议(file)
+    same_license_file: 使用���同协议(file)
     state_changes: 声明变更
     liability: 承担责任
     trademark_use: 使用商标
@@ -69,6 +69,7 @@ license_pop:
   no_description_desc: 没有描述
 project_card:
   temporary: 临时
+  opening: 正在打开...
   open_in_explorer: 在资源管理器中打开
   open_in_terminal: 在终端中打开
   edit: 编辑
@@ -178,3 +179,5 @@ status:
     found_many: 已发现 {count} 个新项目
     done: 扫描完成
     error: 扫描失败
+project:
+  opening: 正在打开...