From 588eaf9746482d18716c4f929a3150b560aa5a62 Mon Sep 17 00:00:00 2001
From: Elysia <a.elysia@proton.me>
Date: Sat, 31 Jan 2026 01:07:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E6=9C=AC=E5=9C=B0?=
 =?UTF-8?q?=E5=BA=94=E7=94=A8=E5=88=97=E8=A1=A8=EF=BC=8C=E5=8C=BA=E5=88=86?=
 =?UTF-8?q?=E4=BE=9D=E8=B5=96=E5=92=8C=E7=94=A8=E6=88=B7=E5=AE=89=E8=A3=85?=
 =?UTF-8?q?=E7=9A=84=E5=8C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                             |  2 +-
 src/components/InstalledAppsModal.vue | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 8e7fa807..7560372a 100644
--- a/README.md
+++ b/README.md
@@ -26,7 +26,7 @@
   - [x] 实现应用更新 
   - [x] 显示本地已安装app
   - [x] 支持显示本地是否已经安装
-  - [ ] 本地应用列表区分依赖和用户安装的包（或者干脆不显示依赖包）
+  - [x] 本地应用列表区分依赖和用户安装的包（或者干脆不显示依赖包）
   - [x] 安装/卸载时UI提示（重要）
 - [x] 实现应用搜索
   - [ ] 切换分类时默认不应用搜索，需按下回车键才应用搜索
diff --git a/src/components/InstalledAppsModal.vue b/src/components/InstalledAppsModal.vue
index 3adf8519..94b35dd1 100644
--- a/src/components/InstalledAppsModal.vue
+++ b/src/components/InstalledAppsModal.vue
@@ -42,12 +42,18 @@
             <div v-for="app in apps" :key="app.pkgname"
               class="flex flex-col gap-3 rounded-2xl border border-slate-200/70 bg-white/90 p-4 shadow-sm dark:border-slate-800/70 dark:bg-slate-900/70 sm:flex-row sm:items-center sm:justify-between">
               <div>
-                <p class="text-base font-semibold text-slate-900 dark:text-white">{{ app.pkgname }}</p>
+                <div class="flex items-center gap-2">
+                  <p class="text-base font-semibold text-slate-900 dark:text-white">{{ app.pkgname }}</p>
+                  <span v-if="app.flags && app.flags.includes('automatic')"
+                    class="rounded-md bg-rose-100 px-2 py-0.5 text-[11px] font-semibold text-rose-600 dark:bg-rose-500/20 dark:text-rose-400">
+                    依赖项
+                  </span>
+                </div>
                 <div class="mt-1 flex flex-wrap items-center gap-2 text-xs text-slate-500 dark:text-slate-400">
                   <span>{{ app.version }}</span>
                   <span>·</span>
                   <span>{{ app.arch }}</span>
-                  <template v-if="app.flags">
+                  <template v-if="app.flags && !app.flags.includes('automatic')">
                     <span>·</span>
                     <span>{{ app.flags }}</span>
                   </template>