koishi-plugin-kkk 1.0.0

package/lib/ktr/template/douyin/image-work/components/ImageWork.js

@@ -0,0 +1,136 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DouyinImageWork = 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 DefaultLayout_1 = require("../../../components/DefaultLayout");
+const AmbientCover_1 = require("../../../components/AmbientCover");
+const GlowImage_1 = require("../../../components/GlowImage");
+const QRCodeWithAvatar_1 = require("../../../components/QRCodeWithAvatar");
+const cn_1 = require("../../../../utils/cn");
+const theme_1 = require("../../../../utils/theme");
+const Icons_1 = require("../../components/Icons");
+const LivePhotoIcon = ({ size = 28, className }) => ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "50", cy: "50", r: "37", stroke: "currentColor", strokeWidth: "6", strokeDasharray: "2 9", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: "50", cy: "50", r: "25", stroke: "currentColor", strokeWidth: "6" }), (0, jsx_runtime_1.jsx)("circle", { cx: "50", cy: "50", r: "10", fill: "currentColor" })] }));
+const imageMediaTypeMeta = {
+    static: { label: '图片', icon: react_1.ImageIcon },
+    live: { label: '实况', icon: LivePhotoIcon },
+    clip: { label: '短片', icon: react_1.VideoCameraIcon }
+};
+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-[1.18]';
+};
+/**
+ * 多段透明度停靠点用于模拟 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 getCoverUrl = (data) => data.image_list.images[0]?.url;
+const DouyinDiffuseBackground = ({ data, ctx }) => {
+    const coverUrl = getCoverUrl(data);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden select-none", children: [coverUrl && (0, jsx_runtime_1.jsx)(AmbientCover_1.AmbientCover, { src: coverUrl, 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: "douyinImageWorkNoise", 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(#douyinImageWorkNoise)", mask: "url(#douyinImageWorkNoiseMask)", fill: "white" })] }) })] }));
+};
+const DouyinPosterHeader = ({ data, ctx }) => {
+    const { avater_url, username, create_time, ip_location } = data;
+    const dark = (0, theme_1.isDark)(ctx);
+    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: dark ? '/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 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: (0, cn_1.cn)('text-inherit opacity-60', !hasTitle && 'text-6xl')
+        },
+        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\u56FE\u6587\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: (0, cn_1.cn)('mt-7 whitespace-pre-wrap select-text', !hasTitle ? 'text-6xl font-bold' : 'text-5xl font-medium', 'leading-tight'), style: { wordBreak: 'break-word', overflowWrap: 'break-word' }, children: (0, richtext_1.renderRichTextToReact)(desc, richTextOptions) }))] }));
+};
+const DouyinImageCover = ({ data }) => {
+    const { image_list, music } = data;
+    const cover = image_list.images[0];
+    if (!cover?.url)
+        return null;
+    const totalCount = image_list.total_count || image_list.images.length;
+    const mediaType = cover.media_type ?? 'static';
+    const mediaMeta = imageMediaTypeMeta[mediaType];
+    const MediaIcon = mediaMeta.icon;
+    const previewImages = image_list.images.slice(1, 4).filter((image) => image.url);
+    const remainingPreviewCount = Math.max(totalCount - previewImages.length - 1, 0);
+    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: cover.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: cover.url, alt: "\u56FE\u6587\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 left-24 top-12 z-30 flex items-center gap-4 text-foreground/85", children: [(0, jsx_runtime_1.jsx)(MediaIcon, { size: 72, weight: "fill" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[34px] font-black select-text", children: mediaMeta.label })] }), previewImages.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute right-24 top-8 z-30 flex items-center -space-x-5 drop-shadow-2xl", children: [previewImages.map((image, index) => ((0, jsx_runtime_1.jsx)("img", { src: image.url, alt: "\u56FE\u6587\u9884\u89C8", className: "h-28 w-28 rounded-3xl object-cover ring-2 ring-white/25", style: { transform: `rotate(${(index - 1) * 8}deg)` }, referrerPolicy: "no-referrer", crossOrigin: "anonymous" }, `${image.url}-${index}`))), remainingPreviewCount > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-28 w-28 items-center justify-center rounded-3xl backdrop-blur-xs bg-black/50 px-5 text-[32px] font-black text-white ring-2 ring-white/25", children: ["+", remainingPreviewCount] }))] })), (0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-12 right-24 z-30 flex items-center gap-5 text-foreground/85", children: (0, jsx_runtime_1.jsxs)("span", { className: "text-[34px] font-black tabular-nums", children: ["\u5171 ", totalCount, " \u5F20"] }) }), 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: [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: 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: music.title }), (0, jsx_runtime_1.jsx)("div", { className: "truncate text-[27px] font-semibold text-foreground/60 select-text", children: music.author })] })] }))] }));
+};
+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 allCreators = data.cooperation_info?.co_creators ?? [];
+    const creators = allCreators.filter((creator) => creator.nickname !== data.username);
+    if (creators.length === 0)
+        return null;
+    const visibleCreators = creators.slice(0, 8);
+    const hasSubscriberInList = allCreators.some((creator) => creator.nickname === data.username);
+    const remainingCount = Math.max(coCreatorCount - visibleCreators.length - (hasSubscriberInList ? 1 : 0), 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 dark = (0, theme_1.isDark)(ctx);
+    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: dark, 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.DouyinImageWork = 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)(DouyinImageCover, { ...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.DouyinImageWork.displayName = 'DouyinImageWork';
+exports.default = exports.DouyinImageWork;

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

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

package/lib/ktr/template/douyin/image-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 ImageWork_1 = require("./components/ImageWork");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '图文作品',
+    description: '抖音图文作品解析与推送模板',
+    component: ImageWork_1.DouyinImageWork,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});

package/lib/ktr/template/douyin/live/components/Live.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DouyinLive = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+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 QRCodeWithAvatar_1 = require("../../../components/QRCodeWithAvatar");
+const Icons_1 = require("../../components/Icons");
+const coverMaskStyle = {
+    maskImage: 'linear-gradient(to bottom, transparent 0%, black 0, black 28%, transparent 100%)',
+    WebkitMaskImage: 'linear-gradient(to bottom, transparent 0%, black 0, black 28%, 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: "douyinNoise", 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(#douyinNoise)", mask: "url(#noiseMask)", fill: "white" })] }) })] })));
+AmbientBackground.displayName = 'AmbientBackground';
+/**
+ * 封面组件 - 全宽铺满 + 双向渐变溶解 + LIVE大字
+ */
+const CoverSection = ({ imageUrl }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)("div", { style: coverMaskStyle, children: (0, jsx_runtime_1.jsx)("img", { className: "object-cover w-full", src: imageUrl, alt: "\u76F4\u64AD\u5C01\u9762" }) }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-20 top-20 pointer-events-none select-none", children: (0, jsx_runtime_1.jsx)("span", { className: "text-7xl font-black tracking-[0.15em] uppercase text-white/20", children: "\u76F4\u64AD\u4E2D" }) })] }));
+};
+/**
+ * 直播信息组件
+ */
+const InfoSection = ({ data }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-8 px-16 pt-12", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-[80px] font-black leading-tight text-foreground tracking-tight select-text", children: data.text }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 text-3xl text-foreground/30", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-danger/60 font-black tracking-wider text-[32px]", children: "\u76F4\u64AD\u4E2D" }), (0, jsx_runtime_1.jsx)("span", { children: "/" }), (0, jsx_runtime_1.jsx)("span", { children: data.partition_title }), (0, jsx_runtime_1.jsx)("span", { children: "/" }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u623F\u95F4\u53F7 ", data.room_id] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap items-center gap-6 text-3xl text-foreground/30", children: [(0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { size: 28, className: "text-foreground/20" }), data.online_viewers, "\u5728\u7EBF"] }), (0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Eye, { size: 28, className: "text-foreground/20" }), data.total_viewers, "\u89C2\u770B"] }), (0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinLikeIcon, { size: 28 }), data.like_count, "\u70B9\u8D5E"] }), data.resolution && ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Monitor, { size: 28, className: "text-foreground/20" }), data.resolution] })), data.has_commerce_goods && ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ShoppingBag, { size: 28, className: "text-foreground/20" }), "\u5E26\u8D27\u4E2D"] }))] }), data.signature && (0, jsx_runtime_1.jsx)("div", { className: "text-5xl leading-relaxed text-foreground/75 select-text", children: data.signature }), data.city && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-3xl text-foreground/30", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.MapPin, { size: 28, className: "text-foreground/20" }), (0, jsx_runtime_1.jsx)("span", { children: data.city })] }))] }));
+};
+/**
+ * 底部区域 - 主播信息 + 二维码 + 抖音Logo
+ */
+const BottomSection = ({ data, ctx }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-end px-16 pt-24 pb-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-10 items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative shrink-0", children: (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center bg-white rounded-full w-35 h-35", children: (0, jsx_runtime_1.jsx)("img", { src: data.avater_url, alt: "\u5934\u50CF", className: "rounded-full w-33 h-33" }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-7xl font-bold text-foreground select-text", children: ["@", data.username] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 text-4xl text-foreground/50", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-foreground/50 font-black tracking-wider text-3xl", children: "\u76F4\u64AD\u4E2D" }), (0, jsx_runtime_1.jsx)("span", { className: "text-foreground/40", children: "\u00B7" }), (0, jsx_runtime_1.jsx)(lucide_react_1.Users, { size: 32 }), (0, jsx_runtime_1.jsxs)("span", { className: "select-text", children: [data.fans, "\u7C89\u4E1D"] })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 text-3xl text-foreground/70", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 px-6 py-3 rounded-2xl bg-default/45", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.FileVideo, { size: 28 }), (0, jsx_runtime_1.jsx)("span", { className: "text-foreground/40", children: "\u4F5C\u54C1" })] }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium text-4xl select-text", children: data.aweme_count })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 px-6 py-3 rounded-2xl bg-default/45", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.UserPlus, { size: 28 }), (0, jsx_runtime_1.jsx)("span", { className: "text-foreground/40", children: "\u5173\u6CE8" })] }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium text-4xl select-text", children: data.following_count })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 px-6 py-3 rounded-2xl bg-default/45", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinLikeIcon, { size: 28 }), (0, jsx_runtime_1.jsx)("span", { className: "text-foreground/40", children: "\u83B7\u8D5E" })] }), (0, jsx_runtime_1.jsx)("span", { className: "font-medium text-4xl select-text", children: data.total_favorited })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-end gap-6", children: [(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: "w-60 h-auto opacity-80 dark:opacity-70" }), data.share_url ? ((0, jsx_runtime_1.jsx)(QRCodeWithAvatar_1.QRCodeWithAvatar, { value: data.share_url, avatarUrl: data.avater_url, useDarkTheme: (0, theme_1.isDark)(ctx), alt: "\u4E8C\u7EF4\u7801", className: "h-auto w-75" })) : ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center bg-surface w-75 h-75", children: (0, jsx_runtime_1.jsx)("span", { className: "text-foreground/50", children: "\u4E8C\u7EF4\u7801" }) })), (0, jsx_runtime_1.jsx)("span", { className: "text-2xl text-foreground/50 select-text", children: "\u626B\u7801\u8FDB\u5165\u76F4\u64AD\u95F4" })] })] }));
+};
+/**
+ * 抖音直播组件
+ */
+const DouyinLive = (props) => {
+    const d = props.data;
+    const { ctx } = props;
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, className: "relative overflow-hidden", children: [(0, jsx_runtime_1.jsx)(AmbientBackground, { pic: d.image_url, ctx: ctx }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-10", children: [(0, jsx_runtime_1.jsx)(CoverSection, { imageUrl: d.image_url }), (0, jsx_runtime_1.jsx)(InfoSection, { data: d }), (0, jsx_runtime_1.jsx)(BottomSection, { data: d, ctx: ctx })] })] }));
+};
+exports.DouyinLive = DouyinLive;
+exports.default = exports.DouyinLive;

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

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

package/lib/ktr/template/douyin/live/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const Live_1 = require("./components/Live");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '直播状态',
+    description: '抖音直播状态推送模板',
+    component: Live_1.DouyinLive,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});

package/lib/ktr/template/douyin/musicinfo/components/MusicInfo.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DouyinMusicInfo = void 0;
+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 QRCodeWithAvatar_1 = require("../../../components/QRCodeWithAvatar");
+const Icons_1 = require("../../components/Icons");
+/**
+ * 抖音Logo头部组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const DouyinHeader = ({ useDarkTheme }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center px-12 py-15", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-[39%] h-50 bg-cover bg-center bg-fixed", children: (0, jsx_runtime_1.jsx)("img", { src: useDarkTheme ? '/image/douyin/dylogo-light.svg' : '/image/douyin/dylogo-dark.svg', alt: "\u6296\u97F3Logo", className: "object-contain w-full h-full select-text" }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[65px] ml-4 text-foreground select-text", children: "\u8BB0\u5F55\u7F8E\u597D\u751F\u6D3B" })] }));
+};
+/**
+ * 音乐封面组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const MusicCoverSection = ({ imageUrl }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center my-5", children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center overflow-hidden shadow-large rounded-[25px] w-[90%] relative", children: (0, jsx_runtime_1.jsx)("img", { className: "rounded-[25px] object-contain w-full h-full select-text", src: imageUrl, alt: "\u97F3\u4E50\u5C01\u9762" }) }) }));
+};
+/**
+ * 音乐信息组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const MusicInfoSection = ({ desc, musicId, userCount, createTime }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col px-16 py-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-[70px] font-bold leading-relaxed mb-9 text-foreground select-text", style: { letterSpacing: '1.5px', wordWrap: 'break-word' }, dangerouslySetInnerHTML: { __html: desc } }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 text-[45px] text-muted font-light mb-2.5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center select-text", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Music, { className: "w-11 h-11" }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u97F3\u4E50ID: ", musicId] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center select-text", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "w-11 h-11" }), (0, jsx_runtime_1.jsxs)("span", { children: [userCount, " \u4EBA\u4F7F\u7528\u8FC7"] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-[45px] text-muted font-light select-text", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Maximize, { className: "w-11 h-11 text-muted" }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u56FE\u7247\u751F\u6210\u4E8E: ", createTime] })] })] }));
+};
+/**
+ * 音乐作者信息组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const MusicAuthorInfoSection = ({ avatarUrl, username, userShortId, totalFavorited, followingCount, fans }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col pl-16", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center mb-6", children: [(0, jsx_runtime_1.jsx)("img", { src: avatarUrl, alt: "\u5934\u50CF", className: "w-50 h-50 rounded-full mr-7 shadow-large select-text" }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col", children: (0, jsx_runtime_1.jsx)("span", { className: "text-[80px] font-bold text-foreground select-text", children: username }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col text-[35px] mt-6 space-y-1 text-foreground select-text", style: { letterSpacing: '2.5px' }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Hash, { className: "w-8 h-8" }), (0, jsx_runtime_1.jsxs)("span", { children: ["ID: ", userShortId] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinLikeIcon, { size: 32 }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u83B7\u8D5E: ", totalFavorited] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.UserPlus, { className: "w-8 h-8" }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u5173\u6CE8: ", followingCount] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "w-8 h-" }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u7C89\u4E1D: ", fans] })] })] })] }));
+};
+/**
+ * 音乐二维码组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const MusicQRCodeSection = ({ share_url, avatarUrl, useDarkTheme }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col-reverse items-center -mb-12 mr-18", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-[45px] text-right mt-5 text-muted select-text", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.QrCode, { className: "w-11 h-11" }), (0, jsx_runtime_1.jsx)("span", { children: "\u6587\u4EF6\u76F4\u94FE\uFF1A\u6C38\u4E45\u6709\u6548" })] }), (0, jsx_runtime_1.jsx)("div", { className: "p-2.5 rounded-sm border-[7px] border-dashed border-border", children: (0, jsx_runtime_1.jsx)(QRCodeWithAvatar_1.QRCodeWithAvatar, { value: share_url, avatarUrl: avatarUrl, useDarkTheme: useDarkTheme, alt: "\u4E8C\u7EF4\u7801", className: "w-87.5 h-87.5 select-text" }) })] }));
+};
+/**
+ * 抖音音乐信息组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const DouyinMusicInfo = (props) => {
+    const { data } = props;
+    return ((0, jsx_runtime_1.jsx)(DefaultLayout_1.DefaultLayout, { ...props, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(DouyinHeader, { useDarkTheme: (0, theme_1.isDark)(props.ctx) }), (0, jsx_runtime_1.jsx)(MusicCoverSection, { imageUrl: data.image_url, description: data.desc }), (0, jsx_runtime_1.jsx)("div", { className: "h-22.5" }), (0, jsx_runtime_1.jsx)(MusicInfoSection, { desc: data.desc, musicId: data.music_id, userCount: data.user_count, createTime: data.create_time }), (0, jsx_runtime_1.jsx)("div", { className: "h-25" }), (0, jsx_runtime_1.jsx)("div", { className: "text-[70px] text-right mr-21 -mb-11 z-[-1] text-muted select-text", children: "\u6296\u97F3\u97F3\u4E50\u4FE1\u606F" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center px-0 pt-25", children: [(0, jsx_runtime_1.jsx)(MusicAuthorInfoSection, { avatarUrl: data.avater_url, username: data.username, userShortId: data.user_shortid, totalFavorited: data.total_favorited, followingCount: data.following_count, fans: data.fans }), (0, jsx_runtime_1.jsx)(MusicQRCodeSection, { share_url: data.share_url, avatarUrl: data.avater_url, useDarkTheme: (0, theme_1.isDark)(props.ctx) })] })] }) }));
+};
+exports.DouyinMusicInfo = DouyinMusicInfo;
+exports.default = exports.DouyinMusicInfo;

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

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

package/lib/ktr/template/douyin/musicinfo/index.js

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

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

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DouyinQrcodeImg = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+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");
+/**
+ * 抖音二维码登录组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+exports.DouyinQrcodeImg = 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: '#FF2C55',
+        // 双色弥散
+        gradientTL: '#fe1700', // 左上
+        gradientBR: '#0fffff' // 右下
+    };
+    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%] left-[-50%] w-400 h-600 rounded-full blur-[200px] opacity-25", style: { background: theme.gradientTL } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-[80%] right-[-50%] w-400 h-600 rounded-full blur-[200px] opacity-25", style: { background: theme.gradientBR } })] }), (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-linear-to-r from-foreground to-muted bg-clip-text text-transparent", children: "\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)(ri_1.RiTiktokFill, { size: 64 }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] font-medium tracking-wide", children: "\u6253\u5F00\u6296\u97F3" })] }), (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.Menu, { size: 64 }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[28px] font-medium tracking-wide", children: "\u5DE6\u4E0A\u89D2\u83DC\u5355" })] }), (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: "\u9876\u90E8\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.jsx)("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 border-t-black rounded-full animate-spin" }) })) }), (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 bg-danger shadow-[0_0_8px_rgba(255,44,85,0.8)]" }), "\u6B64\u4E8C\u7EF4\u7801 120 \u79D2\u5185\u6709\u6548\uFF0C\u8BF7\u53CA\u65F6\u626B\u7801\u767B\u5F55\u3002"] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full max-w-225 grid grid-cols-2 gap-24 pt-20", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start space-y-6 mt-1.5", 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.Smartphone, { size: 64, style: { color: theme.text }, strokeWidth: 1 }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-[40px] font-bold", style: { color: theme.text }, children: "\u626B\u7801\u767B\u5F55\u8BF4\u660E" }), (0, jsx_runtime_1.jsx)("p", { className: "text-[24px] leading-relaxed opacity-60", style: { color: theme.text }, children: "\u6296\u97F3\u76EE\u524D\u4EC5\u7981\u6B62\u76F8\u518C\u626B\u7801\uFF0C\u65E0\u6CD5\u901A\u8FC7\u622A\u56FE\u5728\u672C\u673A\u81EA\u52A9\u767B\u5F55\uFF0C\u8BF7\u5728\u53E6\u4E00\u53F0\u8BBE\u5907\u4E0A\u5C55\u793A\u4E8C\u7EF4\u7801\uFF0C\u5E76\u4F7F\u7528\u624B\u673A\u6296\u97F3\u626B\u7801\u5B8C\u6210\u767B\u5F55\u3002" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-start space-y-6", 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.ShieldCheck, { size: 64, style: { color: theme.text }, strokeWidth: 1 }) }), (0, jsx_runtime_1.jsx)("h3", { className: "text-[40px] font-bold", style: { color: theme.text }, children: "\u5B89\u5168\u627F\u8BFA" }), (0, jsx_runtime_1.jsx)("p", { className: "text-[24px] leading-relaxed opacity-60", style: { color: theme.text }, children: "\u626B\u7801\u540E\u4EC5\u4F1A\u5728\u672C\u5730\u83B7\u53D6\u60A8\u7684\u767B\u5F55\u51ED\u636E\uFF08CK\uFF09\uFF0C\u7528\u4E8E\u89C6\u9891\u89E3\u6790\u7B49\u76F8\u5173\u4E1A\u52A1\uFF0C\u4E0D\u4F1A\u4E0A\u4F20\u81F3\u4EFB\u4F55\u7B2C\u4E09\u65B9\uFF0C\u4E5F\u4E0D\u4F1A\u7528\u4E8E\u4E0E\u672C\u5DE5\u5177\u65E0\u5173\u7684\u64CD\u4F5C\uFF0C\u8BF7\u5728\u53EF\u4FE1\u73AF\u5883\u4E0B\u4F7F\u7528\u672C\u529F\u80FD\u3002" })] })] })] })] }));
+});
+exports.DouyinQrcodeImg.displayName = 'DouyinQrcodeImg';
+exports.default = exports.DouyinQrcodeImg;

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

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

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

@@ -0,0 +1,9 @@
+"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: '抖音登录二维码展示模板',
+    component: qrcodeImg_1.DouyinQrcodeImg
+});

package/lib/ktr/template/douyin/recommend-list/components/RecommendList.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DouyinRecommendList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const date_fns_1 = require("date-fns");
+const lucide_react_1 = require("lucide-react");
+const theme_1 = require("../../../../utils/theme");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const QRCodeWithAvatar_1 = require("../../../components/QRCodeWithAvatar");
+const Icons_1 = require("../../components/Icons");
+/**
+ * 抖音推荐列表组件
+ */
+const DouyinRecommendList = (props) => {
+    const dark = (0, theme_1.isDark)(props.ctx);
+    // 弥散光颜色配置 - 绿色 + 蓝色
+    const glowColors = dark
+        ? {
+            primary: 'rgba(16, 185, 129, 0.15)', // Emerald-500 (Green)
+            secondary: 'rgba(59, 130, 246, 0.15)' // Blue-500 (Blue)
+        }
+        : {
+            primary: 'rgba(34, 197, 94, 0.25)', // Green-500
+            secondary: 'rgba(59, 130, 246, 0.25)' // Blue-500
+        };
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...props, className: "relative overflow-hidden bg-surface", 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-full h-[60%] top-[-20%] left-[-20%] blur-[150px]", style: { background: glowColors.primary } }), (0, jsx_runtime_1.jsx)("div", { className: "absolute rounded-full w-full h-[60%] bottom-[-20%] right-[-20%] blur-[180px]", style: { background: glowColors.secondary } })] }), (0, jsx_runtime_1.jsx)("div", { className: 'absolute inset-0 pointer-events-none z-10 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: "noiseFilter", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "0.8", numOctaves: "3", stitchTiles: "stitch" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "saturate", values: "0" })] }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", filter: "url(#noiseFilter)" })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-20 p-12 pb-0 grid grid-cols-12 gap-12 min-h-150 items-stretch", children: [(0, jsx_runtime_1.jsxs)("div", { className: "col-span-4 flex flex-col justify-between py-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1 select-none", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-6xl font-black text-foreground/10 tracking-tighter leading-none", children: "DOUYIN" }), (0, jsx_runtime_1.jsx)("span", { className: "text-6xl font-black text-emerald-500/20 tracking-tighter leading-none", children: "RECOMMEND" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mt-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-1.5 w-16 bg-emerald-500 rounded-full" }), (0, jsx_runtime_1.jsx)("span", { className: "text-base text-muted font-mono tracking-widest uppercase", children: "Push Notification" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-10 relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute -left-8 top-10 w-16 h-16 rounded-full border-4 border-emerald-300/30 animate-[bounce_4s_infinite]" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-10 -top-4 w-6 h-6 rounded-full bg-blue-300/40" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative w-fit self-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute -inset-8 bg-linear-to-br from-emerald-400 to-blue-400 rounded-full blur-2xl opacity-40 animate-pulse" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute -inset-4 rounded-full border-2 border-dashed border-emerald-400/30 animate-[spin_10s_linear_infinite]" }), (0, jsx_runtime_1.jsx)("img", { src: props.data.recommender_avatar, className: "relative w-64 h-64 rounded-full border-[6px] border-white object-cover shadow-2xl", alt: "Recommender" }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute -bottom-3 -right-3 bg-emerald-500 text-white px-5 py-2 rounded-full border-[5px] border-white font-bold text-xl shadow-xl flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinRecommendIcon, { size: 20 }), (0, jsx_runtime_1.jsx)("span", { children: "\u63A8\u8350" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center text-center", children: [(0, jsx_runtime_1.jsxs)("span", { className: "text-6xl font-black text-foreground leading-tight relative", children: [props.data.recommender_username, (0, jsx_runtime_1.jsx)("svg", { className: "absolute -right-8 -top-2 text-blue-400 w-8 h-8 opacity-60", viewBox: "0 0 24 24", fill: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "px-6 py-6 pt-0 rounded-full text-2xl text-muted font-mono", children: ["@", props.data.recommender_douyin_id] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-6 flex flex-col items-center gap-2 text-emerald-500", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinRecommendIcon, { size: 40 }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-bold", children: "\u521A\u521A\u63A8\u8350\u4E86\u8FD9\u4E2A\u4F5C\u54C1" })] }), (0, jsx_runtime_1.jsx)("svg", { width: "200", height: "20", viewBox: "0 0 200 20", className: "opacity-60", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 10 Q 50 20, 100 10 T 200 10", stroke: "currentColor", strokeWidth: "3", fill: "none", strokeLinecap: "round" }) })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-8 relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute left-4 bottom-4 w-32 h-32 bg-emerald-500/5 rounded-2xl -z-10 rotate-12" }), (0, jsx_runtime_1.jsx)("div", { className: "h-px w-full bg-linear-to-r from-surface-secondary via-border to-transparent" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-end gap-6", children: [(0, jsx_runtime_1.jsx)(QRCodeWithAvatar_1.QRCodeWithAvatar, { value: props.data.share_url, avatarUrl: props.data.author_avatar, useDarkTheme: dark, className: "w-65 h-auto rounded-2xl mix-blend-multiply", alt: "QR" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-end h-56 pb-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-muted text-sm font-mono mb-2", children: "SCAN TO VIEW" }), (0, jsx_runtime_1.jsx)("span", { className: "text-3xl font-bold text-foreground/80 leading-none", children: (0, date_fns_1.format)(new Date(), 'HH:mm') }), (0, jsx_runtime_1.jsx)("span", { className: "text-lg text-muted font-medium", children: (0, date_fns_1.format)(new Date(), 'yyyy.MM.dd') })] })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "col-span-8 h-full", children: (0, jsx_runtime_1.jsxs)("div", { className: "h-full bg-surface/60 backdrop-blur-xl rounded-[3rem] p-10 border border-border flex flex-col gap-8 shadow-2xl relative overflow-hidden", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between z-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-6 flex-1 min-w-0 mr-6", children: [(0, jsx_runtime_1.jsx)("img", { src: props.data.author_avatar, className: "w-24 h-24 rounded-full border-2 border-surface shadow-md shrink-0", alt: "Author" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-bold text-foreground/90 truncate", title: props.data.author_username, children: props.data.author_username }), (0, jsx_runtime_1.jsxs)("span", { className: "text-xl text-muted font-mono truncate", children: ["\u6296\u97F3\u53F7: ", props.data.author_douyin_id] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "px-6 py-3 bg-surface/80 backdrop-blur-md rounded-full text-muted font-medium text-lg shrink-0", children: ["\u53D1\u5E03\u4E8E ", props.data.create_time.split(' ')[0]] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 relative rounded-[2.5rem] overflow-hidden group shadow-inner bg-black/5", children: [(0, jsx_runtime_1.jsx)("img", { src: props.data.image_url, className: "w-full h-full object-cover transition-transform duration-700", alt: "Cover" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-x-0 bottom-0 pt-40 pb-12 px-12 bg-linear-to-t from-black/90 via-black/50 to-transparent", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 items-start", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Quote, { size: 48, className: "text-emerald-500/90 shrink-0 rotate-180 mt-2" }), (0, jsx_runtime_1.jsx)("div", { className: "text-white text-4xl font-medium leading-relaxed line-clamp-3 drop-shadow-lg tracking-wide", dangerouslySetInnerHTML: { __html: props.data.desc || '分享视频' } })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-5 gap-6 z-10", children: [(0, jsx_runtime_1.jsx)(StatItem, { icon: Icons_1.DouyinLikeIcon, value: props.data.dianzan }), (0, jsx_runtime_1.jsx)(StatItem, { icon: Icons_1.DouyinRecommendIcon, value: props.data.tuijian, iconColor: "#13C15A" }), (0, jsx_runtime_1.jsx)(StatItem, { icon: Icons_1.DouyinCommentIcon, value: props.data.pinglun }), (0, jsx_runtime_1.jsx)(StatItem, { icon: Icons_1.DouyinFavoriteIcon, value: props.data.shouchang }), (0, jsx_runtime_1.jsx)(StatItem, { icon: Icons_1.DouyinShareIcon, value: props.data.share })] })] }) })] })] }));
+};
+exports.DouyinRecommendList = DouyinRecommendList;
+/** 统计项小组件 */
+const StatItem = ({ icon: IconComponent, value, iconColor }) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2 py-6 rounded-3xl bg-surface", children: [(0, jsx_runtime_1.jsx)(IconComponent, { size: 48, color: iconColor, className: "opacity-90" }), (0, jsx_runtime_1.jsx)("span", { className: "text-2xl font-bold text-foreground/70 mt-1", children: value })] }));

package/lib/ktr/template/douyin/recommend-list/components/types.js

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

package/lib/ktr/template/douyin/recommend-list/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const RecommendList_1 = require("./components/RecommendList");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '推荐列表',
+    description: '抖音推荐列表推送模板',
+    component: RecommendList_1.DouyinRecommendList,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});

package/lib/ktr/template/douyin/user_profile/components/UserVideoList.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DouyinUserVideoList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const date_fns_1 = require("date-fns");
+const locale_1 = require("date-fns/locale");
+const react_1 = __importDefault(require("react"));
+const ai_1 = require("react-icons/ai");
+const bi_1 = require("react-icons/bi");
+const fa6_1 = require("react-icons/fa6");
+const md_1 = require("react-icons/md");
+const ri_1 = require("react-icons/ri");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const Icons_1 = require("../../components/Icons");
+/**
+ * 格式化数字显示 (使用中文单位：万、亿)
+ */
+const formatCount = (count) => {
+    if (count >= 100000000)
+        return (count / 100000000).toFixed(1) + '亿';
+    if (count >= 10000)
+        return (count / 10000).toFixed(1) + '万';
+    return count.toString();
+};
+/**
+ * 格式化视频时长显示 (如: 6:20)
+ * @param milliseconds 毫秒数
+ */
+const formatDuration = (milliseconds) => {
+    const seconds = Math.floor(milliseconds / 1000);
+    const mins = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+    return `${mins}:${secs.toString().padStart(2, '0')}`;
+};
+/**
+ * 单个视频卡片组件
+ */
+const VideoCard = ({ video }) => {
+    const titleRef = react_1.default.useRef(null);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-surface rounded-3xl overflow-hidden flex flex-col h-full", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative bg-foreground overflow-hidden", style: { aspectRatio: '3 / 4' }, children: [(0, jsx_runtime_1.jsx)("img", { src: video.cover, alt: video.title, className: "w-full h-full object-cover" }), video.index && ((0, jsx_runtime_1.jsx)("div", { className: "absolute top-4 left-4 px-6 py-4 rounded-2xl text-4xl font-bold bg-black/40 text-white backdrop-blur-md shadow-lg border border-white/10 z-10", children: video.index })), (0, jsx_runtime_1.jsxs)("div", { className: "absolute top-4 right-4 flex flex-col gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "px-6 py-4 rounded-2xl text-4xl bg-white/50 text-black backdrop-blur-xs shadow-lg flex items-center gap-2", children: [video.is_video ? (0, jsx_runtime_1.jsx)(ai_1.AiOutlineVideoCamera, { size: 34 }) : (0, jsx_runtime_1.jsx)(bi_1.BiImage, { size: 34 }), (0, jsx_runtime_1.jsx)("span", { children: video.is_video ? '视频' : '图集' })] }), video.is_top && ((0, jsx_runtime_1.jsxs)("div", { className: "px-6 py-4 rounded-2xl text-4xl bg-warning text-black backdrop-blur-xs shadow-lg flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(ai_1.AiFillPushpin, { size: 34 }), (0, jsx_runtime_1.jsx)("span", { children: "\u7F6E\u9876" })] }))] }), video.is_video && ((0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-4 right-4 px-8 py-3 rounded-2xl text-4xl bg-white/50 text-black backdrop-blur-xs shadow-lg", children: formatDuration(video.duration) })), video.music && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute bottom-4 left-4 flex items-center gap-2 px-6 py-3 rounded-2xl text-xl bg-white/50 text-black backdrop-blur-xs shadow-lg", children: [(0, jsx_runtime_1.jsx)(fa6_1.FaMusic, { size: 34 }), (0, jsx_runtime_1.jsx)("span", { className: "max-w-80 truncate", children: video.music.title })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "p-4 px-8 pb-8 flex flex-col flex-1", children: [(0, jsx_runtime_1.jsx)("h3", { ref: titleRef, className: "text-4xl font-semibold text-foreground line-clamp-2 my-2", children: video.title || '无标题' }), (0, jsx_runtime_1.jsx)("p", { className: "text-3xl text-foreground/70 mb-8", children: (0, date_fns_1.formatDistanceToNow)(new Date(video.create_time * 1000), {
+                            locale: locale_1.zhCN,
+                            addSuffix: true
+                        }) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-auto", children: (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-3 text-3xl", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-foreground/70", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinLikeIcon, { size: 34 }), (0, jsx_runtime_1.jsx)("span", { children: formatCount(video.statistics.like_count) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-foreground/70", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinCommentIcon, { size: 34 }), (0, jsx_runtime_1.jsx)("span", { children: formatCount(video.statistics.comment_count) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-foreground/70", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinFavoriteIcon, { size: 34 }), (0, jsx_runtime_1.jsx)("span", { children: formatCount(video.statistics.collect_count) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-foreground/70", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinShareIcon, { size: 34 }), (0, jsx_runtime_1.jsx)("span", { children: formatCount(video.statistics.share_count) })] })] }) })] })] }));
+};
+/**
+ * 抖音用户视频列表页面组件
+ */
+const DouyinUserVideoList = (prpos) => {
+    return ((0, jsx_runtime_1.jsxs)(DefaultLayout_1.DefaultLayout, { ...prpos, children: [prpos.data.user.head_image && ((0, jsx_runtime_1.jsxs)("div", { className: "relative w-full overflow-hidden", children: [(0, jsx_runtime_1.jsx)("img", { src: prpos.data.user.head_image, alt: "\u5934\u90E8\u80CC\u666F", className: "w-full h-auto object-cover" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-linear-to-b from-transparent via-surface/40 to-surface" })] })), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center", children: (0, jsx_runtime_1.jsxs)("div", { className: "px-20", children: [(0, jsx_runtime_1.jsxs)("div", { className: `bg-surface/60 backdrop-blur-xl mb-30 rounded-4xl p-10 relative ${prpos.data.user.head_image ? '-mt-170' : 'mt-35'}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-start gap-8 pb-8 border-b border-border mb-8", children: [(0, jsx_runtime_1.jsx)("img", { src: prpos.data.user.avatar, alt: prpos.data.user.nickname, className: "w-45 h-auto rounded-2xl object-cover shrink-0" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 mb-4", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-6xl font-bold text-foreground", children: prpos.data.user.nickname }), prpos.data.user.verified && (0, jsx_runtime_1.jsx)(ri_1.RiVerifiedBadgeFill, { size: 40, className: "text-accent" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 mb-6 text-2xl text-muted", children: [(0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(fa6_1.FaTiktok, { size: 24 }), " \u6296\u97F3\u53F7\uFF1A", prpos.data.user.short_id] }), prpos.data.user.ip_location && ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-1", children: [(0, jsx_runtime_1.jsx)(md_1.MdLocationOn, { size: 28 }), " ", prpos.data.user.ip_location] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-8 text-3xl", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(ri_1.RiUserFollowLine, { size: 28, className: "text-muted" }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: "\u5173\u6CE8" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-medium text-4xl text-foreground", children: [" ", formatCount(prpos.data.user.following_count)] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(fa6_1.FaUserGroup, { size: 28, className: "text-muted" }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: "\u7C89\u4E1D" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-medium text-4xl text-foreground", children: [" ", formatCount(prpos.data.user.follower_count)] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinLikeIcon, { size: 28 }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: "\u83B7\u8D5E" }), (0, jsx_runtime_1.jsxs)("span", { className: "font-medium text-4xl  text-foreground", children: [" ", formatCount(prpos.data.user.total_favorited)] })] })] })] })] }), (0, jsx_runtime_1.jsx)("p", { className: "text-3xl text-foreground/80 line-clamp-3", children: prpos.data.user.signature || '这个用户很懒，还没有签名' })] }), prpos.data.timeoutSeconds && ((0, jsx_runtime_1.jsx)("div", { className: "bg-surface/60 backdrop-blur-xl mb-8 rounded-4xl p-6 border border-border/50 shadow-sm flex justify-center items-center", children: (0, jsx_runtime_1.jsxs)("p", { className: "text-3xl text-foreground/80 font-medium flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)(md_1.MdLightbulbOutline, { size: 40, className: "text-warning" }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u8BF7\u5728 ", prpos.data.timeoutSeconds, " \u79D2\u5185\u53D1\u9001 ", (0, jsx_runtime_1.jsxs)("span", { className: "text-accent font-bold", children: ["1~", prpos.data.videos.length] }), ' ', "\u4E4B\u95F4\u7684\u6570\u5B57\u89E3\u6790\u5BF9\u5E94\u4F5C\u54C1\u3002\u4F8B\u5982\u53D1\u9001\u201C1\u201D\u89E3\u6790\u7B2C\u4E00\u4E2A\u4F5C\u54C1"] })] }) })), prpos.data.videos.length > 0 ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-2 gap-6 mb-8", children: prpos.data.videos.map((video) => ((0, jsx_runtime_1.jsx)(VideoCard, { video: video }, video.aweme_id))) }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "text-center py-20", children: (0, jsx_runtime_1.jsx)("p", { className: "text-[32px] text-muted", children: "\u6682\u65E0\u89C6\u9891\u5185\u5BB9" }) }))] }) })] }));
+};
+exports.DouyinUserVideoList = DouyinUserVideoList;

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

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

package/lib/ktr/template/douyin/user_profile/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const template_react_1 = require("../../../../compat/template-react.js");
+const UserVideoList_1 = require("./components/UserVideoList");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '用户主页',
+    description: '抖音用户主页信息模板',
+    component: UserVideoList_1.DouyinUserVideoList
+});