koishi-plugin-media-luna 0.0.4 → 0.0.6

package/client/api.ts

@@ -11,9 +11,31 @@ import type {
   MiddlewareInfo,
   CardFieldsResponse,
   PaginatedResponse,
-  ApiResponse
+  ApiResponse,
+  SettingsPanelInfo,
+  PluginInfo,
+  GalleryItem,
+  GalleryResponse,
+  RecentImage,
+  CacheFileInfo,
+  CacheStats,
+  ExternalPluginInfo,
+  CurrentUser
 } from './types'
 
+// 重新导出类型，方便使用
+export type {
+  GalleryItem,
+  GalleryResponse,
+  RecentImage,
+  CacheFileInfo,
+  CacheStats,
+  SettingsPanelInfo,
+  PluginInfo,
+  ExternalPluginInfo,
+  CurrentUser
+}
+
 // 通用调用封装
 async function call<T>(event: keyof any, params?: any): Promise<T> {
   // @ts-ignore
@@ -65,28 +87,6 @@ export const taskApi = {
     call<PaginatedResponse<TaskData>>('media-luna/tasks/my', params)
 }
 
-// 画廊类型
-export interface GalleryItem {
-  id: number
-  prompt: string
-  images: string[]
-  createdAt: Date
-  channelId: number
-}
-
-export interface GalleryResponse {
-  items: GalleryItem[]
-  total: number
-  hasMore: boolean
-}
-
-export interface RecentImage {
-  taskId: number
-  url: string
-  prompt: string
-  createdAt: Date
-}
-
 // 画廊 API
 export const galleryApi = {
   /** 获取当前用户的生成画廊 */
@@ -133,25 +133,6 @@ export const generateApi = {
     call<{ channelName: string, connectorId: string, finalPrompt: string, parameters: any }>('media-luna/generate/preview', params)
 }
 
-// 缓存类型
-export interface CacheFileInfo {
-  id: string
-  url?: string  // 可访问的 URL
-  filename: string
-  mime: string
-  size: number
-  createdAt?: Date
-  accessedAt?: Date
-}
-
-export interface CacheStats {
-  totalFiles: number
-  totalSizeMB: number
-  maxSizeMB: number
-  oldestAccess: Date | null
-  newestAccess: Date | null
-}
-
 // 缓存 API
 export const cacheApi = {
   /** 上传文件到缓存 */
@@ -177,20 +158,6 @@ export const cacheApi = {
     call<void>('media-luna/cache/clear')
 }
 
-// 设置面板类型
-export interface SettingsPanelInfo {
-  id: string
-  name: string
-  icon: string
-  description?: string
-  order: number
-  type: 'builtin' | 'custom'
-  component?: string
-  configFields?: ConfigField[]
-  configKey?: string
-  config?: Record<string, any>
-}
-
 // 设置面板 API
 export const settingsApi = {
   /** 获取所有设置面板 */
@@ -207,35 +174,6 @@ export const settingsApi = {
     call<{ added: number, updated: number, removed: number }>('media-luna/presets/sync')
 }
 
-// 插件信息类型
-export interface PluginInfo {
-  id: string
-  name: string
-  description?: string
-  version?: string
-  enabled: boolean
-  configFields: ConfigField[]
-  config: Record<string, any>
-  actions: Array<{
-    name: string
-    label: string
-    type?: string
-    icon?: string
-    apiEvent: string
-  }>
-  middlewares: Array<{
-    name: string
-    displayName: string
-    phase: string
-    enabled: boolean
-  }>
-  connector?: {
-    id: string
-    name: string
-    supportedTypes: string[]
-  }
-}
-
 // 插件 API
 export const pluginApi = {
   /** 获取所有已加载插件 */
@@ -252,5 +190,17 @@ export const pluginApi = {
     call<void>('media-luna/plugins/enable', { id }),
   /** 禁用插件 */
   disable: (id: string) =>
-    call<void>('media-luna/plugins/disable', { id })
+    call<void>('media-luna/plugins/disable', { id }),
+
+  // ============ 外部插件管理 ============
+
+  /** 获取已加载的外部插件列表 */
+  externalList: () =>
+    call<ExternalPluginInfo[]>('media-luna/plugins/external/list'),
+  /** 添加外部插件 */
+  externalAdd: (moduleName: string) =>
+    call<void>('media-luna/plugins/external/add', { moduleName }),
+  /** 移除外部插件 */
+  externalRemove: (moduleName: string) =>
+    call<void>('media-luna/plugins/external/remove', { moduleName })
 }

package/client/components/ChannelsView.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="view-container">
-    <div class="view-header">
-      <div class="header-left">
-        <k-button solid type="primary" @click="openCreateDialog" class="create-btn">
+  <div class="ml-view-container">
+    <div class="ml-view-header">
+      <div class="ml-header-left">
+        <k-button solid type="primary" @click="openCreateDialog">
           <template #icon><k-icon name="add"></k-icon></template>
           新建渠道
         </k-button>
@@ -12,18 +12,18 @@
           :preset-tags="presetTags"
         />
       </div>
-      <div class="header-right">
+      <div class="ml-header-right">
         <ViewModeSwitch v-model="viewMode" />
       </div>
     </div>
 
-    <div class="view-content">
+    <div class="ml-view-content">
       <LoadingState v-if="loading" />
 
       <!-- 卡片视图 -->
-      <div v-else-if="viewMode === 'card'" class="channel-grid">
-        <div v-for="channel in filteredChannels" :key="channel.id" class="channel-card-wrapper">
-          <div class="channel-card" @click="openEditDialog(channel)">
+      <div v-else-if="viewMode === 'card'" class="ml-grid">
+        <div v-for="channel in filteredChannels" :key="channel.id">
+          <div class="ml-card ml-card--clickable" @click="openEditDialog(channel)">
             <div class="card-header">
               <div class="header-main">
                 <div class="channel-name">
@@ -60,12 +60,12 @@
             </div>
 
             <div class="card-footer" @click.stop>
-              <k-button size="mini" class="copy-btn" @click="copyChannel(channel)">
+              <k-button size="mini" class="ml-btn-outline-primary" @click="copyChannel(channel)">
                 <template #icon><k-icon name="copy"></k-icon></template>
                 复制
               </k-button>
               <div class="spacer"></div>
-              <k-button size="mini" class="delete-btn" @click="confirmDelete(channel)">
+              <k-button size="mini" class="ml-btn-outline-danger" @click="confirmDelete(channel)">
                  <template #icon><k-icon name="delete"></k-icon></template>
                  删除
               </k-button>
@@ -75,8 +75,8 @@
       </div>
 
       <!-- 列表视图 -->
-      <div v-else class="list-view">
-        <table class="channel-table">
+      <div v-else class="ml-table-container">
+        <table class="ml-table">
           <thead>
             <tr>
               <th class="col-name">名称</th>
@@ -91,7 +91,6 @@
             <tr
               v-for="channel in filteredChannels"
               :key="channel.id"
-              class="channel-row"
               @click="openEditDialog(channel)"
             >
               <td class="col-name">
@@ -118,11 +117,11 @@
               </td>
               <td class="col-actions" @click.stop>
                 <div class="action-btns">
-                  <k-button size="mini" class="copy-btn" @click="copyChannel(channel)">
+                  <k-button size="mini" class="ml-btn-outline-primary" @click="copyChannel(channel)">
                     <template #icon><k-icon name="copy"></k-icon></template>
                     复制
                   </k-button>
-                  <k-button size="mini" class="delete-btn" @click="confirmDelete(channel)">
+                  <k-button size="mini" class="ml-btn-outline-danger" @click="confirmDelete(channel)">
                     <template #icon><k-icon name="delete"></k-icon></template>
                     删除
                   </k-button>
@@ -348,62 +347,11 @@ onMounted(() => {
 </script>
 
 <style scoped>
-.view-container {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-}
+@import '../styles/shared.css';
 
-.view-header {
-  flex-shrink: 0;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 1rem;
-}
+/* ========== 渠道卡片特有样式 ========== */
 
-.header-left {
-  display: flex;
-  align-items: center;
-  gap: 1.5rem;
-  flex-wrap: wrap;
-}
-
-.view-content {
-  flex: 1 1 0;
-  min-height: 0;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 0.5rem 0;
-}
-
-.channel-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 1.5rem;
-  padding: 0.5rem;
-}
-
-.channel-card {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  border: 1px solid var(--k-color-border);
-  border-radius: 8px; /* Slightly tighter radius */
-  background-color: var(--k-card-bg);
-  position: relative;
-  overflow: hidden;
-}
-
-.channel-card:hover {
-  border-color: var(--k-color-active);
-  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.05); /* Modern subtle shadow */
-  transform: translateY(-1px);
-}
-
-/* Seamless Header Concept */
+/* 卡片内部布局 */
 .card-header {
   padding: 1rem 1.25rem 0.75rem;
   display: flex;
@@ -433,12 +381,6 @@ onMounted(() => {
   gap: 0.5rem;
 }
 
-.channel-id {
-  font-size: 0.8rem;
-  color: var(--k-color-text-description);
-  font-weight: normal;
-}
-
 .connector-badge {
   display: inline-flex;
   align-items: center;
@@ -507,18 +449,11 @@ onMounted(() => {
   font-size: 0.75rem;
   padding: 1px 6px;
   color: var(--k-color-text-description);
-  border: 1px solid var(--k-color-border); /* Outline style */
+  border: 1px solid var(--k-color-border);
   border-radius: 12px;
   background-color: transparent;
 }
 
-.no-tags {
-  color: var(--k-color-text-description);
-  font-size: 0.85rem;
-  font-style: italic;
-  opacity: 0.7;
-}
-
 .card-footer {
   padding: 0.75rem 1.25rem;
   border-top: 1px solid var(--k-color-border);
@@ -532,85 +467,17 @@ onMounted(() => {
   flex-grow: 1;
 }
 
-/* List View - Table Style */
-.list-view {
-  background-color: var(--k-card-bg);
-  border: 1px solid var(--k-color-border);
-  border-radius: 8px;
-  overflow: hidden;
-}
-
-.channel-table {
-  width: 100%;
-  border-collapse: collapse;
-  table-layout: fixed;
-}
-
-.channel-table thead {
-  background-color: var(--k-color-bg-2);
-}
-
-.channel-table th {
-  padding: 0.875rem 1rem;
-  font-size: 0.8rem;
-  font-weight: 600;
-  color: var(--k-color-text-description);
-  text-align: left;
-  border-bottom: 1px solid var(--k-color-border);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.channel-table .channel-row {
-  cursor: pointer;
-  transition: background-color 0.15s ease;
-}
-
-.channel-table .channel-row:hover {
-  background-color: var(--k-color-bg-1);
-}
-
-.channel-table .channel-row td {
-  padding: 0.75rem 1rem;
-  border-bottom: 1px solid var(--k-color-border);
-  vertical-align: middle;
-  text-align: left;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.channel-table .channel-row:last-child td {
-  border-bottom: none;
-}
+/* ========== 列表视图特有样式 ========== */
 
 /* 表格列宽定义 */
-.channel-table .col-name {
-  width: 20%;
-}
-
-.channel-table .col-connector {
-  width: 15%;
-}
-
-.channel-table .col-tags {
-  width: auto;
-}
-
-.channel-table .col-cost {
-  width: 12%;
-}
-
-.channel-table .col-status {
-  width: 8%;
-}
-
-.channel-table .col-actions {
-  width: 15%;
-}
-
-.channel-table .name-text {
+.col-name { width: 20%; }
+.col-connector { width: 15%; }
+.col-tags { width: auto; }
+.col-cost { width: 12%; }
+.col-status { width: 8%; }
+.col-actions { width: 15%; }
+
+.name-text {
   font-weight: 600;
   color: var(--k-color-text);
   display: block;
@@ -619,17 +486,6 @@ onMounted(() => {
   white-space: nowrap;
 }
 
-.channel-table .connector-badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.35rem;
-  padding: 2px 8px;
-  background-color: var(--k-color-bg-2);
-  border-radius: 4px;
-  font-size: 0.8rem;
-  color: var(--k-color-text-description);
-}
-
 .tags-wrapper {
   display: flex;
   flex-wrap: wrap;
@@ -659,40 +515,4 @@ onMounted(() => {
   display: flex;
   gap: 0.5rem;
 }
-
-.view-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 1.5rem;
-  padding: 0 0.5rem;
-}
-
-.header-right {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-}
-
-/* 复制按钮样式 */
-.copy-btn {
-  color: var(--k-color-active) !important;
-  border-color: var(--k-color-active) !important;
-}
-
-.copy-btn:hover {
-  background-color: var(--k-color-active) !important;
-  color: white !important;
-}
-
-/* 删除按钮样式 */
-.delete-btn {
-  color: var(--k-color-error, #f56c6c) !important;
-  border-color: var(--k-color-error, #f56c6c) !important;
-}
-
-.delete-btn:hover {
-  background-color: var(--k-color-error, #f56c6c) !important;
-  color: white !important;
-}
 </style>