koishi-plugin-kkk 1.0.0

package/lib/ktr/template/bilibili/dynamic/DYNAMIC_TYPE_ARTICLE/components/DYNAMIC_TYPE_ARTICLE.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BilibiliArticleDynamic = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const richtext_1 = require("../../../../../../richtext");
+const lucide_react_1 = require("lucide-react");
+const react_1 = __importDefault(require("react"));
+const theme_1 = require("../../../../../utils/theme");
+const DefaultLayout_1 = require("../../../../components/DefaultLayout");
+const QRCodeWithAvatar_1 = require("../../../../components/QRCodeWithAvatar");
+const Icons_1 = require("../../../components/Icons");
+const shared_1 = require("../../../components/shared");
+/**
+ * B站专栏动态用户信息组件
+ */
+const BilibiliArticleUserInfo = react_1.default.memo((props) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-10 items-center justify-between px-0 pb-0 pl-24 pr-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-10 items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.data.avatar_url, alt: "\u7528\u6237\u5934\u50CF", className: "w-32 h-32 rounded-full shadow-medium", isCircular: true }), props.data.frame && (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.data.frame, alt: "\u5934\u50CF\u6846", className: "absolute inset-0 transform scale-180" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-8 text-7xl", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-6xl font-bold select-text text-foreground", children: (0, jsx_runtime_1.jsx)(shared_1.UsernameDisplay, { metadata: props.data.usernameMeta }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center text-4xl font-normal whitespace-nowrap text-muted", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Clock, { size: 36 }), props.data.create_time] })] })] }), props.data.decoration_card && ((0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: (0, jsx_runtime_1.jsx)(shared_1.DecorationCard, { data: props.data.decoration_card }) }))] }));
+});
+/**
+ * B站专栏动态内容组件
+ */
+const BilibiliArticleContent = react_1.default.memo((props) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col px-20 w-full leading-relaxed", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-8", children: (0, jsx_runtime_1.jsx)("h1", { className: "text-[60px] font-bold leading-[1.4] tracking-[0.5px] text-foreground select-text", children: (0, jsx_runtime_1.jsx)(shared_1.CommentText, { content: props.data.title }) }) }), props.data.banner_url && ((0, jsx_runtime_1.jsx)("div", { className: "mb-8", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.data.banner_url, alt: "\u4E13\u680F\u5C01\u9762", className: "w-full rounded-2xl shadow-medium" }) })), props.data.summary && ((0, jsx_runtime_1.jsx)("div", { className: "mb-8", children: (0, jsx_runtime_1.jsx)(shared_1.CommentText, { content: props.data.summary, className: "text-[48px] leading-[1.6] text-foreground/70 select-text" }) })), props.data.body && ((0, jsx_runtime_1.jsx)("div", { className: "text-5xl leading-relaxed flex-col items-center mb-8 select-text", children: (0, richtext_1.renderRichTextToReact)(props.data.body, {
+                    at: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                    topic: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                    webLink: { className: 'text-[#006A9E] dark:text-[#58B0D5] underline' },
+                    opusLink: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                    mention: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                    lottery: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                    vote: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                    viewPicture: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                    searchKeyword: {
+                        className: 'text-[#006A9E] dark:text-[#58B0D5]',
+                        iconClassName: 'text-[#006A9E] dark:text-[#58B0D5]'
+                    },
+                    codeBlock: {
+                        className: 'font-mono'
+                    },
+                    linkCard: {
+                        className: 'block bg-default rounded-4xl p-16 my-8 text-[#006A9E] dark:text-[#58B0D5] underline border border-scrollbar'
+                    }
+                }) }))] }));
+});
+/**
+ * B站专栏动态状态组件
+ */
+const BilibiliArticleStatus = react_1.default.memo((props) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-12 px-20 py-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-24 items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center text-[42px]", children: [(0, jsx_runtime_1.jsx)(Icons_1.ThumbUpIcon, { size: 32 }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: props.data.stats.like || 0 }), (0, jsx_runtime_1.jsx)("span", { className: "text-[36px] text-foreground/70", children: "\u70B9\u8D5E" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center text-[42px]", children: [(0, jsx_runtime_1.jsx)(Icons_1.CommentIcon, { size: 32 }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: props.data.stats.reply || 0 }), (0, jsx_runtime_1.jsx)("span", { className: "text-[36px] text-foreground/70", children: "\u8BC4\u8BBA" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center text-[42px]", children: [(0, jsx_runtime_1.jsx)(Icons_1.ShareIcon, { size: 32 }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: props.data.stats.dynamic || 0 }), (0, jsx_runtime_1.jsx)("span", { className: "text-[36px] text-foreground/70", children: "\u5206\u4EAB" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-20 items-center text-[36px] text-foreground/80", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Eye, { size: 28 }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: "\u9605\u8BFB\u91CF" }), (0, jsx_runtime_1.jsx)("span", { className: "font-bold text-foreground", children: props.data.stats.view || 0 })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Bookmark, { size: 28 }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: "\u6536\u85CF" }), (0, jsx_runtime_1.jsx)("span", { className: "font-bold text-foreground", children: props.data.stats.favorite || 0 })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.ThumbUpIcon, { size: 28 }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: "\u83B7\u8D5E" }), (0, jsx_runtime_1.jsx)("span", { className: "font-bold text-foreground", children: props.data.stats.like || 0 })] })] })] }));
+});
+/**
+ * B站专栏动态底部信息组件
+ */
+const BilibiliArticleFooter = react_1.default.memo((props) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-start px-20 pb-20", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-12", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-12 items-start", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative shrink-0", children: [(0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.data.avatar_url, alt: "\u5934\u50CF", className: "rounded-full shadow-medium w-35 h-auto", isCircular: true }), props.data.frame && (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.data.frame, alt: "\u5934\u50CF\u6846", className: "absolute inset-0 transform scale-175" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-7xl font-bold select-text text-foreground", children: (0, jsx_runtime_1.jsx)(shared_1.UsernameDisplay, { metadata: props.data.usernameMeta }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center text-4xl text-muted", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Hash, { size: 32 }), (0, jsx_runtime_1.jsxs)("span", { className: "select-text", children: ["UID: ", props.data.user_shortid] })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-3xl flex gap-6 items-center text-foreground/70", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-surface", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.ThumbUpIcon, { size: 28 }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: "\u83B7\u8D5E" })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full h-px bg-border" }), (0, jsx_runtime_1.jsx)("span", { className: "select-text font-medium text-4xl", children: props.data.total_favorited })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-surface", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Eye, { size: 28 }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: "\u5173\u6CE8" })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full h-px bg-border" }), (0, jsx_runtime_1.jsx)("span", { className: "select-text font-medium text-4xl", children: props.data.following_count })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-surface", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.UsersRound, { size: 28 }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: "\u7C89\u4E1D" })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full h-px bg-border" }), (0, jsx_runtime_1.jsx)("span", { className: "select-text font-medium text-4xl", children: props.data.fans })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center gap-4", children: (0, jsx_runtime_1.jsx)(QRCodeWithAvatar_1.QRCodeWithAvatar, { value: props.data.share_url, avatarUrl: props.data.avatar_url, useDarkTheme: (0, theme_1.isDark)(props.ctx), alt: "\u4E8C\u7EF4\u7801", className: "h-auto w-75 rounded-2xl" }) })] }));
+});
+/**
+ * B站专栏动态主组件
+ */
+exports.BilibiliArticleDynamic = react_1.default.memo((props) => {
+    return ((0, jsx_runtime_1.jsx)(DefaultLayout_1.DefaultLayout, { ctx: props.ctx, children: (0, jsx_runtime_1.jsxs)("div", { className: "p-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-25" }), (0, jsx_runtime_1.jsx)(BilibiliArticleUserInfo, { ...props }), (0, jsx_runtime_1.jsx)("div", { className: "h-15" }), (0, jsx_runtime_1.jsx)(BilibiliArticleContent, { ...props }), (0, jsx_runtime_1.jsx)(BilibiliArticleStatus, { ...props }), (0, jsx_runtime_1.jsx)("div", { className: "h-23" }), (0, jsx_runtime_1.jsx)(BilibiliArticleFooter, { ...props })] }) }));
+});
+exports.BilibiliArticleDynamic.displayName = 'BilibiliArticleDynamic';
+exports.default = exports.BilibiliArticleDynamic;

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

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

package/lib/ktr/template/bilibili/dynamic/DYNAMIC_TYPE_ARTICLE/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../../compat/template-react.js");
+const DYNAMIC_TYPE_ARTICLE_1 = require("./components/DYNAMIC_TYPE_ARTICLE");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '专栏动态',
+    description: 'B站专栏动态展示模板',
+    component: DYNAMIC_TYPE_ARTICLE_1.BilibiliArticleDynamic,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});

package/lib/ktr/template/bilibili/dynamic/DYNAMIC_TYPE_AV/components/DYNAMIC_TYPE_AV.js

@@ -0,0 +1,87 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BilibiliVideoDynamic = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const richtext_1 = require("../../../../../../richtext");
+const react_1 = require("../../../../../../compat/phosphor-icons.js");
+const react_2 = __importDefault(require("react"));
+const cn_1 = require("../../../../../utils/cn");
+const theme_1 = require("../../../../../utils/theme");
+const DefaultLayout_1 = require("../../../../components/DefaultLayout");
+const Icons_1 = require("../../../components/Icons");
+const shared_1 = require("../../../components/shared");
+const CommonComponents_1 = require("../../components/CommonComponents");
+/**
+ * B站视频内容组件
+ */
+const BilibiliVideoContent = (props) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "px-16", children: (0, jsx_runtime_1.jsxs)("div", { className: "px-12 py-12 rounded-8xl bg-surface-secondary", children: [props.data.image_url && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "items-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex overflow-hidden relative flex-col flex-1 items-center rounded-5xl shadow-large", children: [(0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.data.image_url, alt: "\u5C01\u9762", className: "object-contain w-full h-full rounded-3xl" }), (0, jsx_runtime_1.jsx)("div", { className: "flex absolute bottom-12 right-16", children: (0, jsx_runtime_1.jsx)("img", { src: "/image/bilibili/play.svg", alt: "\u64AD\u653E\u56FE\u6807", className: "w-40 h-40" }) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-10" })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-full leading-relaxed", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative items-center text-6xl font-bold tracking-wider wrap-break-word text-foreground leading-tight", children: props.data.text &&
+                                (0, richtext_1.renderRichTextToReact)(props.data.text, {
+                                    at: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    topic: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    lottery: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    webLink: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    vote: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    viewPicture: { className: 'text-[#006A9E] dark:text-[#58B0D5]' }
+                                }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-10" }), (0, jsx_runtime_1.jsx)("div", { className: "text-5xl text-muted leading-normal wrap-break-word break-keep", children: props.data.desc &&
+                                (0, richtext_1.renderRichTextToReact)(props.data.desc, {
+                                    at: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    topic: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    lottery: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    webLink: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    vote: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    viewPicture: { className: 'text-[#006A9E] dark:text-[#58B0D5]' }
+                                }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-20" }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col gap-8 text-foreground/70", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-12 items-center text-5xl font-light tracking-normal", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.CoinIcon, { size: 52 }), (0, jsx_runtime_1.jsxs)("span", { className: "select-text", children: [props.data.coin, "\u786C\u5E01"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.ViewIcon, { size: 52, variant: "solid" }), (0, jsx_runtime_1.jsxs)("span", { className: "select-text", children: [props.data.view, "\u64AD\u653E"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center text-5xl font-light tracking-normal", children: [(0, jsx_runtime_1.jsx)(react_1.ClockIcon, { size: 52, weight: "fill" }), (0, jsx_runtime_1.jsxs)("span", { className: "select-text", children: ["\u65F6\u957F(", props.data.page_length, "P): ", props.data.duration_text] })] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-2" })] })] }) }));
+};
+/**
+ * B站视频动态共创者组件
+ */
+const BilibiliVideoStaff = (props) => {
+    // 过滤掉已显示在底部的用户，避免重复
+    const otherStaff = props.data.staff?.filter((member) => member.mid !== Number(props.data.user_shortid)) || [];
+    // 响应式计算可显示的共创者数量
+    const listRef = react_2.default.useRef(null);
+    const [visibleCount, setVisibleCount] = react_2.default.useState(otherStaff.length);
+    react_2.default.useEffect(() => {
+        const calc = () => {
+            const el = listRef.current;
+            if (!el || otherStaff.length === 0)
+                return;
+            const containerWidth = el.offsetWidth;
+            // 每项实际宽度约168px（头像w-42），间距gap-8=32px
+            const ITEM_W = 168;
+            const GAP = 32;
+            const capacity = Math.floor(containerWidth / (ITEM_W + GAP));
+            const needEllipsis = otherStaff.length > capacity;
+            const nextVisible = needEllipsis ? Math.max(0, capacity - 1) : otherStaff.length;
+            setVisibleCount(nextVisible);
+        };
+        calc();
+        window.addEventListener('resize', calc);
+        return () => window.removeEventListener('resize', calc);
+    }, [otherStaff.length]);
+    if (otherStaff.length === 0)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col px-20 w-full", children: [(0, jsx_runtime_1.jsxs)("div", { ref: listRef, className: "flex overflow-hidden gap-8 py-1 w-full", children: [otherStaff.slice(0, visibleCount).map((member) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center min-w-42 w-42 shrink-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center bg-white rounded-full w-30 h-30", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: member.face, alt: member.name, className: "object-cover w-28 h-28 rounded-full", isCircular: true }) }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground", children: member.name }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-muted", children: member.title })] }, member.mid))), otherStaff.length > visibleCount && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center min-w-42 w-42 shrink-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center rounded-full bg-surface-secondary w-30 h-30", children: (0, jsx_runtime_1.jsx)("span", { className: "text-[42px] leading-none text-muted", children: "\u00B7\u00B7\u00B7" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground", children: ["\u8FD8\u6709", otherStaff.length - visibleCount, "\u4EBA"] }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-muted", children: "\u5171\u521B" })] }))] }), (0, jsx_runtime_1.jsx)("div", { className: "h-15" })] }));
+};
+/**
+ * B站视频动态组件
+ */
+exports.BilibiliVideoDynamic = 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)("div", { className: "h-25" }), (0, jsx_runtime_1.jsx)(CommonComponents_1.BilibiliDynamicUserInfo, { ...props.data }), (0, jsx_runtime_1.jsx)("div", { className: "h-15" }), props.data.dynamic_text && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col px-20 w-full leading-relaxed", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative items-center text-5xl tracking-wider wrap-break-word text-foreground", children: (0, jsx_runtime_1.jsx)("div", { className: "text-[60px] tracking-[0.5px] leading-[1.6] whitespace-pre-wrap text-foreground select-text", style: {
+                                    wordBreak: 'break-word',
+                                    overflowWrap: 'break-word'
+                                }, children: props.data.dynamic_text.nodes.length > 0 ? ((0, richtext_1.renderRichTextToReact)(props.data.dynamic_text, {
+                                    at: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    topic: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    lottery: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    webLink: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    vote: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    viewPicture: { className: 'text-[#006A9E] dark:text-[#58B0D5]' }
+                                })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-default-foreground/50", children: "\u6295\u7A3F\u4E86\u89C6\u9891" })) }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-15" })] })), (0, jsx_runtime_1.jsx)(BilibiliVideoContent, { ...props }), (0, jsx_runtime_1.jsx)("div", { className: "h-15" }), (0, jsx_runtime_1.jsx)(CommonComponents_1.BilibiliDynamicStatus, { ...props.data }), (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)(props.data.staff && props.data.staff.length > 0 && 'h-23', !props.data.staff && 'h-40') }), (0, jsx_runtime_1.jsx)(BilibiliVideoStaff, { ...props }), (0, jsx_runtime_1.jsx)(CommonComponents_1.BilibiliDynamicFooter, { ...props.data, useDarkTheme: (0, theme_1.isDark)(props.ctx) })] }) }));
+});
+exports.BilibiliVideoDynamic.displayName = 'BilibiliVideoDynamic';
+exports.default = exports.BilibiliVideoDynamic;

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

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

package/lib/ktr/template/bilibili/dynamic/DYNAMIC_TYPE_AV/index.js

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

package/lib/ktr/template/bilibili/dynamic/DYNAMIC_TYPE_DRAW/components/DYNAMIC_TYPE_DRAW.js

@@ -0,0 +1,93 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BilibiliDrawDynamic = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const richtext_1 = require("../../../../../../richtext");
+const react_1 = __importDefault(require("react"));
+const theme_1 = require("../../../../../utils/theme");
+const DefaultLayout_1 = require("../../../../components/DefaultLayout");
+const shared_1 = require("../../../components/shared");
+const AdditionalCard_1 = require("../../components/AdditionalCard");
+const CommonComponents_1 = require("../../components/CommonComponents");
+/**
+ * B站动态内容组件
+ */
+const BilibiliDynamicContent = (props) => {
+    // 根据配置决定布局方式
+    const getLayoutType = () => {
+        if (!props.image_url || props.image_url.length === 0)
+            return 'auto';
+        switch (props.imageLayout) {
+            case 'vertical':
+                return 'vertical';
+            case 'waterfall':
+                return 'waterfall';
+            case 'grid':
+                return 'grid';
+            case 'auto':
+            default:
+                // 自动布局逻辑
+                if (props.image_url.length <= 4)
+                    return 'vertical';
+                if (props.image_url.length >= 9)
+                    return 'grid';
+                return 'waterfall';
+        }
+    };
+    const layoutType = getLayoutType();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col px-20 w-full leading-relaxed", children: [props.title && ((0, jsx_runtime_1.jsx)("div", { className: "mb-8", children: (0, jsx_runtime_1.jsx)("h2", { className: "text-[72px] font-bold leading-[1.4] text-foreground select-text", children: props.title }) })), (0, jsx_runtime_1.jsx)("div", { className: "relative items-center text-6xl tracking-wider wrap-break-word text-foreground", children: (0, jsx_runtime_1.jsx)("div", { className: "tracking-[0.5px] leading-[1.6] whitespace-pre-wrap text-foreground select-text", style: {
+                                wordBreak: 'break-word',
+                                overflowWrap: 'break-word'
+                            }, children: props.text &&
+                                (0, richtext_1.renderRichTextToReact)(props.text, {
+                                    at: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    topic: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    lottery: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    webLink: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    vote: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                    viewPicture: { className: 'text-[#006A9E] dark:text-[#58B0D5]' }
+                                }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-15" })] }), props.image_url && Array.isArray(props.image_url) && props.image_url.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "px-20", children: [layoutType === 'grid' && ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-3 gap-3 w-full", children: props.image_url.slice(0, 9).map((img, index) => {
+                            const total = Math.min(props.image_url?.length || 0, 9);
+                            const cols = 3;
+                            const row = Math.floor(index / cols);
+                            const col = index % cols;
+                            const lastRow = Math.floor((total - 1) / cols);
+                            const firstRowLastCol = Math.min(cols, total) - 1;
+                            const lastRowLastCol = (total - 1) % cols;
+                            const cornerClasses = [
+                                'overflow-hidden',
+                                'aspect-square',
+                                'shadow-medium',
+                                'rounded-2xl',
+                                row === 0 && col === 0 ? 'rounded-tl-4xl' : '',
+                                row === 0 && col === firstRowLastCol ? 'rounded-tr-4xl' : '',
+                                row === lastRow && col === 0 ? 'rounded-bl-4xl' : '',
+                                row === lastRow && col === lastRowLastCol ? 'rounded-br-4xl' : ''
+                            ]
+                                .filter(Boolean)
+                                .join(' ');
+                            return ((0, jsx_runtime_1.jsx)("div", { className: cornerClasses, children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: img.image_src, alt: `图片${index + 1}`, className: "object-cover w-full h-full" }) }, index));
+                        }) })), layoutType === 'waterfall' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-col flex-1 gap-4", children: props.image_url
+                                    .filter((_, index) => index % 2 === 0)
+                                    .map((img, arrayIndex) => {
+                                    const originalIndex = arrayIndex * 2;
+                                    return ((0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-3xl shadow-medium", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: img.image_src, alt: `图片${originalIndex + 1}`, className: "object-cover w-full h-auto" }) }, originalIndex));
+                                }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col flex-1 gap-4", children: props.image_url
+                                    .filter((_, index) => index % 2 === 1)
+                                    .map((img, arrayIndex) => {
+                                    const originalIndex = arrayIndex * 2 + 1;
+                                    return ((0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-3xl shadow-medium", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: img.image_src, alt: `图片${originalIndex + 1}`, className: "object-cover w-full h-auto" }) }, originalIndex));
+                                }) })] })), layoutType === 'vertical' &&
+                        props.image_url.map((img, index) => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center", children: (0, jsx_runtime_1.jsx)("div", { className: "flex overflow-hidden flex-col flex-1 items-center rounded-4xl shadow-large", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: img.image_src, alt: "\u5C01\u9762", className: "object-contain w-full h-full rounded-5xl" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-10" })] }, index))), (layoutType === 'waterfall' || layoutType === 'grid') && (0, jsx_runtime_1.jsx)("div", { className: "h-18" })] })), props.additional && (0, jsx_runtime_1.jsx)(AdditionalCard_1.BilibiliAdditionalCard, { additional: props.additional })] }));
+};
+/**
+ * B站动态组件
+ */
+exports.BilibiliDrawDynamic = react_1.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)("div", { className: "h-25" }), (0, jsx_runtime_1.jsx)(CommonComponents_1.BilibiliDynamicUserInfo, { ...props.data }), (0, jsx_runtime_1.jsx)("div", { className: "h-15" }), (0, jsx_runtime_1.jsx)(BilibiliDynamicContent, { title: props.data.title, text: props.data.text, image_url: props.data.image_url, imageLayout: props.data.imageLayout, additional: props.data.additional }), (0, jsx_runtime_1.jsx)(CommonComponents_1.BilibiliDynamicStatus, { ...props.data }), (0, jsx_runtime_1.jsx)("div", { className: "h-40" }), (0, jsx_runtime_1.jsx)(CommonComponents_1.BilibiliDynamicFooter, { ...props.data, useDarkTheme: (0, theme_1.isDark)(props.ctx) })] }) }));
+});
+exports.BilibiliDrawDynamic.displayName = 'BilibiliDrawDynamic';
+exports.default = exports.BilibiliDrawDynamic;

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

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

package/lib/ktr/template/bilibili/dynamic/DYNAMIC_TYPE_DRAW/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../../compat/template-react.js");
+const DYNAMIC_TYPE_DRAW_1 = require("./components/DYNAMIC_TYPE_DRAW");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '图文动态',
+    description: 'B站图文动态展示模板',
+    component: DYNAMIC_TYPE_DRAW_1.BilibiliDrawDynamic,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});

package/lib/ktr/template/bilibili/dynamic/DYNAMIC_TYPE_FORWARD/components/DYNAMIC_TYPE_FORWARD.js

@@ -0,0 +1,132 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BilibiliForwardDynamic = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const richtext_1 = require("../../../../../../richtext");
+const lucide_react_1 = require("lucide-react");
+const react_1 = __importDefault(require("react"));
+const theme_1 = require("../../../../../utils/theme");
+const DefaultLayout_1 = require("../../../../components/DefaultLayout");
+const shared_1 = require("../../../components/shared");
+const AdditionalCard_1 = require("../../components/AdditionalCard");
+const CommonComponents_1 = require("../../components/CommonComponents");
+/**
+ * 原始内容用户信息组件
+ */
+const OriginalUserInfo = (props) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center pl-8 pr-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-10 items-center min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative shrink-0", children: [(0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.avatar_url, alt: "\u8F6C\u53D1\u7528\u6237\u5934\u50CF", className: "rounded-full shadow-medium w-30 h-30" }), props.frame && (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.frame, alt: "\u8F6C\u53D1\u7528\u6237\u5934\u50CF\u6846", className: "absolute inset-0 transform scale-180" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4 text-7xl", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-5xl font-normal select-text text-foreground", children: (0, jsx_runtime_1.jsx)(shared_1.UsernameDisplay, { metadata: props.usernameMeta }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center text-4xl font-normal whitespace-nowrap text-muted", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Clock, { size: 32 }), props.create_time] })] })] }), props.decoration_card && ((0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: (0, jsx_runtime_1.jsx)(shared_1.DecorationCard, { data: props.decoration_card }) }))] }));
+};
+/**
+ * AV类型原始内容组件
+ */
+const OriginalAVContent = ({ content }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "px-12 py-8 mt-4 w-full rounded-8xl bg-surface-secondary", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-10" }), (0, jsx_runtime_1.jsx)(OriginalUserInfo, { avatar_url: content.avatar_url, frame: content.frame, usernameMeta: content.usernameMeta, create_time: content.create_time, decoration_card: content.decoration_card }), (0, jsx_runtime_1.jsx)("div", { className: "h-15" }), (0, jsx_runtime_1.jsx)("div", { className: "relative items-center text-5xl tracking-wider wrap-break-word text-muted leading-relaxed", children: content.text.nodes.length > 0 &&
+                    (0, richtext_1.renderRichTextToReact)(content.text, {
+                        at: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        topic: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        lottery: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        webLink: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        vote: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        viewPicture: { className: 'text-[#006A9E] dark:text-[#58B0D5]' }
+                    }) }), content.text.nodes.length > 0 && (0, jsx_runtime_1.jsx)("div", { className: "h-5" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex overflow-hidden relative flex-col items-center w-full rounded-5xl aspect-video", children: [(0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: content.cover, alt: "\u89C6\u9891\u5C01\u9762", className: "w-full h-full" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-0 bottom-0 left-0 h-1/2 bg-linear-to-t to-transparent pointer-events-none from-black/75" }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute right-5 left-12 bottom-14 z-10 text-4xl font-light text-white select-text", children: [(0, jsx_runtime_1.jsx)("span", { className: "px-4 py-2 mr-3 text-4xl text-white rounded-2xl bg-black/50", children: content.duration_text }), content.play, "\u89C2\u770B ", content.danmaku, "\u5F39\u5E55"] })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-10" }), (0, jsx_runtime_1.jsx)("div", { className: "pl-2 text-6xl font-bold select-text leading-20 text-foreground", children: content.title &&
+                    (0, richtext_1.renderRichTextToReact)(content.title, {
+                        at: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        topic: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        lottery: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        webLink: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        vote: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        viewPicture: { className: 'text-[#006A9E] dark:text-[#58B0D5]' }
+                    }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-4" })] }));
+};
+/**
+ * DRAW类型原始内容组件
+ */
+const OriginalDrawContent = ({ content }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "px-12 py-12 mt-4 w-full rounded-8xl bg-surface-secondary", children: [(0, jsx_runtime_1.jsx)(OriginalUserInfo, { avatar_url: content.avatar_url, frame: content.frame, usernameMeta: content.usernameMeta, create_time: content.create_time, decoration_card: content.decoration_card }), (0, jsx_runtime_1.jsx)("div", { className: "h-15" }), (0, jsx_runtime_1.jsxs)("div", { className: "text-5xl leading-relaxed text-foreground wrap-break-word", children: [content.title && ((0, jsx_runtime_1.jsxs)("span", { className: "text-6xl font-bold", children: [content.title, (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {})] })), content.text &&
+                        (0, richtext_1.renderRichTextToReact)(content.text, {
+                            at: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                            topic: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                            lottery: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                            webLink: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                            vote: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                            viewPicture: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                            iconScale: 0.8
+                        })] }), content.image_url && content.image_url.length === 1 ? ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center py-11 pb-0", children: (0, jsx_runtime_1.jsx)("div", { className: "flex overflow-hidden flex-col items-center w-full rounded-4xl shadow-large", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: content.image_url[0].image_src, alt: "\u56FE\u7247", className: "object-cover w-full h-full rounded-6" }) }) })) : ((0, jsx_runtime_1.jsx)("div", { className: `grid gap-3 ${content.image_url?.length === 4 ? 'grid-cols-2' : 'grid-cols-3'}`, children: content.image_url?.map((img, index) => {
+                    const total = content.image_url?.length || 0;
+                    const cols = total === 4 ? 2 : 3;
+                    const row = Math.floor(index / cols);
+                    const col = index % cols;
+                    const lastRow = Math.floor((total - 1) / cols);
+                    const firstRowLastCol = Math.min(cols, total) - 1;
+                    const lastRowLastCol = (total - 1) % cols;
+                    const cornerClasses = [
+                        'overflow-hidden',
+                        'relative',
+                        'shadow-medium',
+                        'aspect-square',
+                        'rounded-2xl',
+                        row === 0 && col === 0 ? 'rounded-tl-4xl' : '',
+                        row === 0 && col === firstRowLastCol ? 'rounded-tr-4xl' : '',
+                        row === lastRow && col === 0 ? 'rounded-bl-4xl' : '',
+                        row === lastRow && col === lastRowLastCol ? 'rounded-br-4xl' : ''
+                    ]
+                        .filter(Boolean)
+                        .join(' ');
+                    return ((0, jsx_runtime_1.jsx)("div", { className: cornerClasses, children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: img.image_src, alt: `图片${index + 1}`, className: "object-cover  w-full h-full" }) }, index));
+                }) }))] }));
+};
+/**
+ * WORD类型原始内容组件
+ */
+const OriginalWordContent = ({ content }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "px-12 py-8 mt-4 w-full rounded-8xl bg-surface-secondary", children: [(0, jsx_runtime_1.jsx)(OriginalUserInfo, { avatar_url: content.avatar_url, frame: content.frame, usernameMeta: content.usernameMeta, create_time: content.create_time, decoration_card: content.decoration_card }), (0, jsx_runtime_1.jsx)("div", { className: "py-4", children: (0, jsx_runtime_1.jsx)("div", { className: "text-5xl leading-relaxed text-foreground wrap-break-word", children: content.text &&
+                        (0, richtext_1.renderRichTextToReact)(content.text, {
+                            at: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                            topic: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                            lottery: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                            webLink: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                            vote: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                            viewPicture: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                            iconScale: 0.8
+                        }) }) }), (0, jsx_runtime_1.jsx)(AdditionalCard_1.BilibiliAdditionalCard, { additional: content.additional, gap: false, className: "pb-4" })] }));
+};
+/**
+ * LIVE_RCMD类型原始内容组件
+ */
+const OriginalLiveRcmdContent = ({ content }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "px-12 py-8 mt-4 w-full rounded-8xl bg-surface-secondary", children: [(0, jsx_runtime_1.jsx)(OriginalUserInfo, { avatar_url: content.avatar_url, frame: content.frame, usernameMeta: content.usernameMeta, create_time: content.create_time, decoration_card: content.decoration_card }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center py-11", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex overflow-hidden relative flex-col items-center w-full rounded-10 aspect-video shadow-large", children: [(0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: content.cover, alt: "\u76F4\u64AD\u5C01\u9762", className: "object-cover absolute w-full h-full rounded-3xl" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-0 bottom-0 left-0 h-1/2 bg-linear-to-t to-transparent pointer-events-none from-black/75 rounded-3xl" }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute right-5 bottom-8 left-12 z-10 text-4xl font-light text-white select-text", children: [(0, jsx_runtime_1.jsx)("span", { className: "px-4 py-2 mr-3 text-3xl text-white bg-black/50 rounded-3xl", children: content.area_name }), content.text_large, "\u3001\u5728\u7EBF: ", content.online] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "pl-8 text-6xl font-bold select-text text-foreground mb-8", children: content.title &&
+                    (0, richtext_1.renderRichTextToReact)(content.title, {
+                        at: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        topic: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        lottery: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        webLink: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        vote: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                        viewPicture: { className: 'text-[#006A9E] dark:text-[#58B0D5]' }
+                    }) })] }));
+};
+/**
+ * B站转发动态内容组件
+ */
+const BilibiliForwardContent = (props) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col px-20 w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative items-center text-6xl tracking-wider wrap-break-word text-foreground leading-relaxed", children: props.text &&
+                            (0, richtext_1.renderRichTextToReact)(props.text, {
+                                at: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                topic: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                lottery: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                webLink: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                vote: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                viewPicture: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                iconScale: 0.8
+                            }) }), props.imgList && props.imgList.length === 0 && (0, jsx_runtime_1.jsx)("div", { className: "h-15" })] }), props.imgList && props.imgList.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center px-20 w-full", children: props.imgList.map((img, idx) => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "flex overflow-hidden relative flex-col items-center rounded-3xl shadow-large", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: img, alt: `图片${idx + 1}`, className: "object-contain w-full h-full rounded-3xl" }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-10" })] }, `${img}-${idx}`))) })), (0, jsx_runtime_1.jsxs)("div", { className: "flex px-20", children: [props.original_content.DYNAMIC_TYPE_AV && (0, jsx_runtime_1.jsx)(OriginalAVContent, { content: props.original_content.DYNAMIC_TYPE_AV }), props.original_content.DYNAMIC_TYPE_DRAW && (0, jsx_runtime_1.jsx)(OriginalDrawContent, { content: props.original_content.DYNAMIC_TYPE_DRAW }), props.original_content.DYNAMIC_TYPE_WORD && (0, jsx_runtime_1.jsx)(OriginalWordContent, { content: props.original_content.DYNAMIC_TYPE_WORD }), props.original_content.DYNAMIC_TYPE_LIVE_RCMD && ((0, jsx_runtime_1.jsx)(OriginalLiveRcmdContent, { content: props.original_content.DYNAMIC_TYPE_LIVE_RCMD }))] })] }));
+};
+/**
+ * B站转发动态组件
+ */
+exports.BilibiliForwardDynamic = react_1.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)("div", { className: "h-25" }), (0, jsx_runtime_1.jsx)(CommonComponents_1.BilibiliDynamicUserInfo, { ...props.data }), (0, jsx_runtime_1.jsx)("div", { className: "h-15" }), (0, jsx_runtime_1.jsx)(BilibiliForwardContent, { ...props.data }), (0, jsx_runtime_1.jsx)("div", { className: "h-25" }), (0, jsx_runtime_1.jsx)(CommonComponents_1.BilibiliDynamicStatus, { ...props.data }), (0, jsx_runtime_1.jsx)("div", { className: "h-40" }), (0, jsx_runtime_1.jsx)(CommonComponents_1.BilibiliDynamicFooter, { ...props.data, useDarkTheme: (0, theme_1.isDark)(props.ctx) })] }) }));
+});
+exports.BilibiliForwardDynamic.displayName = 'BilibiliForwardDynamic';
+exports.default = exports.BilibiliForwardDynamic;

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

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

package/lib/ktr/template/bilibili/dynamic/DYNAMIC_TYPE_FORWARD/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../../compat/template-react.js");
+const DYNAMIC_TYPE_FORWARD_1 = require("./components/DYNAMIC_TYPE_FORWARD");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '转发动态',
+    description: 'B站转发动态展示模板',
+    component: DYNAMIC_TYPE_FORWARD_1.BilibiliForwardDynamic,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});

package/lib/ktr/template/bilibili/dynamic/DYNAMIC_TYPE_LIVE_RCMD/components/DYNAMIC_TYPE_LIVE_RCMD.js

@@ -0,0 +1,84 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BilibiliLiveDynamic = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const richtext_1 = require("../../../../../../richtext");
+const lucide_react_1 = require("lucide-react");
+const react_1 = __importDefault(require("react"));
+// import { cn } from '../../../../../utils/cn'
+const theme_1 = require("../../../../../utils/theme");
+const AmbientCover_1 = require("../../../../components/AmbientCover");
+const DefaultLayout_1 = require("../../../../components/DefaultLayout");
+const QRCodeWithAvatar_1 = require("../../../../components/QRCodeWithAvatar");
+const shared_1 = require("../../../components/shared");
+/** B站品牌粉，直播状态徽章 / 脉冲灯 / 均衡器强调条统一使用，与封面取色无关。 */
+const LIVE_PINK = '#FB7299';
+/** 压在封面上的白色文字统一使用重投影，保证在任意封面亮度下可读（与弹幕层同策略）。 */
+const onCoverTextShadow = {
+    textShadow: '0 4px 14px rgba(0,0,0,0.78), 0 0 4px rgba(0,0,0,0.9)'
+};
+/**
+ * 封面底部溶解遮罩：多段停靠点模拟 smoothstep，
+ * 让封面下缘无明显线性拐点地融入下方的氛围背景层。
+ */
+const coverMaskStyle = {
+    maskImage: 'linear-gradient(to bottom, black 52%, rgba(0,0,0,0.9) 60%, rgba(0,0,0,0.68) 70%, rgba(0,0,0,0.35) 82%, rgba(0,0,0,0.1) 93%, transparent 100%)',
+    WebkitMaskImage: 'linear-gradient(to bottom, black 52%, rgba(0,0,0,0.9) 60%, rgba(0,0,0,0.68) 70%, rgba(0,0,0,0.35) 82%, rgba(0,0,0,0.1) 93%, transparent 100%)'
+};
+/**
+ * 全局氛围背景层：模糊封面 + 渐变遮罩 + 高对比杂色纹理。
+ * 背景色完全取自封面图本身，不再依赖后端取色。
+ */
+const LiveAmbientBackground = react_1.default.memo(({ cover, ctx }) => ((0, jsx_runtime_1.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden select-none", children: [(0, jsx_runtime_1.jsx)(AmbientCover_1.AmbientCover, { src: cover, ctx: ctx }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 opacity-[0.45] mix-blend-overlay dark:mix-blend-soft-light", children: (0, jsx_runtime_1.jsxs)("svg", { className: "h-full w-full", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("filter", { id: "liveRcmdNoise", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "1.4", numOctaves: "3", stitchTiles: "stitch" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "saturate", values: "0" }), (0, jsx_runtime_1.jsxs)("feComponentTransfer", { children: [(0, jsx_runtime_1.jsx)("feFuncR", { type: "discrete", tableValues: "0 1" }), (0, jsx_runtime_1.jsx)("feFuncG", { type: "discrete", tableValues: "0 1" }), (0, jsx_runtime_1.jsx)("feFuncB", { type: "discrete", tableValues: "0 1" })] }), (0, jsx_runtime_1.jsx)("feComponentTransfer", { children: (0, jsx_runtime_1.jsx)("feFuncA", { type: "linear", slope: "2.5", intercept: "-0.6" }) })] }), (0, jsx_runtime_1.jsxs)("mask", { id: "liveRcmdNoiseMask", children: [(0, jsx_runtime_1.jsxs)("linearGradient", { id: "liveRcmdNoiseGradient", x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: "white", stopOpacity: "0.85" }), (0, jsx_runtime_1.jsx)("stop", { offset: "25%", stopColor: "white", stopOpacity: "0.4" }), (0, jsx_runtime_1.jsx)("stop", { offset: "50%", stopColor: "white", stopOpacity: "0.08" }), (0, jsx_runtime_1.jsx)("stop", { offset: "75%", stopColor: "white", stopOpacity: "0.4" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: "white", stopOpacity: "0.85" })] }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", fill: "url(#liveRcmdNoiseGradient)" })] })] }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", filter: "url(#liveRcmdNoise)", mask: "url(#liveRcmdNoiseMask)", fill: "white" })] }) })] })));
+LiveAmbientBackground.displayName = 'LiveAmbientBackground';
+/** 直播音频均衡器装饰条：直播模板的专属信号装饰。 */
+const LiveEqualizer = react_1.default.memo(() => ((0, jsx_runtime_1.jsx)("div", { className: "flex items-end gap-2.5 pb-4", children: [46, 88, 62, 98, 52].map((height, index) => ((0, jsx_runtime_1.jsx)("span", { className: "w-2.5 rounded-full", style: {
+            height: `${height}px`,
+            backgroundColor: index === 3 ? LIVE_PINK : 'rgba(255,255,255,0.88)',
+            boxShadow: '0 3px 12px rgba(0,0,0,0.55)'
+        } }, index))) })));
+LiveEqualizer.displayName = 'LiveEqualizer';
+const stripHtmlTags = (content) => {
+    return content.replace(/<[^>]+>/g, '').trim();
+};
+const getSingleLineFontSize = (content, base, min) => {
+    const length = stripHtmlTags(content).length;
+    if (length <= 4)
+        return base;
+    if (length <= 8)
+        return base - 4;
+    if (length <= 12)
+        return base - 10;
+    if (length <= 18)
+        return base - 16;
+    return min;
+};
+exports.BilibiliLiveDynamic = react_1.default.memo((props) => {
+    const { data, ctx } = props;
+    const dark = (0, theme_1.isDark)(ctx);
+    // 面板允许数据文件缺字段，关键引用全部兜底，避免白屏
+    const usernameMeta = data.usernameMeta ?? { name: '', vipStatus: 0, nicknameColor: null };
+    const liveinf = data.liveinf ?? '';
+    const fans = data.fans ?? '';
+    const liveTitleLength = data.text ? (0, richtext_1.extractRichTextPlainText)(data.text).length : 0;
+    const logo = dark ? '/image/bilibili/bilibili-light.png' : '/image/bilibili/bilibili.png';
+    const streamerName = usernameMeta.name;
+    const streamerFontSize = getSingleLineFontSize(streamerName, 68, 42);
+    const liveInfoFontSize = getSingleLineFontSize(liveinf, 36, 26);
+    const followerFontSize = getSingleLineFontSize(`${fans} 粉丝`, 30, 24);
+    const liveTitleFontSize = liveTitleLength <= 16 ? 74 : liveTitleLength <= 28 ? 66 : liveTitleLength <= 44 ? 58 : 52;
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, className: "relative overflow-hidden", children: [data.image_url && (0, jsx_runtime_1.jsx)(LiveAmbientBackground, { cover: data.image_url, ctx: props.ctx }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 flex flex-col", children: [data.image_url && ((0, jsx_runtime_1.jsxs)("section", { className: "relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden", style: coverMaskStyle, children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: data.image_url, alt: "\u76F4\u64AD\u5C01\u9762", className: "block h-auto w-full object-cover" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-x-0 bottom-0 flex items-end justify-between gap-10 px-16 pb-4", style: onCoverTextShadow, children: [(0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "inline-flex items-center gap-3 text-[20px] font-black tracking-[0.26em] uppercase text-white/85", children: [(0, jsx_runtime_1.jsx)("span", { className: "h-3 w-3 animate-pulse rounded-full", style: { backgroundColor: LIVE_PINK } }), (0, jsx_runtime_1.jsx)("span", { children: "Now Live" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-2 flex items-end gap-7", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[92px] leading-none font-black tracking-[-0.03em] whitespace-nowrap text-white select-text", children: "\u6B63\u5728\u5F00\u64AD" }), (0, jsx_runtime_1.jsx)(LiveEqualizer, {})] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-5 inline-flex max-w-full items-center gap-3 font-bold text-white/92", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Radio, { size: 26, className: "shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "min-w-0 select-text", style: { fontSize: `${liveInfoFontSize}px` }, children: liveinf })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "shrink-0 pb-2 text-right font-mono text-white/85", children: (0, jsx_runtime_1.jsxs)("div", { className: "inline-flex items-center gap-3 text-[26px] font-bold whitespace-nowrap select-text", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Clock, { size: 24 }), (0, jsx_runtime_1.jsx)("span", { children: data.create_time })] }) })] })] })), (0, jsx_runtime_1.jsxs)("section", { className: "relative flex flex-col px-16 pt-14", children: [(0, jsx_runtime_1.jsxs)("div", { className: "pointer-events-none absolute top-24 right-0 z-0 opacity-[0.05] select-none", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[190px] leading-[0.88] font-black tracking-tighter text-foreground", children: "ON" }), (0, jsx_runtime_1.jsx)("div", { className: "text-[190px] leading-[0.88] font-black tracking-tighter text-foreground", children: "AIR" })] }), (0, jsx_runtime_1.jsx)("h1", { className: "relative z-10 leading-[1.18] font-black tracking-[-0.02em] whitespace-pre-wrap text-foreground select-text", style: { fontSize: `${liveTitleFontSize}px`, wordBreak: 'break-word', overflowWrap: 'break-word' }, children: data.text &&
+                                    (0, richtext_1.renderRichTextToReact)(data.text, {
+                                        at: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                        topic: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                        lottery: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                        webLink: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                        vote: { className: 'text-[#006A9E] dark:text-[#58B0D5]' },
+                                        viewPicture: { className: 'text-[#006A9E] dark:text-[#58B0D5]' }
+                                    }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 mt-14 flex items-center justify-between gap-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex min-w-0 items-center gap-7", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative shrink-0", children: [(0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: data.avatar_url, alt: "\u5934\u50CF", className: "h-36 w-36 rounded-full object-cover", isCircular: true }), data.frame && (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: data.frame, alt: "\u5934\u50CF\u6846", className: "absolute inset-0 scale-160" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[20px] font-black tracking-[0.28em] uppercase text-muted", children: "Live Streamer" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 truncate leading-none font-black tracking-[-0.03em] text-foreground select-text", style: { fontSize: `${streamerFontSize}px` }, children: (0, jsx_runtime_1.jsx)(shared_1.UsernameDisplay, { metadata: usernameMeta }) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 inline-flex items-center gap-3 font-bold text-foreground/70", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.UsersRound, { size: 26 }), (0, jsx_runtime_1.jsxs)("span", { className: "select-text", style: { fontSize: `${followerFontSize}px` }, children: [fans, " \u7C89\u4E1D"] })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "shrink-0 text-right", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[20px] font-black tracking-[0.26em] uppercase text-muted", children: "Signal Time" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-3 font-mono text-[30px] font-bold text-foreground/75 select-text", children: data.now_time })] })] }), (0, jsx_runtime_1.jsxs)("footer", { className: "relative z-10 mt-16 flex items-end justify-between gap-14 pb-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("img", { src: logo, alt: "\u54D4\u54E9\u54D4\u54E9", className: `h-auto ${dark ? 'w-72' : 'w-108'}` }), (0, jsx_runtime_1.jsx)("div", { className: "mt-5 text-[26px] font-bold text-muted select-text", children: "\u4F60\u611F\u5174\u8DA3\u7684\u76F4\u64AD\u90FD\u5728\u54D4\u54E9\u54D4\u54E9" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 flex flex-wrap items-center gap-x-5 gap-y-2 text-[22px] font-semibold text-foreground/50", children: [(0, jsx_runtime_1.jsx)("span", { className: "select-text", children: data.dynamicTYPE }), (0, jsx_runtime_1.jsx)("span", { className: "opacity-40", children: "/" }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono select-text", children: data.now_time })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "shrink-0 text-right", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[20px] font-black tracking-[0.24em] uppercase text-muted", children: "Scan To Watch" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2 text-[40px] leading-none font-black tracking-[-0.02em] text-foreground select-text", children: "\u626B\u7801\u8FDB\u5165\u76F4\u64AD\u95F4" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-6 flex justify-end", children: data.share_url ? ((0, jsx_runtime_1.jsx)(QRCodeWithAvatar_1.QRCodeWithAvatar, { value: data.share_url, avatarUrl: data.avatar_url, useDarkTheme: dark, alt: "\u4E8C\u7EF4\u7801", className: "h-72 w-72 object-contain drop-shadow-[0_20px_38px_rgba(0,0,0,0.18)]" })) : ((0, jsx_runtime_1.jsx)("div", { className: "flex h-72 w-72 items-center justify-center", children: (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] text-muted", children: "\u4E8C\u7EF4\u7801" }) })) })] })] })] })] })] }));
+});
+exports.BilibiliLiveDynamic.displayName = 'BilibiliLiveDynamic';
+exports.default = exports.BilibiliLiveDynamic;

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

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

package/lib/ktr/template/bilibili/dynamic/DYNAMIC_TYPE_LIVE_RCMD/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../../compat/template-react.js");
+const DYNAMIC_TYPE_LIVE_RCMD_1 = require("./components/DYNAMIC_TYPE_LIVE_RCMD");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '直播动态',
+    description: 'B站直播动态展示模板',
+    component: DYNAMIC_TYPE_LIVE_RCMD_1.BilibiliLiveDynamic,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});