karin-plugin-kkk 1.0.2-commit.9070931 → 1.0.2-commit.ced194c

package/lib/apps/push.d.ts

@@ -3,4 +3,6 @@ export declare const bilibiliPush: false | import("node-karin").Task;
 export declare const forcePush: import("node-karin").Command<"message.group">;
 export declare const setdyPush: import("node-karin").Command<"message.group">;
 export declare const setbiliPush: import("node-karin").Command<"message.group">;
+export declare const bilibiliPushList: import("node-karin").Command<keyof import("node-karin").MessageEventMap>;
+export declare const douyinPushList: import("node-karin").Command<keyof import("node-karin").MessageEventMap>;
 export declare const changeBotID: import("node-karin").Command<keyof import("node-karin").MessageEventMap>;

package/lib/apps/push.js

@@ -24,21 +24,23 @@ export const forcePush = karin.command(/#(抖音|B站)(全部)?强制推送/, as
 }, { name: '𝑪𝒊𝒂𝒍𝒍𝒐～(∠・ω< )⌒★', perm: 'master', event: 'message.group' });
 export const setdyPush = karin.command(/^#设置抖音推送/, async (e) => {
     const data = await getDouyinData('搜索数据', Config.cookies.douyin, { query: e.msg.replace(/^#设置抖音推送/, '') });
-    await e.reply(await new DouYinpush(e).setting(data));
-    if (Config.douyin.push.switch === false)
-        await e.reply('请发送「#kkk设置抖音推送开启」以进行推送');
+    await new DouYinpush(e).setting(data);
     return true;
 }, { name: 'kkk-推送功能-设置', event: 'message.group', perm: Config.douyin.push.permission, dsbAdapter: ['qqbot'] });
 export const setbiliPush = karin.command(/^#设置[bB]站推送(?:[Uu][Ii][Dd]:)?(\d+)$/, async (e) => {
     const match = /^#设置[bB]站推送(?:UID:)?(\d+)$/.exec(e.msg);
     if (match && match[1]) {
         const data = await getBilibiliData('用户主页数据', Config.cookies.bilibili, { host_mid: match[1] });
-        await e.reply(await new Bilibilipush(e).setting(data));
-        if (Config.bilibili.push.switch === false)
-            await e.reply('请发送「#kkk设置B站推送开启」以进行推送');
+        await new Bilibilipush(e).setting(data);
     }
     return true;
 }, { name: 'kkk-推送功能-设置', event: 'message.group', perm: Config.bilibili.push.permission, dsbAdapter: ['qqbot'] });
+export const bilibiliPushList = karin.command(/^#?[bB]站推送列表$/, async (e) => {
+    await new Bilibilipush(e).renderPushList(Config.pushlist.bilibili);
+});
+export const douyinPushList = karin.command(/^#?抖音推送列表$/, async (e) => {
+    await new DouYinpush(e).renderPushList(Config.pushlist.douyin);
+});
 export const changeBotID = karin.command(/^#kkk设置推送机器人/, async (e) => {
     const newDouyinlist = Config.pushlist.douyin.map(item => {
         // 操作每个 group_id

package/lib/platform/bilibili/push.d.ts

@@ -1,5 +1,6 @@
 import { Message } from 'node-karin';
 import { AllDataType, Base, BilibiliDBType } from '../../module/index.js';
+import { bilibiliPushItem } from '../../types/config/pushlist.js';
 /** 已支持推送的动态类型 */
 export declare enum DynamicType {
     AV = "DYNAMIC_TYPE_AV",
@@ -50,7 +51,7 @@ export declare class Bilibilipush extends Base {
      * 根据配置文件获取UP当天的动态列表。
      * @returns
      */
-    getDynamicList(): Promise<{
+    getDynamicList(userList: bilibiliPushItem[]): Promise<{
         willbepushlist: WillBePushList;
         DBdata: Record<string, BilibiliDBType>;
     }>;
@@ -66,7 +67,7 @@ export declare class Bilibilipush extends Base {
      * @param data 包含 card 对象。
      * @returns 操作成功或失败的消息字符串。
      */
-    setting(data: any): Promise<string>;
+    setting(data: any): Promise<void>;
     /**
      * 检查并更新配置文件中指定用户的备注信息。
      * 该函数会遍历配置文件中的用户列表，对于没有备注或备注为空的用户，会从外部数据源获取其备注信息，并更新到配置文件中。
@@ -77,5 +78,12 @@ export declare class Bilibilipush extends Base {
      * @param data 处理完成的推送列表
      */
     forcepush(data: WillBePushList): Promise<void>;
+    /**
+     * 渲染推送列表图片
+     * @param pushList B站配置文件的推送列表
+     * @param host_mid 优先展示的UP主的UID
+     * @returns
+     */
+    renderPushList(pushList: bilibiliPushItem[], host_mid?: string): Promise<true | undefined>;
 }
 export {};

package/lib/platform/bilibili/push.js

@@ -36,7 +36,7 @@ export class Bilibilipush extends Base {
         if (await this.checkremark())
             return true;
         try {
-            const data = await this.getDynamicList();
+            const data = await this.getDynamicList(Config.pushlist.bilibili);
             const pushdata = this.excludeAlreadyPushed(data.willbepushlist, data.DBdata);
             if (Object.keys(pushdata).length === 0)
                 return true;
@@ -380,21 +380,11 @@ export class Bilibilipush extends Base {
      * 根据配置文件获取UP当天的动态列表。
      * @returns
      */
-    async getDynamicList() {
+    async getDynamicList(userList) {
         const willbepushlist = {};
         try {
-            for (const item of Config.pushlist.bilibili) {
+            for (const item of userList) {
                 const dynamic_list = await fetchBilibiliData('user_dynamic', { host_mid: item.host_mid });
-                const ALL_DBdata = await DB.FindAll('bilibili');
-                // 将数据库中的 group_id 转换为 Set，便于后续检查是否存在
-                const dbGroupIds = new Set(Object.keys(ALL_DBdata).map(groupIdStr => groupIdStr.split(':')[0]));
-                // 配置文件中的 group_id 转换为对象数组，每个对象包含群号和机器人账号
-                const configGroupIdObjs = item.group_id.map(groupIdStr => {
-                    const [groupId, robotId] = groupIdStr.split(':');
-                    return { groupId, robotId };
-                });
-                // 找出新添加的群组ID
-                const newGroupIds = configGroupIdObjs.filter(groupIdObj => !dbGroupIds.has(groupIdObj.groupId));
                 if (dynamic_list.data.items.length > 0) {
                     // 遍历接口返回的视频列表
                     for (const dynamic of dynamic_list.data.items) {
@@ -405,10 +395,10 @@ export class Bilibilipush extends Base {
                         const is_top = dynamic.modules.module_tag?.text === '置顶'; // 是否为置顶
                         let shouldPush = false; // 是否列入推送数组
                         // 条件判断，以下任何一项成立都将进行推送：如果是置顶且发布时间在一天内 || 如果是置顶作品且有新的群组且发布时间在一天内 || 如果有新的群组且发布时间在一天内
-                        logger.debug(`前期获取该动态基本信息：\n动态ID：${dynamic.id_str}\n发布时间：${Common.convertTimestampToDateTime(Number(createTime))}\n发布时间戳（s）：${createTime}\n时间差（ms）：${timeDifference}\n是否置顶：${is_top}\n是否有新群组：${newGroupIds.length > 0}\n是否在一天内：${timeDifference < 86400000 ? logger.green('true') : logger.red('false')}`);
-                        if ((is_top && timeDifference < 86400000) || (timeDifference < 86400000) || (newGroupIds.length > 0 && timeDifference < 86400000)) {
+                        logger.debug(`前期获取该动态基本信息：\n动态ID：${dynamic.id_str}\n发布时间：${Common.convertTimestampToDateTime(Number(createTime))}\n发布时间戳（s）：${createTime}\n时间差（ms）：${timeDifference}\n是否置顶：${is_top}\n是否在一天内：${timeDifference < 86400000 ? logger.green('true') : logger.red('false')}`);
+                        if ((is_top && timeDifference < 86400000) || (timeDifference < 86400000)) {
                             shouldPush = true;
-                            logger.debug(logger.green(`根据以上判断，shoulPush 为 true，将对该动态：https://t.bilibili.com/${dynamic.id_str}\n`));
+                            logger.debug(logger.green(`根据以上判断，shoulPush 为 true，将对该动态纳入当天推送列表：https://t.bilibili.com/${dynamic.id_str}\n`));
                         }
                         else
                             logger.debug(logger.yellow(`根据以上判断，shoulPush 为 false，跳过该动态：https://t.bilibili.com/${dynamic.id_str}\n`));
@@ -499,7 +489,6 @@ export class Bilibilipush extends Base {
      */
     async setting(data) {
         const groupInfo = await this.e.bot.getGroupInfo('groupId' in this.e && this.e.groupId ? this.e.groupId : '');
-        let msg;
         const host_mid = data.data.card.mid;
         const config = Config.pushlist; // 读取配置文件
         const group_id = 'groupId' in this.e && this.e.groupId ? this.e.groupId : '';
@@ -528,7 +517,7 @@ export class Bilibilipush extends Base {
                 // 如果已存在相同的 group_id，则删除它
                 existingItem.group_id.splice(groupIndexToRemove, 1);
                 logger.info(`\n删除成功！${data.data.card.name}\nUID：${host_mid}`);
-                msg = `群：${groupInfo.groupName}(${group_id})\n删除成功！${data.data.card.name}\nUID：${host_mid}`;
+                await this.e.reply(`群：${groupInfo.groupName}(${group_id})\n删除成功！${data.data.card.name}\nUID：${host_mid}`);
                 // 如果删除后 group_id 数组为空，则删除整个属性
                 if (existingItem.group_id.length === 0) {
                     const index = config.bilibili.indexOf(existingItem);
@@ -542,8 +531,12 @@ export class Bilibilipush extends Base {
                 }
                 // 否则，将新的 group_id 添加到该 host_mid 对应的数组中
                 existingItem.group_id.push(`${group_id}:${this.e.selfId}`);
-                msg = `群：${groupInfo.groupName}(${group_id})\n添加成功！${data.data.card.name}\nUID：${host_mid}`;
+                await this.e.reply(`群：${groupInfo.groupName}(${group_id})\n添加成功！${data.data.card.name}\nUID：${host_mid}`);
+                if (Config.bilibili.push.switch === false)
+                    await this.e.reply('请发送「#kkk设置B站推送开启」以进行推送');
                 logger.info(`\n设置成功！${data.data.card.name}\nUID：${host_mid}`);
+                // 渲染状态图片
+                await this.renderPushList(config.bilibili, host_mid);
             }
         }
         else {
@@ -553,11 +546,14 @@ export class Bilibilipush extends Base {
             }
             // 不存在相同的 host_mid，新增一个配置项
             config.bilibili.push({ host_mid, group_id: [`${group_id}:${this.e.selfId}`], remark: data.data.card.name });
-            msg = `群：${groupInfo.groupName}(${group_id})\n添加成功！${data.data.card.name}\nUID：${host_mid}`;
+            await this.e.reply(`群：${groupInfo.groupName}(${group_id})\n添加成功！${data.data.card.name}\nUID：${host_mid}`);
+            if (Config.bilibili.push.switch === false)
+                await this.e.reply('请发送「#kkk设置B站推送开启」以进行推送');
+            // 渲染状态图片
+            await this.renderPushList(config.bilibili, host_mid);
         }
         // 更新配置文件
         Config.Modify('pushlist', 'bilibili', config.bilibili);
-        return msg;
     }
     /**
      * 检查并更新配置文件中指定用户的备注信息。
@@ -606,6 +602,41 @@ export class Bilibilipush extends Base {
         }
         await this.getdata(data);
     }
+    /**
+     * 渲染推送列表图片
+     * @param pushList B站配置文件的推送列表
+     * @param host_mid 优先展示的UP主的UID
+     * @returns
+     */
+    async renderPushList(pushList, host_mid) {
+        const groupInfo = await this.e.bot.getGroupInfo('groupId' in this.e && this.e.groupId ? this.e.groupId : '');
+        const filteredList = pushList.filter(item => item.group_id.some(group => group.split(':')[0] === groupInfo.groupId));
+        if (filteredList.length === 0) {
+            await this.e.reply(`当前群：${groupInfo.groupName}(${groupInfo.groupId})\n没有设置任何B站UP推送！\n可使用「#设置B站推送 + UP主UID」进行设置`);
+            return true;
+        }
+        /** 用户的今日动态列表 */
+        const DynamicList = await this.getDynamicList(filteredList);
+        const renderOpt = [];
+        for (const dynamic_id in removeDuplicateHostMid(DynamicList.willbepushlist)) {
+            const item = DynamicList.willbepushlist[dynamic_id];
+            const userInfo = await getBilibiliData('用户主页数据', Config.cookies.bilibili, { host_mid: item.host_mid });
+            renderOpt.push({
+                avatar_img: userInfo.data.card.face,
+                username: userInfo.data.card.name,
+                host_mid,
+                fans: this.count(userInfo.data.follower),
+                total_favorited: this.count(userInfo.data.like_num),
+                following_count: this.count(userInfo.data.card.attention),
+                willPushNum: 999
+            });
+        }
+        // 将此次设置推送的用户排序到首位
+        if (host_mid)
+            renderOpt.sort((a, b) => (a.host_mid === host_mid ? -1 : b.host_mid === host_mid ? 1 : 0));
+        const img = await Render('bilibili/userlist', { renderOpt });
+        await this.e.reply(img);
+    }
 }
 /**
  * 将换行符替换为HTML的<br>标签。
@@ -649,13 +680,13 @@ function extractEmojisData(data) {
  * @returns
  */
 const skipDynamic = (Dynamic_Data) => {
-    for (const banWord of Config.douyin.push.banWords) {
+    for (const banWord of Config.bilibili.push.banWords) {
         if (Dynamic_Data.modules.module_dynamic.major?.archive?.title.includes(banWord) || Dynamic_Data.modules.module_dynamic.desc?.text?.includes(banWord)) {
             logger.mark(`动态：${logger.green(`https://t.bilibili.com/${Dynamic_Data.id_str}`)} 包含屏蔽词：「${logger.red(banWord)}」，跳过推送`);
             return true;
         }
     }
-    if (Dynamic_Data.type === 'DYNAMIC_TYPE_DRAW') {
+    if (Dynamic_Data.type === DynamicType.DRAW || Dynamic_Data.type === DynamicType.FORWARD) {
         for (const banTag of Config.bilibili.push.banTags) {
             for (const tag of Dynamic_Data.modules.module_dynamic.desc.rich_text_nodes) {
                 if (tag.orig_text.includes(banTag)) {
@@ -667,3 +698,15 @@ const skipDynamic = (Dynamic_Data) => {
     }
     return false;
 };
+const removeDuplicateHostMid = (willBePushList) => {
+    const result = {};
+    const seenHostMids = new Set();
+    for (const key in willBePushList) {
+        const item = willBePushList[key];
+        if (!seenHostMids.has(item.host_mid)) {
+            result[key] = item;
+            seenHostMids.add(item.host_mid);
+        }
+    }
+    return result;
+};

package/lib/platform/douyin/push.d.ts

@@ -1,5 +1,6 @@
 import { Message } from 'node-karin';
 import { AllDataType, Base, DouyinDBType } from '../../module/index.js';
+import { douyinPushItem } from '../../types/config/pushlist.js';
 /** 每个推送项的类型定义 */
 interface PushItem {
     /** 博主的昵称 */
@@ -44,7 +45,7 @@ export declare class DouYinpush extends Base {
      * 根据配置文件获取UP当天的动态列表。
      * @returns
      */
-    getDynamicList(): Promise<{
+    getDynamicList(userList: douyinPushItem[]): Promise<{
         willbepushlist: WillBePushList;
         DBdata: Record<string, DouyinDBType>;
     }>;
@@ -67,6 +68,7 @@ export declare class DouYinpush extends Base {
      * @param data 抖音的搜索结果数据。需要接口返回的原始数据
      * @returns 操作成功或失败的消息字符串。
      */
-    setting(data: any): Promise<string>;
+    setting(data: any): Promise<void>;
+    renderPushList(pushList: douyinPushItem[], short_id?: string): Promise<true | undefined>;
 }
 export {};

package/lib/platform/douyin/push.js

@@ -25,7 +25,7 @@ export class DouYinpush extends Base {
         if (await this.checkremark())
             return true;
         try {
-            const data = await this.getDynamicList();
+            const data = await this.getDynamicList(Config.pushlist.douyin);
             const pushdata = this.excludeAlreadyPushed(data.willbepushlist, data.DBdata);
             if (Object.keys(pushdata).length === 0)
                 return true;
@@ -227,11 +227,11 @@ export class DouYinpush extends Base {
      * 根据配置文件获取UP当天的动态列表。
      * @returns
      */
-    async getDynamicList() {
+    async getDynamicList(userList) {
         const willbepushlist = {};
         const DBdata = await DB.FindAll('douyin');
         try {
-            for (const item of Config.pushlist.douyin) {
+            for (const item of userList) {
                 const videolist = await getDouyinData('用户主页视频列表数据', Config.cookies.douyin, { sec_uid: item.sec_uid });
                 const userinfo = await getDouyinData('用户主页数据', Config.cookies.douyin, { sec_uid: item.sec_uid });
                 if (videolist.aweme_list.length > 0) {
@@ -477,7 +477,7 @@ export class DouYinpush extends Base {
                     // 如果存在相同的 group_id，则删除它
                     existingItem.group_id.splice(groupIndexToRemove, 1);
                     logger.info(`\n删除成功！${UserInfoData.user.nickname}\n抖音号：${user_shortid}\nsec_uid${UserInfoData.user.sec_uid}`);
-                    msg = `群：${groupInfo.groupName}(${group_id})\n删除成功！${UserInfoData.user.nickname}\n抖音号：${user_shortid}`;
+                    await this.e.reply(`群：${groupInfo.groupName}(${group_id})\n删除成功！${UserInfoData.user.nickname}\n抖音号：${user_shortid}`);
                     // 如果删除后 group_id 数组为空，则删除整个属性
                     if (existingItem.group_id.length === 0) {
                         const index = config.douyin.indexOf(existingItem);
@@ -491,8 +491,12 @@ export class DouYinpush extends Base {
                     }
                     // 否则，将新的 group_id 添加到该 sec_uid 对应的数组中
                     existingItem.group_id.push(`${group_id}:${this.e.selfId}`);
-                    msg = `群：${groupInfo.groupName}(${group_id})\n添加成功！${UserInfoData.user.nickname}\n抖音号：${user_shortid}`;
+                    await this.e.reply(`群：${groupInfo.groupName}(${group_id})\n添加成功！${UserInfoData.user.nickname}\n抖音号：${user_shortid}`);
+                    if (Config.douyin.push.switch === false)
+                        await this.e.reply('请发送「#kkk设置B站推送开启」以进行推送');
                     logger.info(`\n设置成功！${UserInfoData.user.nickname}\n抖音号：${user_shortid}\nsec_uid${UserInfoData.user.sec_uid}`);
+                    // 渲染状态图片
+                    await this.renderPushList(config.douyin, user_shortid);
                 }
             }
             else {
@@ -502,16 +506,47 @@ export class DouYinpush extends Base {
                 }
                 // 如果不存在相同的 sec_uid，则新增一个属性
                 config.douyin.push({ sec_uid, group_id: [`${group_id}:${this.e.selfId}`], remark: UserInfoData.user.nickname, short_id: user_shortid });
-                msg = `群：${groupInfo.groupName}(${group_id})\n添加成功！${UserInfoData.user.nickname}\n抖音号：${user_shortid}`;
+                await this.e.reply(`群：${groupInfo.groupName}(${group_id})\n添加成功！${UserInfoData.user.nickname}\n抖音号：${user_shortid}`);
+                if (Config.douyin.push.switch === false)
+                    await this.e.reply('请发送「#kkk设置B站推送开启」以进行推送');
+                // 渲染状态图片
+                await this.renderPushList(config.douyin, user_shortid);
             }
             Config.Modify('pushlist', 'douyin', config.douyin);
-            return msg;
         }
         catch (error) {
             logger.error(error);
-            return '无法获取用户信息，请确认抖音号是否正确';
         }
     }
+    async renderPushList(pushList, short_id) {
+        const groupInfo = await this.e.bot.getGroupInfo('groupId' in this.e && this.e.groupId ? this.e.groupId : '');
+        const filteredList = pushList.filter(item => item.group_id.some(group => group.split(':')[0] === groupInfo.groupId));
+        if (filteredList.length === 0) {
+            await this.e.reply(`当前群：${groupInfo.groupName}(${groupInfo.groupId})\n没有设置任何抖音博主推送！\n可使用「#设置抖音推送 + 抖音号」进行设置`);
+            return true;
+        }
+        /** 用户的今日动态列表 */
+        const DynamicList = await this.getDynamicList(filteredList);
+        const renderOpt = [];
+        for (const dynamic_id in removeDuplicateHostMid(DynamicList.willbepushlist)) {
+            const item = DynamicList.willbepushlist[dynamic_id];
+            const userInfo = await getDouyinData('用户主页数据', Config.cookies.douyin, { sec_uid: item.sec_uid });
+            renderOpt.push({
+                avatar_img: userInfo.user.avatar_larger.url_list[0],
+                username: userInfo.user.nickname,
+                short_id: userInfo.user.unique_id === '' ? userInfo.user.short_id : userInfo.user.unique_id,
+                fans: this.count(userInfo.user.follower_count),
+                total_favorited: this.count(userInfo.user.total_favorited),
+                following_count: this.count(userInfo.user.following_count),
+                willPushNum: 999
+            });
+        }
+        // 将此次设置推送的用户排序到首位
+        if (short_id)
+            renderOpt.sort((a, b) => (a.short_id === short_id ? -1 : b.short_id === short_id ? 1 : 0));
+        const img = await Render('douyin/userlist', { renderOpt });
+        await this.e.reply(img);
+    }
 }
 /**
  * 判断标题是否有屏蔽词或屏蔽标签
@@ -596,3 +631,15 @@ const findMatchingSecUid = (DBdata, secUidToCheck) => {
     }
     return '';
 };
+const removeDuplicateHostMid = (willBePushList) => {
+    const result = {};
+    const seenHostMids = new Set();
+    for (const key in willBePushList) {
+        const item = willBePushList[key];
+        if (!seenHostMids.has(item.sec_uid)) {
+            result[key] = item;
+            seenHostMids.add(item.sec_uid);
+        }
+    }
+    return result;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "karin-plugin-kkk",
-  "version": "1.0.2-commit.9070931",
+  "version": "1.0.2-commit.ced194c",
   "description": "a Karin video parsing tool",
   "keywords": [
     "karin-plugin",
@@ -45,7 +45,7 @@
     "log": "karin log",
     "up": "karin up",
     "init": "karin init",
-    "dev": "karin dev",
+    "dev": "tsx watch --include \"./src/**/*\"  node_modules/node-karin/dist/index.js",
     "ts": "karin ts",
     "watch": "karin watch"
   },

package/resources/template/bilibili/css/userlist.css

@@ -0,0 +1,77 @@
+body.light-mode {
+  --background-color: #fff;
+  --text-color: #000;
+  --shadow-color: rgba(0, 0, 0, 0.3);
+}
+
+
+body.dark-mode {
+  --background-color: #4d4d4d;
+  --text-color: #ededed;
+  --shadow-color: rgb(6 6 6);
+}
+
+.user-list {
+  display: flex;
+  list-style-type: none;
+  padding: 0;
+  align-items: center;
+  flex-direction: column-reverse;
+}
+
+.user-item {
+  display: flex;
+  width: 90%;
+  align-items: center;
+  background-color: var(--background-color);
+  padding: 35px 45px;
+  border-radius: 25px;
+  box-shadow: 0 4px 20px 0px var(--shadow-color);
+}
+
+.user-avatar {
+  width: 150px;
+  height: 150px;
+  border-radius: 50%;
+  margin-right: 50px;
+}
+
+.user-info {
+  flex-grow: 1;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.user-details {
+  display: flex;
+  flex-direction: column;
+}
+
+.user-name {
+  color: var(--text-color);
+  font-size: 55px;
+  margin-bottom: 15px;
+}
+
+.user-stats {
+  display: flex;
+  gap: 30px;
+  color: var(--text-color);
+  font-size: 25px;
+}
+
+.pending-push {
+  color: #ffffff;
+  padding: 10px 20px;
+  border-radius: 10px;
+  font-size: 40px;
+}
+
+.pending-push.active {
+  background-color: #00a1d6;
+}
+
+.pending-push.inactive {
+  background-color: #dddddd;
+}

package/resources/template/bilibili/html/userlist.html

@@ -0,0 +1,31 @@
+{{extend defaultLayout}} {{block 'css'}}
+<script src="{{_res_path}}template/extend/js/qrcode.min.js"></script>
+<link rel="stylesheet" type="text/css" href="{{_res_path}}template/bilibili/css/userlist.css" />
+{{/block}} {{block 'main'}}
+
+<ul class="user-list">
+  {{each renderOpt val}}
+  <li class="user-item">
+    <img src="{{val.avatar_img}}" alt="用户头像" class="user-avatar">
+    <div class="user-info">
+      <div class="user-details">
+        <span class="user-name">{{val.username}}</span>
+        <div class="user-stats">
+          <span>UID: {{val.host_mid}}</span>
+          <span>粉丝: {{val.fans}}</span>
+          <span>获赞: {{val.total_favorited}}</span>
+          <span>关注: {{val.following_count}}</span>
+        </div>
+      </div>
+      <!-- {{if val.willPushNum > 0}}
+      <span class="pending-push active">待推送: {{val.willPushNum}}</span>
+      {{else}}
+      <span class="pending-push inactive">待推送: {{val.willPushNum}}</span>
+      {{/if}} -->
+    </div>
+  </li>
+  <div style="height: 40px;"></div>
+  {{/each}}
+</ul>
+
+{{/block}}

package/resources/template/douyin/css/userlist.css

@@ -0,0 +1,77 @@
+body.light-mode {
+  --background-color: #fff;
+  --text-color: #000;
+  --shadow-color: rgba(0, 0, 0, 0.3);
+}
+
+
+body.dark-mode {
+  --background-color: #4d4d4d;
+  --text-color: #ededed;
+  --shadow-color: rgb(6 6 6);
+}
+
+.user-list {
+  display: flex;
+  list-style-type: none;
+  padding: 0;
+  align-items: center;
+  flex-direction: column-reverse;
+}
+
+.user-item {
+  display: flex;
+  width: 90%;
+  align-items: center;
+  background-color: var(--background-color);
+  padding: 35px 45px;
+  border-radius: 25px;
+  box-shadow: 0 4px 20px 0px var(--shadow-color);
+}
+
+.user-avatar {
+  width: 150px;
+  height: 150px;
+  border-radius: 50%;
+  margin-right: 50px;
+}
+
+.user-info {
+  flex-grow: 1;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.user-details {
+  display: flex;
+  flex-direction: column;
+}
+
+.user-name {
+  color: var(--text-color);
+  font-size: 55px;
+  margin-bottom: 15px;
+}
+
+.user-stats {
+  display: flex;
+  gap: 30px;
+  color: var(--text-color);
+  font-size: 25px;
+}
+
+.pending-push {
+  color: #ffffff;
+  padding: 10px 20px;
+  border-radius: 10px;
+  font-size: 40px;
+}
+
+.pending-push.active {
+  background-color: #00a1d6;
+}
+
+.pending-push.inactive {
+  background-color: #dddddd;
+}

package/resources/template/douyin/html/userlist.html

@@ -0,0 +1,26 @@
+{{extend defaultLayout}} {{block 'css'}}
+<script src="{{_res_path}}template/extend/js/qrcode.min.js"></script>
+<link rel="stylesheet" type="text/css" href="{{_res_path}}template/bilibili/css/userlist.css" />
+{{/block}} {{block 'main'}}
+
+<ul class="user-list">
+  {{each renderOpt val index}}
+  <li class="user-item" data-index="{{index}}">
+    <img src="{{val.avatar_img}}" alt="用户头像" class="user-avatar">
+    <div class="user-info">
+      <div class="user-details">
+        <span class="user-name">{{val.username}}</span>
+        <div class="user-stats">
+          <span>UID: {{val.short_id}}</span>
+          <span>粉丝: {{val.fans}}</span>
+          <span>获赞: {{val.total_favorited}}</span>
+          <span>关注: {{val.following_count}}</span>
+        </div>
+      </div>
+    </div>
+  </li>
+  <div style="height: 40px;"></div>
+  {{/each}}
+</ul>
+
+{{/block}}

package/resources/template/help/html/index.html

@@ -24,6 +24,8 @@
     <div class="menu-description">全部强制推送：手动模拟一次定时任务；<br />强制推送：只在触发群模拟一次定时任务；<br />已推送过的不会再推送</div>
     <div class="menu-item">#kkk设置推送机器人 + Bot ID</div>
     <div class="menu-description">一键更换推送机器人</div>
+    <div class="menu-item">#抖音/B站推送列表</div>
+    <div class="menu-description">查看当前群的订阅推送列表</div>
   </div>
 </div>
 <div class="menu-container">