koishi-plugin-kkk 1.0.0

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

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BilibiliWordDynamic = 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 AdditionalCard_1 = require("../../components/AdditionalCard");
+const CommonComponents_1 = require("../../components/CommonComponents");
+/**
+ * B站纯文动态内容组件
+ */
+const BilibiliWordContent = (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 leading-relaxed", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[60px] tracking-[0.5px] leading-[1.6] whitespace-pre-wrap text-foreground mb-5 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.additional && (0, jsx_runtime_1.jsx)(AdditionalCard_1.BilibiliAdditionalCard, { additional: props.additional })] }));
+};
+/**
+ * B站纯文动态组件
+ */
+exports.BilibiliWordDynamic = 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)(BilibiliWordContent, { text: props.data.text, additional: props.data.additional }), (0, jsx_runtime_1.jsx)(CommonComponents_1.BilibiliDynamicStatus, { ...props.data }), (0, jsx_runtime_1.jsx)("div", { className: "h-23" }), (0, jsx_runtime_1.jsx)(CommonComponents_1.BilibiliDynamicFooter, { ...props.data, useDarkTheme: (0, theme_1.isDark)(props.ctx) })] }) }));
+});
+exports.BilibiliWordDynamic.displayName = 'BilibiliWordDynamic';
+exports.default = exports.BilibiliWordDynamic;

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

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

package/lib/ktr/template/bilibili/dynamic/DYNAMIC_TYPE_WORD/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_WORD_1 = require("./components/DYNAMIC_TYPE_WORD");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '纯文动态',
+    description: 'B站纯文动态展示模板',
+    component: DYNAMIC_TYPE_WORD_1.BilibiliWordDynamic,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});

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

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BilibiliAdditionalCard = exports.BilibiliUgcCard = exports.BilibiliCommonCard = exports.BilibiliVoteCard = exports.BilibiliReserveCard = 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 cn_1 = require("../../../../utils/cn");
+const shared_1 = require("../../components/shared");
+/**
+ * B站预约卡片组件
+ */
+const BilibiliReserveCard = ({ reserve }) => {
+    if (!reserve)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-4xl bg-surface", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-8 justify-between items-center px-10 py-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4 flex-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-5xl font-normal text-foreground select-text leading-tight", children: reserve.title }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-8 items-center font-light text-4xl text-muted", children: [(0, jsx_runtime_1.jsx)("span", { className: "select-text", children: reserve.desc1 }), (0, jsx_runtime_1.jsx)("span", { className: "select-text", children: reserve.desc2 })] }), reserve.desc3 && ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center text-4xl select-text leading-none text-[#fb7299]", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Gift, { size: 40, className: "shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: "line-clamp-1", children: reserve.desc3 })] }))] }), (0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: (0, jsx_runtime_1.jsxs)(react_1.Button, { size: "lg", className: `font-normal scale-200 mr-15 rounded-xl ${reserve.buttonText === '已结束' ? 'bg-surface-secondary/70 text-muted' : 'bg-[#fb7299] text-white'}`, children: [reserve.buttonText !== '已结束' && (0, jsx_runtime_1.jsx)(lucide_react_1.BellRing, { size: 330 }), reserve.buttonText] }) })] }) }));
+};
+exports.BilibiliReserveCard = BilibiliReserveCard;
+/**
+ * B站投票卡片组件
+ */
+const BilibiliVoteCard = ({ vote }) => {
+    if (!vote)
+        return null;
+    const isEnded = vote.status === 4;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-4xl bg-surface", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-8 items-center px-10 py-8", children: [(0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: (0, jsx_runtime_1.jsx)(lucide_react_1.BarChart3, { size: 56 }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3 flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-5xl font-medium text-foreground select-text line-clamp-1", children: vote.title }), (0, jsx_runtime_1.jsx)("div", { className: "text-4xl text-muted select-text", children: vote.desc })] }), (0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: (0, jsx_runtime_1.jsx)(react_1.Button, { className: `text-5xl font-normal px-8 py-5 h-auto min-w-0 ${isEnded ? 'bg-surface-secondary/70 text-muted' : 'bg-[#fb7299] text-white'}`, children: isEnded ? '已结束' : '参与' }) })] }) }));
+};
+exports.BilibiliVoteCard = BilibiliVoteCard;
+/**
+ * B站通用卡片组件（游戏等）
+ */
+const BilibiliCommonCard = ({ common }) => {
+    if (!common)
+        return null;
+    const getTagText = () => {
+        if (common.sub_type === 'game')
+            return '游戏';
+        return common.desc1;
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [common.head_text && ((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.Gamepad2, { size: 40 }), (0, jsx_runtime_1.jsx)("span", { children: common.head_text })] })), (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-4xl bg-surface", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-8 items-center pl-6 pr-12 py-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: common.cover, alt: common.title, className: "w-40 h-40 rounded-2xl object-cover" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3 flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-5xl font-medium text-foreground select-text line-clamp-1", children: common.title }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center text-4xl", children: [(0, jsx_runtime_1.jsx)("span", { className: "shrink-0 px-3 py-1 rounded-md bg-[#fb7299]/10 text-[#fb7299] text-3xl", children: getTagText() }), common.sub_type === 'game' && common.desc1 && (0, jsx_runtime_1.jsx)("span", { className: "text-muted line-clamp-1 select-text", children: common.desc1 })] }), common.desc2 && (0, jsx_runtime_1.jsx)("div", { className: "text-4xl text-muted line-clamp-1 select-text", children: common.desc2 })] }), common.button_text && ((0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: (0, jsx_runtime_1.jsx)(react_1.Button, { className: "text-5xl font-normal px-8 py-5 h-auto min-w-0 bg-[#fb7299] text-white", children: common.button_text }) }))] }) })] }));
+};
+exports.BilibiliCommonCard = BilibiliCommonCard;
+/**
+ * B站视频跳转卡片组件（UGC）
+ */
+const BilibiliUgcCard = ({ ugc }) => {
+    if (!ugc)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden rounded-3xl bg-surface", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-8 items-center pr-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative shrink-0 p-5", children: [(0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: ugc.cover, alt: ugc.title, className: "h-52 w-auto rounded-4xl" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-7 right-7 px-3 py-1 rounded-lg bg-black/70 text-white text-3xl", children: ugc.duration })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4 flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-5xl font-medium text-foreground select-text line-clamp-2 leading-normal", children: ugc.title }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-8 items-center text-4xl text-muted", children: [(0, jsx_runtime_1.jsxs)("span", { children: [ugc.play, "\u64AD\u653E"] }), (0, jsx_runtime_1.jsxs)("span", { children: [ugc.danmaku, "\u5F39\u5E55"] })] })] })] }) }));
+};
+exports.BilibiliUgcCard = BilibiliUgcCard;
+/**
+ * B站相关卡片容器组件
+ */
+const BilibiliAdditionalCard = ({ additional, gap = true, className }) => {
+    if (!additional)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)(gap && 'px-20 pb-20', className), children: [additional.type === 'ADDITIONAL_TYPE_RESERVE' && additional.reserve && (0, jsx_runtime_1.jsx)(exports.BilibiliReserveCard, { reserve: additional.reserve }), additional.type === 'ADDITIONAL_TYPE_VOTE' && additional.vote && (0, jsx_runtime_1.jsx)(exports.BilibiliVoteCard, { vote: additional.vote }), additional.type === 'ADDITIONAL_TYPE_COMMON' && additional.common && (0, jsx_runtime_1.jsx)(exports.BilibiliCommonCard, { common: additional.common }), additional.type === 'ADDITIONAL_TYPE_UGC' && additional.ugc && (0, jsx_runtime_1.jsx)(exports.BilibiliUgcCard, { ugc: additional.ugc })] }));
+};
+exports.BilibiliAdditionalCard = BilibiliAdditionalCard;

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BilibiliDynamicFooter = exports.BilibiliDynamicStatus = exports.BilibiliDynamicUserInfo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../../../compat/phosphor-icons.js");
+const lucide_react_1 = require("lucide-react");
+const QRCodeWithAvatar_1 = require("../../../components/QRCodeWithAvatar");
+const Icons_1 = require("../../components/Icons");
+const shared_1 = require("../../components/shared");
+/**
+ * B站动态用户信息组件
+ */
+const BilibiliDynamicUserInfo = (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.avatar_url, alt: "\u5934\u50CF", className: "w-32 h-32 rounded-full shadow-medium", isCircular: true }), props.frame && (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.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.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)(react_1.ClockIcon, { size: 40, weight: "fill" }), 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 }) }))] }));
+};
+exports.BilibiliDynamicUserInfo = BilibiliDynamicUserInfo;
+/**
+ * B站动态状态组件
+ */
+const BilibiliDynamicStatus = (props) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-10 px-18 w-full leading-relaxed", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 items-center text-5xl font-light tracking-normal select-text text-foreground/70", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.ThumbUpIcon, { size: 50, className: "mt-2" }), props.dianzan, "\u70B9\u8D5E"] }), (0, jsx_runtime_1.jsx)("span", { children: "\u00B7" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.CommentIcon, { size: 48 }), props.pinglun, "\u8BC4\u8BBA"] }), (0, jsx_runtime_1.jsx)("span", { children: "\u00B7" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.ShareIcon, { size: 48 }), props.share, "\u5206\u4EAB"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center text-5xl font-light tracking-normal select-text text-foreground/70", children: [(0, jsx_runtime_1.jsx)(react_1.ClockIcon, { size: 52, weight: "fill" }), "\u56FE\u7247\u751F\u6210\u4E8E: ", props.render_time] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center text-5xl font-light tracking-normal select-text text-[#006A9E] dark:text-[#58B0D5]", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Link, { size: 46 }), (0, jsx_runtime_1.jsxs)("span", { children: ["https://t.bilibili.com/", props.dynamic_id] })] })] }));
+};
+exports.BilibiliDynamicStatus = BilibiliDynamicStatus;
+/**
+ * B站动态底部信息组件（useDarkTheme 由调用方用 isDark(ctx) 注入，不再从 data 读取）
+ */
+const BilibiliDynamicFooter = (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.avatar_url, alt: "\u5934\u50CF", className: "rounded-full shadow-medium w-35 h-auto", isCircular: true }), props.frame && (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.frame, alt: "\u5934\u50CF\u6846", className: "absolute inset-0 transform scale-180" })] }), (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", children: (0, jsx_runtime_1.jsx)(shared_1.UsernameDisplay, { metadata: props.usernameMeta }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex gap-2 items-center text-4xl text-muted", children: (0, jsx_runtime_1.jsxs)("span", { className: "text-muted select-text", children: ["UID: ", props.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: 36 }), (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.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)(Icons_1.ViewIcon, { size: 36 }), (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.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)(react_1.UsersIcon, { size: 36, weight: "fill" }), (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.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.share_url, avatarUrl: props.avatar_url, useDarkTheme: props.useDarkTheme, alt: "\u4E8C\u7EF4\u7801", className: "h-auto w-75 rounded-2xl" }) })] }));
+};
+exports.BilibiliDynamicFooter = BilibiliDynamicFooter;

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

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

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

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BilibiliQrcodeImg = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_simple_icons_1 = require("@icons-pack/react-simple-icons");
+const lucide_react_1 = require("lucide-react");
+const react_1 = __importDefault(require("react"));
+const ri_1 = require("react-icons/ri");
+const theme_1 = require("../../../../utils/theme");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const QRCodeWithAvatar_1 = require("../../../components/QRCodeWithAvatar");
+/**
+ * B站二维码登录组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+exports.BilibiliQrcodeImg = react_1.default.memo((props) => {
+    const dark = (0, theme_1.isDark)(props.ctx);
+    const theme = {
+        bg: dark ? '#000000' : '#FFFFFF',
+        text: dark ? '#FFFFFF' : '#000000',
+        subText: dark ? '#888888' : '#666666',
+        accent: '#FF6699', // B站粉
+        // 双色弥散
+        gradientTL: '#FF6699', // 左上 B站粉
+        gradientBR: '#00AEEC' // 右下 B站蓝
+    };
+    const disclaimer = [
+        '您将通过扫码完成获取哔哩哔哩网页端的用户登录凭证（ck），该ck将用于请求哔哩哔哩WEB API接口。',
+        '本BOT不会上传任何有关你的信息到第三方，所配置的 ck 只会用于请求官方 API 接口。',
+        '我方仅提供视频解析及相关哔哩哔哩内容服务,若您的账号封禁、被盗等处罚与我方无关。',
+        '害怕风险请勿扫码 ~'
+    ];
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, className: "relative overflow-hidden font-sans", style: {
+            background: theme.bg,
+            color: theme.text
+        }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute top-[-40%] right-[-50%] w-400 h-600 rounded-full blur-[200px] opacity-25", style: { background: theme.gradientBR } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-[-40%] left-[-50%] w-400 h-600 rounded-full blur-[200px] opacity-25", style: { background: theme.gradientTL } })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 pointer-events-none", style: { opacity: dark ? 0.16 : 0.2 }, children: (0, jsx_runtime_1.jsxs)("svg", { className: "w-full h-full", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsxs)("filter", { id: "pixelNoise", x: "0%", y: "0%", width: "100%", height: "100%", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "0.8", numOctaves: "2", stitchTiles: "stitch", result: "noise" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "saturate", values: "0", result: "gray" }), (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)("rect", { width: "100%", height: "100%", filter: "url(#pixelNoise)" })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 flex flex-col items-center justify-center h-full py-40 px-24 space-y-32", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center space-y-12", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-8xl font-bold tracking-tight", children: (0, jsx_runtime_1.jsx)("span", { className: "bg-clip-text text-transparent", style: {
+                                        backgroundImage: `linear-gradient(to right, ${theme.text}, ${theme.subText})`
+                                    }, children: "B\u7AD9\u626B\u7801\u767B\u5F55" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start justify-center gap-10 opacity-90", style: { color: theme.text }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-5 rounded-3xl bg-surface/50 backdrop-blur-md", children: (0, jsx_runtime_1.jsx)(react_simple_icons_1.SiBilibili, { size: 64 }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] font-medium tracking-wide", children: "\u6253\u5F00\u54D4\u54E9\u54D4\u54E9" })] }), (0, jsx_runtime_1.jsx)(ri_1.RiArrowRightFill, { size: 40, className: "mt-8 opacity-40" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-5 rounded-3xl bg-surface/50 backdrop-blur-md", children: (0, jsx_runtime_1.jsx)(lucide_react_1.User, { size: 64 }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] font-medium tracking-wide", children: "\u70B9\u51FB\u6211\u7684" })] }), (0, jsx_runtime_1.jsx)(ri_1.RiArrowRightFill, { size: 40, className: "mt-8 opacity-40" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-5 rounded-3xl bg-surface/50 backdrop-blur-md", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ScanLine, { size: 64 }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] font-medium tracking-wide", children: "\u53F3\u4E0A\u89D2\u626B\u4E00\u626B" })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative group", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative p-4", style: {
+                                    width: '800px',
+                                    height: '800px'
+                                }, children: props.data.share_url ? ((0, jsx_runtime_1.jsx)(QRCodeWithAvatar_1.QRCodeWithAvatar, { value: props.data.share_url, avatarUrl: props.data.avatarUrl, useDarkTheme: dark, alt: "QR Code", className: "w-full h-full object-contain" })) : ((0, jsx_runtime_1.jsxs)("div", { className: "w-full h-full flex flex-col items-center justify-center gap-8", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-24 h-24 border-4 border-gray-200 rounded-full animate-spin", style: { borderTopColor: theme.accent } }), (0, jsx_runtime_1.jsx)("span", { className: "text-3xl text-muted", children: "\u672A\u63D0\u4F9B\u4E8C\u7EF4\u7801\u56FE\u7247" })] })) }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -bottom-24 left-0 right-0 text-center", children: (0, jsx_runtime_1.jsxs)("p", { className: "text-[28px] font-medium tracking-wide flex items-center justify-center gap-3", style: { color: theme.subText }, children: [(0, jsx_runtime_1.jsx)("span", { className: "h-6 w-1.5 rounded-full shadow-[0_0_8px_rgba(255,102,153,0.8)]", style: { backgroundColor: theme.accent } }), "\u6B64\u4E8C\u7EF4\u7801 120 \u79D2\u5185\u6709\u6548\uFF0C\u8BF7\u53CA\u65F6\u626B\u7801\u767B\u5F55\u3002"] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full max-w-4xl pt-20", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center space-y-6 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center w-16 h-16 mb-2", children: (0, jsx_runtime_1.jsx)(lucide_react_1.AlertTriangle, { size: 64, style: { color: theme.text }, strokeWidth: 1.5 }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-[40px] font-bold", style: { color: theme.text }, children: "\u514D\u8D23\u58F0\u660E" }), (0, jsx_runtime_1.jsx)("div", { className: "text-[24px] leading-relaxed opacity-60 space-y-2 max-w-3xl", style: { color: theme.text }, children: disclaimer.map((line, index) => ((0, jsx_runtime_1.jsx)("p", { children: line }, index))) })] }) })] })] }));
+});
+exports.BilibiliQrcodeImg.displayName = 'BilibiliQrcodeImg';
+exports.default = exports.BilibiliQrcodeImg;

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

@@ -0,0 +1,3 @@
+"use strict";
+/** 本模板的数据类型（路由 index.tsx 与 components/ 实现共用）。 */
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const qrcodeImg_1 = require("./components/qrcodeImg");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '登录二维码',
+    description: 'B站登录二维码展示模板',
+    component: qrcodeImg_1.BilibiliQrcodeImg,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});

package/lib/ktr/template/bilibili/userlist/components/UserList.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const theme_1 = require("../../../../utils/theme");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const shared_1 = require("../../components/shared");
+const pushTypeConfig = {
+    video: { label: '投稿视频', color: 'bg-accent/6 text-accent/80 border-accent-soft', icon: lucide_react_1.Video },
+    draw: { label: '图文动态', color: 'bg-[#23ade5]/5 text-[#1a8fb8] border-[#23ade5]/12', icon: lucide_react_1.Image },
+    word: { label: '纯文动态', color: 'bg-warning/5 text-warning/80 border-warning/12', icon: lucide_react_1.FileText },
+    live: { label: '直播动态', color: 'bg-success/5 text-success/80 border-success/12', icon: lucide_react_1.Radio },
+    forward: { label: '转发动态', color: 'bg-[#f97316]/5 text-[#cc6b1f] border-[#f97316]/12', icon: lucide_react_1.Share2 },
+    article: { label: '投稿专栏', color: 'bg-[#7c3aed]/5 text-[#6b4fa8] border-[#7c3aed]/12', icon: lucide_react_1.FileText }
+};
+/**
+ * B站用户项组件 - 工业风卡片设计 (V5: 语义化主题色重构)
+ */
+const BilibiliUserItem = (props) => {
+    const activePushTypes = new Set(props.pushTypes ?? Object.keys(pushTypeConfig));
+    return ((0, jsx_runtime_1.jsxs)("li", { className: "relative group overflow-hidden rounded-4xl bg-surface/60 border border-border/50 backdrop-blur-xl shadow-xl", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 pointer-events-none z-0 overflow-hidden", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.avatar_img, alt: "", className: "w-full h-full object-cover opacity-20 blur-3xl scale-150 saturate-100 brightness-110", style: {
+                        maskImage: 'linear-gradient(135deg, black 0%, transparent 100%)',
+                        WebkitMaskImage: 'linear-gradient(135deg, black 0%, transparent 100%)'
+                    } }) }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 pointer-events-none z-0 opacity-[0.08] mix-blend-overlay", children: (0, jsx_runtime_1.jsxs)("svg", { className: "w-full h-full", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsxs)("filter", { id: "cardNoise", x: "0%", y: "0%", width: "100%", height: "100%", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "0.8", numOctaves: "3", stitchTiles: "stitch", result: "noise" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "saturate", values: "0", result: "gray" }), (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)("rect", { width: "100%", height: "100%", filter: "url(#cardNoise)" })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 p-5 flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative shrink-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-20 h-20 rounded-full p-1 bg-surface/20 backdrop-blur-md border border-border/30 shadow-lg", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.avatar_img, alt: "Avatar", className: "w-full h-full rounded-full object-cover" }) }), (0, jsx_runtime_1.jsxs)("div", { className: `absolute -bottom-1 -right-1 px-2.5 py-1 rounded-full border-2 border-background flex items-center gap-1.5 shadow-md ${props.switch ? 'bg-success text-white' : 'bg-danger text-danger-foreground'}`, children: [(0, jsx_runtime_1.jsx)("div", { className: `w-1.5 h-1.5 rounded-full ${props.switch ? 'bg-white' : 'bg-border'}` }), (0, jsx_runtime_1.jsx)("span", { className: "text-[10px] font-bold uppercase tracking-wider leading-none", children: props.switch ? 'ON' : 'OFF' })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 min-w-0", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-[1.75rem] font-black tracking-tight text-foreground truncate drop-shadow-sm leading-none", children: props.username }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2 mt-1", children: (0, jsx_runtime_1.jsxs)("span", { className: "px-2 py-0.5 rounded-md bg-surface border border-border text-xs font-mono font-bold text-muted flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Hash, { size: 12, className: "opacity-70" }), props.host_mid] }) })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-[minmax(0,1.15fr)_minmax(0,0.95fr)] gap-3 items-stretch min-h-39", children: [(0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-3 gap-2 auto-rows-fr h-full", children: Object.entries(pushTypeConfig).map(([type, config]) => {
+                                    const isActive = activePushTypes.has(type);
+                                    return ((0, jsx_runtime_1.jsxs)("div", { className: `h-full min-h-18.5 px-2.5 py-2.5 rounded-xl border backdrop-blur-sm flex flex-col justify-between transition-colors duration-200 ${isActive ? config.color : 'bg-surface/45 text-muted border-border/15'}`, children: [(0, jsx_runtime_1.jsx)(config.icon, { size: 18, className: isActive ? '' : 'opacity-40' }), (0, jsx_runtime_1.jsx)("span", { className: "text-[13px] font-bold tracking-wide leading-tight", children: config.label })] }, type));
+                                }) }), (0, jsx_runtime_1.jsx)("div", { className: "grid grid-rows-3 gap-2 h-full", children: [
+                                    { icon: lucide_react_1.UsersRound, value: props.fans, label: '粉丝' },
+                                    { icon: lucide_react_1.Heart, value: props.total_favorited, label: '获赞' },
+                                    { icon: lucide_react_1.UserPlus, value: props.following_count, label: '关注' }
+                                ].map((item, index) => {
+                                    const StatIcon = item.icon;
+                                    return ((0, jsx_runtime_1.jsxs)("div", { className: "h-full flex items-center gap-3 px-3.5 py-2.5 rounded-xl bg-surface-secondary/35 border border-border/35 backdrop-blur-sm", children: [(0, jsx_runtime_1.jsx)(StatIcon, { size: 18, className: "text-muted shrink-0" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline gap-2 flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[15px] font-bold font-mono text-foreground truncate", children: item.value }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-muted font-medium shrink-0", children: item.label })] })] }, index));
+                                }) })] })] })] }));
+};
+/**
+ * B站用户列表组件
+ */
+const BilibiliUserList = (props) => {
+    const dark = (0, theme_1.isDark)(props.ctx);
+    // 极简配色：主色(B站蓝) + 邻色(浅蓝/紫)
+    const primaryColor = dark ? '#23ade5' : '#00a1d6';
+    const secondaryColor = dark ? '#4f46e5' : '#60a5fa'; // Indigo/Blue
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, className: "relative overflow-hidden bg-background", style: {
+            width: '1440px',
+            minHeight: '600px'
+        }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 pointer-events-none z-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-350 h-350 -top-125 -left-100 blur-[150px] opacity-20 dark:opacity-10", style: {
+                            background: `radial-gradient(circle, ${primaryColor} 0%, transparent 70%)`
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-300 h-300 top-25 -right-100 blur-[140px] opacity-15 dark:opacity-10", style: {
+                            background: `radial-gradient(circle, ${secondaryColor} 0%, transparent 70%)`
+                        } })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 pointer-events-none z-0 opacity-[0.08]", children: (0, jsx_runtime_1.jsxs)("svg", { className: "w-full h-full", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsxs)("filter", { id: "globalNoise", x: "0%", y: "0%", width: "100%", height: "100%", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "0.8", numOctaves: "3", stitchTiles: "stitch", result: "noise" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "saturate", values: "0", result: "gray" }), (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)("rect", { width: "100%", height: "100%", filter: "url(#globalNoise)" })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 pointer-events-none z-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute left-16 top-0 bottom-0 w-px bg-linear-to-b from-transparent via-border to-transparent" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 right-0 p-16 opacity-10", children: (0, jsx_runtime_1.jsxs)("svg", { width: "400", height: "400", viewBox: "0 0 400 400", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-foreground", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "200", cy: "200", r: "199.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("circle", { cx: "200", cy: "200", r: "149.5", stroke: "currentColor", strokeDasharray: "10 10" }), (0, jsx_runtime_1.jsx)("circle", { cx: "200", cy: "200", r: "99.5", stroke: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M200 0V400M0 200H400", stroke: "currentColor", strokeWidth: "0.5" })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10 px-24 py-20 flex flex-col min-h-150", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-end mb-16", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-10 h-10 rounded-xl overflow-hidden shadow-lg border border-border/30", children: (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.data.groupInfo.groupAvatar, alt: "Group Avatar", className: "w-full h-full object-cover" }) }), (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-sm font-bold tracking-widest uppercase opacity-50 text-foreground", children: "Subscriber List" })] }), (0, jsx_runtime_1.jsx)("h1", { className: "text-7xl font-black text-foreground tracking-tighter mb-2", children: props.data.groupInfo.groupName }), (0, jsx_runtime_1.jsxs)("p", { className: "font-mono text-xl opacity-40 text-foreground flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { children: "GROUP_ID" }), (0, jsx_runtime_1.jsx)("span", { className: "w-12 h-px bg-current opacity-50" }), (0, jsx_runtime_1.jsx)("span", { children: props.data.groupInfo.groupId })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-right", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-8xl font-black text-transparent bg-clip-text bg-linear-to-b from-foreground to-muted leading-none", children: String(props.data.renderOpt.length).padStart(2, '0') }), (0, jsx_runtime_1.jsx)("div", { className: "text-sm font-bold tracking-[0.3em] uppercase opacity-40 mt-2 text-foreground", children: "Total Users" })] })] }), (0, jsx_runtime_1.jsx)("ul", { className: "grid grid-cols-2 gap-x-10 gap-y-10", children: props.data.renderOpt.map((user, index) => ((0, jsx_runtime_1.jsx)(BilibiliUserItem, { ...user }, `${user.host_mid}-${index}`))) })] })] }));
+};
+exports.default = BilibiliUserList;

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

@@ -0,0 +1,3 @@
+"use strict";
+/** 本模板的数据类型（路由 index.tsx 与 components/ 实现共用）。 */
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,13 @@
+"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 UserList_1 = __importDefault(require("./components/UserList"));
+exports.default = (0, template_react_1.defineTemplate)({
+    name: 'B站推送列表',
+    description: 'B站用户推送列表组件',
+    component: UserList_1.default,
+    validate: (data) => typeof data === 'object' && data !== null && Array.isArray(data.renderOpt)
+});

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

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

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

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BilibiliVideoInfo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const richtext_1 = require("../../../../../richtext");
+const date_fns_1 = require("date-fns");
+const lucide_react_1 = require("lucide-react");
+const react_1 = __importDefault(require("react"));
+const theme_1 = require("../../../../utils/theme");
+const AmbientCover_1 = require("../../../components/AmbientCover");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const GlowImage_1 = require("../../../components/GlowImage");
+const Icons_1 = require("../../components/Icons");
+const shared_1 = require("../../components/shared");
+const formatNumber = (num) => {
+    if (num >= 10000)
+        return `${(num / 10000).toFixed(1)}万`;
+    return num.toLocaleString();
+};
+const coverMaskStyle = {
+    maskImage: 'linear-gradient(to bottom, black 20%, transparent 100%)',
+    WebkitMaskImage: 'linear-gradient(to bottom, black 20%, transparent 100%)'
+};
+/**
+ * 全局氛围背景层：模糊封面 + 渐变遮罩 + 高对比杂色纹理
+ */
+const AmbientBackground = react_1.default.memo(({ pic, ctx }) => ((0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 overflow-hidden", children: [(0, jsx_runtime_1.jsx)(AmbientCover_1.AmbientCover, { src: pic, ctx: ctx }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 pointer-events-none opacity-[0.45] mix-blend-overlay dark:mix-blend-soft-light", children: (0, jsx_runtime_1.jsxs)("svg", { className: "w-full h-full", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("filter", { id: "biliNoise", 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: "noiseMask", children: [(0, jsx_runtime_1.jsxs)("linearGradient", { id: "noiseGradient", 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(#noiseGradient)" })] })] }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", filter: "url(#biliNoise)", mask: "url(#noiseMask)", fill: "white" })] }) })] })));
+AmbientBackground.displayName = 'AmbientBackground';
+const MAX_DANMAKU_ROWS = 4;
+/**
+ * 封面弹幕层：模拟视频平台截图中的滚动弹幕轨道，行数由 MAX_DANMAKU_ROWS 控制。
+ */
+const DanmakuOverlay = react_1.default.memo(({ items }) => {
+    if (!items.length)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-20 overflow-hidden px-16", style: {
+            height: `calc(${MAX_DANMAKU_ROWS} * 20rem)`,
+            maskImage: 'linear-gradient(to right, transparent 0, black 3rem, black calc(100% - 10rem), transparent 100%)',
+            WebkitMaskImage: 'linear-gradient(to right, transparent 0, black 3rem, black calc(100% - 10rem), transparent 100%)'
+        }, children: (0, jsx_runtime_1.jsx)("div", { className: "relative pt-8 overflow-visible whitespace-normal text-[0] leading-16", children: items.map((item, index) => ((0, jsx_runtime_1.jsx)("span", { className: "mr-20 inline-block shrink-0 whitespace-nowrap align-top text-4xl font-black leading-16 text-white", style: {
+                    marginLeft: index === 0 ? undefined : `${((index * 5 + item.content.length * 3) % 5) * 2}rem`,
+                    opacity: Math.max(0.2, 1 - index * 0.025),
+                    textShadow: '0 3px 8px rgba(0,0,0,0.85), 0 0 2px rgba(0,0,0,0.95)',
+                    WebkitTextStroke: '1px rgba(0,0,0,0.58)'
+                }, children: item.content }, `${item.content}-${index}`))) }) }));
+});
+DanmakuOverlay.displayName = 'DanmakuOverlay';
+exports.BilibiliVideoInfo = react_1.default.memo((props) => {
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, className: "relative overflow-hidden", children: [(0, jsx_runtime_1.jsx)(AmbientBackground, { pic: props.data.pic, ctx: props.ctx }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative overflow-hidden", style: coverMaskStyle, children: [(0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.data.pic, alt: props.data.title, className: "object-cover w-full", placeholder: "\u89C6\u9891\u5C01\u9762" }), props.data.hotDanmaku && (0, jsx_runtime_1.jsx)(DanmakuOverlay, { items: props.data.hotDanmaku })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-10 px-16 pt-20", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-5", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-[80px] font-black leading-tight text-foreground tracking-tight", children: props.data.title }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-6 text-3xl text-foreground/30", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Calendar, { size: 32, className: "text-foreground/20" }), (0, jsx_runtime_1.jsx)("span", { children: (0, date_fns_1.format)((0, date_fns_1.fromUnixTime)(props.data.ctime), 'yyyy-MM-dd HH:mm') })] }), (0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)(Icons_1.PlayIcon, { size: 28, className: "text-foreground/20" }), formatNumber(props.data.stat.view)] }), (0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)(Icons_1.CommentIcon, { variant: "line", size: 28, className: "text-foreground/20" }), formatNumber(props.data.stat.reply)] })] }), (0, jsx_runtime_1.jsxs)("span", { className: "font-mono text-3xl text-foreground/30", children: ["\u7A3F\u4EF6BV\u53F7\uFF1A", props.data.bvid] })] })] }), props.data.desc && ((0, jsx_runtime_1.jsx)("div", { className: "text-5xl leading-relaxed text-foreground/75 pb-10", children: (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.jsxs)("div", { className: "flex justify-around items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-5 text-5xl", children: [(0, jsx_runtime_1.jsx)(Icons_1.ThumbUpIcon, { size: 90, className: "text-foreground/30" }), (0, jsx_runtime_1.jsx)("span", { className: "tabular-nums text-foreground", children: formatNumber(props.data.stat.like) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-5 text-5xl", children: [(0, jsx_runtime_1.jsx)(Icons_1.CoinIcon, { size: 90, className: "text-foreground/30" }), (0, jsx_runtime_1.jsx)("span", { className: "tabular-nums text-foreground", children: formatNumber(props.data.stat.coin) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-5 text-5xl", children: [(0, jsx_runtime_1.jsx)(Icons_1.StarIcon, { size: 90, className: "text-foreground/30" }), (0, jsx_runtime_1.jsx)("span", { className: "tabular-nums text-foreground", children: formatNumber(props.data.stat.favorite) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-5 text-5xl", children: [(0, jsx_runtime_1.jsx)(Icons_1.ShareIcon, { size: 90, className: "text-foreground/30" }), (0, jsx_runtime_1.jsx)("span", { className: "tabular-nums text-foreground", children: formatNumber(props.data.stat.share) })] })] }), (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-10 items-center ml-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative shrink-0 w-56 h-56 flex items-center justify-center", children: [(0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.data.owner.face, alt: props.data.owner.name, className: "object-cover w-44 h-44 rounded-full", placeholder: props.data.owner.name.charAt(0), isCircular: true }), props.data.owner.frame && (0, jsx_runtime_1.jsx)(shared_1.EnhancedImage, { src: props.data.owner.frame, alt: "\u5934\u50CF\u6846", className: "absolute inset-0 scale-138" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-8 min-w-0 flex-1", children: [(0, jsx_runtime_1.jsx)(GlowImage_1.GlowText, { glowStrength: (0, theme_1.isDark)(props.ctx) ? 1 : 0, children: (0, jsx_runtime_1.jsx)("p", { className: "text-7xl font-bold truncate", style: props.data.owner.usernameMeta?.nicknameColor ? { color: props.data.owner.usernameMeta.nicknameColor } : undefined, children: props.data.owner.usernameMeta?.name ?? props.data.owner.name }) }), (0, jsx_runtime_1.jsxs)("p", { className: "text-5xl text-scrollbar", children: ["UID: ", props.data.owner.mid] })] })] })] })] })] }));
+});
+exports.BilibiliVideoInfo.displayName = 'BilibiliVideoInfo';
+exports.default = exports.BilibiliVideoInfo;

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

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

package/lib/ktr/template/components/AmbientCover.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AmbientCover = exports.AMBIENT_OVERLAY_OPACITY = exports.AMBIENT_COVER_OPACITY = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+/**
+ * 氛围背景的封面色贡献默认参数。
+ * 生产渲染时 core 会把用户配置（app.ambientCover）经 ctx 注入覆盖这里；
+ * ktr 开发面板没有注入，直接使用这里的默认值。
+ * 封面色最终可见度 ≈ 封面层不透明度 × (1 − 压色罩对应位置不透明度)。
+ */
+/** 模糊封面层不透明度 (0~1)：封面色强度总闸，越大整体越浓 */
+exports.AMBIENT_COVER_OPACITY = 0.7;
+/** 主题色压色罩不透明度 (0~1)：edge 为顶/底两端，middle 为中间带；调小 middle 封面色更透 */
+exports.AMBIENT_OVERLAY_OPACITY = { edge: 0.9, middle: 0.2 };
+/** 用 color-mix 生成三段压色渐变（0% / 50% / 100% 停靠点对应 edge / middle / edge） */
+const overlayGradient = (color, edge, middle) => `linear-gradient(to bottom, ` +
+    `color-mix(in oklab, ${color} ${edge * 100}%, transparent), ` +
+    `color-mix(in oklab, ${color} ${middle * 100}%, transparent), ` +
+    `color-mix(in oklab, ${color} ${edge * 100}%, transparent))`;
+/**
+ * 氛围背景基础层：高斯模糊封面 + 主题色压色罩。
+ * 压色罩浅色用主题背景色、深色用纯黑（两个层按 dark 变体显隐），
+ * 各模板在此之上再叠加自己的杂色纹理层。
+ * 贡献度参数优先取 ctx.ambientCover（core 注入的用户配置），缺省用模块内默认值。
+ */
+exports.AmbientCover = react_1.default.memo(({ src, ctx }) => {
+    const coverOpacity = ctx?.ambientCover?.coverOpacity ?? exports.AMBIENT_COVER_OPACITY;
+    const edge = ctx?.ambientCover?.overlayEdgeOpacity ?? exports.AMBIENT_OVERLAY_OPACITY.edge;
+    const middle = ctx?.ambientCover?.overlayMiddleOpacity ?? exports.AMBIENT_OVERLAY_OPACITY.middle;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { src: src, alt: "", className: "absolute inset-0 h-full w-full scale-150 object-cover blur-[120px] saturate-[1.8]", style: { opacity: coverOpacity }, referrerPolicy: "no-referrer", crossOrigin: "anonymous" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 dark:hidden", style: { background: overlayGradient('var(--background)', edge, middle) } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 hidden dark:block", style: { background: overlayGradient('#000', edge, middle) } })] }));
+});
+exports.AmbientCover.displayName = 'AmbientCover';

package/lib/ktr/template/components/DefaultLayout.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const cn_1 = require("../../utils/cn");
+const theme_1 = require("../../utils/theme");
+/**
+ * 默认布局组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const DefaultLayout = ({ children, ctx, className = '', style = {} }) => {
+    // 明暗只用于内部装饰分支（辉光强度等）；dark 类与 data-theme 由 ktr 外壳统一写在 body 上，
+    // 模板根元素不再重复施加。唯一事实来源是 ctx.theme.mode。
+    const useDarkTheme = (0, theme_1.isDark)(ctx);
+    const { version } = ctx;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)(
+        // 圆角与裁剪从旧引擎外壳（#container 规则）迁移到模板根元素：观感不变，单个模板可用 className 覆盖。
+        // relative 同样从旧引擎外壳（transform 语义）迁来：根元素是绝对定位包含块，
+        // 模板里 inset-0 的氛围层锚定在卡片矩形上并被圆角裁剪，而不是锚到视口逃逸出去。
+        'relative w-360 shrink-0 overflow-hidden rounded-[5rem] bg-background bg-clip-padding text-foreground font-[HarmonyOSHans-Regular]', className), style: {
+            // renderScale 缩放由 ktr 外壳统一施加（#container 上的 zoom，SSR 与开发面板沙盒一致），
+            // 模板根元素不要再加 zoom/transform，否则会叠加成 scale²。
+            // 旧引擎 transform 顺带的层叠上下文也由外壳 #container 的 isolation: isolate 补回，
+            // 模板里 -z-10 的氛围层不会逃逸到 <html> 层叠上下文被卡片背景盖住。
+            width: '1440px',
+            minWidth: '1440px',
+            maxWidth: '1440px',
+            ...style
+        }, children: [children, version ? ((0, jsx_runtime_1.jsx)("div", { className: "relative z-50 pt-32 pb-20 text-foreground/80", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex relative justify-center items-center space-x-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-end space-x-8", children: [(0, jsx_runtime_1.jsxs)("svg", { id: "114514", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 230 221", className: "w-auto h-18", children: [(0, jsx_runtime_1.jsx)("path", { id: "_1", d: "M132.75,87.37l-53.72-53.37c-4.66-4.63-1.38-12.58,5.18-12.58h115.13c6.57,0,9.84,7.95,5.18,12.58l-53.72,53.37c-4.99,4.96-13.06,4.96-18.05,0Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { id: "_2", d: "M28.49,186.89l.03-51.42c-.02-6.57,7.92-9.87,12.56-5.23l57.02,57.02c4.64,4.64,1.34,12.41-5.23,12.39h-51.42c-7.04-.02-12.94-5.72-12.96-12.76Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M41.54,23.68l163.04,163.05c4.78,4.78,1.39,12.95-5.36,12.94h-47.88c-9.69,0-18.99-3.86-25.84-10.71L39.3,102.75c-6.85-6.85-10.7-16.15-10.7-25.84V29.04c0-6.76,8.16-10.14,12.94-5.36Z", fill: "currentColor" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start opacity-90", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center mb-1 space-x-2 text-sm font-bold uppercase text-foreground/80", children: (0, jsx_runtime_1.jsx)("span", { children: version.plugin }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-5xl font-black", children: version.pluginName })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start opacity-90", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center mb-1 space-x-2 text-sm font-bold tracking-widest uppercase text-foreground/80", children: [version.hasUpdate && (0, jsx_runtime_1.jsx)(lucide_react_1.CircleFadingArrowUp, { strokeWidth: 3, className: "w-4 h-4 text-success" }), !version.hasUpdate && version.releaseType === 'Stable' && (0, jsx_runtime_1.jsx)(lucide_react_1.CheckCircle, { strokeWidth: 3, className: "w-4 h-4" }), !version.hasUpdate && version.releaseType === 'Preview' && ((0, jsx_runtime_1.jsx)(lucide_react_1.AlertTriangle, { strokeWidth: 3, className: "w-4 h-4 text-warning" })), !version.hasUpdate && version.releaseType !== 'Stable' && version.releaseType !== 'Preview' && ((0, jsx_runtime_1.jsx)(lucide_react_1.Info, { strokeWidth: 3, className: "w-4 h-4" })), (0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)(version.hasUpdate && 'text-success', !version.hasUpdate && version.releaseType === 'Preview' && 'text-warning'), children: version.hasUpdate ? '有可用更新' : version.releaseType })] }), (0, jsx_runtime_1.jsxs)("span", { className: (0, cn_1.cn)('text-5xl font-bold tracking-wide', version.hasUpdate && 'text-success', !version.hasUpdate && version.releaseType === 'Preview' && 'text-warning'), children: ["v", version.pluginVersion] })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-1 h-14 opacity-90 bg-foreground" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-end space-x-8", children: [version.frameLogo ? ((0, jsx_runtime_1.jsx)("img", { src: version.frameLogo, alt: "logo", className: "w-auto h-18" })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center mb-1 space-x-2 text-sm font-bold tracking-widest uppercase text-foreground/80", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Zap, { strokeWidth: 3, className: "w-4 h-4 opacity-90" }), (0, jsx_runtime_1.jsx)("span", { className: "opacity-90", children: "Power By" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-end space-x-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-5xl font-black leading-none opacity-90", children: version.poweredBy }), (0, jsx_runtime_1.jsxs)("span", { className: "pb-1 text-2xl font-bold leading-none opacity-90", children: ["v", version.frameworkVersion] })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-1 h-14 opacity-90 bg-foreground/70" }), (0, jsx_runtime_1.jsx)("img", { src: "https://q1.qlogo.cn/g?b=qq&nk=2237886846&s=640", alt: "maimai", className: "w-16 h-16 rounded-full object-cover", referrerPolicy: "no-referrer" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm font-bold tracking-widest uppercase opacity-80", children: "By" }), (0, jsx_runtime_1.jsx)("span", { className: "text-3xl font-black leading-none opacity-90", children: "maimai" })] })] })] }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "h-24" }))] }));
+};
+exports.DefaultLayout = DefaultLayout;