koishi-plugin-chat-patch 2.2.0 → 2.4.0

package/client/icons/activity.vue

@@ -1,9 +1,9 @@
-<template>
-  <svg class="k-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
-    <path d="M8 10.5H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-    <path d="M8 14H13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-    <path
-      d="M17 3.33782C15.5291 2.48697 13.8214 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5997 2.37562 15.1116 3.04346 16.4525C3.22094 16.8088 3.28001 17.2161 3.17712 17.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L6.39939 20.8229C6.78393 20.72 7.19121 20.7791 7.54753 20.9565C8.88837 21.6244 10.4003 22 12 22C17.5228 22 22 17.5228 22 12C22 10.1786 21.513 8.47087 20.6622 7"
-      stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-  </svg>
-</template>
+<template>
+  <svg class="k-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+    <path d="M8 10.5H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+    <path d="M8 14H13.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+    <path
+      d="M17 3.33782C15.5291 2.48697 13.8214 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5997 2.37562 15.1116 3.04346 16.4525C3.22094 16.8088 3.28001 17.2161 3.17712 17.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L6.39939 20.8229C6.78393 20.72 7.19121 20.7791 7.54753 20.9565C8.88837 21.6244 10.4003 22 12 22C17.5228 22 22 17.5228 22 12C22 10.1786 21.513 8.47087 20.6622 7"
+      stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+  </svg>
+</template>

package/client/icons/index.ts

@@ -1,4 +1,4 @@
-import { icons } from '@koishijs/client'
-import Activity from './activity.vue'
-
-icons.register('activity:chat', Activity)
+import { icons } from '@koishijs/client'
+import Activity from './activity.vue'
+
+icons.register('activity:chat', Activity)

package/client/index.scss

@@ -1,90 +1,90 @@
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --chat-bg: var(--k-page-bg);
-  --chat-panel-bg: var(--k-card-bg);
-  --chat-border: var(--k-border-color);
-  --chat-text: var(--k-text-color);
-  --chat-text-sub: var(--k-text-color-secondary);
-}
-
-.chat-patch-wrapper {
-  /* 完全隐藏滚动条 - 增强版 */
-  .mobile-scrollbar-fix {
-    /* 隐藏 Element Plus 滚动条组件 */
-    .el-scrollbar__bar {
-      display: none !important;
-      opacity: 0 !important;
-      width: 0 !important;
-      height: 0 !important;
-    }
-    
-    .el-scrollbar__thumb {
-      display: none !important;
-    }
-    
-    .el-scrollbar__wrap {
-      overflow-x: hidden !important;
-      
-      /* 隐藏原生滚动条 - 所有浏览器 */
-      scrollbar-width: none !important; /* Firefox */
-      -ms-overflow-style: none !important; /* IE/Edge */
-      
-      &::-webkit-scrollbar {
-        display: none !important; /* Chrome/Safari */
-        width: 0 !important;
-        height: 0 !important;
-        background: transparent !important;
-      }
-      
-      &::-webkit-scrollbar-track {
-        display: none !important;
-      }
-      
-      &::-webkit-scrollbar-thumb {
-        display: none !important;
-      }
-    }
-  }
-
-  color: var(--chat-text);
-  background-color: var(--chat-bg);
-  
-  .el-aside, .el-main, .el-header, .el-footer {
-    background-color: transparent !important;
-    color: inherit !important;
-  }
-
-  .el-scrollbar {
-    background-color: transparent !important;
-  }
-
-  .el-input__wrapper, .el-textarea__inner {
-    background-color: var(--k-input-bg) !important;
-    color: var(--chat-text) !important;
-    box-shadow: 0 0 0 1px var(--chat-border) inset !important;
-  }
-
-  .el-empty {
-    background-color: transparent !important;
-  }
-}
-
-.layout-iframe {
-    width: 100%;
-    height: 100%;
-    border: none;
-}
-
-.message-highlight {
-  animation: highlight-fade 1.5s ease-in-out;
-  border-radius: 8px;
-}
-
-@keyframes highlight-fade {
-  0% { background-color: transparent; }
-  10% { background-color: rgba(64, 158, 255, 0.4); filter: brightness(1.2); }
-  30% { background-color: rgba(64, 158, 255, 0.4); filter: brightness(1.2); }
-  100% { background-color: transparent; }
-}
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --chat-bg: var(--k-page-bg);
+  --chat-panel-bg: var(--k-card-bg);
+  --chat-border: var(--k-border-color);
+  --chat-text: var(--k-text-color);
+  --chat-text-sub: var(--k-text-color-secondary);
+}
+
+.chat-patch-wrapper {
+  /* 完全隐藏滚动条 - 增强版 */
+  .mobile-scrollbar-fix {
+    /* 隐藏 Element Plus 滚动条组件 */
+    .el-scrollbar__bar {
+      display: none !important;
+      opacity: 0 !important;
+      width: 0 !important;
+      height: 0 !important;
+    }
+
+    .el-scrollbar__thumb {
+      display: none !important;
+    }
+
+    .el-scrollbar__wrap {
+      overflow-x: hidden !important;
+
+      /* 隐藏原生滚动条 - 所有浏览器 */
+      scrollbar-width: none !important; /* Firefox */
+      -ms-overflow-style: none !important; /* IE/Edge */
+
+      &::-webkit-scrollbar {
+        display: none !important; /* Chrome/Safari */
+        width: 0 !important;
+        height: 0 !important;
+        background: transparent !important;
+      }
+
+      &::-webkit-scrollbar-track {
+        display: none !important;
+      }
+
+      &::-webkit-scrollbar-thumb {
+        display: none !important;
+      }
+    }
+  }
+
+  color: var(--chat-text);
+  background-color: var(--chat-bg);
+
+  .el-aside, .el-main, .el-header, .el-footer {
+    background-color: transparent !important;
+    color: inherit !important;
+  }
+
+  .el-scrollbar {
+    background-color: transparent !important;
+  }
+
+  .el-input__wrapper, .el-textarea__inner {
+    background-color: var(--k-input-bg) !important;
+    color: var(--chat-text) !important;
+    box-shadow: 0 0 0 1px var(--chat-border) inset !important;
+  }
+
+  .el-empty {
+    background-color: transparent !important;
+  }
+}
+
+.layout-iframe {
+    width: 100%;
+    height: 100%;
+    border: none;
+}
+
+.message-highlight {
+  animation: highlight-fade 1.5s ease-in-out;
+  border-radius: 8px;
+}
+
+@keyframes highlight-fade {
+  0% { background-color: transparent; }
+  10% { background-color: rgba(64, 158, 255, 0.4); filter: brightness(1.2); }
+  30% { background-color: rgba(64, 158, 255, 0.4); filter: brightness(1.2); }
+  100% { background-color: transparent; }
+}

package/client/index.ts

@@ -1,25 +1,25 @@
-
-import { defineComponent, h, resolveComponent } from 'vue'
-import { Context } from '@koishijs/client'
-import Chat from './vue/index.vue'
-// 不导入 Element Plus CSS，Koishi 已经包含了
-// import 'element-plus/dist/index.css'
-import './index.scss'
-import './icons'
-
-export default (ctx: Context) => {
-  ctx.page({
-    name: '聊天室',
-    path: '/chat-patch',
-    desc: "",
-    authority: 4,
-    icon: 'activity:chat',
-    component: defineComponent({
-      setup() {
-        return () => h(resolveComponent('k-layout'), {}, {
-          default: () => h(Chat)
-        })
-      },
-    }),
-  })
-}
+
+import { defineComponent, h, resolveComponent } from 'vue'
+import { Context } from '@koishijs/client'
+import Chat from './vue/index.vue'
+// 不导入 Element Plus CSS，Koishi 已经包含了
+// import 'element-plus/dist/index.css'
+import './index.scss'
+import './icons'
+
+export default (ctx: Context) => {
+  ctx.page({
+    name: '聊天室',
+    path: '/chat-patch',
+    desc: "",
+    authority: 4,
+    icon: 'activity:chat',
+    component: defineComponent({
+      setup() {
+        return () => h(resolveComponent('k-layout'), {}, {
+          default: () => h(Chat)
+        })
+      },
+    }),
+  })
+}

package/client/vue/composables/useChatActions.ts

@@ -58,4 +58,4 @@ export function useChatActions() {
     togglePinBot,
     togglePinChannel
   }
-}
+}

package/client/vue/composables/useChatData.ts

@@ -183,4 +183,4 @@ export function useChatData() {
     addMessage,
     loadHistory
   }
-}
+}

package/client/vue/composables/useImageCache.ts

@@ -137,4 +137,4 @@ export function useImageCache() {
     cacheImage,
     clearChannelCache
   }
-}
+}

package/client/vue/types.ts

@@ -70,4 +70,4 @@ export interface PluginConfig {
   }>
   chatContainerHeight: number
   clearIndexedDBOnStart: boolean
-}
+}