koishi-plugin-chat-patch 3.0.2 → 5.0.0

package/client/web/src/function/model/img.ts

@@ -0,0 +1,150 @@
+/*
+ * @FileDescription: 图片节点
+ * @Author: Mr.Lee
+ * @Date: 2025/08/23
+ * @Version: 1.0
+ * @Description: 图片节点，主用给图片预览器使用
+ */
+
+import { backend } from '../../runtime/backend'
+import { shallowRef } from 'vue'
+
+export class Img {
+    _src: string
+    readonly _prev = shallowRef<Img | undefined>()
+    readonly _next = shallowRef<Img | undefined>()
+    constructor(src: string) {
+        this._src = src
+    }
+
+    get src(): string {
+        return backend.proxyUrl(this._src)
+    }
+
+
+    /**
+     * 根据 src 获取图片节点
+     *
+     * ** 此方法在大量图片时，性能较差，请谨慎使用 **
+     * @param src 图片地址
+     * @returns 图片节点
+     */
+    getBySrc(src: string): Img | undefined {
+        if (this._src === src || this.src === src) return this
+        if (this.next) return this.next.getBySrc(src)
+        return undefined
+    }
+
+    /**
+     * 删除图片
+     */
+    delete() {
+        if (this.prev) this.prev.next = this.next
+        if (this.next) this.next.prev = this.prev
+    }
+
+    /**
+     * 尾部添加图片
+     * @param other 其他图片
+     */
+    insertNext(other: Img) {
+        other.prev = this
+        other.next = this.next
+        this.next = other
+    }
+    /**
+     * 头部添加图片
+     * @param other 其他图片
+     */
+    insertPrev(other: Img) {
+        other.prev = this.prev
+        other.next = this
+        this.prev = other
+    }
+
+    /**
+     * 向后合并图片列表
+     * @param otherHead 其他图片列表
+     */
+    concatNext(otherHead: Img) {
+        if (otherHead.prev) throw new Error('otherHead.prev 不为空，不能合并，请使用 extendNext')
+        if (this.next) throw new Error('this.next 不为空，不能合并，请使用 extendNext')
+        this.next = otherHead
+        otherHead.prev = this
+    }
+    /**
+     * 向前合并图片列表
+     * @param otherTail 其他图片列表
+     */
+    concatPrev(otherTail: Img) {
+        if (otherTail.next) throw new Error('otherTail.next 不为空，不能合并，请使用 extendPrev')
+        if (this.prev) throw new Error('this.prev 不为空，不能合并，请使用 extendPrev')
+        this.prev = otherTail
+        otherTail.next = this
+    }
+
+    /**
+     * 向后插入图片列表
+     * @param other 其他图片列表
+     */
+    extendNext(other: Img) {
+        const next = other.next
+        this.insertNext(other)
+        if (next) other.extendNext(next)
+    }
+    /**
+     * 向前插入图片列表
+     * @param other 其他图片列表
+     */
+    extendPrev(other: Img) {
+        const prev = other.prev
+        this.insertPrev(other)
+        if (prev) other.extendPrev(prev)
+    }
+
+    get prev() {
+        return this._prev.value
+    }
+
+    get next() {
+        return this._next.value
+    }
+
+    set prev(img: Img | undefined) {
+        this._prev.value = img
+    }
+
+    set next(img: Img | undefined) {
+        this._next.value = img
+    }
+
+    /**
+     * 将链表内容转换为数组
+     * @returns 图片地址数组
+     */
+    toArray(): string[] {
+        const result: string[] = []
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        let cur: Img | undefined = this
+        while (cur) {
+            result.push(cur._src)
+            cur = cur.next
+        }
+        return result
+    }
+
+    /**
+     * 从 srcList 构建链表
+     */
+    static fromList(srcList: string[]): Img | undefined {
+        if (srcList.length === 0) return undefined
+        const head = new Img(srcList[0])
+        let cur = head
+        for (let i = 1; i < srcList.length; i++) {
+            const node = new Img(srcList[i])
+            cur.insertNext(node)
+            cur = node
+        }
+        return head
+    }
+}

package/client/web/src/function/model/msg-body.ts

@@ -0,0 +1,51 @@
+/*
+ * @FileDescription: MsgBody.vue 所使模块用的通用的消息显示相关
+ * @Author: Stapxs
+ * @Date: 2022/11/29
+ * @Version: 1.0
+ * @Description: 此模块抽离出了本来在 MsgBody.vue 中的一些较为通用的方法便于进行多 Bot 适配。
+ */
+
+import xss from 'xss'
+
+export class MsgBodyFuns {
+    /**
+     * 判断消息块是否需要行内显示
+     * @param typeName 消息类型
+     * @returns T / F
+     */
+    static isMsgInline(typeName: string) {
+        switch (typeName) {
+            case 'at':
+            case 'text':
+            case 'face':
+            case 'i18n':
+                return true
+            case 'bface':
+            case 'image':
+            case 'record':
+            case 'video':
+            case 'file':
+            case 'json':
+            case 'xml':
+                return false
+        }
+        return false
+    }
+
+    /**
+     * 处理纯文本消息（处理换行，转义字符并进行 xss 过滤便于高亮链接）
+     * @param { string } text 文本
+     * @returns 处理完成的文本
+     */
+    static parseText(text: string) {
+        // 把 r 转为 n
+        text = text.replaceAll('\r\n', '\n').replaceAll('\r', '\n')
+        // 还原转义字符
+        text = text.replace(/&([^;]+);/g, '&$1;')
+        // XSS 过滤
+        text = xss(text, { whiteList: { a: ['href', 'target'] } })
+        // 返回
+        return text
+    }
+}