koishi-plugin-chat-patch 5.5.0 → 5.6.0

package/client/vue/index.vue

@@ -6,10 +6,12 @@
 
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref } from 'vue'
-import { send } from '@koishijs/client'
+import { send, useContext } from '@koishijs/client'
 
 const frameRef = ref<HTMLIFrameElement | null>(null)
 const frameSrc = ref('')
+const ctx = useContext()
+let disposeBackendEvent: (() => void) | undefined
 
 function getObject(value: unknown): Record<string, unknown> {
   return typeof value === 'object' && value !== null ? value as Record<string, unknown> : {}
@@ -57,11 +59,16 @@ async function handleMessage(event: MessageEvent) {
 
 onMounted(() => {
   window.addEventListener('message', handleMessage)
+  disposeBackendEvent = ctx.on('chat-patch/event', (payload) => {
+    post({ source: 'chat-patch-event', payload: getObject(payload) })
+  })
   // 开发与生产都走 Koishi 服务端；开发时该路由由 Koishi 自己的 Vite 转换源码
   frameSrc.value = '/chat-patch/web/'
 })
 
 onUnmounted(() => {
+  disposeBackendEvent?.()
+  disposeBackendEvent = undefined
   window.removeEventListener('message', handleMessage)
 })
 </script>

package/client/web/dist/assets/{Chat-DTEsebnY.css → Chat-BXVWj5Bd.css}

@@ -1 +1 @@
-.vue-recycle-scroller__resize-observer[data-v-08cc04ab]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:-1}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.grid-mode:not(.page-mode){overflow:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.search-view[data-v-317c0ff8]{background:transparent!important;padding:0 20px;margin-bottom:10px}.search-view>input[data-v-317c0ff8]{background:var(--color-card-1);border-radius:7px;padding:0 10px;height:35px;width:100%;border:0}div[name=成员][data-v-317c0ff8]{overflow:hidden}.member-scroller[data-v-317c0ff8]{flex:1;height:calc(100vh - 330px);min-height:210px}.member-item[data-v-317c0ff8]{transition:background .3s;margin:0 20px -10px;align-items:center;border-radius:7px;cursor:pointer;display:flex;padding:10px}.member-item[data-v-317c0ff8]:hover{background:var(--color-card-1)}.member-item>img[data-v-317c0ff8]{border-radius:100%;margin-right:10px;height:30px;width:30px}.member-item>div[data-v-317c0ff8]{overflow:hidden;align-items:center;display:flex;flex:1}.member-item>div>a[data-v-317c0ff8]{color:var(--color-font);white-space:nowrap;text-overflow:ellipsis;max-width:80%;overflow:hidden;cursor:pointer}.member-item>div>svg[data-v-317c0ff8]{color:var(--color-main);margin-left:5px;height:.8rem}.member-item>span[data-v-317c0ff8]{color:var(--color-font-2);transition:all .2s;opacity:1}.member-item.edit:hover>span[data-v-317c0ff8]{transform:translate(-10px);opacity:0}.member-item>svg[data-v-317c0ff8]{color:var(--color-font-2);transition:all .2s;margin-right:-25px;margin-left:10px;width:15px;opacity:0}.member-item>svg[data-v-317c0ff8]:hover{color:var(--color-main)}.member-item.edit:hover>svg[data-v-317c0ff8]{margin-right:5px;display:block;opacity:1}.info-copy[data-v-317c0ff8]{display:flex;align-items:center;gap:8px}.info-copy>span[data-v-317c0ff8]{flex:1;min-width:0}.info-copy>svg[data-v-317c0ff8]{color:var(--color-font-2);cursor:pointer}.info-copy>svg[data-v-317c0ff8]:hover{color:var(--color-main)}.tab-body{overflow:hidden!important;flex-direction:column;display:flex}.tab-body>div{overflow:scroll;flex:1}.tooltip-enter-active[data-v-28512f0d],.tooltip-leave-active[data-v-28512f0d]{transition:opacity .2s,transform .2s;transform-origin:bottom}.tooltip-enter-from[data-v-28512f0d],.tooltip-leave-to[data-v-28512f0d]{opacity:0;transform:translate(-50%,calc(-100% - .8rem)) scale(.5) scaleY(0)}.tooltip-enter-to[data-v-28512f0d],.tooltip-leave-from[data-v-28512f0d]{opacity:1;transform:translate(-50%,calc(-100% - .8rem)) scale(.5) scaleY(1)}.msglist-move[data-v-5a030688]{transition:all .3s}.msglist-enter-active[data-v-5a030688]{transition:all .4s}.msglist-leave-active[data-v-5a030688]{transition:all .2s}.msglist-enter-from[data-v-5a030688]{transform:translate(-50px);opacity:0}.msglist-leave-to[data-v-5a030688]{opacity:0}.msglist-move[data-v-8f8b9b74]{transition:all .3s}.msglist-enter-active[data-v-8f8b9b74]{transition:all .4s}.msglist-leave-active[data-v-8f8b9b74]{transition:all .2s}.msglist-enter-from[data-v-8f8b9b74]{transform:translate(-20px);opacity:0}.msglist-leave-to[data-v-8f8b9b74]{opacity:0}.pan-enter-active[data-v-8f8b9b74],.pan-leave-active[data-v-8f8b9b74]{transition:opacity .3s}.pan-enter-from[data-v-8f8b9b74]{transform:translate(20px);opacity:0}.pan-leave-to[data-v-8f8b9b74]{opacity:0}.more-detail[data-v-8f8b9b74]{position:relative}.more-detail.voice-menu-open[data-v-8f8b9b74]{overflow:visible}.voice-menu-wrap[data-v-8f8b9b74]{position:relative;width:50px;height:50px;margin:0 10px;cursor:pointer;border-radius:7px;background:var(--color-card-1)}.voice-menu-wrap>div[data-v-8f8b9b74]:first-child{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.voice-menu-wrap>div:first-child>svg[data-v-8f8b9b74]{color:var(--color-font-1);margin:15px;height:20px;width:20px}.voice-menu-wrap>div:first-child.active[data-v-8f8b9b74]{background:#f443361f}.voice-menu-wrap>div:first-child.active>svg[data-v-8f8b9b74]{color:#f44336}.voice-menu[data-v-8f8b9b74]{position:absolute;right:0;bottom:56px;z-index:20;min-width:120px;overflow:hidden;border-radius:8px;box-shadow:0 8px 24px #0000002e;background:var(--color-card, #fff)}.voice-menu>div[data-v-8f8b9b74]{padding:8px 14px;cursor:pointer;white-space:nowrap}.voice-menu>div[data-v-8f8b9b74]:hover{background:var(--color-hover-bg, rgba(0, 0, 0, .06))}.voice-pending[data-v-8f8b9b74]{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 12px;cursor:pointer;border-radius:6px;color:var(--color-main, #3b82f6);background:var(--color-active-bg, rgba(59, 130, 246, .08))}
+.vue-recycle-scroller__resize-observer[data-v-08cc04ab]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:-1}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.grid-mode:not(.page-mode){overflow:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.search-view[data-v-317c0ff8]{background:transparent!important;padding:0 20px;margin-bottom:10px}.search-view>input[data-v-317c0ff8]{background:var(--color-card-1);border-radius:7px;padding:0 10px;height:35px;width:100%;border:0}div[name=成员][data-v-317c0ff8]{overflow:hidden}.member-scroller[data-v-317c0ff8]{flex:1;height:calc(100vh - 330px);min-height:210px}.member-item[data-v-317c0ff8]{transition:background .3s;margin:0 20px -10px;align-items:center;border-radius:7px;cursor:pointer;display:flex;padding:10px}.member-item[data-v-317c0ff8]:hover{background:var(--color-card-1)}.member-item>img[data-v-317c0ff8]{border-radius:100%;margin-right:10px;height:30px;width:30px}.member-item>div[data-v-317c0ff8]{overflow:hidden;align-items:center;display:flex;flex:1}.member-item>div>a[data-v-317c0ff8]{color:var(--color-font);white-space:nowrap;text-overflow:ellipsis;max-width:80%;overflow:hidden;cursor:pointer}.member-item>div>svg[data-v-317c0ff8]{color:var(--color-main);margin-left:5px;height:.8rem}.member-item>span[data-v-317c0ff8]{color:var(--color-font-2);transition:all .2s;opacity:1}.member-item.edit:hover>span[data-v-317c0ff8]{transform:translate(-10px);opacity:0}.member-item>svg[data-v-317c0ff8]{color:var(--color-font-2);transition:all .2s;margin-right:-25px;margin-left:10px;width:15px;opacity:0}.member-item>svg[data-v-317c0ff8]:hover{color:var(--color-main)}.member-item.edit:hover>svg[data-v-317c0ff8]{margin-right:5px;display:block;opacity:1}.info-copy[data-v-317c0ff8]{display:flex;align-items:center;gap:8px}.info-copy>span[data-v-317c0ff8]{flex:1;min-width:0}.info-copy>svg[data-v-317c0ff8]{color:var(--color-font-2);cursor:pointer}.info-copy>svg[data-v-317c0ff8]:hover{color:var(--color-main)}.tab-body{overflow:hidden!important;flex-direction:column;display:flex}.tab-body>div{overflow:scroll;flex:1}.tooltip-enter-active[data-v-28512f0d],.tooltip-leave-active[data-v-28512f0d]{transition:opacity .2s,transform .2s;transform-origin:bottom}.tooltip-enter-from[data-v-28512f0d],.tooltip-leave-to[data-v-28512f0d]{opacity:0;transform:translate(-50%,calc(-100% - .8rem)) scale(.5) scaleY(0)}.tooltip-enter-to[data-v-28512f0d],.tooltip-leave-from[data-v-28512f0d]{opacity:1;transform:translate(-50%,calc(-100% - .8rem)) scale(.5) scaleY(1)}.msglist-move[data-v-5a030688]{transition:all .3s}.msglist-enter-active[data-v-5a030688]{transition:all .4s}.msglist-leave-active[data-v-5a030688]{transition:all .2s}.msglist-enter-from[data-v-5a030688]{transform:translate(-50px);opacity:0}.msglist-leave-to[data-v-5a030688]{opacity:0}.msglist-move[data-v-4d48a31a]{transition:all .3s}.msglist-enter-active[data-v-4d48a31a]{transition:all .4s}.msglist-leave-active[data-v-4d48a31a]{transition:all .2s}.msglist-enter-from[data-v-4d48a31a]{transform:translate(-20px);opacity:0}.msglist-leave-to[data-v-4d48a31a]{opacity:0}.pan-enter-active[data-v-4d48a31a],.pan-leave-active[data-v-4d48a31a]{transition:opacity .3s}.pan-enter-from[data-v-4d48a31a]{transform:translate(20px);opacity:0}.pan-leave-to[data-v-4d48a31a]{opacity:0}.more-detail[data-v-4d48a31a]{position:relative}.more-detail.voice-menu-open[data-v-4d48a31a]{overflow:visible}.voice-menu-wrap[data-v-4d48a31a]{position:relative;width:50px;height:50px;margin:0 10px;cursor:pointer;border-radius:7px;background:var(--color-card-1)}.voice-menu-wrap>div[data-v-4d48a31a]:first-child{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.voice-menu-wrap>div:first-child>svg[data-v-4d48a31a]{color:var(--color-font-1);margin:15px;height:20px;width:20px}.voice-menu-wrap>div:first-child.active[data-v-4d48a31a]{background:#f443361f}.voice-menu-wrap>div:first-child.active>svg[data-v-4d48a31a]{color:#f44336}.voice-menu[data-v-4d48a31a]{position:absolute;right:0;bottom:56px;z-index:20;min-width:120px;overflow:hidden;border-radius:8px;box-shadow:0 8px 24px #0000002e;background:var(--color-card, #fff)}.voice-menu>div[data-v-4d48a31a]{padding:8px 14px;cursor:pointer;white-space:nowrap}.voice-menu>div[data-v-4d48a31a]:hover{background:var(--color-hover-bg, rgba(0, 0, 0, .06))}.voice-pending[data-v-4d48a31a]{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 12px;cursor:pointer;border-radius:6px;color:var(--color-main, #3b82f6);background:var(--color-active-bg, rgba(59, 130, 246, .08))}