update docs

Author: wu-clan

docs/.vuepress/components/PluginMarket.vue

@@ -110,6 +110,15 @@
                   />
                   <span>可用</span>
                 </label>
+                <label class="filter-badge" :class="{ active: selectedStatus === 'wip' }">
+                  <input
+                      type="radio"
+                      value="wip"
+                      v-model="selectedStatus"
+                      name="status"
+                  />
+                  <span>开发中</span>
+                </label>
                 <label class="filter-badge" :class="{ active: selectedStatus === 'expired' }">
                   <input
                       type="radio"
@@ -166,7 +175,7 @@
           <div
               v-for="(item, index) in filteredItems"
               :key="index"
-              :class="{ 'clickable': item.link, 'expired': item.expired }"
+              :class="{ 'clickable': item.link, 'expired': item.expired || item.wip }"
               class="plugin-card"
               @click="handleCardClick(item)"
           >
@@ -183,6 +192,9 @@
               <div v-if="item.expired" class="expired-overlay">
                 <span class="expired-text">已过期，不适用</span>
               </div>
+              <div v-if="item.wip" class="expired-overlay">
+                <span class="expired-text">正在开发中</span>
+              </div>
             </div>
             <div class="card-content">
               <div class="card-title-row">
@@ -208,7 +220,7 @@
                 />
               </div>
             </div>
-            <div v-if="item.expired" class="expired-overlay-card"></div>
+            <div v-if="item.expired || item.wip" class="expired-overlay-card"></div>
           </div>
         </div>
       </div>
@@ -230,6 +242,7 @@ export interface PluginItem {
   logo: string
   free?: boolean
   expired?: boolean
+  wip?: boolean
 }
 
 const props = withDefaults(
@@ -317,9 +330,11 @@ const baseFilteredItems = computed(() => {
   }
 
   if (selectedStatus.value === 'active') {
-    result = result.filter(item => !item.expired)
+    result = result.filter(item => !item.expired && !item.wip)
   } else if (selectedStatus.value === 'expired') {
     result = result.filter(item => item.expired)
+  } else if (selectedStatus.value === 'wip') {
+    result = result.filter(item => item.wip)
   }
 
   return result
@@ -481,18 +496,6 @@ const handleCardClick = (item: PluginItem) => {
   overflow: hidden;
 }
 
-.filter-content-enter-active,
-.filter-content-leave-active {
-  transition: all 0.3s ease;
-  max-height: 1000px;
-}
-
-.filter-content-enter-from,
-.filter-content-leave-to {
-  max-height: 0;
-  opacity: 0;
-}
-
 @media (max-width: 767px) {
   .filter-card.collapsed {
     margin-bottom: 0;

docs/.vuepress/data/plugin.ts

@@ -56,7 +56,7 @@ export const pluginItems: PluginItem[] = [
     {
         icon: "codicon:mcp",
         title: "MCP 服务器管理",
-        description: "提供了 MCP 服务器管理功能，并添加了可调用 MCP 的 AI 聊天接口",
+        description: "提供了 MCP 服务器管理功能，可配合 AI 插件食用",
         label: '官方',
         tags: ["MCP", "pgsql", "mysql", "后端"],
         link: "https://github.com/fastapi-practices/mcp",
@@ -65,7 +65,7 @@ export const pluginItems: PluginItem[] = [
     {
         icon: "ant-design:aliyun-outlined",
         title: "阿里云 oss",
-        description: "阿里云 oss 文件上传",
+        description: "阿里云 oss 对象存储",
         label: '官方',
         tags: ["pgsql", "mysql", "后端"],
         link: "https://github.com/fastapi-practices/aliyun_oss",
@@ -122,4 +122,24 @@ export const pluginItems: PluginItem[] = [
         image: "https://registry.npmmirror.com/@lobehub/icons-static-png/latest/files/dark/tencentcloud-color.png",
         logo: 'https://avatars.githubusercontent.com/u/67427627?v=4',
     },
+    {
+        icon: "carbon:ai-label",
+        title: "AI",
+        description: "为系统带来了 AI 赋能，是系统 AI 能力的基石",
+        label: '官方',
+        tags: ["AI", "pgsql", "mysql", "后端"],
+        link: "https://github.com/fastapi-practices/ai",
+        logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png',
+        wip: true,
+    },
+    {
+        icon: "logos:aws-s3",
+        title: "S3",
+        description: "提供兼容 S3 协议的对象存储能力",
+        label: '官方',
+        tags: ["S3", "pgsql", "mysql", "后端"],
+        link: "https://github.com/fastapi-practices/s3",
+        logo: 'https://wu-clan.github.io/picx-images-hosting/logo/fba.png',
+        wip: true,
+    },
 ]