koishi-plugin-kkk 1.0.0

package/lib/ktr/template/bilibili/bangumi/components/bangumi.js

@@ -0,0 +1,127 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BangumiBilibili = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../../../compat/heroui.js");
+const lucide_react_1 = require("lucide-react");
+const react_2 = __importDefault(require("react"));
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const cn_1 = require("../../../../utils/cn");
+const shared_1 = require("../../components/shared");
+/**
+ * 格式化数字显示
+ * @param num 要格式化的数字
+ * @returns 格式化后的字符串
+ */
+const formatNumber = (num) => {
+    if (num >= 100000000) {
+        return `${(num / 100000000).toFixed(1)}亿`;
+    }
+    if (num >= 10000) {
+        return `${(num / 10000).toFixed(1)}万`;
+    }
+    return num.toString();
+};
+/**
+ * 格式化日期部分
+ * @param timestamp 时间戳
+ * @returns 包含月份和日期的对象
+ */
+const formatDateParts = (timestamp) => {
+    const date = new Date(timestamp * 1000);
+    const month = date.toLocaleDateString('zh-CN', { month: 'short' });
+    const day = date.getDate().toString().padStart(2, '0');
+    return { month, day };
+};
+/**
+ * 格式化完整日期时间
+ * @param timestamp 时间戳
+ * @returns 格式化的日期时间字符串
+ */
+const formatDateTime = (timestamp) => {
+    const date = new Date(timestamp * 1000);
+    return date.toLocaleDateString('zh-CN', {
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit'
+    });
+};
+/**
+ * B站番剧头部组件
+ * @param props 头部组件属性
+ */
+const BangumiBilibiliHeader = (props) => {
+    // 处理演员数据
+    const actorList = props.actors ? props.actors.split(/[,，、\s]+/).filter((actor) => actor.trim()) : [];
+    return ((0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden relative rounded-6xl", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex relative z-10 gap-25 p-25", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col shrink-0 gap-20", children: [(0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-4xl w-120 h-160", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.mainCover, alt: props.title, className: "object-cover w-full h-full select-text" }) }), props.upInfo && ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-12 items-center mt-15", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { className: "w-28 h-28 rounded-full select-text", src: `https://images.weserv.nl/?url=${encodeURIComponent(props.upInfo.avatar)}`, alt: props.upInfo.uname }), props.upInfo.avatar_subscript_url && ((0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { className: "absolute -right-1 -bottom-1 w-8 h-8 select-text", src: props.upInfo.avatar_subscript_url, alt: "\u5934\u50CF\u89D2\u6807" })), props.upInfo.pendant?.image && ((0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { className: "absolute inset-0 w-full h-full transform select-text scale-160", src: props.upInfo.pendant.image, alt: props.upInfo.pendant.name || '挂件' }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-4xl font-medium select-text", style: {
+                                                        color: props.upInfo.vip_status === 1 ? props.upInfo.nickname_color || '#FB7299' : '#EDEDED'
+                                                    }, children: props.upInfo.uname }), props.upInfo.verify_type > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center", children: props.upInfo.verify_type === 1 ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Shield, { width: 20, className: "text-warning" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.Crown, { width: 20, className: "text-accent" })) })), props.upInfo.vip_status === 1 && props.upInfo.vip_label?.text && ((0, jsx_runtime_1.jsx)(react_1.Chip, { size: "sm", className: "px-2 py-1 text-xs select-text", style: {
+                                                        backgroundColor: props.upInfo.vip_label.bg_color || '#FB7299',
+                                                        color: props.upInfo.vip_label.text_color || '#FFFFFF',
+                                                        borderColor: props.upInfo.vip_label.border_color || 'transparent'
+                                                    }, children: props.upInfo.vip_label.text }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 items-center text-3xl select-text text-foreground", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { size: 30 }), (0, jsx_runtime_1.jsxs)("span", { children: [formatNumber(props.upInfo.follower), "\u7C89\u4E1D"] }), props.upInfo.is_follow === 1 && ((0, jsx_runtime_1.jsx)(react_1.Chip, { size: "sm", color: "accent", variant: "soft", className: "text-xs select-text", children: "\u5DF2\u5173\u6CE8" }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center text-2xl select-text text-foreground/70", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Hash, { size: 20 }), (0, jsx_runtime_1.jsxs)("span", { children: ["UID: ", props.upInfo.mid] })] })] })] })), props.showEpisodeTip !== false && ((0, jsx_runtime_1.jsxs)("div", { className: "flex text-3xl select-text text-foreground", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u63D0\u793A\uFF1A\u8BF7\u5728120\u79D2\u5185\u53D1\u9001" }), (0, jsx_runtime_1.jsx)("span", { className: "inline-flex items-center rounded-xl bg-danger/12 px-4 py-1.5 text-[0.95em] font-semibold text-danger", children: "\u7B2C \uFF1F \u96C6" }), (0, jsx_runtime_1.jsx)("span", { children: "\u9009\u62E9\u96C6\u6570" })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col flex-1 justify-between text-foreground", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-8 text-8xl font-bold leading-tight select-text", children: props.title }), props.subtitle && (0, jsx_runtime_1.jsx)("div", { className: "mb-12 text-4xl select-text text-foreground", children: props.subtitle }), props.styles && props.styles.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap gap-8 mb-12", children: props.styles.map((style, index) => ((0, jsx_runtime_1.jsx)(react_1.Chip, { size: "lg", className: "w-32 h-12 rounded-xl bg-surface-secondary px-4 py-2 text-3xl text-foreground backdrop-blur-sm select-text", children: style }, index))) })), actorList.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-12", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 items-center mb-6 text-3xl select-text text-foreground", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { size: 30 }), (0, jsx_runtime_1.jsx)("span", { children: "\u58F0\u4F18\u9635\u5BB9" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-8", children: [actorList.slice(0, 6).map((actor, index) => ((0, jsx_runtime_1.jsx)("div", { className: "text-3xl select-text text-foreground", children: actor }, index))), actorList.length > 6 && (0, jsx_runtime_1.jsxs)("div", { className: "text-3xl select-text text-foreground", children: ["\u7B49", actorList.length, "\u4EBA"] })] })] })), props.evaluate && ((0, jsx_runtime_1.jsxs)("div", { className: "mb-12", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 items-center mb-6 text-3xl select-text text-foreground", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Star, { size: 30 }), (0, jsx_runtime_1.jsx)("span", { children: "\u8BC4\u4EF7" })] }), (0, jsx_runtime_1.jsx)("div", { className: "text-3xl leading-relaxed select-text text-foreground", children: props.evaluate })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-4 gap-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "items-center min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-bold select-text text-foreground", children: formatNumber(props.stat.views).slice(0, -1) }), (0, jsx_runtime_1.jsx)("span", { className: "text-xl font-bold select-text text-foreground", children: formatNumber(props.stat.views).slice(-1) })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-2xl whitespace-nowrap select-text", children: "\u64AD\u653E" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "items-center min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-bold select-text text-foreground", children: formatNumber(props.stat.favorites).slice(0, -1) }), (0, jsx_runtime_1.jsx)("span", { className: "text-xl font-bold select-text text-foreground", children: formatNumber(props.stat.favorites).slice(-1) })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-2xl whitespace-nowrap select-text", children: "\u6536\u85CF" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "items-center min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-bold select-text text-foreground", children: formatNumber(props.stat.danmakus).slice(0, -1) }), (0, jsx_runtime_1.jsx)("span", { className: "text-xl font-bold select-text text-foreground", children: formatNumber(props.stat.danmakus).slice(-1) })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-2xl whitespace-nowrap select-text", children: "\u5F39\u5E55" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "items-center min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-bold select-text text-foreground", children: formatNumber(props.stat.coins).slice(0, -1) }), (0, jsx_runtime_1.jsx)("span", { className: "text-xl font-bold select-text text-foreground", children: formatNumber(props.stat.coins).slice(-1) })] }), (0, jsx_runtime_1.jsx)("span", { className: "text-2xl whitespace-nowrap select-text", children: "\u6295\u5E01" })] })] })] })] }) }));
+};
+/**
+ * B站番剧剧集列表组件
+ * @param props 剧集列表组件属性
+ */
+const BangumiBilibiliEpisodes = (props) => {
+    // 按发布时间倒序排序
+    const sortedEpisodes = [...props.Episodes].sort((a, b) => b.pub_time - a.pub_time);
+    // 按日期分组剧集
+    const groupedEpisodes = sortedEpisodes.reduce((groups, episode) => {
+        const date = new Date(episode.pub_time * 1000);
+        const dateKey = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
+        if (!groups[dateKey]) {
+            groups[dateKey] = [];
+        }
+        groups[dateKey].push(episode);
+        return groups;
+    }, {});
+    const dateKeys = Object.keys(groupedEpisodes).sort((a, b) => b.localeCompare(a));
+    const flattenedEpisodes = [];
+    dateKeys.forEach((dateIndex) => {
+        const episodesInDate = groupedEpisodes[dateIndex];
+        episodesInDate.forEach((episode, episodeIndex) => {
+            flattenedEpisodes.push({
+                episode,
+                isFirstOfDate: episodeIndex === 0,
+                isLastOfDate: episodeIndex === episodesInDate.length - 1,
+                isLastOfAll: false,
+                dateKey: dateIndex,
+                episodesInSameDate: episodesInDate.length
+            });
+        });
+    });
+    if (flattenedEpisodes.length > 0) {
+        flattenedEpisodes[flattenedEpisodes.length - 1].isLastOfAll = true;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "px-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-8 items-center mb-20 text-5xl font-bold select-text text-foreground", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Play, { size: 46 }), (0, jsx_runtime_1.jsx)("span", { children: "\u5267\u96C6\u5217\u8868" }), (0, jsx_runtime_1.jsxs)(react_1.Chip, { size: "lg", color: "danger", variant: "soft", className: "h-18 px-4 py-2 text-4xl select-text", children: ["\u5171", sortedEpisodes.length, "\u96C6"] })] }), (0, jsx_runtime_1.jsx)("div", { children: flattenedEpisodes.map((item) => {
+                    const { episode, isFirstOfDate, isLastOfAll, episodesInSameDate, isLastOfDate } = item;
+                    const { month, day } = formatDateParts(episode.pub_time);
+                    const episodeNumber = sortedEpisodes.findIndex((e) => e.bvid === episode.bvid);
+                    const actualEpisodeNumber = sortedEpisodes.length - episodeNumber;
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-15", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-col shrink-0 items-center w-20", children: isFirstOfDate ? (
+                                // 日期节点
+                                (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-4xl select-text text-foreground", children: month }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center text-7xl font-bold select-text text-foreground", children: day }), !isLastOfAll && (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('mt-8 w-1 bg-divider', episodesInSameDate > 1 ? 'h-110' : 'h-95') })] })) : (
+                                // 普通节点
+                                (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "w-1 h-10 bg-divider" }), (0, jsx_runtime_1.jsx)("div", { className: "my-2 w-4 h-4 rounded-full bg-divider" }), (!isLastOfAll || episodesInSameDate > 1) && (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('w-1 bg-divider', isLastOfDate ? 'h-110' : 'h-130') })] })) }), (0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex-1 min-w-0', !isLastOfAll && isLastOfDate && 'mb-20'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mb-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex shrink-0 gap-8 items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { className: "w-32 h-32 rounded-full select-text", src: `https://images.weserv.nl/?url=${encodeURIComponent(props.UPInfo ? props.UPInfo.avatar : props.mainCover)}`, alt: '' }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-4xl font-bold select-text text-foreground/80", children: props.UPInfo ? props.UPInfo.uname : props.Title }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-center text-3xl select-text text-foreground/70", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Calendar, { size: 30 }), (0, jsx_runtime_1.jsx)("span", { children: "\u53D1\u5E03\u4E86\u5185\u5BB9" })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "shrink-0 pr-20", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-5xl font-semibold select-text text-foreground/70", children: ["\u7B2C", actualEpisodeNumber, "\u96C6"] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden shadow-large bg-surface rounded-4xl", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-12 p-12", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative shrink-0", children: (0, jsx_runtime_1.jsxs)("div", { className: "overflow-hidden relative h-64 rounded-3xl w-md", children: [(0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: episode.cover, alt: `第${actualEpisodeNumber}集 ${episode.long_title}`, className: "object-cover w-full h-full select-text" }), episode.badge && ((0, jsx_runtime_1.jsx)(react_1.Chip, { size: "lg", className: "absolute top-6 right-8 rounded-2xl py-1 text-lg font-medium select-text scale-150", style: {
+                                                                    backgroundColor: episode.badge_info?.bg_color || '#FB7299',
+                                                                    color: '#FFFFFF'
+                                                                }, children: episode.badge_info?.text || episode.badge }))] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col flex-1 justify-center h-64", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-8 text-5xl font-semibold select-text text-foreground line-clamp-2", children: episode.long_title }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 text-4xl", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 items-center select-text text-foreground/70", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Hash, { size: 36 }), (0, jsx_runtime_1.jsx)("span", { className: "truncate", children: episode.bvid })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 items-center select-text text-foreground/70", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Clock, { size: 36 }), (0, jsx_runtime_1.jsx)("span", { className: "whitespace-nowrap", children: formatDateTime(episode.pub_time) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 items-center select-text text-foreground/70", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Share2, { size: 36 }), (0, jsx_runtime_1.jsx)("span", { className: "truncate", children: episode.link })] })] })] })] }) })] })] }, episode.bvid));
+                }) })] }));
+};
+exports.BangumiBilibili = react_2.default.memo((props) => {
+    return ((0, jsx_runtime_1.jsx)(DefaultLayout_1.DefaultLayout, { ...props, children: (0, jsx_runtime_1.jsxs)("div", { className: "p-4", children: [(0, jsx_runtime_1.jsx)(BangumiBilibiliHeader
+                // 卡片里有没有画分集列表：有才提示「发送第？集」（QQ 面板用表格按钮，这时不提示）
+                , { 
+                    // 卡片里有没有画分集列表：有才提示「发送第？集」（QQ 面板用表格按钮，这时不提示）
+                    showEpisodeTip: Array.isArray(props.data.Episodes) && props.data.Episodes.length > 0, title: props.data.Title, mainCover: props.data.mainCover, evaluate: props.data.Evaluate, actors: props.data.Actors, styles: props.data.Styles, subtitle: props.data.subtitle, upInfo: props.data.UPInfo, stat: props.data.Stat, copyright: props.data.Copyright, seasonID: props.data.seasonID }), props.data.Episodes && props.data.Episodes.length > 0 && (0, jsx_runtime_1.jsx)(BangumiBilibiliEpisodes, { ...props.data })] }) }));
+});
+exports.BangumiBilibili.displayName = 'BangumiBilibili';
+exports.default = exports.BangumiBilibili;

package/lib/ktr/template/bilibili/bangumi/components/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/ktr/template/bilibili/bangumi/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const bangumi_1 = __importDefault(require("./components/bangumi"));
+exports.default = (0, template_react_1.defineTemplate)({
+    name: 'B站番剧列表',
+    description: 'B站番剧列表组件',
+    component: bangumi_1.default
+});

package/lib/ktr/template/bilibili/comment/components/Comment.js

@@ -0,0 +1,193 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BilibiliComment = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const richtext_1 = require("../../../../../richtext");
+const date_fns_1 = require("date-fns");
+const locale_1 = require("date-fns/locale");
+const react_1 = __importStar(require("react"));
+const cn_1 = require("../../../../utils/cn");
+const QRcode_1 = require("../../../../utils/QRcode");
+const theme_1 = require("../../../../utils/theme");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const Icons_1 = require("../../components/Icons");
+const bilibiliMentionClassName = 'text-[#006A9E] dark:text-[#58B0D5]';
+/**
+ * 将 B 站 32 位 ARGB 整数转为 rgba 字符串
+ */
+const intToRgba = (color) => {
+    const a = ((color >>> 24) & 0xff) / 255;
+    const r = (color >>> 16) & 0xff;
+    const g = (color >>> 8) & 0xff;
+    const b = color & 0xff;
+    return `rgba(${r}, ${g}, ${b}, ${a})`;
+};
+/**
+ * 粉丝勋章组件
+ */
+const FansMedal = ({ detail }) => {
+    const bgStart = intToRgba(detail.medal_color);
+    const bgEnd = intToRgba(detail.medal_color_end);
+    const borderColor = intToRgba(detail.medal_color_border);
+    const nameColor = intToRgba(detail.medal_color_name);
+    const levelColor = intToRgba(detail.medal_color_level);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('inline-flex items-center shrink-0', 'h-14 rounded-full border'), style: {
+            borderColor,
+            backgroundImage: `linear-gradient(90deg, ${bgStart}, ${bgEnd})`
+        }, children: [detail.first_icon && ((0, jsx_runtime_1.jsx)("img", { src: detail.first_icon, alt: "", className: "shrink-0 -ml-3 w-20", referrerPolicy: "no-referrer", crossOrigin: "anonymous" })), (0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex items-center', detail.first_icon ? 'pr-4' : 'px-4'), children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium whitespace-nowrap text-3xl", style: { color: nameColor }, children: detail.medal_name }), (0, jsx_runtime_1.jsx)("span", { className: "whitespace-nowrap ml-2 mb-1 text-4xl font-[fansmedal-num]", style: { color: levelColor }, children: detail.level })] })] }));
+};
+/**
+ * 置顶标签组件
+ */
+const TopBadge = () => {
+    return ((0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)('inline-flex justify-center items-center', 'px-4 py-2 mr-4 mb-1 rounded-xl', 'text-[45px] font-light leading-none', 'align-baseline', 'bg-[#ffedf5] text-[#ff799e]', 'dark:bg-[#321b26] dark:text-[#cb5775]'), children: "\u7F6E\u9876" }));
+};
+const ImageWithSkeleton = ({ src, alt, className = '', placeholder }) => {
+    const [hasError, setHasError] = (0, react_1.useState)(false);
+    /**
+     * 处理图片加载失败
+     */
+    const handleError = () => {
+        setHasError(true);
+    };
+    // 重置状态当src改变时
+    (0, react_1.useEffect)(() => {
+        setHasError(false);
+    }, [src]);
+    if (hasError) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: `flex justify-center items-center text-sm select-text ${className} bg-surface-secondary text-muted`, children: placeholder || '图片加载失败' }));
+    }
+    return ((0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, className: `select-text ${className}`, onError: handleError, referrerPolicy: "no-referrer", crossOrigin: "anonymous" }));
+};
+const renderBilibiliCommentRichText = (content) => {
+    return (0, richtext_1.renderRichTextToReact)(content, {
+        mention: { className: bilibiliMentionClassName }
+    });
+};
+const formatBilibiliCommentTime = (timestamp) => {
+    if (!timestamp) {
+        return '';
+    }
+    const commentDate = (0, date_fns_1.fromUnixTime)(timestamp);
+    const diffSeconds = (0, date_fns_1.differenceInSeconds)(new Date(), commentDate);
+    if (diffSeconds < 30) {
+        return '刚刚';
+    }
+    if (diffSeconds < 7776000) {
+        return (0, date_fns_1.formatDistanceToNow)(commentDate, {
+            locale: locale_1.zhCN,
+            addSuffix: true
+        });
+    }
+    return (0, date_fns_1.format)(commentDate, 'yyyy-MM-dd');
+};
+const formatBilibiliLikeCount = (count) => {
+    if (count > 10000) {
+        return `${(count / 10000).toFixed(1)}w`;
+    }
+    return String(count);
+};
+const renderBilibiliUserName = (uname, unameColor, vipstatus) => {
+    return ((0, jsx_runtime_1.jsx)("span", { className: "inline-block leading-[1.2] font-medium whitespace-nowrap", style: {
+            color: unameColor ?? '#888',
+            fontWeight: vipstatus === 1 ? 500 : undefined
+        }, children: uname }));
+};
+const BilibiliLogo = () => {
+    const [hasError, setHasError] = (0, react_1.useState)(false);
+    if (hasError) {
+        return (0, jsx_runtime_1.jsx)("div", { className: "flex items-center h-full text-6xl font-bold text-foreground/70", children: "\u54D4\u54E9\u54D4\u54E9" });
+    }
+    return ((0, jsx_runtime_1.jsx)("img", { src: "/image/bilibili/bilibili.png", alt: "B\u7AD9Logo", className: "object-contain h-full w-auto max-w-112.5", onError: () => setHasError(true) }));
+};
+/**
+ * 二维码组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const QRCodeSection = ({ share_url, useDarkTheme }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center", children: (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center w-100 h-100 p-4", children: (0, jsx_runtime_1.jsx)("img", { src: (0, QRcode_1.generateQRCode)(share_url, useDarkTheme), alt: "\u4E8C\u7EF4\u7801", className: "object-contain w-full h-full rounded-lg" }) }) }));
+};
+/**
+ * 视频信息头部组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const VideoInfoHeader = (props) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "max-w-350 mx-auto px-10 py-8", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-16 justify-between items-start", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col flex-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-12", children: (0, jsx_runtime_1.jsxs)("div", { className: "h-45 flex items-center", children: [(0, jsx_runtime_1.jsx)(BilibiliLogo, {}), props.Type === '视频' && props.Resolution && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 px-8 py-4 ml-12 rounded-3xl bg-surface/50 w-fit", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[42px] text-muted", children: "\u5206\u8FA8\u7387\uFF08px\uFF09" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[48px] font-medium text-foreground/70", children: props.Resolution })] }))] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-y-6 gap-x-16 pl-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center tracking-[6px] text-[45px] text-muted select-text whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)("span", { className: "shrink-0 mr-4 text-muted", children: "\u7C7B\u578B" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium text-foreground/70", children: props.Type })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center tracking-[6px] text-[45px] text-muted select-text whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)("span", { className: "shrink-0 mr-4 text-muted", children: "\u8BC4\u8BBA" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-medium text-foreground/70", children: [props.CommentLength, "\u6761"] })] }), props.Type === '视频' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center tracking-[6px] text-[45px] text-muted select-text whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)("span", { className: "shrink-0 mr-4 text-muted", children: "\u5927\u5C0F" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium text-foreground/70", children: props.VideoSize })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center tracking-[6px] text-[45px] text-muted select-text whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)("span", { className: "shrink-0 mr-4 text-muted", children: "\u753B\u8D28" }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium text-foreground/70", children: props.Clarity })] })] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center tracking-[6px] text-[45px] text-muted select-text whitespace-nowrap", children: [(0, jsx_runtime_1.jsx)("span", { className: "shrink-0 mr-4 text-muted", children: "\u56FE\u7247" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-medium text-foreground/70", children: [props.ImageLength, "\u5F20"] })] }) }))] })] }), (0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: (0, jsx_runtime_1.jsx)(QRCodeSection, { share_url: props.share_url, useDarkTheme: props.useDarkTheme }) })] }) }));
+};
+/**
+ * 评论项组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const CommentItemComponent = ({ isLast = false, ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex relative px-10 py-10 max-w-full', { 'pb-0': isLast }), children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative mr-[33.75px] shrink-0 w-50 h-50 flex items-center justify-center", children: [(0, jsx_runtime_1.jsx)(ImageWithSkeleton, { src: props.avatar || 'AVATAR_PLACEHOLDER', alt: "\u7528\u6237\u5934\u50CF", className: "rounded-full w-35 h-35 shadow-large", placeholder: "\u5934\u50CF", isCircular: true }), props.frame && ((0, jsx_runtime_1.jsx)(ImageWithSkeleton, { src: props.frame, alt: "\u5934\u50CF\u6846", className: "absolute inset-0 transform scale-120", placeholder: "\u5934\u50CF\u6846" })), props.vipstatus === 1 && ((0, jsx_runtime_1.jsx)("div", { className: "flex absolute right-4 bottom-6 z-20 justify-center items-center rounded-full w-15 h-15 bg-surface", children: (0, jsx_runtime_1.jsx)("img", { src: "/image/bilibili/res-local1.png", alt: "\u5927\u4F1A\u5458", className: "w-12 h-12" }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2.5 mb-3.75 text-[50px] relative", children: [(0, jsx_runtime_1.jsxs)("div", { className: "shrink-0 flex items-center gap-6 leading-[1.2] text-foreground/80 font-bold select-text", children: [renderBilibiliUserName(props.uname, props.unameColor, props.vipstatus), props.level !== undefined && props.level >= 0 && props.level <= 7 && ((0, jsx_runtime_1.jsx)("img", { src: `/image/bilibili/level/lv${props.level}.svg`, alt: `等级${props.level}`, className: "inline-block shrink-0 w-24 h-24 align-middle" })), props.isUP && (0, jsx_runtime_1.jsx)("img", { src: "/image/bilibili/up_pb.svg", alt: "UP\u4E3B\u6807\u7B7E", className: "inline-block shrink-0 align-middle w-23 h-23" }), props.fansDetail && (0, jsx_runtime_1.jsx)(FansMedal, { detail: props.fansDetail })] }), props.fanCard && props.fanCard.image && ((0, jsx_runtime_1.jsx)("div", { className: "absolute -top-10 right-0 h-45 z-10 pointer-events-none", children: (0, jsx_runtime_1.jsxs)("div", { className: "inline-block relative h-full", children: [(0, jsx_runtime_1.jsx)("img", { src: props.fanCard.image, alt: "\u7C89\u4E1D\u5361\u7247", className: "block object-contain w-auto h-full", referrerPolicy: "no-referrer", crossOrigin: "anonymous" }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute bottom-15 right-8 w-[14%] h-full flex flex-col items-start justify-end leading-10 font-[bilifont]", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-bold whitespace-nowrap", style: {
+                                                        backgroundImage: props.fanCard.gradientStyle,
+                                                        WebkitTextFillColor: 'transparent',
+                                                        backgroundClip: 'text',
+                                                        WebkitBackgroundClip: 'text'
+                                                    }, children: props.fanCard.numPrefix }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-bold whitespace-nowrap font-bilifont", style: {
+                                                        backgroundImage: props.fanCard.gradientStyle,
+                                                        WebkitTextFillColor: 'transparent',
+                                                        backgroundClip: 'text',
+                                                        WebkitBackgroundClip: 'text'
+                                                    }, children: props.fanCard.numDesc })] })] }) })), props.label_type === 1 && ((0, jsx_runtime_1.jsx)("div", { className: "inline-block px-5 py-0.5 rounded-[10px] text-[45px] bg-danger text-danger-foreground shrink-0 self-center select-text", children: "\u4F5C\u8005" })), props.status_label && ((0, jsx_runtime_1.jsx)("div", { className: "inline-block px-5 py-0.5 rounded-[10px] text-[45px] bg-surface-secondary text-foreground/70 shrink-0 self-center select-text", children: props.status_label }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "items-center whitespace-pre-wrap text-6xl tracking-[0.5px] leading-[1.6] text-foreground", children: [props.isTop && (0, jsx_runtime_1.jsx)(TopBadge, {}), renderBilibiliCommentRichText(props.message)] }), props.pictures && props.pictures.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-5 my-5 w-[95%]", children: props.pictures.length === 1 ? (
+                        // 只有一张图片时，完整显示
+                        (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-[25px] shadow-large w-full", children: (0, jsx_runtime_1.jsx)(ImageWithSkeleton, { src: props.pictures[0], alt: "\u8BC4\u8BBA\u56FE\u7247", className: "rounded-[25px] object-contain w-full h-full", placeholder: "\u8BC4\u8BBA\u56FE\u7247" }) })) : (
+                        // 多张图片时，显示两张正方形缩略图
+                        props.pictures.slice(0, 2).map((picUrl, idx) => ((0, jsx_runtime_1.jsxs)("div", { className: "relative overflow-hidden rounded-[25px] shadow-large flex-1 aspect-square", children: [(0, jsx_runtime_1.jsx)(ImageWithSkeleton, { src: picUrl, alt: `评论图片${idx + 1}`, className: "rounded-[25px] object-cover w-full h-full", placeholder: "\u8BC4\u8BBA\u56FE\u7247" }), idx === 1 && props.pictures.length > 2 && ((0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-3 right-3", children: (0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center bg-black px-4 py-3 rounded-2xl opacity-80 backdrop-blur-sm", children: (0, jsx_runtime_1.jsxs)("span", { className: "text-white text-4xl font-bold leading-none", children: ["+ ", props.pictures.length - 2] }) }) }))] }, idx)))) })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mt-[37.5px] whitespace-nowrap text-muted", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 items-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-[45px] tracking-[2px] select-text", children: [formatBilibiliCommentTime(props.ctime), " \u00B7 ", props.location, props.replylength > 0 ? ((0, jsx_runtime_1.jsxs)("span", { className: "text-muted tracking-[3px] ml-4", children: [props.replylength, "\u56DE\u590D"] })) : ((0, jsx_runtime_1.jsx)("span", { className: "ml-4 text-foreground/70", children: "\u56DE\u590D" }))] }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-18.75 ml-auto", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3.75", children: [(0, jsx_runtime_1.jsx)(Icons_1.ThumbUpIcon, { variant: "line", className: "w-15 h-15 text-muted" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[45px] text-muted select-text", children: formatBilibiliLikeCount(props.like) })] }) })] }), props.replies && props.replies.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-10", children: props.replies.map((subReply, index) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start space-x-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative mr-[33.75px] shrink-0 w-40 h-40 flex items-center justify-center", children: [(0, jsx_runtime_1.jsx)(ImageWithSkeleton, { src: subReply.avatar || 'AVATAR_PLACEHOLDER', alt: "\u7528\u6237\u5934\u50CF", className: "rounded-full w-30 h-30 shadow-large", placeholder: "\u5934\u50CF", isCircular: true }), subReply.frame && ((0, jsx_runtime_1.jsx)(ImageWithSkeleton, { src: subReply.frame, alt: "\u5934\u50CF\u6846", className: "absolute inset-0 transform scale-90", placeholder: "\u5934\u50CF\u6846" })), subReply.vipstatus === 1 && ((0, jsx_runtime_1.jsx)("div", { className: "flex absolute right-4 bottom-5 z-20 justify-center items-center w-12 h-12 rounded-full bg-surface", children: (0, jsx_runtime_1.jsx)("img", { src: "/image/bilibili/res-local1.png", alt: "\u5927\u4F1A\u5458", className: "w-9 h-9" }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-2.5 mb-3.75 text-[50px] relative overflow-visible", children: [(0, jsx_runtime_1.jsxs)("div", { className: "shrink-0 flex items-center gap-6 leading-[1.2] text-foreground/80 font-bold select-text", children: [renderBilibiliUserName(subReply.uname, subReply.unameColor, subReply.vipstatus), subReply.level !== undefined && subReply.level >= 0 && subReply.level <= 7 && ((0, jsx_runtime_1.jsx)("img", { src: `/image/bilibili/level/lv${subReply.level}.svg`, alt: `等级${subReply.level}`, className: "inline-block shrink-0 w-24 h-24 align-middle" })), subReply.isUP && ((0, jsx_runtime_1.jsx)("img", { src: "/image/bilibili/up_pb.svg", alt: "UP\u4E3B\u6807\u7B7E", className: "inline-block shrink-0 align-middle w-23 h-23" })), subReply.fansDetail && (0, jsx_runtime_1.jsx)(FansMedal, { detail: subReply.fansDetail })] }), subReply.fanCard && subReply.fanCard.image && ((0, jsx_runtime_1.jsx)("div", { className: "absolute -top-10 right-0 h-45 z-10 pointer-events-none", children: (0, jsx_runtime_1.jsxs)("div", { className: "inline-block relative h-full", children: [(0, jsx_runtime_1.jsx)("img", { src: subReply.fanCard.image, alt: "\u7C89\u4E1D\u5361\u7247", className: "block object-contain w-auto h-full", referrerPolicy: "no-referrer", crossOrigin: "anonymous" }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute bottom-15 right-8 w-[14%] h-full flex flex-col items-start justify-end leading-10 font-[bilifont]", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-bold whitespace-nowrap", style: {
+                                                                                backgroundImage: subReply.fanCard.gradientStyle,
+                                                                                WebkitTextFillColor: 'transparent',
+                                                                                backgroundClip: 'text',
+                                                                                WebkitBackgroundClip: 'text'
+                                                                            }, children: subReply.fanCard.numPrefix }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-bold whitespace-nowrap", style: {
+                                                                                backgroundImage: subReply.fanCard.gradientStyle,
+                                                                                WebkitTextFillColor: 'transparent',
+                                                                                backgroundClip: 'text',
+                                                                                WebkitBackgroundClip: 'text'
+                                                                            }, children: subReply.fanCard.numDesc })] })] }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: "text-[60px] tracking-[0.5px] leading-[1.6] text-foreground mb-5 select-text whitespace-pre-wrap", style: { wordBreak: 'break-word', overflowWrap: 'break-word' }, children: renderBilibiliCommentRichText(subReply.message) }), subReply.pictures && subReply.pictures.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-5 my-5 w-[95%]", children: subReply.pictures.length === 1 ? (
+                                                // 只有一张图片时，完整显示
+                                                (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-[25px] shadow-large w-full", children: (0, jsx_runtime_1.jsx)(ImageWithSkeleton, { src: subReply.pictures[0], alt: "\u8BC4\u8BBA\u56FE\u7247", className: "rounded-[25px] object-contain w-full h-full", placeholder: "\u8BC4\u8BBA\u56FE\u7247" }) })) : (
+                                                // 多张图片时，显示两张正方形缩略图
+                                                subReply.pictures.slice(0, 2).map((picUrl, idx) => ((0, jsx_runtime_1.jsxs)("div", { className: "relative overflow-hidden rounded-[25px] shadow-large flex-1 aspect-square", children: [(0, jsx_runtime_1.jsx)(ImageWithSkeleton, { src: picUrl, alt: `评论图片${idx + 1}`, className: "rounded-[25px] object-cover w-full h-full", placeholder: "\u8BC4\u8BBA\u56FE\u7247" }), idx === 1 && subReply.pictures.length > 2 && ((0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-10 right-10", children: (0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center px-8 py-6 rounded-[18px] shadow-xl", style: {
+                                                                    backgroundColor: 'rgba(0, 0, 0, 0.7)'
+                                                                }, children: (0, jsx_runtime_1.jsxs)("span", { className: "text-white text-[60px] font-bold leading-none", children: ["+", subReply.pictures.length - 2] }) }) }))] }, idx)))) })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mt-[37.5px] whitespace-nowrap text-muted", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 items-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-[45px] tracking-[2px] select-text", children: [formatBilibiliCommentTime(subReply.ctime), " \u00B7 ", subReply.location] }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-18.75 ml-auto", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3.75", children: [(0, jsx_runtime_1.jsx)(Icons_1.ThumbUpIcon, { variant: "line", className: "w-15 h-15 text-muted" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[45px] text-muted select-text", children: formatBilibiliLikeCount(subReply.like) })] }) })] })] })] }) }, index))) }))] })] }));
+};
+exports.BilibiliComment = react_1.default.memo((props) => {
+    return ((0, jsx_runtime_1.jsx)(DefaultLayout_1.DefaultLayout, { ...props, children: (0, jsx_runtime_1.jsxs)("div", { className: "p-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-20" }), (0, jsx_runtime_1.jsx)(VideoInfoHeader, { ...props.data, useDarkTheme: (0, theme_1.isDark)(props.ctx) }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden mt-8", children: props.data.CommentsData.length > 0 ? (props.data.CommentsData.map((comment, index) => ((0, jsx_runtime_1.jsx)(CommentItemComponent, { isLast: index === props.data.CommentsData.length - 1, ...comment }, index)))) : ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center py-20 text-muted", children: (0, jsx_runtime_1.jsx)("div", { className: "text-center", children: (0, jsx_runtime_1.jsx)("p", { className: "text-xl", children: "\u6682\u65E0\u8BC4\u8BBA\u6570\u636E" }) }) })) })] }) }));
+});
+exports.default = exports.BilibiliComment;

package/lib/ktr/template/bilibili/comment/components/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/ktr/template/bilibili/comment/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const Comment_1 = require("./components/Comment");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '评论列表',
+    description: 'B站视频稿件评论列表展示模板',
+    component: Comment_1.BilibiliComment,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});

package/lib/ktr/template/bilibili/components/Icons.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommentIcon = exports.DurationIcon = exports.ViewIcon = exports.CoinIcon = exports.PlayIcon = exports.ShareIcon = exports.StarIcon = exports.ThumbUpIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../../compat/phosphor-icons.js");
+/** B站官方点赞图标 */
+const ThumbUpIcon = ({ className, size, variant = 'solid' }) => {
+    if (variant === 'line') {
+        return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "currentColor", width: size, height: size, children: (0, jsx_runtime_1.jsx)("path", { d: "M9.283433333333333 2.0303066666666663C9.095466666666667 2.0083933333333333 8.921333333333333 2.09014 8.828166666666666 2.1991199999999997C8.424633333333333 2.6711333333333336 8.332133333333333 3.3649466666666665 8.029333333333334 3.9012466666666663C7.630633333333333 4.607453333333333 7.258833333333333 5.034486666666666 6.800866666666666 5.436006666666666C6.42382 5.7665733333333336 6.042199999999999 5.987959999999999 5.666666666666666 6.09112L5.666666666666666 13.1497C6.19062 13.1611 6.751966666666666 13.168333333333333 7.333333333333333 13.168333333333333C8.831233333333333 13.168333333333333 10.1019 13.120766666666665 10.958166666666665 13.076699999999999C11.565133333333332 13.045433333333332 12.091966666666666 12.7451 12.366466666666668 12.256733333333333C12.7516 11.571599999999998 13.2264 10.5669 13.514166666666664 9.3835C13.7823 8.2808 13.904599999999999 7.374333333333333 13.959466666666666 6.734999999999999C13.984933333333332 6.438646666666667 13.750433333333334 6.166686666666667 13.386666666666665 6.166686666666667L10.065133333333332 6.166686666666667C9.898433333333333 6.166686666666667 9.742666666666667 6.08362 9.649833333333333 5.945166666666666C9.536066666666667 5.775493333333333 9.560033333333333 5.5828533333333334 9.6312 5.403346666666666C9.783966666666666 5.013846666666666 9.983933333333333 4.432846666666666 10.062766666666667 3.90454C10.1406 3.3830066666666667 10.121599999999999 2.9639466666666667 9.917133333333332 2.57626C9.697399999999998 2.1596933333333332 9.448266666666665 2.0495266666666665 9.283433333333333 2.0303066666666663zM10.773433333333333 5.166686666666666L13.386666666666665 5.166686666666666C14.269133333333333 5.166686666666666 15.036999999999999 5.875273333333333 14.9558 6.8206C14.897 7.505533333333333 14.767199999999999 8.462733333333333 14.485833333333334 9.6198C14.170333333333334 10.917200000000001 13.6532 12.008466666666665 13.238166666666666 12.746766666666666C12.7729 13.574433333333333 11.910266666666667 14.029 11.009566666666666 14.075366666666667C10.14 14.120166666666666 8.851766666666666 14.168333333333333 7.333333333333333 14.168333333333333C5.862206666666666 14.168333333333333 4.51776 14.1231 3.565173333333333 14.079633333333334C2.4932333333333334 14.030733333333332 1.5939999999999999 13.234466666666666 1.4786599999999999 12.143466666666665C1.4028 11.426066666666665 1.3333333333333333 10.4978 1.3333333333333333 9.501666666666665C1.3333333333333333 8.588966666666666 1.3916466666666667 7.761233333333333 1.4598999999999998 7.104466666666667C1.5791666666666666 5.95696 2.5641 5.166686666666666 3.671693333333333 5.166686666666666L5.166666666666666 5.166686666666666C5.3793066666666665 5.166686666666666 5.709213333333333 5.063186666666667 6.141613333333333 4.68408C6.516733333333333 4.355193333333333 6.816366666666667 4.015666666666666 7.158533333333333 3.409613333333333C7.5023 2.8007333333333335 7.6041 2.0920066666666663 8.068066666666667 1.54932C8.372133333333332 1.1936466666666665 8.8718 0.9755333333333334 9.399233333333333 1.03704C9.949866666666665 1.10124 10.457733333333334 1.4577866666666666 10.801633333333331 2.109713333333333C11.148866666666665 2.767993333333333 11.143799999999999 3.4356599999999995 11.051833333333335 4.0520933333333335C10.993899999999998 4.44022 10.875366666666666 4.852359999999999 10.773433333333333 5.166686666666666zM4.666666666666666 13.122166666666667L4.666666666666666 6.166686666666667L3.671693333333333 6.166686666666667C3.029613333333333 6.166686666666667 2.5161533333333335 6.615046666666666 2.4545466666666664 7.207833333333333C2.3890599999999997 7.837933333333333 2.333333333333333 8.630433333333333 2.333333333333333 9.501666666666665C2.333333333333333 10.453433333333333 2.399833333333333 11.345266666666667 2.473113333333333 12.038333333333334C2.533993333333333 12.614133333333331 3.0083466666666667 13.053199999999999 3.6107466666666665 13.0807C3.9228066666666668 13.094899999999999 4.278173333333333 13.109333333333334 4.666666666666666 13.122166666666667z" }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 36 36", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "currentColor", width: size, height: size, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.77234 30.8573V11.7471H7.54573C5.50932 11.7471 3.85742 13.3931 3.85742 15.425V27.1794C3.85742 29.2112 5.50932 30.8573 7.54573 30.8573H9.77234ZM11.9902 30.8573V11.7054C14.9897 10.627 16.6942 7.8853 17.1055 3.33591C17.2666 1.55463 18.9633 0.814421 20.5803 1.59505C22.1847 2.36964 23.243 4.32583 23.243 6.93947C23.243 8.50265 23.0478 10.1054 22.6582 11.7471H29.7324C31.7739 11.7471 33.4289 13.402 33.4289 15.4435C33.4289 15.7416 33.3928 16.0386 33.3215 16.328L30.9883 25.7957C30.2558 28.7683 27.5894 30.8573 24.528 30.8573H11.9911H11.9902Z" }) }));
+};
+exports.ThumbUpIcon = ThumbUpIcon;
+/** B站官方收藏图标 */
+const StarIcon = ({ className, size, variant = 'solid' }) => {
+    if (variant === 'line') {
+        return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinejoin: "round", width: size, height: size, children: (0, jsx_runtime_1.jsx)("path", { d: "M19.8071 9.26152C18.7438 9.09915 17.7624 8.36846 17.3534 7.39421L15.4723 3.4972C14.8998 2.1982 13.1004 2.1982 12.4461 3.4972L10.6468 7.39421C10.1561 8.36846 9.25639 9.09915 8.19315 9.26152L3.94016 9.91102C2.63155 10.0734 2.05904 11.6972 3.04049 12.6714L6.23023 15.9189C6.96632 16.6496 7.29348 17.705 7.1299 18.7605L6.39381 23.307C6.14844 24.6872 7.62063 25.6614 8.84745 25.0119L12.4461 23.0634C13.4276 22.4951 14.6544 22.4951 15.6359 23.0634L19.2345 25.0119C20.4614 25.6614 21.8518 24.6872 21.6882 23.307L20.8703 18.7605C20.7051 17.705 21.0339 16.6496 21.77 15.9189L24.9597 12.6714C25.9412 11.6972 25.3687 10.0734 24.06 9.91102L19.8071 9.26152Z" }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "currentColor", width: size, height: size, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.8071 9.26152C18.7438 9.09915 17.7624 8.36846 17.3534 7.39421L15.4723 3.4972C14.8998 2.1982 13.1004 2.1982 12.4461 3.4972L10.6468 7.39421C10.1561 8.36846 9.25639 9.09915 8.19315 9.26152L3.94016 9.91102C2.63155 10.0734 2.05904 11.6972 3.04049 12.6714L6.23023 15.9189C6.96632 16.6496 7.29348 17.705 7.1299 18.7605L6.39381 23.307C6.14844 24.6872 7.62063 25.6614 8.84745 25.0119L12.4461 23.0634C13.4276 22.4951 14.6544 22.4951 15.6359 23.0634L19.2345 25.0119C20.4614 25.6614 21.8518 24.6872 21.6882 23.307L20.8703 18.7605C20.7051 17.705 21.0339 16.6496 21.77 15.9189L24.9597 12.6714C25.9412 11.6972 25.3687 10.0734 24.06 9.91102L19.8071 9.26152Z" }) }));
+};
+exports.StarIcon = StarIcon;
+/** B站官方分享图标 */
+const ShareIcon = ({ className, size, variant = 'solid' }) => {
+    if (variant === 'line') {
+        return ((0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: { width: size, height: size }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M11.7148 3.3904L12.1883 2.80873V2.80873L11.7148 3.3904ZM10.0835 7.11906L10.1675 7.86434C10.5469 7.82159 10.8335 7.50077 10.8335 7.11906H10.0835ZM2.40872 16.249L1.66281 16.1708L2.40872 16.249ZM3.41451 16.5323L2.78976 16.1174H2.78976L3.41451 16.5323ZM10.0835 12.9746H10.8335C10.8335 12.5859 10.5366 12.2616 10.1494 12.2275L10.0835 12.9746ZM11.7148 16.7765L11.2414 16.1948L11.7148 16.7765ZM18.5084 11.2469L18.035 10.6652H18.035L18.5084 11.2469ZM18.5085 8.92019L18.9819 8.33852L18.5085 8.92019ZM10.8335 4.16596C10.8335 3.95534 11.078 3.83911 11.2414 3.97206L12.1883 2.80873C11.0449 1.87805 9.33354 2.69168 9.33354 4.16596H10.8335ZM10.8335 7.11906V4.16596H9.33354V7.11906H10.8335ZM3.15463 16.3272C3.51573 12.883 4.69455 10.8613 6.01872 9.66171C7.35327 8.45275 8.91679 8.00533 10.1675 7.86434L9.99953 6.37378C8.54838 6.53736 6.65086 7.06509 5.01166 8.55003C3.36208 10.0444 2.05444 12.4353 1.66281 16.1708L3.15463 16.3272ZM2.78976 16.1174C2.84989 16.0268 2.94169 16.0279 2.97464 16.0369C2.99716 16.043 3.04471 16.0623 3.0897 16.1195C3.14262 16.1869 3.16079 16.2684 3.15463 16.3272L1.66281 16.1708C1.58766 16.8875 2.09197 17.3518 2.58225 17.4846C3.05748 17.6134 3.68033 17.4877 4.03925 16.9473L2.78976 16.1174ZM10.1494 12.2275C8.06107 12.0433 5.11428 12.6176 2.78976 16.1174L4.03925 16.9473C6.01112 13.9785 8.38309 13.5775 10.0177 13.7217L10.1494 12.2275ZM10.8335 16.0009V12.9746H9.33354V16.0009H10.8335ZM11.2414 16.1948C11.078 16.3278 10.8335 16.2116 10.8335 16.0009H9.33354C9.33354 17.4752 11.0449 18.2888 12.1883 17.3582L11.2414 16.1948ZM18.035 10.6652L11.2414 16.1948L12.1883 17.3582L18.9819 11.8285L18.035 10.6652ZM18.035 9.50185C18.4037 9.80199 18.4037 10.3651 18.035 10.6652L18.9819 11.8285C20.0881 10.9282 20.0881 9.23891 18.9819 8.33852L18.035 9.50185ZM11.2414 3.97206L18.035 9.50185L18.9819 8.33852L12.1883 2.80873L11.2414 3.97206Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0126 2.74638C10.9645 1.89326 9.39575 2.63908 9.39575 3.9905V6.52347C8.04285 6.7607 6.42622 7.33445 5.01037 8.63537C3.36503 10.1472 2.06603 12.5719 1.70486 16.3755C1.64281 17.029 2.10319 17.4525 2.5535 17.5729C2.99132 17.6899 3.56409 17.5696 3.88706 17.0656C4.90489 15.4772 6.02606 14.6008 7.07814 14.1323C7.88831 13.7715 8.68279 13.6415 9.39575 13.6345V16.176C9.39575 17.5275 10.9645 18.2733 12.0126 17.4202L19.0613 11.683C20.0753 10.8576 20.0753 9.30912 19.0613 8.48377L12.0126 2.74638ZM10.7707 3.9905C10.7707 3.79744 10.9949 3.6909 11.1446 3.81277L18.1933 9.55016C18.5313 9.82528 18.5313 10.3414 18.1933 10.6166L11.1446 16.3538C10.9949 16.4756 10.7707 16.3691 10.7707 16.176V12.9744C10.7707 12.6181 10.4986 12.3209 10.1436 12.2896C9.10884 12.1983 7.8347 12.2902 6.51878 12.8763C5.36413 13.3904 4.20995 14.2707 3.17068 15.6812C3.60099 12.6381 4.70283 10.7852 5.94069 9.64786C7.29583 8.40271 8.89001 7.94525 10.1603 7.80206C10.508 7.76287 10.7707 7.46879 10.7707 7.11889V3.9905Z", fill: "currentColor" })] }));
+    }
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "currentColor", width: size, height: size, children: (0, jsx_runtime_1.jsx)("path", { d: "M12.6058 10.3326V5.44359C12.6058 4.64632 13.2718 4 14.0934 4C14.4423 4 14.78 4.11895 15.0476 4.33606L25.3847 12.7221C26.112 13.3121 26.2087 14.3626 25.6007 15.0684C25.5352 15.1443 25.463 15.2144 25.3847 15.2779L15.0476 23.6639C14.4173 24.1753 13.4791 24.094 12.9521 23.4823C12.7283 23.2226 12.6058 22.8949 12.6058 22.5564V18.053C7.59502 18.053 5.37116 19.9116 2.57197 23.5251C2.47607 23.6489 2.00031 23.7769 2.00031 23.2122C2.00031 16.2165 3.90102 10.3326 12.6058 10.3326Z" }) }));
+};
+exports.ShareIcon = ShareIcon;
+/** B站官方播放量图标 */
+const PlayIcon = ({ className, size, variant = 'solid' }) => {
+    if (variant === 'line') {
+        return ((0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "none", stroke: "currentColor", strokeWidth: "1.2", strokeLinejoin: "round", strokeLinecap: "round", width: size, height: size, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "10", cy: "10", r: "6.4" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.23 9.2L9.58 12.34L8.19 8.47Z" })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "currentColor", width: size, height: size, children: [(0, jsx_runtime_1.jsx)("path", { d: "M10 4.040041666666666C7.897383333333334 4.040041666666666 6.061606666666667 4.147 4.765636666666667 4.252088333333334C3.806826666666667 4.32984 3.061106666666667 5.0637316666666665 2.9755000000000003 6.015921666666667C2.8803183333333333 7.074671666666667 2.791666666666667 8.471183333333332 2.791666666666667 9.998333333333333C2.791666666666667 11.525566666666668 2.8803183333333333 12.922083333333333 2.9755000000000003 13.9808C3.061106666666667 14.932983333333334 3.806826666666667 15.666916666666667 4.765636666666667 15.744683333333336C6.061611666666668 15.849716666666666 7.897383333333334 15.956666666666667 10 15.956666666666667C12.10285 15.956666666666667 13.93871666666667 15.849716666666666 15.234766666666667 15.74461666666667C16.193416666666668 15.66685 16.939000000000004 14.933216666666667 17.024583333333336 13.981216666666668C17.11975 12.922916666666667 17.208333333333332 11.526666666666666 17.208333333333332 9.998333333333333C17.208333333333332 8.470083333333333 17.11975 7.073818333333334 17.024583333333336 6.015513333333334C16.939000000000004 5.063538333333333 16.193416666666668 4.329865000000001 15.234766666666667 4.252118333333334C13.93871666666667 4.147016666666667 12.10285 4.040041666666666 10 4.040041666666666zM4.684808333333334 3.255365C6.001155 3.14862 7.864583333333334 3.0400416666666668 10 3.0400416666666668C12.13565 3.0400416666666668 13.999199999999998 3.148636666666667 15.315566666666667 3.2553900000000002C16.753416666666666 3.3720016666666672 17.890833333333333 4.483195 18.020583333333335 5.925965000000001C18.11766666666667 7.005906666666667 18.208333333333336 8.433 18.208333333333336 9.998333333333333C18.208333333333336 11.56375 18.11766666666667 12.990833333333335 18.020583333333335 14.0708C17.890833333333333 15.513533333333331 16.753416666666666 16.624733333333335 15.315566666666667 16.74138333333333C13.999199999999998 16.848116666666666 12.13565 16.95666666666667 10 16.95666666666667C7.864583333333334 16.95666666666667 6.001155 16.848116666666666 4.684808333333334 16.7414C3.2467266666666665 16.624750000000002 2.1092383333333338 15.513266666666667 1.9795200000000002 14.070383333333334C1.8823900000000002 12.990000000000002 1.7916666666666667 11.562683333333334 1.7916666666666667 9.998333333333333C1.7916666666666667 8.434066666666666 1.8823900000000002 7.00672 1.9795200000000002 5.926381666666667C2.1092383333333338 4.483463333333334 3.2467266666666665 3.371976666666667 4.684808333333334 3.255365z" }), (0, jsx_runtime_1.jsx)("path", { d: "M12.23275 9.1962C12.851516666666667 9.553483333333332 12.851516666666667 10.44665 12.232683333333332 10.803866666666666L9.57975 12.335600000000001C8.960983333333335 12.692816666666667 8.1875 12.246250000000002 8.187503333333334 11.531733333333333L8.187503333333334 8.4684C8.187503333333334 7.753871666666667 8.960983333333335 7.307296666666667 9.57975 7.66456L12.23275 9.1962z" })] }));
+};
+exports.PlayIcon = PlayIcon;
+/** B站官方投币图标 */
+const CoinIcon = ({ className, size, variant = 'solid' }) => {
+    if (variant === 'line') {
+        return ((0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round", strokeLinecap: "round", width: size, height: size, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "14", cy: "14", r: "11" }), (0, jsx_runtime_1.jsx)("path", { d: "M10 7H18V9H15V21H13V9H10V7Z" })] }));
+    }
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "currentColor", width: size, height: size, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.045 25.5454C7.69377 25.5454 2.54504 20.3967 2.54504 14.0454C2.54504 7.69413 7.69377 2.54541 14.045 2.54541C20.3963 2.54541 25.545 7.69413 25.545 14.0454C25.545 17.0954 24.3334 20.0205 22.1768 22.1771C20.0201 24.3338 17.095 25.5454 14.045 25.5454ZM9.66202 6.81624H18.2761C18.825 6.81624 19.27 7.22183 19.27 7.72216C19.27 8.22248 18.825 8.62807 18.2761 8.62807H14.95V10.2903C17.989 10.4444 20.3766 12.9487 20.3855 15.9916V17.1995C20.3854 17.6997 19.9799 18.1052 19.4796 18.1052C18.9793 18.1052 18.5738 17.6997 18.5737 17.1995V15.9916C18.5667 13.9478 16.9882 12.2535 14.95 12.1022V20.5574C14.95 21.0577 14.5444 21.4633 14.0441 21.4633C13.5437 21.4633 13.1382 21.0577 13.1382 20.5574V12.1022C11.1 12.2535 9.52148 13.9478 9.51448 15.9916V17.1995C9.5144 17.6997 9.10883 18.1052 8.60856 18.1052C8.1083 18.1052 7.70273 17.6997 7.70265 17.1995V15.9916C7.71158 12.9487 10.0992 10.4444 13.1382 10.2903V8.62807H9.66202C9.11309 8.62807 8.66809 8.22248 8.66809 7.72216C8.66809 7.22183 9.11309 6.81624 9.66202 6.81624Z" }) }));
+};
+exports.CoinIcon = CoinIcon;
+/** B站官方浏览图标 */
+const ViewIcon = ({ className, size, variant = 'solid' }) => {
+    if (variant === 'line') {
+        return ((0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "currentColor", width: size, height: size, children: [(0, jsx_runtime_1.jsx)("path", { d: "M8 3.3320333333333334C6.321186666666667 3.3320333333333334 4.855333333333333 3.4174399999999996 3.820593333333333 3.5013466666666666C3.1014733333333333 3.5596599999999996 2.5440733333333334 4.109013333333333 2.48 4.821693333333333C2.4040466666666664 5.666533333333334 2.333333333333333 6.780666666666666 2.333333333333333 7.998666666666666C2.333333333333333 9.216733333333334 2.4040466666666664 10.330866666666665 2.48 11.175699999999999C2.5440733333333334 11.888366666666666 3.1014733333333333 12.437733333333334 3.820593333333333 12.496066666666666C4.855333333333333 12.579933333333333 6.321186666666667 12.665333333333333 8 12.665333333333333C9.678999999999998 12.665333333333333 11.144933333333334 12.579933333333333 12.179733333333333 12.496033333333333C12.898733333333332 12.4377 13.456 11.888533333333331 13.520066666666667 11.176033333333333C13.595999999999998 10.331533333333333 13.666666666666666 9.217633333333332 13.666666666666666 7.998666666666666C13.666666666666666 6.779766666666667 13.595999999999998 5.665846666666667 13.520066666666667 4.821366666666666C13.456 4.108866666666666 12.898733333333332 3.55968 12.179733333333333 3.5013666666666663C11.144933333333334 3.417453333333333 9.678999999999998 3.3320333333333334 8 3.3320333333333334zM3.7397666666666667 2.50462C4.794879999999999 2.41906 6.288386666666666 2.3320333333333334 8 2.3320333333333334C9.7118 2.3320333333333334 11.2054 2.4190733333333334 12.260533333333331 2.5046399999999998C13.458733333333331 2.6018133333333333 14.407866666666665 3.5285199999999994 14.516066666666667 4.73182C14.593933333333332 5.597933333333334 14.666666666666666 6.7427 14.666666666666666 7.998666666666666C14.666666666666666 9.2547 14.593933333333332 10.399466666666665 14.516066666666667 11.2656C14.407866666666665 12.468866666666665 13.458733333333331 13.395566666666667 12.260533333333331 13.492766666666665C11.2054 13.578333333333333 9.7118 13.665333333333333 8 13.665333333333333C6.288386666666666 13.665333333333333 4.794879999999999 13.578333333333333 3.7397666666666667 13.492799999999999C2.541373333333333 13.395599999999998 1.5922066666666668 12.468633333333333 1.4840200000000001 11.265266666666665C1.4061199999999998 10.3988 1.3333333333333333 9.253866666666667 1.3333333333333333 7.998666666666666C1.3333333333333333 6.743533333333333 1.4061199999999998 5.598579999999999 1.4840200000000001 4.732153333333333C1.5922066666666668 3.5287466666666667 2.541373333333333 2.601793333333333 3.7397666666666667 2.50462z" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.8092 7.3125C10.338433333333333 7.618066666666666 10.338433333333333 8.382 9.809166666666666 8.687533333333333L7.690799999999999 9.910599999999999C7.161566666666666 10.216133333333332 6.5 9.8342 6.500006666666666 9.223066666666666L6.500006666666666 6.776999999999999C6.500006666666666 6.165873333333334 7.161566666666666 5.783913333333333 7.690799999999999 6.089479999999999L9.8092 7.3125z" })] }));
+    }
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "currentColor", fillRule: "evenodd", width: size, height: size, children: (0, jsx_runtime_1.jsx)("path", { d: "M3.7397666666666667 2.50462C4.794879999999999 2.41906 6.288386666666666 2.3320333333333334 8 2.3320333333333334C9.7118 2.3320333333333334 11.2054 2.4190733333333334 12.260533333333331 2.5046399999999998C13.458733333333331 2.6018133333333333 14.407866666666665 3.5285199999999994 14.516066666666667 4.73182C14.593933333333332 5.597933333333334 14.666666666666666 6.7427 14.666666666666666 7.998666666666666C14.666666666666666 9.2547 14.593933333333332 10.399466666666665 14.516066666666667 11.2656C14.407866666666665 12.468866666666665 13.458733333333331 13.395566666666667 12.260533333333331 13.492766666666665C11.2054 13.578333333333333 9.7118 13.665333333333333 8 13.665333333333333C6.288386666666666 13.665333333333333 4.794879999999999 13.578333333333333 3.7397666666666667 13.492799999999999C2.541373333333333 13.395599999999998 1.5922066666666668 12.468633333333333 1.4840200000000001 11.265266666666665C1.4061199999999998 10.3988 1.3333333333333333 9.253866666666667 1.3333333333333333 7.998666666666666C1.3333333333333333 6.743533333333333 1.4061199999999998 5.598579999999999 1.4840200000000001 4.732153333333333C1.5922066666666668 3.5287466666666667 2.541373333333333 2.601793333333333 3.7397666666666667 2.50462z M9.8092 7.3125L7.6908 6.0895C7.1616 5.7839 6.5 6.1659 6.5 6.777L6.5 9.2231C6.5 9.8342 7.1616 10.2161 7.6908 9.9106L9.8092 8.6875C10.3384 8.382 10.3384 7.6181 9.8092 7.3125z" }) }));
+};
+exports.ViewIcon = ViewIcon;
+/** 视频时长图标（Phosphor Icons） */
+const DurationIcon = ({ className, size, variant = 'solid' }) => {
+    return (0, jsx_runtime_1.jsx)(react_1.ClockIcon, { weight: variant === 'line' ? 'regular' : 'fill', className: className, size: size });
+};
+exports.DurationIcon = DurationIcon;
+/** B站官方评论图标 */
+const CommentIcon = ({ className, size, variant = 'solid' }) => {
+    if (variant === 'line') {
+        return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "currentColor", width: size, height: size, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5625 7.875C1.5625 4.59581 4.22081 1.9375 7.5 1.9375H10.5C13.7792 1.9375 16.4375 4.59581 16.4375 7.875C16.4375 11.0504 13.9447 13.6435 10.8093 13.8041C10.097 14.723 8.92088 15.8807 7.2671 16.3313C6.97351 16.4113 6.70476 16.2862 6.55411 16.0923C6.40789 15.9041 6.3561 15.63435 6.46524 15.383C6.72879 14.77625 6.77646 14.22103 6.73402 13.7618C3.81677 13.3871 1.5625 10.8945 1.5625 7.875ZM7.5 2.9375C4.77309 2.9375 2.5625 5.14809 2.5625 7.875C2.5625 10.5026 4.61524 12.6511 7.20419 12.8038C7.43059 12.8172 7.61962 12.9812 7.66472 13.2035C7.77257 13.7346 7.8012 14.4054 7.58843 15.1484C8.74832 14.6682 9.606 13.7598 10.1513 13.0165C10.2444 12.8895 10.3921 12.8138 10.5496 12.8123C13.2536 12.7857 15.4375 10.58535 15.4375 7.875C15.4375 5.14809 13.2269 2.9375 10.5 2.9375H7.5Z" }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", className: className, fill: "currentColor", width: size, height: size, children: (0, jsx_runtime_1.jsx)("path", { d: "M1.5625 7.875C1.5625 4.59581 4.22081 1.9375 7.5 1.9375H10.5C13.7792 1.9375 16.4375 4.59581 16.4375 7.875C16.4375 11.0504 13.9447 13.6435 10.8093 13.8041C10.097 14.723 8.92088 15.8807 7.2671 16.3313C6.97351 16.4113 6.70476 16.2862 6.55411 16.0923C6.40789 15.9041 6.3561 15.63435 6.46524 15.383C6.72879 14.77625 6.77646 14.22103 6.73402 13.7618C3.81677 13.3871 1.5625 10.8945 1.5625 7.875Z" }) }));
+};
+exports.CommentIcon = CommentIcon;

package/lib/ktr/template/bilibili/components/shared.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DecorationCard = exports.EnhancedImage = exports.CommentText = exports.processCommentHTML = exports.UsernameDisplay = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const cn_1 = require("../../../utils/cn");
+/**
+ * 用户名渲染组件
+ * 根据 VIP 状态和颜色信息渲染用户名
+ */
+const UsernameDisplay = ({ metadata, className, style }) => {
+    const vipColor = metadata.vipStatus === 1 ? (metadata.nicknameColor ?? '#FB7299') : null;
+    return ((0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)(!vipColor && 'text-foreground', 'font-bold', className), style: { ...style, ...(vipColor ? { color: vipColor } : {}) }, children: metadata.name }));
+};
+exports.UsernameDisplay = UsernameDisplay;
+/**
+ * 处理评论文本中的图片防盗链问题
+ * @param htmlContent HTML内容
+ * @returns 处理后的HTML内容
+ */
+const processCommentHTML = (htmlContent) => {
+    if (!htmlContent || typeof htmlContent !== 'string') {
+        return '';
+    }
+    let processed = htmlContent;
+    // 使用正则表达式匹配所有img标签并添加防盗链属性
+    processed = processed.replace(/<img([^>]*?)>/gi, '<img$1 referrerpolicy="no-referrer" crossorigin="anonymous">');
+    // 替换不可见的分隔符字符 ¨ (U+00A8) 为更明显的点 • (U+2022)
+    // ·  •  ●  -
+    processed = processed.replace(/¨/g, '•');
+    return processed;
+};
+exports.processCommentHTML = processCommentHTML;
+/**
+ * 评论文本组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const CommentText = ({ content, className, style }) => {
+    const processedContent = (0, exports.processCommentHTML)(content);
+    return (0, jsx_runtime_1.jsx)("div", { className: className, style: style, dangerouslySetInnerHTML: { __html: processedContent } });
+};
+exports.CommentText = CommentText;
+/**
+ * 增强型图片组件
+ * 主要功能:
+ * 1. 图片加载失败时显示占位符
+ * 2. 支持圆形和方形两种样式
+ * 3. 自动处理防盗链(添加referrerPolicy和crossOrigin属性)
+ */
+const EnhancedImage = ({ src, alt, className = '', placeholder, isCircular = false }) => {
+    const [hasError, setHasError] = (0, react_1.useState)(false);
+    /**
+     * 处理图片加载失败
+     */
+    const handleError = () => {
+        setHasError(true);
+    };
+    if (!src || hasError) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: `${className} ${isCircular ? 'rounded-full' : 'rounded-md'} bg-surface-secondary flex items-center justify-center`, children: (0, jsx_runtime_1.jsx)("span", { className: "text-sm text-muted", children: placeholder || alt }) }));
+    }
+    return (0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, className: className, onError: handleError, referrerPolicy: "no-referrer", crossOrigin: "anonymous" });
+};
+exports.EnhancedImage = EnhancedImage;
+/**
+ * 代理图片 URL，绕过 B 站防盗链
+ */
+const proxyImageUrl = (url) => {
+    return `https://images.weserv.nl/?url=${encodeURIComponent(url)}`;
+};
+/**
+ * 装饰卡片组件
+ * 接收 JSON 数据并用 React 元素渲染
+ */
+const DecorationCard = ({ data }) => {
+    if (!data)
+        return null;
+    const gradientStyle = data.colors.length > 0 ? `linear-gradient(135deg, ${data.colors.join(', ')} 0%, ${data.colors.join(', ')} 100%)` : undefined;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-end font-[bilifont]", style: {
+            width: '500px',
+            height: '150px',
+            backgroundPosition: 'center',
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: 'contain',
+            backgroundImage: `url('${proxyImageUrl(data.card_url)}')`
+        }, children: gradientStyle && data.text && ((0, jsx_runtime_1.jsx)("span", { className: "mr-40 text-3xl", style: {
+                color: 'transparent',
+                backgroundClip: 'text',
+                WebkitBackgroundClip: 'text',
+                backgroundImage: gradientStyle
+            }, children: data.text })) }));
+};
+exports.DecorationCard = DecorationCard;

package/lib/ktr/template/bilibili/components/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });