koishi-plugin-kkk 1.0.0

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

@@ -0,0 +1,50 @@
+"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 Icons_1 = require("../../components/Icons");
+const pushTypeConfig = {
+    post: { label: '作品更新', color: 'bg-accent/5 text-accent/80 border-accent/12', icon: lucide_react_1.Clapperboard },
+    favorite: { label: '喜欢列表', color: 'bg-[#d94f50]/5 text-[#b04546] border-[#d94f50]/12', icon: Icons_1.DouyinLikeIcon },
+    recommend: { label: '推荐列表', color: 'bg-[#c9943a]/5 text-[#a07d30] border-[#c9943a]/12', icon: Icons_1.DouyinRecommendIcon },
+    live: { label: '直播状态', color: 'bg-[#3aa876]/5 text-[#2e8a5e] border-[#3aa876]/12', icon: lucide_react_1.Radio }
+};
+/**
+ * 抖音用户项组件
+ */
+const DouyinUserItem = (props) => {
+    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)("img", { 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-6 flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", 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 shrink-0", children: (0, jsx_runtime_1.jsx)("img", { src: props.avatar_img, alt: "Avatar", className: "w-full h-full rounded-full object-cover" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-3xl font-black tracking-tight text-foreground truncate drop-shadow-sm mb-1.5", children: props.username }), (0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-1 px-2 py-1 rounded-md bg-surface/50 border border-border/50 text-xs font-mono font-bold text-muted", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Hash, { size: 12, className: "opacity-70" }), props.short_id] })] }), (0, jsx_runtime_1.jsxs)("div", { className: `px-4 py-2 rounded-full border-2 border-background flex items-center gap-2 shadow-md shrink-0 ${props.switch ? 'bg-success text-white' : 'bg-danger text-danger-foreground'}`, children: [(0, jsx_runtime_1.jsx)("div", { className: `w-2 h-2 rounded-full ${props.switch ? 'bg-white' : 'bg-border'}` }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs font-bold uppercase tracking-wider leading-none", children: props.switch ? 'ON' : 'OFF' })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex gap-2.5", children: Object.entries(pushTypeConfig).map(([type, config]) => {
+                                    const isActive = props.pushTypes?.includes(type);
+                                    return ((0, jsx_runtime_1.jsxs)("div", { className: `px-2.5 py-3 rounded-xl border flex flex-col items-center gap-2.5 transition-colors duration-200 ${isActive ? config.color : 'bg-surface/50 text-muted border-transparent dark:bg-surface/10'}`, children: [(0, jsx_runtime_1.jsx)(config.icon, { size: 20, className: isActive ? '' : 'opacity-50' }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs font-bold whitespace-nowrap tracking-wide", style: { writingMode: 'vertical-rl' }, children: config.label })] }, type));
+                                }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 flex flex-col gap-2", children: [
+                                    { icon: lucide_react_1.UsersRound, value: props.fans, label: '粉丝' },
+                                    { icon: Icons_1.DouyinLikeIcon, 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: "flex items-center gap-3 px-4 py-2 rounded-lg bg-surface-secondary/30 border border-border/30 backdrop-blur-sm", children: [(0, jsx_runtime_1.jsx)(StatIcon, { size: 20, className: "text-muted shrink-0" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-baseline gap-2 flex-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-base font-bold font-mono text-foreground", children: item.value }), (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-muted font-medium", children: item.label })] })] }, index));
+                                }) })] })] })] }));
+};
+/**
+ * 抖音用户列表组件
+ */
+const DouyinUserList = (props) => {
+    const dark = (0, theme_1.isDark)(props.ctx);
+    // 抖音配色：Danger红 (#ef4444) + 黑色 (#000000)
+    const primaryColor = dark ? '#ef4444' : '#dc2626'; // Red-500/600
+    const secondaryColor = dark ? '#000000' : '#171717'; // Black/Neutral-900
+    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-15 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-10 dark:opacity-20", 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)("rect", { x: "100", y: "100", width: "200", height: "200", stroke: "currentColor", strokeWidth: "1" }), (0, jsx_runtime_1.jsx)("path", { d: "M200 0V400M0 200H400", stroke: "currentColor", strokeWidth: "0.5" }), (0, jsx_runtime_1.jsx)("circle", { cx: "200", cy: "200", r: "50", fill: "currentColor", fillOpacity: "0.1" })] }) })] }), (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)("img", { 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: "Douyin Monitor" })] }), (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: "Monitoring" })] })] }), (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)(DouyinUserItem, { ...user }, `${user.short_id}-${index}`))) })] })] }));
+};
+exports.default = DouyinUserList;

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

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

package/lib/ktr/template/douyin/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: '抖音推送列表',
+    description: '抖音用户推送列表组件',
+    component: UserList_1.default,
+    validate: (data) => typeof data === 'object' && data !== null && Array.isArray(data.renderOpt)
+});

package/lib/ktr/template/douyin/video-work/components/VideoWork.js

@@ -0,0 +1,127 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DouyinVideoWork = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const richtext_1 = require("../../../../../richtext");
+const react_1 = require("../../../../../compat/phosphor-icons.js");
+const date_fns_1 = require("date-fns");
+const locale_1 = require("date-fns/locale");
+const lucide_react_1 = require("lucide-react");
+const react_2 = __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 QRCodeWithAvatar_1 = require("../../../components/QRCodeWithAvatar");
+const Icons_1 = require("../../components/Icons");
+const getTitleClassName = (titleLength) => {
+    if (titleLength > 96)
+        return 'text-[42px] leading-[1.34]';
+    if (titleLength > 72)
+        return 'text-[48px] leading-[1.3]';
+    if (titleLength > 48)
+        return 'text-[54px] leading-[1.26]';
+    return 'text-[62px] leading-tight';
+};
+function formatDuration(duration) {
+    if (typeof duration !== 'number' || !Number.isFinite(duration) || duration < 0)
+        return undefined;
+    const totalSeconds = Math.floor(duration / 1000);
+    const hours = Math.floor(totalSeconds / 3600);
+    const minutes = Math.floor((totalSeconds % 3600) / 60);
+    const seconds = totalSeconds % 60;
+    const pad = (value) => value.toString().padStart(2, '0');
+    if (hours > 0)
+        return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
+    return `${pad(minutes)}:${pad(seconds)}`;
+}
+/**
+ * 多段透明度停靠点用于模拟 smoothstep，让封面从环境柔光进入清晰主体时没有明显的线性渐变拐点。
+ */
+const ambientCoverMask = 'linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.08) 6%, rgba(0,0,0,0.32) 16%, rgba(0,0,0,0.68) 28%, black 42%, black 58%, rgba(0,0,0,0.68) 72%, rgba(0,0,0,0.32) 84%, rgba(0,0,0,0.08) 94%, transparent 100%)';
+const foregroundCoverMask = 'linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.35) 10%, rgba(0,0,0,0.68) 17%, rgba(0,0,0,0.9) 23%, black 30%, black 70%, rgba(0,0,0,0.9) 77%, rgba(0,0,0,0.68) 83%, rgba(0,0,0,0.35) 90%, rgba(0,0,0,0.1) 96%, transparent 100%)';
+const DouyinDiffuseBackground = ({ data, 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: data.image_url, ctx: ctx }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 opacity-[0.35] 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.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("filter", { id: "douyinVideoWorkNoise", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "0.8", numOctaves: "2", stitchTiles: "stitch" }), (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)("feComponentTransfer", { children: (0, jsx_runtime_1.jsx)("feFuncA", { type: "linear", slope: "2", intercept: "-0.5" }) })] }) }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", filter: "url(#douyinVideoWorkNoise)", mask: "url(#douyinVideoWorkNoiseMask)", fill: "white" })] }) })] }));
+const DouyinPosterHeader = ({ data, ctx }) => {
+    const { avater_url, username, create_time, ip_location } = data;
+    const publishTime = (0, date_fns_1.formatDistanceToNow)((0, date_fns_1.fromUnixTime)(create_time), {
+        addSuffix: true,
+        locale: locale_1.zhCN
+    });
+    return ((0, jsx_runtime_1.jsxs)("header", { className: "flex items-start justify-between gap-14", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex min-w-0 items-center gap-6", children: [(0, jsx_runtime_1.jsx)("img", { src: avater_url, alt: "\u5934\u50CF", className: "h-24 w-24 shrink-0 rounded-full object-cover shadow-2xl", referrerPolicy: "no-referrer", crossOrigin: "anonymous" }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-165 truncate text-[44px] font-black leading-tight text-foreground select-text", children: username }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex flex-wrap items-center gap-x-5 gap-y-2 text-[30px] text-muted", children: [(0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Clock3, { size: 28 }), (0, jsx_runtime_1.jsx)("span", { className: "select-text", children: publishTime })] }), ip_location && ((0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(react_1.MapPinIcon, { size: 30, weight: "fill" }), (0, jsx_runtime_1.jsx)("span", { className: "select-text", children: ip_location })] }))] })] })] }), (0, jsx_runtime_1.jsx)("img", { src: (0, theme_1.isDark)(ctx) ? '/image/douyin/dylogo-light.svg' : '/image/douyin/dylogo-dark.svg', alt: "\u6296\u97F3", className: "mt-2 h-17 w-auto shrink-0 object-contain opacity-90" })] }));
+};
+const DouyinVideoCover = (props) => {
+    const durationText = formatDuration(props.data.duration);
+    return ((0, jsx_runtime_1.jsxs)("section", { className: "relative -mx-20 mt-12 overflow-visible", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute -inset-x-20 -inset-y-32 z-0 overflow-hidden", style: {
+                    maskImage: ambientCoverMask,
+                    WebkitMaskImage: ambientCoverMask
+                }, children: (0, jsx_runtime_1.jsx)("img", { src: props.data.image_url, alt: "", className: "h-full w-full scale-[1.16] object-cover opacity-48 blur-[72px] saturate-[1.2]", referrerPolicy: "no-referrer", crossOrigin: "anonymous" }) }), (0, jsx_runtime_1.jsx)("img", { src: props.data.image_url, alt: "\u89C6\u9891\u5C01\u9762", className: "relative z-10 block h-auto w-full drop-shadow-xl", style: {
+                    maskImage: foregroundCoverMask,
+                    WebkitMaskImage: foregroundCoverMask
+                }, referrerPolicy: "no-referrer", crossOrigin: "anonymous" }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-x-24 top-10 z-30 flex items-start justify-between text-foreground/85", children: [durationText && (0, jsx_runtime_1.jsxs)("span", { className: "text-4xl font-black leading-none tabular-nums", children: ["\u65F6\u957F: ", durationText] }), props.data.resolution && ((0, jsx_runtime_1.jsxs)("div", { className: "ml-auto flex flex-col items-end gap-1.5", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-3xl font-black leading-none tracking-[0.08em] select-text", children: [props.data.resolution.name, props.data.is_HDR &&
+                                        ((0, theme_1.isDark)(props.ctx) ? ((0, jsx_runtime_1.jsx)(GlowImage_1.GlowText, { glowStrength: 1, blurRadius: 10, children: ` · HDR` })) : (` · HDR`))] }), (0, jsx_runtime_1.jsxs)("span", { className: "text-2xl font-bold tracking-[0.08em] text-foreground/60 tabular-nums select-text", children: [props.data.resolution.width, " \u00D7 ", props.data.resolution.height, " px"] })] }))] }), (0, jsx_runtime_1.jsx)(react_1.PlayIcon, { size: 104, weight: "fill", "aria-label": "\u64AD\u653E", className: "absolute bottom-12 right-24 z-30 text-white/50" }), props.data.music && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute bottom-12 left-24 z-30 flex max-w-212.5 items-center gap-5 text-foreground/85", children: [props.data.music.cover ? ((0, jsx_runtime_1.jsx)("div", { className: "relative h-20 w-20 shrink-0", children: (0, jsx_runtime_1.jsx)(GlowImage_1.GlowImage, { glowStrength: 1, blurRadius: 20, children: (0, jsx_runtime_1.jsx)("img", { src: props.data.music.cover, alt: "BGM\u5C01\u9762", className: "relative z-10 h-full w-full rounded-2xl object-cover", referrerPolicy: "no-referrer", crossOrigin: "anonymous" }) }) })) : ((0, jsx_runtime_1.jsx)(react_1.MusicNoteIcon, { size: 44, weight: "fill", className: "shrink-0" })), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "truncate text-[36px] font-black leading-tight select-text", children: props.data.music.title }), (0, jsx_runtime_1.jsx)("div", { className: "truncate text-[27px] font-semibold text-foreground/60 select-text", children: props.data.music.author })] })] }))] }));
+};
+const DouyinPosterTitle = ({ data }) => {
+    const { title, desc } = data;
+    const hasTitle = Boolean(title?.nodes.length);
+    const hasDesc = Boolean(desc?.nodes.length);
+    const titleLength = title ? (0, richtext_1.extractRichTextPlainText)(title).length : 0;
+    const titleClassName = getTitleClassName(titleLength);
+    const richTextOptions = {
+        hashtag: {
+            className: 'text-inherit opacity-60'
+        },
+        mention: {
+            className: 'text-inherit'
+        }
+    };
+    if (!hasTitle && !hasDesc) {
+        return (0, jsx_runtime_1.jsx)("h1", { className: "mt-14 text-[68px] font-black leading-[1.16] text-foreground select-text", children: "\u6296\u97F3\u89C6\u9891\u4F5C\u54C1" });
+    }
+    return ((0, jsx_runtime_1.jsxs)("section", { className: "mt-13", children: [hasTitle && title && ((0, jsx_runtime_1.jsx)("h1", { className: `${titleClassName} font-bold text-foreground select-text`, style: { wordBreak: 'break-word', overflowWrap: 'break-word' }, children: (0, richtext_1.renderRichTextToReact)(title, richTextOptions) })), hasDesc && ((0, jsx_runtime_1.jsx)("div", { className: "mt-7 max-w-290 whitespace-pre-wrap text-[42px] font-medium leading-tight text-muted select-text", style: { wordBreak: 'break-word', overflowWrap: 'break-word' }, children: (0, richtext_1.renderRichTextToReact)(desc, richTextOptions) }))] }));
+};
+const DouyinSignalLine = ({ data }) => {
+    const { dianzan, pinglun, shouchang, share, suggest_word } = data;
+    const renderTime = (0, date_fns_1.format)(new Date(), 'yyyy-MM-dd HH:mm:ss');
+    const stats = [
+        { icon: Icons_1.DouyinLikeIcon, value: dianzan, label: '点赞' },
+        { icon: Icons_1.DouyinCommentIcon, value: pinglun, label: '评论' },
+        { icon: Icons_1.DouyinFavoriteIcon, value: shouchang, label: '收藏' },
+        { icon: Icons_1.DouyinShareIcon, value: share, label: '分享' }
+    ];
+    return ((0, jsx_runtime_1.jsxs)("section", { className: "mt-12", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap items-end gap-x-16 gap-y-8", children: stats.map((stat) => {
+                    const Icon = stat.icon;
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: "min-w-37.5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 text-[28px] font-semibold text-muted", children: [(0, jsx_runtime_1.jsx)(Icon, { size: 36, weight: "fill", className: "text-foreground/80" }), (0, jsx_runtime_1.jsx)("span", { children: stat.label })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2 text-[64px] font-black leading-none text-foreground tabular-nums select-text", children: stat.value })] }, stat.label));
+                }) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-8 flex min-w-0 flex-col gap-3 text-[29px] leading-[1.45] text-muted", children: [suggest_word && ((0, jsx_runtime_1.jsxs)("div", { className: "min-w-0 truncate select-text", children: [(0, jsx_runtime_1.jsx)("span", { children: suggest_word.hint_text }), (0, jsx_runtime_1.jsx)("span", { className: "ml-2 font-black text-foreground", children: suggest_word.word })] })), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-3", children: (0, jsx_runtime_1.jsxs)("span", { className: "select-text", children: ["\u56FE\u7247\u751F\u6210\u4E8E: ", renderTime] }) })] })] }));
+};
+const DouyinCoCreatorList = ({ data, coCreatorCount }) => {
+    const subscriberNickname = data.username;
+    const allCreators = data.cooperation_info?.co_creators ?? [];
+    const creators = allCreators.filter((creator) => creator.nickname !== subscriberNickname);
+    if (creators.length === 0)
+        return null;
+    const visibleCreators = creators.slice(0, 8);
+    const remainingCount = Math.max(coCreatorCount - visibleCreators.length - 1, 0);
+    return ((0, jsx_runtime_1.jsxs)("section", { className: "mt-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 text-[34px] font-black text-foreground", children: [(0, jsx_runtime_1.jsx)(react_1.UsersIcon, { size: 42, weight: "fill", className: "text-foreground/80" }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u5171 ", coCreatorCount, " \u4EBA\u5171\u521B"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-6 flex min-w-0 flex-wrap items-center gap-x-10 gap-y-6 overflow-hidden", children: [visibleCreators.map((creator, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex min-w-0 max-w-77.5 items-center gap-4", children: [(0, jsx_runtime_1.jsx)("img", { src: creator.avatar_url || data.avater_url, alt: "\u5171\u521B\u8005\u5934\u50CF", className: "h-18 w-18 shrink-0 rounded-full object-cover shadow-xl", referrerPolicy: "no-referrer", crossOrigin: "anonymous" }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "truncate text-[28px] font-black leading-tight text-foreground select-text", children: creator.nickname || '未提供' }), (0, jsx_runtime_1.jsx)("div", { className: "mt-1 truncate text-[23px] font-semibold text-muted select-text", children: creator.role_title || '共创者' })] })] }, `${creator.nickname || 'creator'}-${index}`))), remainingCount > 0 && (0, jsx_runtime_1.jsxs)("div", { className: "text-[32px] font-black text-muted", children: ["\u5269\u4F59 ", remainingCount, " \u4E2A..."] })] })] }));
+};
+const DouyinPosterFooter = ({ data, ctx }) => {
+    const { avater_url, username, 抖音号, 获赞, 关注, 粉丝, share_url } = data;
+    const stats = [
+        { icon: Icons_1.DouyinLikeIcon, iconSize: 26, label: '获赞', value: 获赞 },
+        { icon: react_1.UserPlusIcon, iconSize: 32, label: '关注', value: 关注 },
+        { icon: react_1.UsersThreeIcon, iconSize: 32, label: '粉丝', value: 粉丝 }
+    ];
+    return ((0, jsx_runtime_1.jsxs)("footer", { className: "mt-10 flex items-start justify-between gap-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "min-w-0 flex-1 pt-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-6", children: [(0, jsx_runtime_1.jsx)("img", { src: avater_url, alt: "\u5934\u50CF", className: "h-26 w-26 shrink-0 rounded-full object-cover shadow-xl", referrerPolicy: "no-referrer", crossOrigin: "anonymous" }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-162.5 truncate text-[48px] font-black leading-tight text-foreground select-text", children: username }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex items-center gap-2 text-[30px] text-muted", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Hash, { size: 28 }), (0, jsx_runtime_1.jsxs)("span", { className: "truncate select-text", children: ["\u6296\u97F3\u53F7: ", 抖音号] })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-10 flex flex-wrap gap-x-14 gap-y-6", children: stats.map((stat) => {
+                            const Icon = stat.icon;
+                            return ((0, jsx_runtime_1.jsxs)("div", { className: "min-w-37.5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 text-[25px] font-semibold text-muted", children: [(0, jsx_runtime_1.jsx)(Icon, { size: stat.iconSize, weight: "fill", className: "text-foreground/80" }), (0, jsx_runtime_1.jsx)("span", { children: stat.label })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2 text-[32px] font-black leading-none text-foreground select-text", children: stat.value })] }, stat.label));
+                        }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "shrink-0 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "drop-shadow-2xl", children: (0, jsx_runtime_1.jsx)(QRCodeWithAvatar_1.QRCodeWithAvatar, { value: share_url, avatarUrl: avater_url, useDarkTheme: (0, theme_1.isDark)(ctx), alt: "\u4E8C\u7EF4\u7801", className: "h-75 w-75" }) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2 text-[28px] font-black text-foreground/80", children: "\u626B\u7801\u67E5\u770B\u4F5C\u54C1\u8BE6\u60C5" })] })] }));
+};
+exports.DouyinVideoWork = react_2.default.memo((props) => {
+    const coCreatorCount = props.data.cooperation_info?.co_creator_nums ?? props.data.cooperation_info?.co_creators?.length ?? undefined;
+    const hasCoCreators = !!coCreatorCount && coCreatorCount > 0;
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, className: "relative overflow-hidden", children: [(0, jsx_runtime_1.jsx)(DouyinDiffuseBackground, { ...props }), (0, jsx_runtime_1.jsxs)("section", { className: "relative z-10 px-20 pt-18", children: [(0, jsx_runtime_1.jsx)(DouyinPosterHeader, { ...props }), (0, jsx_runtime_1.jsx)(DouyinPosterTitle, { ...props }), (0, jsx_runtime_1.jsx)(DouyinVideoCover, { ...props }), (0, jsx_runtime_1.jsx)(DouyinSignalLine, { ...props }), hasCoCreators && (0, jsx_runtime_1.jsx)(DouyinCoCreatorList, { ...props, coCreatorCount: coCreatorCount }), (0, jsx_runtime_1.jsx)(DouyinPosterFooter, { ...props })] })] }));
+});
+exports.DouyinVideoWork.displayName = 'DouyinVideoWork';
+exports.default = exports.DouyinVideoWork;

package/lib/ktr/template/douyin/video-work/components/types.js

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

package/lib/ktr/template/douyin/video-work/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const VideoWork_1 = require("./components/VideoWork");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '视频作品',
+    description: '抖音视频作品解析与推送模板',
+    component: VideoWork_1.DouyinVideoWork,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});

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

@@ -0,0 +1,88 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KuaishouComment = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const richtext_1 = require("../../../../../richtext");
+const date_fns_1 = require("date-fns");
+const locale_1 = require("date-fns/locale");
+const lucide_react_1 = require("lucide-react");
+const react_1 = __importDefault(require("react"));
+const QRcode_1 = require("../../../../utils/QRcode");
+const theme_1 = require("../../../../utils/theme");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const kuaishouMentionClassName = 'text-[#03488d] dark:text-[#c7daef]';
+const renderKuaishouCommentRichText = (content) => {
+    return (0, richtext_1.renderRichTextToReact)(content, {
+        mention: { className: kuaishouMentionClassName }
+    });
+};
+const formatKuaishouCommentTime = (timestamp) => {
+    if (!timestamp) {
+        return '';
+    }
+    const commentDate = new Date(timestamp);
+    const diffSeconds = (0, date_fns_1.differenceInSeconds)(new Date(), commentDate);
+    if (diffSeconds < 30) {
+        return '刚刚';
+    }
+    if (diffSeconds < 7776000) {
+        return (0, date_fns_1.formatDistanceToNow)(commentDate, {
+            locale: locale_1.zhCN,
+            addSuffix: true
+        });
+    }
+    return (0, date_fns_1.format)(commentDate, 'yyyy-MM-dd');
+};
+const formatKuaishouLikeCount = (count) => {
+    if (count >= 10000) {
+        return `${(count / 10000).toFixed(1)}w`;
+    }
+    return String(count);
+};
+/**
+ * 快手二维码组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const KuaishouQRCodeSection = (props) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center -mr-10", children: [(0, jsx_runtime_1.jsx)("div", { className: "mt-20 flex items-center justify-center w-150 h-150 bg-surface rounded-lg shadow-medium", children: (0, jsx_runtime_1.jsx)("img", { src: (0, QRcode_1.generateQRCode)(props.share_url, props.useDarkTheme), alt: "\u4E8C\u7EF4\u7801", className: "object-contain w-full h-full" }) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-5 text-[45px] text-center text-foreground", children: props.Type === '视频' ? '视频直链(永久)' : props.Type === '图集' ? `图集分享链接 共${props.ImageLength}张` : '分享链接' })] }));
+};
+/**
+ * 快手视频信息头部组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const KuaishouVideoInfoHeader = (props) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-between items-center max-w-300 mx-auto p-5", children: (0, jsx_runtime_1.jsxs)("div", { className: "mt-2.5 flex flex-col -ml-11", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-5", children: (0, jsx_runtime_1.jsx)("img", { src: "/image/kuaishou/logo.png", alt: "\u5FEB\u624BLogo", className: "w-162.5 h-auto", onError: (e) => {
+                            const target = e.target;
+                            target.style.display = 'none';
+                            const parent = target.parentElement;
+                            if (parent) {
+                                parent.innerHTML = '<div class="flex justify-center items-center h-full text-2xl font-bold text-foreground">快手</div>';
+                            }
+                        } }) }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-2 text-foreground", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center p-2.5 tracking-[6px] text-[45px] text-left", children: ["\u8BC4\u8BBA\u6570\u91CF\uFF1A", props.CommentLength, "\u6761"] }), props.Type === '视频' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center p-2.5 tracking-[6px] text-[45px] text-left", children: ["\u89C6\u9891\u5927\u5C0F\uFF1A", props.VideoSize, "MB"] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center p-2.5 tracking-[6px] text-[45px] text-left", children: ["\u70B9\u8D5E\u6570\u91CF\uFF1A", props.likeCount] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center p-2.5 tracking-[6px] text-[45px] text-left", children: ["\u89C2\u770B\u6B21\u6570\uFF1A", props.viewCount] })] })), props.Type === '图集' && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center p-2.5 tracking-[6px] text-[45px] text-left", children: ["\u56FE\u7247\u6570\u91CF\uFF1A", props.ImageLength, "\u5F20"] }))] })] }) }));
+};
+/**
+ * 快手单个评论组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const KuaishouCommentItemComponent = ({ ...props }, isLast = false) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex px-10 pt-10 ${isLast ? 'pb-0' : 'pb-10'}`, children: [(0, jsx_runtime_1.jsx)("img", { src: props.userimageurl, className: "mb-12.5 w-[187.5px] h-[187.5px] rounded-full mr-8 object-cover shadow-lg", alt: "\u7528\u6237\u5934\u50CF" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-12.5 text-[50px] text-foreground/70 relative flex items-center", children: (0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: props.nickname }) }), (0, jsx_runtime_1.jsx)("div", { className: "text-[60px] text-foreground leading-relaxed mb-2 whitespace-pre-wrap select-text", style: {
+                            wordBreak: 'break-word',
+                            overflowWrap: 'break-word'
+                        }, children: renderKuaishouCommentRichText(props.text) }), (props.commentimage || props.sticker) && ((0, jsx_runtime_1.jsx)("div", { className: "flex my-5 overflow-hidden shadow-md rounded-2xl w-[95%] flex-1", children: (0, jsx_runtime_1.jsx)("img", { className: "object-contain w-full h-full rounded-2xl", src: props.commentimage || props.sticker, alt: "\u8BC4\u8BBA\u56FE\u7247" }) })), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mt-6 text-muted", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-6", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-[45px] select-text", children: formatKuaishouCommentTime(props.create_time) }), props.ip_label && (0, jsx_runtime_1.jsx)("span", { className: "text-[45px] select-text", children: props.ip_label }), props.reply_comment_total && props.reply_comment_total > 0 ? ((0, jsx_runtime_1.jsxs)("span", { className: "text-[40px] text-foreground/70", children: ["\u5171", props.reply_comment_total, "\u6761\u56DE\u590D"] })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-[40px] text-foreground/70", children: "\u56DE\u590D" }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-2 transition-colors cursor-pointer hover:text-danger", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Heart, { size: 60, className: "stroke-current" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[50px] select-text", children: formatKuaishouLikeCount(props.digg_count) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex items-center transition-colors cursor-pointer hover:text-accent", children: (0, jsx_runtime_1.jsx)(lucide_react_1.MessageCircle, { size: 60, className: "stroke-current" }) })] })] })] })] }));
+};
+/**
+ * 快手评论组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+exports.KuaishouComment = react_1.default.memo((props) => {
+    const commentsArray = Array.isArray(props.data?.CommentsData) ? props.data.CommentsData : [];
+    return ((0, jsx_runtime_1.jsx)(DefaultLayout_1.DefaultLayout, { ...props, children: (0, jsx_runtime_1.jsxs)("div", { className: "p-5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center max-w-300 mx-auto p-5", children: [(0, jsx_runtime_1.jsx)(KuaishouVideoInfoHeader, { ...props.data }), (0, jsx_runtime_1.jsx)(KuaishouQRCodeSection, { ...props.data, useDarkTheme: (0, theme_1.isDark)(props.ctx) })] }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-auto mx-auto max-w-full", children: commentsArray.length > 0 ? (commentsArray.map((comment, index) => ((0, jsx_runtime_1.jsx)(KuaishouCommentItemComponent, { ...comment, isLast: index === commentsArray.length - 1 }, comment.cid || index)))) : ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center py-20 text-muted", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.MessageCircle, { size: 64, className: "mx-auto mb-4 text-muted/70" }), (0, jsx_runtime_1.jsx)("p", { className: "text-xl", children: "\u6682\u65E0\u8BC4\u8BBA\u6570\u636E" })] }) })) })] }) }));
+});
+exports.default = exports.KuaishouComment;

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

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

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

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

package/lib/ktr/template/other/changelog/components/changelog.js

@@ -0,0 +1,117 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Changelog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("@thesvg/icons/react"));
+const sqlite_1 = __importDefault(require("@thesvg/icons/sqlite"));
+const tailwind_css_1 = __importDefault(require("@thesvg/icons/tailwind-css"));
+const tsdown_1 = __importDefault(require("@thesvg/icons/tsdown"));
+const typescript_1 = __importDefault(require("@thesvg/icons/typescript"));
+const vite_1 = __importDefault(require("@thesvg/icons/vite"));
+const webassembly_1 = __importDefault(require("@thesvg/icons/webassembly"));
+const lucide_react_1 = require("lucide-react");
+const react_2 = __importDefault(require("react"));
+const react_markdown_1 = __importDefault(require("react-markdown"));
+const rehype_highlight_1 = __importDefault(require("rehype-highlight"));
+const QRcode_1 = require("../../../../utils/QRcode");
+const theme_1 = require("../../../../utils/theme");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const GlowImage_1 = require("../../../components/GlowImage");
+const InlineCalloutCode = ({ children, className }) => ((0, jsx_runtime_1.jsx)("span", { className: `inline-flex items-center rounded-[0.55em] px-[0.48em] py-[0.18em] font-semibold ${className ?? ''}`.trim(), style: {
+        background: 'color-mix(in oklab, #d4af37 14%, transparent)',
+        color: '#d4af37'
+    }, children: children }));
+const toSvgDataUri = (svg) => `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+const techStackItems = [
+    { label: 'TypeScript', iconSrc: toSvgDataUri(typescript_1.default.svg) },
+    { label: 'SQLite', iconSrc: toSvgDataUri(sqlite_1.default.svg) },
+    { label: 'React', iconSrc: toSvgDataUri(react_1.default.svg) },
+    { label: 'Tailwind CSS', iconSrc: toSvgDataUri(tailwind_css_1.default.svg) },
+    { label: 'WebAssembly', iconSrc: toSvgDataUri(webassembly_1.default.svg) },
+    { label: 'Vite', iconSrc: toSvgDataUri(vite_1.default.svg) },
+    { label: 'tsdown', iconSrc: toSvgDataUri(tsdown_1.default.svg) }
+];
+/**
+ * 更新日志组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+exports.Changelog = react_2.default.memo((props) => {
+    const dark = (0, theme_1.isDark)(props.ctx);
+    const isUpdateTip = props.data.Tip === true;
+    const share_url = props.data?.share_url || '';
+    const backgroundColors = dark
+        ? {
+            base: '#0a0a0a',
+            primary: 'rgba(212, 175, 55, 0.28)',
+            secondary: 'rgba(184, 134, 11, 0.24)',
+            accent: 'rgba(205, 133, 63, 0.20)',
+            wash: 'rgba(10, 10, 10, 0.85)',
+            tint: 'rgba(212, 175, 55, 0.12)',
+            noiseOpacity: 0.2,
+            noiseBlend: 'screen',
+            inlineCodeBg: 'rgba(255, 215, 0, 0.10)',
+            inlineCodeText: '#f0c040'
+        }
+        : {
+            base: '#faf8f3',
+            primary: 'rgba(212, 175, 55, 0.20)',
+            secondary: 'rgba(184, 134, 11, 0.16)',
+            accent: 'rgba(205, 133, 63, 0.14)',
+            wash: 'rgba(250, 248, 243, 0.65)',
+            tint: 'rgba(212, 175, 55, 0.07)',
+            noiseOpacity: 0.12,
+            noiseBlend: 'multiply',
+            inlineCodeBg: 'rgba(184, 134, 11, 0.12)',
+            inlineCodeText: '#8b6914'
+        };
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, className: "relative overflow-hidden", style: {
+            backgroundColor: backgroundColors.base
+        }, 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 -top-48 -left-20 w-7xl h-280 rounded-full blur-[120px]", style: {
+                            background: `radial-gradient(ellipse at 35% 40%, ${backgroundColors.primary} 0%, transparent 72%)`
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-42 right-[-7%] w-[30%] h-[24%] rounded-full blur-[132px] rotate-12", style: {
+                            background: `radial-gradient(ellipse at 50% 50%, ${backgroundColors.secondary} 0%, transparent 72%)`
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -bottom-36 left-30 w-280 h-220 rounded-full blur-[128px] -rotate-6", style: {
+                            background: `radial-gradient(ellipse at 55% 55%, ${backgroundColors.accent} 0%, transparent 72%)`
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute left-[10%] w-[34%] h-[30%] blur-[138px]", style: {
+                            top: '33%',
+                            background: `radial-gradient(ellipse at 42% 50%, ${backgroundColors.tint} 0%, transparent 76%)`
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute left-[32%] bottom-[-14%] w-[44%] h-[28%] blur-[342px]", style: {
+                            background: `radial-gradient(ellipse at 50% 48%, ${backgroundColors.secondary} 0%, transparent 77%)`
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0", style: {
+                            background: `linear-gradient(180deg, ${backgroundColors.wash} 0%, transparent 28%, transparent 72%, ${backgroundColors.wash} 100%)`
+                        } })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 pointer-events-none z-0", style: {
+                    opacity: backgroundColors.noiseOpacity,
+                    mixBlendMode: backgroundColors.noiseBlend
+                }, 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: "changelogNoise", x: "0%", y: "0%", width: "100%", height: "100%", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "0.88", 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 0 1 1" }), (0, jsx_runtime_1.jsx)("feFuncG", { type: "discrete", tableValues: "0 0 1 1" }), (0, jsx_runtime_1.jsx)("feFuncB", { type: "discrete", tableValues: "0 0 1 1" }), (0, jsx_runtime_1.jsx)("feFuncA", { type: "table", tableValues: "0 0.25 0.9 1" })] })] }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", filter: "url(#changelogNoise)" })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative px-16 pt-5 pb-0 w-full max-w-none prose prose-lg prose-invert from-surface to-surface", children: [isUpdateTip ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: "pt-32", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-5xl leading-relaxed text-center mb-8 opacity-50 text-foreground/70", children: "\u4EE5\u4E0B\u4EFB\u610F\u65B9\u5F0F\u5747\u53EF\u66F4\u65B0" }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-10 px-8 py-5 rounded-2xl border border-border/70 bg-surface/50 text-foreground/80 text-[2.2em] flex items-center justify-center gap-6", children: [(0, jsx_runtime_1.jsxs)("span", { children: ["\u5F53\u524D\u7248\u672C: v", props.data.localVersion] }), (0, jsx_runtime_1.jsx)("span", { children: "\u2192" }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u6700\u65B0\u7248\u672C: v", props.data.remoteVersion] }), (0, jsx_runtime_1.jsxs)("span", { children: ["\uFF0C\u5171\u843D\u540E ", props.data.lagVersionCount ?? 0, " \u4E2A\u7248\u672C"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-6 text-[2.8em] leading-relaxed text-foreground/80", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-5", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-muted text-[1.2em]", children: "\u2022" }), (0, jsx_runtime_1.jsx)("span", { children: "\u5F15\u7528\u56DE\u590D" }), (0, jsx_runtime_1.jsx)("span", { className: "inline-block text-[1.15em] font-bold text-foreground", children: "\u66F4\u65B0" }), (0, jsx_runtime_1.jsx)("span", { children: "\u7ACB\u523B\u5F00\u59CB" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-5", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-muted text-[1.2em]", children: "\u2022" }), (0, jsx_runtime_1.jsx)("span", { children: "\u8FDB\u5165" }), (0, jsx_runtime_1.jsx)(InlineCalloutCode, { className: "text-[0.9em] font-mono", children: "Koishi \u63A7\u5236\u53F0" }), (0, jsx_runtime_1.jsx)("span", { children: "\u2192" }), (0, jsx_runtime_1.jsx)(InlineCalloutCode, { className: "text-[0.9em]", children: "\u63D2\u4EF6\u7BA1\u7406" }), (0, jsx_runtime_1.jsx)("span", { children: "\u2192" }), (0, jsx_runtime_1.jsx)(InlineCalloutCode, { className: "text-[0.9em]", children: "\u5DF2\u5B89\u88C5" }), (0, jsx_runtime_1.jsx)("span", { children: "\u2192" }), (0, jsx_runtime_1.jsx)("span", { children: "\u4E00\u89C8\u66F4\u65B0" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-5", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-muted text-[1.2em]", children: "\u2022" }), (0, jsx_runtime_1.jsx)("span", { children: "Koishi \u6839\u76EE\u5F55\u8FD0\u884C" }), (0, jsx_runtime_1.jsxs)(InlineCalloutCode, { className: "text-[0.85em] whitespace-nowrap font-mono", children: ["pnpm add koishi-plugin-kkk@", props.data.remoteVersion, " -w"] })] })] })] }) })) : null, (0, jsx_runtime_1.jsx)("div", { className: "changelog-content px-6", children: (0, jsx_runtime_1.jsx)(react_markdown_1.default, { rehypePlugins: [rehype_highlight_1.default], components: {
+                                h1: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("h1", { className: "text-[5.28em] font-semibold mb-8 pb-2 border-b-2 border-muted text-foreground", ...props, children: children })),
+                                h2: ({ children, ...props }) => ((0, jsx_runtime_1.jsxs)("div", { className: "relative mt-25 mb-5", children: [(0, jsx_runtime_1.jsx)("h2", { className: "ml-5 relative z-10 text-[5.28em] text-foreground font-light", ...props, children: children }), (0, jsx_runtime_1.jsx)("div", { className: "w-full border-b border-muted" })] })),
+                                h3: ({ children, ...props }) => ((0, jsx_runtime_1.jsxs)("h3", { className: "flex items-baseline gap-3 text-[3.2em] font-light mb-2 text-foreground", ...props, children: [children, (0, jsx_runtime_1.jsx)(lucide_react_1.CornerDownLeft, { className: "w-[1em] h-[1em] text-foreground/10" })] })),
+                                h4: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("h4", { className: "text-[2.64em] font-semibold mb-5 text-foreground", ...props, children: children })),
+                                h5: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("h5", { className: "text-[2.38em] font-semibold mb-5 text-foreground", ...props, children: children })),
+                                h6: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("h6", { className: "text-[2.11em] font-semibold mb-4 text-foreground/70", ...props, children: children })),
+                                p: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("p", { className: "text-[2.64em] leading-[1.75] mb-[2.64em] text-foreground", ...props, children: children })),
+                                ul: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("ul", { className: "pl-[5em] mb-[4em] list-disc text-foreground", ...props, children: children })),
+                                ol: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("ol", { className: "pl-[3.6em] mb-[1.8em] list-decimal text-foreground", ...props, children: children })),
+                                li: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("li", { className: "text-[2.6em] leading-[1.6] text-foreground font-black", ...props, children: children })),
+                                blockquote: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("blockquote", { className: "border-l-4 border-muted pl-[1.8em] py-[0.9em] mb-[1.8em] text-foreground/80 bg-surface", ...props, children: children })),
+                                code: ({ children }) => ((0, jsx_runtime_1.jsx)("code", { className: "inline align-text-bottom leading-inherit text-[0.8em] whitespace-normal break-all box-decoration-slice rounded-[0.5em] px-[0.38em] py-[0.14em] font-semibold", style: {
+                                        backgroundColor: backgroundColors.inlineCodeBg,
+                                        color: backgroundColors.inlineCodeText
+                                    }, children: children })),
+                                pre: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("pre", { className: "p-[1.8em] mb-[1.8em] bg-surface-secondary rounded overflow-x-auto font-mono", ...props, children: children })),
+                                a: ({ children, href, ...props }) => {
+                                    const isVersionLink = href?.includes('/compare/');
+                                    return ((0, jsx_runtime_1.jsx)("a", { className: `inline-flex gap-3 items-baseline cursor-pointer font-medium hover:underline ${isVersionLink ? 'text-foreground' : 'text-foreground/50'}`, onClick: (e) => e.preventDefault(), ...props, children: (0, jsx_runtime_1.jsx)("span", { children: children }) }));
+                                },
+                                img: ({ ...props }) => (0, jsx_runtime_1.jsx)("img", { className: "max-w-full h-auto rounded", ...props }),
+                                table: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("table", { className: "w-full border-collapse mb-[1.8em] text-foreground", ...props, children: children })),
+                                th: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("th", { className: "px-5 py-3 font-semibold text-left border text-foreground bg-surface-secondary border-muted", ...props, children: children })),
+                                td: ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("td", { className: "px-5 py-3 border text-foreground border-muted", ...props, children: children }))
+                            }, children: props.data?.markdown ?? '' }) }), share_url && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isUpdateTip ? ((0, jsx_runtime_1.jsx)("div", { className: "py-10", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative flex flex-col gap-8 overflow-hidden border-y border-muted/70 py-10", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-x-0 top-0 h-px bg-linear-to-r from-transparent via-foreground/20 to-transparent" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-x-0 bottom-0 h-px bg-linear-to-r from-transparent via-foreground/20 to-transparent" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative flex items-stretch gap-12", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative w-[36%] shrink-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "inline-flex items-center gap-4 rounded-full border border-border/60 bg-surface/40 px-5 py-2 text-[1.75em] font-semibold text-foreground/60", children: [(0, jsx_runtime_1.jsx)("span", { className: "h-3 w-3 rounded-full bg-foreground/50" }), (0, jsx_runtime_1.jsx)("span", { children: "DIFF SCAN" })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4 w-100 rounded-3xl p-1", children: (0, jsx_runtime_1.jsx)("img", { src: (0, QRcode_1.generateQRCode)(share_url, dark), alt: "\u4E8C\u7EF4\u7801", className: "w-full h-full rounded-2xl object-contain" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative flex-1 py-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-end justify-between gap-8", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[1.65em] font-semibold tracking-[0.22em] text-foreground/45", children: "PROJECT STACK" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-2 text-[3.3em] font-black leading-none text-foreground/85", children: "\u6280\u672F\u6808" })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-16 w-px bg-border/80" })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-8 grid grid-cols-4 gap-4", children: techStackItems.map(({ iconSrc, label }) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex min-h-40 flex-col items-center justify-center gap-3 rounded-2xl border border-border/60 bg-surface/45 px-4 py-5 backdrop-blur-xs", children: [(0, jsx_runtime_1.jsx)(GlowImage_1.GlowImage, { glowStrength: dark ? 1 : 0, blurRadius: 20, children: (0, jsx_runtime_1.jsx)("img", { "aria-hidden": true, src: iconSrc, alt: "", draggable: false, className: "h-16 w-16 object-contain drop-shadow-lg" }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-center text-[1.35em] font-bold leading-tight text-foreground/75", children: label })] }, label))) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-4xl leading-relaxed text-foreground/60", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u626B\u7801\u67E5\u770B\u5B9E\u9645\u8FD0\u884C\u4EE3\u7801\u4ECE" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-bold text-foreground/80", children: [" v", props.data.localVersion] }), (0, jsx_runtime_1.jsx)("span", { children: " \u5230 " }), (0, jsx_runtime_1.jsxs)("span", { className: "font-bold text-foreground/80", children: [" v", props.data.remoteVersion] }), (0, jsx_runtime_1.jsx)("span", { children: " \u7684\u5DEE\u5F02" })] })] }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-12 py-8", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-120 h-auto", children: (0, jsx_runtime_1.jsx)("img", { src: (0, QRcode_1.generateQRCode)(share_url, dark), alt: "\u4E8C\u7EF4\u7801", className: "w-full h-full object-contain" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "text-4xl text-foreground/60", children: [(0, jsx_runtime_1.jsx)("span", { children: "\u626B\u7801\u67E5\u770B\u5B9E\u9645\u8FD0\u884C\u4EE3\u7801\u4ECE" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-bold text-foreground/80", children: [" v", props.data.localVersion] }), (0, jsx_runtime_1.jsx)("span", { children: " \u5230 " }), (0, jsx_runtime_1.jsxs)("span", { className: "font-bold text-foreground/80", children: [" v", props.data.remoteVersion] }), (0, jsx_runtime_1.jsx)("span", { children: " \u7684\u5DEE\u5F02" })] })] })) })), isUpdateTip && props.data.buildTime && ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-8 justify-center text-foreground/60", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-4xl", children: ["\u66F4\u65B0\u9891\u9053:", (0, jsx_runtime_1.jsx)("span", { className: "font-bold text-foreground/80", children: " \u6B63\u5F0F\u7248" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-4xl", children: ["\u7F16\u8BD1\u4E8E:", (0, jsx_runtime_1.jsxs)("span", { className: "font-bold text-foreground/80", children: [" ", props.data.buildTime] })] })] }))] })] }));
+});
+exports.Changelog.displayName = 'Changelog';
+exports.default = exports.Changelog;

package/lib/ktr/template/other/changelog/components/types.js

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

package/lib/ktr/template/other/changelog/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const changelog_1 = require("./components/changelog");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '更新日志',
+    description: 'KKK插件更新日志',
+    component: changelog_1.Changelog
+});