koishi-plugin-kkk 1.0.0

package/lib/ktr/template/douyin/article-work/components/ArticleWork.js

@@ -0,0 +1,99 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DouyinArticleWork = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("../../../../../compat/phosphor-icons.js");
+const date_fns_1 = require("date-fns");
+const lucide_react_1 = require("lucide-react");
+const react_2 = __importDefault(require("react"));
+const react_markdown_1 = __importDefault(require("react-markdown"));
+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 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]';
+};
+const getArticleImageUrl = (image) => image?.ai_high_image_url || image?.high_image_url || image?.origin_image_url || image?.markdown_url;
+const preprocessMarkdown = (markdown) => markdown.replace(/!\[([^\]]*)\]\(([^\s)]+)(?:\s+width=\d+)?(?:\s+height=\d+)?\)/g, '![$1]($2)');
+const DouyinDiffuseBackground = ({ data }) => {
+    const coverUrl = getArticleImageUrl(data.images[0]);
+    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)("img", { src: coverUrl, alt: "", className: "absolute inset-0 h-full w-full scale-150 object-cover opacity-50 blur-[120px] saturate-[1.8]", referrerPolicy: "no-referrer", crossOrigin: "anonymous" })), (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 bg-linear-to-b from-background/70 via-background/50 to-background/70" }), (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.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("filter", { id: "douyinArticleWorkNoise", children: [(0, jsx_runtime_1.jsx)("feTurbulence", { type: "fractalNoise", baseFrequency: "1.2", 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", intercept: "-0.5" }) })] }), (0, jsx_runtime_1.jsxs)("mask", { id: "douyinArticleWorkNoiseMask", children: [(0, jsx_runtime_1.jsxs)("linearGradient", { id: "douyinArticleWorkNoiseGradient", x1: "0%", y1: "0%", x2: "0%", y2: "100%", children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: "white", stopOpacity: "1" }), (0, jsx_runtime_1.jsx)("stop", { offset: "15%", stopColor: "white", stopOpacity: "0.6" }), (0, jsx_runtime_1.jsx)("stop", { offset: "50%", stopColor: "white", stopOpacity: "0.15" }), (0, jsx_runtime_1.jsx)("stop", { offset: "85%", stopColor: "white", stopOpacity: "0.6" }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: "white", stopOpacity: "1" })] }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", fill: "url(#douyinArticleWorkNoiseGradient)" })] })] }), (0, jsx_runtime_1.jsx)("rect", { width: "100%", height: "100%", filter: "url(#douyinArticleWorkNoise)", mask: "url(#douyinArticleWorkNoiseMask)", fill: "white" })] }) })] }));
+};
+const DouyinPosterHeader = ({ data, ctx }) => {
+    const { avater_url, username, create_time, read_time } = data;
+    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: create_time })] }), (0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.BookOpenText, { size: 30 }), (0, jsx_runtime_1.jsxs)("span", { className: "select-text", children: ["\u9605\u8BFB ", read_time, " \u5206\u949F"] })] })] })] })] }), (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 DouyinArticleTitle = ({ data }) => ((0, jsx_runtime_1.jsx)("section", { className: "mt-13", children: (0, jsx_runtime_1.jsx)("h1", { className: `${getTitleClassName(data.title.length)} font-bold text-foreground select-text`, style: { wordBreak: 'break-word', overflowWrap: 'break-word' }, children: data.title }) }));
+const DouyinArticleContent = ({ data }) => {
+    const imageMap = new Map();
+    data.images.forEach((image) => {
+        const highQualityUrl = getArticleImageUrl(image);
+        if (highQualityUrl)
+            imageMap.set(image.markdown_url, highQualityUrl);
+    });
+    return ((0, jsx_runtime_1.jsx)("section", { className: "mt-12 select-text", children: (0, jsx_runtime_1.jsx)(react_markdown_1.default, { components: {
+                h1: ({ children }) => (0, jsx_runtime_1.jsx)("h2", { className: "mt-14 text-[56px] font-black leading-tight text-foreground", children: children }),
+                h2: ({ children }) => (0, jsx_runtime_1.jsx)("h2", { className: "mt-12 text-[50px] font-black leading-tight text-foreground", children: children }),
+                h3: ({ children }) => (0, jsx_runtime_1.jsx)("h3", { className: "mt-10 text-[44px] font-black leading-snug text-foreground", children: children }),
+                h4: ({ children }) => (0, jsx_runtime_1.jsx)("h4", { className: "mt-9 text-[40px] font-bold leading-snug text-foreground", children: children }),
+                p: ({ children }) => (0, jsx_runtime_1.jsx)("p", { className: "mb-7 text-[42px] font-medium leading-[1.62] text-foreground/90", children: children }),
+                ul: ({ children }) => ((0, jsx_runtime_1.jsx)("ul", { className: "mb-8 list-inside list-disc text-[42px] font-medium leading-[1.6] text-foreground/90", children: children })),
+                ol: ({ children }) => ((0, jsx_runtime_1.jsx)("ol", { className: "mb-8 list-inside list-decimal text-[42px] font-medium leading-[1.6] text-foreground/90", children: children })),
+                li: ({ children }) => (0, jsx_runtime_1.jsx)("li", { className: "mb-3", children: children }),
+                strong: ({ children }) => (0, jsx_runtime_1.jsx)("strong", { className: "font-black text-foreground", children: children }),
+                em: ({ children }) => (0, jsx_runtime_1.jsx)("em", { className: "italic text-foreground/80", children: children }),
+                blockquote: ({ children }) => ((0, jsx_runtime_1.jsx)("blockquote", { className: "my-10 pl-7 text-[40px] font-medium leading-[1.62] text-muted", children: children })),
+                code: ({ children }) => (0, jsx_runtime_1.jsx)("code", { className: "font-mono text-[34px] text-foreground/80", children: children }),
+                img: ({ src, alt }) => {
+                    const imageUrl = src ? imageMap.get(src) || src : '';
+                    if (!imageUrl)
+                        return null;
+                    return ((0, jsx_runtime_1.jsxs)("figure", { className: "relative -mx-20 my-12 overflow-visible", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute -inset-x-16 -inset-y-20 z-0 overflow-hidden", style: {
+                                    maskImage: 'linear-gradient(to bottom, transparent 0%, black 28%, black 72%, transparent 100%)',
+                                    WebkitMaskImage: 'linear-gradient(to bottom, transparent 0%, black 28%, black 72%, transparent 100%)'
+                                }, children: (0, jsx_runtime_1.jsx)("img", { src: imageUrl, alt: "", className: "h-full w-full scale-[1.08] object-cover opacity-62 blur-[46px] saturate-[1.15]", referrerPolicy: "no-referrer", crossOrigin: "anonymous" }) }), (0, jsx_runtime_1.jsx)("img", { src: imageUrl, alt: alt || '文章图片', className: "relative z-10 block h-auto w-full drop-shadow-2xl", style: {
+                                    maskImage: 'linear-gradient(to bottom, transparent 0%, black 18%, black 82%, transparent 100%)',
+                                    WebkitMaskImage: 'linear-gradient(to bottom, transparent 0%, black 18%, black 82%, transparent 100%)'
+                                }, referrerPolicy: "no-referrer", crossOrigin: "anonymous" }), alt && alt !== '图片描述' && ((0, jsx_runtime_1.jsx)("figcaption", { className: "relative z-10 mt-5 px-20 text-[30px] font-medium text-muted", children: alt }))] }));
+                }
+            }, children: preprocessMarkdown(data.markdown) }) }));
+};
+const DouyinSignalLine = ({ data }) => {
+    const { dianzan, pinglun, shouchang, share } = 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.jsx)("div", { className: "mt-8 text-[29px] leading-[1.45] text-muted", children: (0, jsx_runtime_1.jsxs)("span", { className: "select-text", children: ["\u56FE\u7247\u751F\u6210\u4E8E: ", renderTime] }) })] }));
+};
+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-16 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-24 w-24 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.DouyinArticleWork = react_2.default.memo((props) => ((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)(DouyinArticleTitle, { ...props }), (0, jsx_runtime_1.jsx)(DouyinArticleContent, { ...props }), (0, jsx_runtime_1.jsx)(DouyinSignalLine, { ...props }), (0, jsx_runtime_1.jsx)(DouyinPosterFooter, { ...props })] })] })));
+exports.DouyinArticleWork.displayName = 'DouyinArticleWork';
+exports.default = exports.DouyinArticleWork;

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

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

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

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

@@ -0,0 +1,189 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DouyinComment = 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 cn_1 = require("../../../../utils/cn");
+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 douyinMentionClassName = 'text-[#04498d] dark:text-[#face15]';
+const douyinSearchKeywordClassName = 'font-medium text-[#04498d] dark:text-[#face15]';
+const douyinSearchKeywordIconClassName = 'opacity-90';
+// 注意不能提升到模块顶层调用：打包后注册表与共享 chunk 存在循环引用，
+// 模块求值期调用会在「未初始化」的绑定上炸出 is not a function，必须惰性创建。
+const createEmptyDouyinRichText = () => (0, richtext_1.createRichTextDocument)([], { platform: 'douyin' });
+const renderDouyinCommentRichText = (content) => {
+    return (0, richtext_1.renderRichTextToReact)(content, {
+        mention: { className: douyinMentionClassName },
+        searchKeyword: { className: douyinSearchKeywordClassName, iconClassName: douyinSearchKeywordIconClassName }
+    });
+};
+const formatDouyinCommentTime = (timestamp) => {
+    if (!timestamp) {
+        return '';
+    }
+    const commentDate = (0, date_fns_1.fromUnixTime)(timestamp);
+    const diffSeconds = (0, date_fns_1.differenceInSeconds)(new Date(), commentDate);
+    if (diffSeconds < 30) {
+        return '刚刚';
+    }
+    if (diffSeconds < 7776000) {
+        return (0, date_fns_1.formatDistanceToNow)(commentDate, {
+            locale: locale_1.zhCN,
+            addSuffix: true
+        });
+    }
+    return (0, date_fns_1.format)(commentDate, 'yyyy-MM-dd');
+};
+const formatDouyinCommentDiggCount = (count) => {
+    if (count >= 10000) {
+        return `${(count / 10000).toFixed(1)}w`;
+    }
+    return String(count);
+};
+const formatPublishTime = (timestamp) => {
+    if (!timestamp)
+        return '';
+    return (0, date_fns_1.format)((0, date_fns_1.fromUnixTime)(timestamp), 'yyyy年MM月dd日 HH:mm', { locale: locale_1.zhCN });
+};
+// const DouyinLogo: React.FC<{ useDarkTheme?: boolean }> = ({ useDarkTheme }) => {
+//   const [hasError, setHasError] = React.useState(false)
+//   if (hasError) {
+//     return (
+//       <div className='flex items-center h-full text-6xl font-bold text-foreground/70'>
+//         抖音
+//       </div>
+//     )
+//   }
+//   return (
+//     <img
+//       src={useDarkTheme ? '/image/douyin/dylogo-light.svg' : '/image/douyin/dylogo-dark.svg'}
+//       alt='抖音Logo'
+//       className='object-contain h-full w-auto max-w-125'
+//       onError={() => setHasError(true)}
+//     />
+//   )
+// }
+/**
+ * 二维码组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const QRCodeSection = (props) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center", children: (0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center w-100 h-100 p-4", children: (0, jsx_runtime_1.jsx)(QRCodeWithAvatar_1.QRCodeWithAvatar, { value: props.share_url, avatarUrl: props.AuthorAvatar, useDarkTheme: props.useDarkTheme, alt: "\u4E8C\u7EF4\u7801", className: "object-contain w-full h-full rounded-lg" }) }) }));
+};
+/**
+ * 视频信息头部组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const VideoInfoHeader = (props) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "max-w-350 mx-auto px-10 pt-14", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-start justify-between gap-10", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-10 flex-1 min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-start justify-between gap-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-6 min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-35 h-35 shrink-0 rounded-full overflow-hidden bg-surface-secondary ring-2 ring-border/40", children: (0, jsx_runtime_1.jsx)("img", { src: props.AuthorAvatar, className: "w-full h-full object-cover", alt: props.Author }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3 min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-4 flex-wrap", children: (0, jsx_runtime_1.jsx)("span", { className: "text-5xl font-medium text-foreground truncate", children: props.Author }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl text-muted", children: formatPublishTime(props.CreateTime) })] })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-8", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 text-foreground/50", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinLikeIcon, { size: 48 }), (0, jsx_runtime_1.jsx)("span", { className: "text-5xl font-medium text-foreground/90", children: formatDouyinCommentDiggCount(props.Statistics.digg_count) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 text-foreground/50", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinCommentIcon, { size: 48 }), (0, jsx_runtime_1.jsx)("span", { className: "text-5xl font-medium text-foreground/90", children: formatDouyinCommentDiggCount(props.Statistics.comment_count) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 text-foreground/50", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinShareIcon, { size: 48 }), (0, jsx_runtime_1.jsx)("span", { className: "text-5xl font-medium text-foreground/90", children: formatDouyinCommentDiggCount(props.Statistics.share_count) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 text-foreground/50", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinFavoriteIcon, { size: 48 }), (0, jsx_runtime_1.jsx)("span", { className: "text-5xl font-medium text-foreground/90", children: formatDouyinCommentDiggCount(props.Statistics.collect_count) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4 flex-wrap text-muted", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl", children: props.Type }), props.Type === '视频' && props.Resolution && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl text-border", children: "\u00B7" }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl", children: props.Resolution })] })), props.Type === '视频' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl text-border", children: "\u00B7" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-4xl", children: [props.VideoSize, "MB"] }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl text-border", children: "\u00B7" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-4xl", children: [props.VideoFPS, "Hz"] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl text-border", children: "\u00B7" }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl", children: props.Region }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl text-border", children: "\u00B7" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-4xl", children: [props.ImageLength, "\u5F20"] })] }))] })] }), (0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: (0, jsx_runtime_1.jsx)(QRCodeSection, { ...props }) })] }) }));
+};
+const organizeReplies = (replies, rootCid, maxDepth = 6) => {
+    const map = new Map();
+    const roots = [];
+    // 第一遍：创建节点
+    replies.forEach((r) => {
+        map.set(r.cid, { ...r, children: [] });
+    });
+    // 第二遍：构建树
+    replies.forEach((r) => {
+        const node = map.get(r.cid);
+        const parentId = r.reply_to_reply_id;
+        if (parentId && map.has(parentId) && parentId !== rootCid && parentId !== '0') {
+            map.get(parentId).children.push(node);
+        }
+        else {
+            roots.push(node);
+        }
+    });
+    // 计算深度并修剪树的函数
+    const pruneTree = (nodes, currentDepth) => {
+        if (currentDepth > maxDepth) {
+            const count = nodes.length + nodes.reduce((acc, node) => acc + countChildren(node), 0);
+            if (count > 0) {
+                return [
+                    {
+                        cid: `more-${Date.now()}-${Math.random()}`,
+                        text: createEmptyDouyinRichText(),
+                        digg_count: 0,
+                        create_time: 0,
+                        nickname: '',
+                        userimageurl: '',
+                        ip_label: '',
+                        text_extra: [],
+                        label_text: '',
+                        image_list: null,
+                        reply_to_reply_id: '',
+                        reply_to_username: '',
+                        children: [],
+                        hiddenCount: count
+                    }
+                ];
+            }
+            return [];
+        }
+        return nodes.map((node) => {
+            node.children = pruneTree(node.children, currentDepth + 1);
+            return node;
+        });
+    };
+    const countChildren = (node) => {
+        return node.children.length + node.children.reduce((acc, child) => acc + countChildren(child), 0);
+    };
+    return pruneTree(roots, 1);
+};
+const ReplyItemComponent = ({ reply, depth = 0, isLast, maxDepth = 6 }) => {
+    const nicknameLength = reply.nickname.length;
+    const replyToLength = reply.reply_to_username?.length || 0;
+    const isNicknameLonger = nicknameLength >= replyToLength;
+    if (reply.hiddenCount) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "flex relative flex-col mb-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-[100px_minmax(0,1fr)] relative", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex relative justify-center", children: [!isLast && (0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 bottom-0 left-1/2 w-0.5 bg-border -ml-px" }), !isLast && (0, jsx_runtime_1.jsx)("div", { className: "absolute -bottom-6 left-1/2 w-0.5 h-6 bg-border -ml-px" }), (0, jsx_runtime_1.jsx)("svg", { className: "absolute top-0 left-0 w-full h-12.5 pointer-events-none overflow-visible z-0 text-border", children: (0, jsx_runtime_1.jsx)("path", { d: "M 50 0 V 15 Q 50 50 85 50 H 90", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col mt-6 min-w-0", children: (0, jsx_runtime_1.jsx)("div", { className: "flex items-center h-12.5", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center text-muted", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinMoreIcon, { size: 45, className: "mr-5" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-4xl font-medium tracking-wide", children: ["\u53E6\u5916 ", reply.hiddenCount, " \u6761\u56DE\u590D"] })] }) }) })] }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex relative flex-col", children: (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-[100px_minmax(0,1fr)] relative", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex relative justify-center", children: [!isLast && (0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 bottom-0 left-1/2 w-0.5 bg-border-secondary -ml-px" }), !isLast && (0, jsx_runtime_1.jsx)("div", { className: "absolute -bottom-6 left-1/2 w-0.5 h-6 bg-border -ml-px" }), (0, jsx_runtime_1.jsx)("svg", { className: "absolute top-0 left-0 w-full h-12.5 pointer-events-none overflow-visible z-0 text-border-secondary", children: (0, jsx_runtime_1.jsx)("path", { d: "M 50 0 V 15 Q 50 50 85 50 H 90", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-[100px_minmax(0,1fr)] relative", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex relative flex-col items-center h-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-25 h-25 shrink-0 z-10 relative", children: (0, jsx_runtime_1.jsx)("img", { src: reply.userimageurl, className: "object-cover rounded-full w-25 h-25 bg-background", alt: "\u7528\u6237\u5934\u50CF" }) }), reply.children.length > 0 && (0, jsx_runtime_1.jsx)("div", { className: "w-0.5 bg-border-secondary h-full grow mt-3 rounded-t-full" })] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex flex-col pl-6 min-w-0 gap-2', isLast && reply.children.length === 0 ? 'pb-16' : 'pb-6'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-nowrap items-center content-center w-full overflow-hidden", children: [(0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)('mr-2 text-4xl font-normal text-muted', isNicknameLonger ? 'min-w-0 truncate shrink' : 'shrink-0'), children: reply.nickname }), reply.label_text !== '' && ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('px-4 py-1 text-3xl rounded-xl mr-2', reply.label_text === '作者' ? 'bg-[#fe2c55] text-white' : 'bg-surface text-muted'), children: reply.label_text })), reply.reply_to_username && ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex items-center', !isNicknameLonger ? 'overflow-hidden min-w-0 shrink' : 'shrink-0'), children: [(0, jsx_runtime_1.jsx)(react_1.PlayIcon, { weight: "fill", className: "w-7 h-auto mr-3.5 mx-1 text-muted shrink-0" }), (0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)('text-4xl font-normal text-muted', !isNicknameLonger && 'truncate'), children: reply.reply_to_username })] }))] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "text-5xl text-foreground leading-normal whitespace-pre-wrap select-text", style: {
+                                                        wordBreak: 'break-word',
+                                                        overflowWrap: 'break-word'
+                                                    }, children: renderDouyinCommentRichText(reply.text) }), reply.image_list &&
+                                                    reply.image_list.length > 0 &&
+                                                    reply.image_list.filter(Boolean).map((img, idx) => ((0, jsx_runtime_1.jsx)("div", { className: "my-4 overflow-hidden shadow-sm rounded-xl max-w-150", children: (0, jsx_runtime_1.jsx)("img", { className: "object-contain w-full h-auto rounded-xl", src: img, alt: "\u8BC4\u8BBA\u56FE\u7247" }) }, idx)))] }), (0, jsx_runtime_1.jsx)("div", { className: "pb-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 items-center text-muted", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl", children: formatDouyinCommentTime(reply.create_time) }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl", children: reply.ip_label }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinLikeIcon, { size: 40 }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl select-text", children: formatDouyinCommentDiggCount(reply.digg_count) })] })] }) })] })] }), reply.children.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "flex relative flex-col", children: (0, jsx_runtime_1.jsx)("div", { children: reply.children.map((child, index) => ((0, jsx_runtime_1.jsx)(ReplyItemComponent, { reply: child, depth: depth + 1, isLast: index === reply.children.length - 1, maxDepth: maxDepth }, child.cid))) }) }))] })] }) }));
+};
+/**
+ * 单个评论组件
+ * @param props 组件属性
+ * @returns JSX元素
+ * @description Root comment component
+ */
+const CommentItemComponent = (props) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('flex flex-col px-6 pt-8', { 'pb-0': props.isLast, 'pb-10': !props.isLast }), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col min-w-0", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-[140px_minmax(0,1fr)] relative", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex relative flex-col items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "w-35 h-35 shrink-0 z-10 relative", children: (0, jsx_runtime_1.jsx)("img", { src: props.userimageurl, className: "w-35 h-35 rounded-full object-cover shadow-md bg-background", alt: "\u7528\u6237\u5934\u50CF" }) }), props.replyComment && props.replyComment.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "w-0.5 bg-border-secondary h-full grow mt-4 rounded-t-full" }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col py-4 pl-6 min-w-0 gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-4 items-center mb-3 text-4xl select-text content-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-normal text-muted", children: props.nickname }), props.label_type === 1 && ((0, jsx_runtime_1.jsx)("div", { className: "inline-flex items-center px-3 py-1 rounded-lg text-3xl bg-[#fe2c55] text-white", children: "\u4F5C\u8005" })), props.is_author_digged && props.status_label !== '作者赞过' && ((0, jsx_runtime_1.jsx)("div", { className: "inline-flex items-center px-3 py-1 text-3xl font-light rounded-lg bg-surface-secondary text-foreground/80", children: "\u4F5C\u8005\u8D5E\u8FC7" })), props.status_label && ((0, jsx_runtime_1.jsx)("div", { className: "inline-flex items-center px-3 py-1 text-3xl font-light rounded-lg bg-surface-secondary text-foreground/80", children: props.status_label }))] }), (0, jsx_runtime_1.jsx)("div", { className: "text-5xl text-foreground leading-normal whitespace-pre-wrap select-text", style: {
+                                        wordBreak: 'break-word',
+                                        overflowWrap: 'break-word'
+                                    }, children: renderDouyinCommentRichText(props.text) }), (props.commentimage || props.sticker) && ((0, jsx_runtime_1.jsx)("div", { className: "my-6 overflow-hidden shadow-sm rounded-2xl max-w-200", children: (0, jsx_runtime_1.jsx)("img", { className: "object-contain w-full h-auto rounded-2xl", src: props.commentimage || props.sticker, alt: "\u8BC4\u8BBA\u56FE\u7247" }) })), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-between items-center text-muted", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-6 items-center shrink-0", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-4xl", children: formatDouyinCommentTime(props.create_time) }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl", children: props.ip_label }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center transition-colors cursor-pointer", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinLikeIcon, { size: 44 }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl select-text", children: formatDouyinCommentDiggCount(props.digg_count) })] })] }) })] })] }), props.replyComment && props.replyComment.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "flex relative flex-col mt-8 ml-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute -top-8 left-12.5 w-0.5 h-8 bg-border-secondary -ml-px" }), organizeReplies(props.replyComment, props.cid || '', props.maxDepth).map((reply, index, arr) => ((0, jsx_runtime_1.jsx)(ReplyItemComponent, { reply: reply, depth: 1, isLast: index === arr.length - 1, maxDepth: props.maxDepth }, reply.cid)))] }))] }) }));
+};
+/**
+ * 抖音评论组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+exports.DouyinComment = react_2.default.memo((props) => {
+    // 随机选择一个搜索词
+    const randomSuggestWord = () => {
+        if (props.data.suggestWrod && props.data.suggestWrod.length > 0) {
+            const randomIndex = Math.floor(Math.random() * props.data.suggestWrod.length);
+            return props.data.suggestWrod[randomIndex];
+        }
+        return null;
+    };
+    return ((0, jsx_runtime_1.jsx)(DefaultLayout_1.DefaultLayout, { ...props, children: (0, jsx_runtime_1.jsxs)("div", { className: "p-5 px-15", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-20" }), (0, jsx_runtime_1.jsx)(VideoInfoHeader, { ...props.data, useDarkTheme: (0, theme_1.isDark)(props.ctx) }), randomSuggestWord() && ((0, jsx_runtime_1.jsx)("div", { className: "mx-auto my-20 mb-5 ml-10", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-3 items-center px-6 py-4 rounded-2xl", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-5xl text-muted", children: "\u5927\u5BB6\u90FD\u5728\u641C\uFF1A" }), (0, jsx_runtime_1.jsxs)("span", { className: "relative text-5xl text-[#04498d] dark:text-[#face15]", children: [randomSuggestWord(), (0, jsx_runtime_1.jsx)(lucide_react_1.Search, { size: 32, className: "absolute -top-2 -right-8" })] })] }) })), (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden mt-8", children: props.data.CommentsData.length > 0 ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.data.CommentsData.map((comment, index) => ((0, jsx_runtime_1.jsx)(CommentItemComponent, { ...comment, isLast: index === props.data.CommentsData.length - 1, maxDepth: props.data.maxDepth }, comment.cid || index))) })) : ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center py-20 text-muted", children: (0, jsx_runtime_1.jsx)("div", { className: "text-center", children: (0, jsx_runtime_1.jsx)("p", { className: "text-xl", children: "\u6682\u65E0\u8BC4\u8BBA\u6570\u636E" }) }) })) })] }) }));
+});
+exports.default = exports.DouyinComment;

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

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

package/lib/ktr/template/douyin/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.DouyinComment,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DouyinMoreIcon = exports.DouyinRecommendIcon = exports.DouyinShareIcon = exports.DouyinFavoriteIcon = exports.DouyinCommentIcon = exports.DouyinLikeIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svgProps = (size, { weight: _weight, ...props }) => ({
+    width: size,
+    height: size,
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    ...props
+});
+/** 抖音官方点赞图标，提取自 packages/template/icon.html。 */
+const DouyinLikeIcon = ({ size = 36, ...props }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 891 816", ...svgProps(size, props), children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M453.036 88.712C493.774 30.664 560.66 0 634.251 0 774.403 0 890.972 121.59 890.972 266.137v.054c.01-.02.019-.04.028-.06 0 4.121-.07 7.241-.122 9.537-.072 3.151-.108 4.747.122 5.247-.531 30.403-5.778 55.522-15.101 88.712-5.289 5.96-10.204 17.184-15.1 29.572-7.724 11.998-10.647 17.81-15.101 29.57a546.67 546.67 0 0 1-14.452 22.974c-37.449 56.8-87.537 113.33-137.579 163.509-78.331 79.025-158.123 144.805-192.835 173.422-9.585 7.901-15.732 12.969-17.464 14.7-12.301 12.303-24.603 12.611-36.905 12.619-.324.004-.649.006-.977.006-25.236 0-37.854-12.619-50.472-25.237-.963-.963-3.413-2.984-7.156-5.979-38.233-28.184-124.273-96.997-205.116-180C121.066 542.02 61.622 470.007 29.092 399.588 16.474 374.351.731 314.264 0 280.922c.269-.267.227-1.873.144-5.078C.083 273.498 0 270.297 0 266.137 0 121.524 116.502 0 256.721 0c73.458 0 140.405 30.664 196.315 88.712Z" }) }));
+exports.DouyinLikeIcon = DouyinLikeIcon;
+/** 抖音官方评论图标，提取自 packages/template/icon.html。 */
+const DouyinCommentIcon = ({ size = 36, ...props }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "-24.75 -11.25 22.5 22.31", ...svgProps(size, props), children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: " M-4.644999980926514,4.482999801635742 C-7.25,7.818999767303467 -13.482000350952148,8.300000190734863 -13.482000350952148,8.300000190734863 C-13.482000350952148,8.300000190734863 -14.413999557495117,11.48799991607666 -12.135000228881836,10.821000099182129 C-9.855999946594238,10.154000282287598 -7.25,8.152000427246094 -4.644999980926514,4.482999801635742z M-17.36,-1.04 C-17.36,-0.16 -18.07,0.56 -18.96,0.56 C-18.96,0.56 -18.96,0.56 -18.96,0.56 C-19.85,0.56 -20.57,-0.16 -20.57,-1.04 C-20.57,-1.92 -19.85,-2.64 -18.96,-2.64 C-18.07,-2.64 -17.36,-1.92 -17.36,-1.04z M-11.89,-1.04 C-11.89,-0.16 -12.61,0.56 -13.5,0.56 C-13.5,0.56 -13.5,0.56 -13.5,0.56 C-14.39,0.56 -15.11,-0.16 -15.11,-1.04 C-15.11,-1.92 -14.39,-2.64 -13.5,-2.64 C-12.61,-2.64 -11.89,-1.92 -11.89,-1.04z M-6.43,-1.04 C-6.43,-0.16 -7.15,0.56 -8.04,0.56 C-8.04,0.56 -8.04,0.56 -8.04,0.56 C-8.92,0.56 -9.64,-0.16 -9.64,-1.04 C-9.64,-1.92 -8.92,-2.64 -8.04,-2.64 C-7.15,-2.64 -6.43,-1.92 -6.43,-1.04z M-5.79,5.98 C-3.56,3.75 -2.25,1.42 -2.25,-1.29 C-2.25,-6.79 -7.29,-11.25 -13.5,-11.25 C-19.71,-11.25 -24.75,-6.79 -24.75,-1.29 C-24.75,4.21 -19.55,7.99 -13.34,7.99 C-13.34,7.99 -13.34,11.06 -13.34,11.06 C-13.34,11.06 -8.51,8.72 -5.79,5.98z" }) }));
+exports.DouyinCommentIcon = DouyinCommentIcon;
+/** 抖音官方收藏图标，提取自 packages/template/icon.html。 */
+const DouyinFavoriteIcon = ({ size = 36, ...props }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "-2.285 -1.439 104.57 99.703", ...svgProps(size, props), children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M43.79199981689453,4.316999912261963 C45.93899917602539,-1.4390000104904175 54.06100082397461,-1.4390000104904175 56.20800018310547,4.316999912261963 C56.20800018310547,4.316999912261963 65.927001953125,30.375 65.927001953125,30.375 C65.927001953125,30.375 93.6510009765625,31.59000015258789 93.6510009765625,31.59000015258789 C99.7750015258789,31.857999801635742 102.28500366210938,39.60200119018555 97.48799896240234,43.428001403808594 C97.48799896240234,43.428001403808594 75.77100372314453,60.74700164794922 75.77100372314453,60.74700164794922 C75.77100372314453,60.74700164794922 83.18599700927734,87.55599975585938 83.18599700927734,87.55599975585938 C84.8239974975586,93.47799682617188 78.25299835205078,98.26399993896484 73.14099884033203,94.87200164794922 C73.14099884033203,94.87200164794922 50,79.51799774169922 50,79.51799774169922 C50,79.51799774169922 26.858999252319336,94.87200164794922 26.858999252319336,94.87200164794922 C21.746999740600586,98.26399993896484 15.175999641418457,93.47799682617188 16.81399917602539,87.55599975585938 C16.81399917602539,87.55599975585938 24.229000091552734,60.74700164794922 24.229000091552734,60.74700164794922 C24.229000091552734,60.74700164794922 2.51200008392334,43.428001403808594 2.51200008392334,43.428001403808594 C-2.2850000858306885,39.60200119018555 0.22499999403953552,31.857999801635742 6.348999977111816,31.59000015258789 C6.348999977111816,31.59000015258789 34.073001861572266,30.375 34.073001861572266,30.375 C34.073001861572266,30.375 43.79199981689453,4.316999912261963 43.79199981689453,4.316999912261963z" }) }));
+exports.DouyinFavoriteIcon = DouyinFavoriteIcon;
+/** 抖音官方分享图标，提取自 packages/template/icon.html。 */
+const DouyinShareIcon = ({ size = 36, ...props }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "-13.517 -10.558 25.734 22.375", ...svgProps(size, props), children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M.815 4.762V-4.93s-6.033-.564-10.06 3.755c-4.027 4.319-4.272 12.992-1.597 8.919C-8.062 3.511.815 4.762.815 4.762Zm9.699-1.767c1.655-1.461 1.703-3.887.107-5.413L3.706-9.032C2.11-10.558.815-10.264.815-8.375v3.421c.009 6.839 0 6.039 0 6.039 0 2.208 0 5.452 0 7.24 0 1.788 1.343 2.053 2.998.591l6.701-5.921Z" }) }));
+exports.DouyinShareIcon = DouyinShareIcon;
+/** 抖音官方推荐图标。 */
+const DouyinRecommendIcon = ({ size = 36, ...props }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 27 27", ...svgProps(size, props), children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M18.544 22.86H8.42V9.697l5.821-5.821a1.79 1.79 0 0 1 2.531 0c.118.118.215.278.291.48.076.203.114.397.114.583v.354l-1.114 4.404h5.518c.54 0 1.012.203 1.417.608.405.405.608.877.608 1.417v2.025a2.059 2.059 0 0 1-.152.759l-3.037 7.137c-.152.338-.405.625-.76.861a1.978 1.978 0 0 1-1.113.354ZM6.79 9.697V22.86H4.366a1.625 1.625 0 0 1-1.625-1.625v-9.91c0-.898.728-1.626 1.625-1.626H6.79Z" }) }));
+exports.DouyinRecommendIcon = DouyinRecommendIcon;
+/** 抖音官方更多图标，提取自 packages/template/icon.html。 */
+const DouyinMoreIcon = ({ size = 36, ...props }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 36 36", ...svgProps(size, props), children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M13.556 17.778a1.778 1.778 0 1 1-3.556 0 1.778 1.778 0 0 1 3.556 0Zm6.222 0a1.778 1.778 0 1 1-3.556 0 1.778 1.778 0 0 1 3.556 0Zm4.444 1.778a1.778 1.778 0 1 0 0-3.556 1.778 1.778 0 0 0 0 3.556Z" }) }));
+exports.DouyinMoreIcon = DouyinMoreIcon;

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

@@ -0,0 +1,3 @@
+"use strict";
+/** douyin板块共享类型（跨模板复用 / core 引用）。 */
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/ktr/template/douyin/dynamic/components/Dynamic.js

@@ -0,0 +1,90 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DouyinDynamic = 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 react_1 = __importDefault(require("react"));
+const theme_1 = require("../../../../utils/theme");
+const DefaultLayout_1 = require("../../../components/DefaultLayout");
+const QRCodeWithAvatar_1 = require("../../../components/QRCodeWithAvatar");
+const Icons_1 = require("../../components/Icons");
+/**
+ * 抖音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" }) }), (0, jsx_runtime_1.jsx)("span", { className: "text-[65px] ml-4 text-foreground/70", children: "\u8BB0\u5F55\u7F8E\u597D\u751F\u6D3B" })] }));
+};
+/**
+ * 作品封面组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const CoverSection = ({ 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", src: imageUrl, alt: "\u5C01\u9762" }) }) }));
+};
+/**
+ * 作品信息组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const InfoSection = (props) => {
+    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: props.data.desc } }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-6 text-[45px] text-muted font-light mb-2.5 select-text", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinLikeIcon, { size: 44 }), (0, jsx_runtime_1.jsxs)("span", { children: [props.data.dianzan, "\u70B9\u8D5E"] })] }), (0, jsx_runtime_1.jsx)("span", { children: "\u00B7" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinCommentIcon, { size: 44 }), (0, jsx_runtime_1.jsxs)("span", { children: [props.data.pinglun, "\u8BC4\u8BBA"] })] }), (0, jsx_runtime_1.jsx)("span", { children: "\u00B7" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinFavoriteIcon, { size: 44 }), (0, jsx_runtime_1.jsxs)("span", { children: [props.data.shouchang, "\u6536\u85CF"] })] }), (0, jsx_runtime_1.jsx)("span", { children: "\u00B7" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinShareIcon, { size: 44 }), (0, jsx_runtime_1.jsxs)("span", { children: [props.data.share, "\u5206\u4EAB"] })] })] }), (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.Clock, { className: "w-11 h-11 text-muted" }), (0, jsx_runtime_1.jsxs)("span", { children: ["\u53D1\u5E03\u4E8E: ", props.data.create_time] })] }), (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: ", (0, date_fns_1.format)(new Date(), 'yyyy-MM-dd HH:mm:ss')] })] })] }));
+};
+/**
+ * 用户信息组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const UserInfoSection = (props) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-12", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-12 items-start", children: [(0, jsx_runtime_1.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: props.data.avater_url, alt: "\u5934\u50CF", className: "rounded-full w-33 h-33 shadow-large" }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-7xl font-bold select-text text-foreground", children: ["@", props.data.username] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center text-4xl text-muted", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Hash, { size: 32, className: "text-muted" }), (0, jsx_runtime_1.jsxs)("span", { className: "select-text", children: ["\u6296\u97F3\u53F7: ", props.data.抖音号] })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "text-3xl flex gap-6 items-center text-foreground/70", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-surface", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 items-center", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinLikeIcon, { size: 28 }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: "\u83B7\u8D5E" })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full h-px bg-border" }), (0, jsx_runtime_1.jsx)("span", { className: "select-text font-medium text-4xl", children: props.data.获赞 })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-surface", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Eye, { size: 28, className: "text-view" }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: "\u5173\u6CE8" })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full h-px bg-border" }), (0, jsx_runtime_1.jsx)("span", { className: "select-text font-medium text-4xl", children: props.data.关注 })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-1 items-start px-6 py-3 rounded-2xl bg-surface", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 items-center", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { size: 28, className: "text-accent" }), (0, jsx_runtime_1.jsx)("span", { className: "text-muted", children: "\u7C89\u4E1D" })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full h-px bg-border" }), (0, jsx_runtime_1.jsx)("span", { className: "select-text font-medium text-4xl", children: props.data.粉丝 })] })] })] }));
+};
+/** 共创者信息 */
+const CoCreatorsInfo = ({ info }) => {
+    const creators = info?.co_creators ?? [];
+    if (creators.length === 0)
+        return null;
+    const items = creators.slice(0, 50);
+    // 根据容器宽度，计算可显示的条目数；剩余用省略占位符
+    const listRef = react_1.default.useRef(null);
+    const [visibleCount, setVisibleCount] = react_1.default.useState(items.length);
+    react_1.default.useEffect(() => {
+        const calc = () => {
+            const el = listRef.current;
+            if (!el)
+                return;
+            const containerWidth = el.offsetWidth;
+            // 每项实际宽度约152px（头像w-38），间距gap-8=32px，右内边距pr-2=8px
+            const ITEM_W = 152;
+            const GAP = 32;
+            const PAD_R = 8;
+            const capacity = Math.floor((containerWidth - PAD_R) / (ITEM_W + GAP));
+            const needEllipsis = items.length > capacity;
+            const nextVisible = needEllipsis ? Math.max(0, capacity - 1) : items.length;
+            setVisibleCount(nextVisible);
+        };
+        calc();
+        window.addEventListener('resize', calc);
+        return () => window.removeEventListener('resize', calc);
+    }, [items.length]);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col pl-16 w-full", children: (0, jsx_runtime_1.jsxs)("div", { ref: listRef, className: "flex overflow-hidden gap-8 py-1 pr-2 w-full", style: { scrollbarWidth: 'thin' }, children: [items.slice(0, visibleCount).map((c, idx) => {
+                    const avatar = c.avatar_url;
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center min-w-38 w-38 shrink-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center bg-white rounded-full w-30 h-30", children: (0, jsx_runtime_1.jsx)("img", { src: avatar, alt: "\u5171\u521B\u8005\u5934\u50CF", className: "object-cover w-28 h-auto rounded-full" }) }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground/80", children: c.nickname || '未提供' }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-foreground/70", children: c.role_title || '未提供' })] }, `${c.nickname || 'creator'}-${idx}`));
+                }), items.length > visibleCount && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center min-w-38 w-38 shrink-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center rounded-full bg-surface-secondary w-38 h-38", children: (0, jsx_runtime_1.jsx)("span", { className: "text-[42px] leading-none text-muted", children: "\u00B7\u00B7\u00B7" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "overflow-hidden mt-6 w-full text-3xl font-medium leading-tight text-center truncate whitespace-nowrap select-text text-foreground/80", children: ["\u8FD8\u6709", items.length - visibleCount, "\u4EBA"] }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden mt-2 w-full text-3xl leading-tight text-center truncate whitespace-nowrap select-text text-foreground/70", children: "\u5171\u521B" })] }))] }) }));
+};
+/**
+ * 抖音动态组件
+ * @param props 组件属性
+ * @returns JSX元素
+ */
+const DouyinDynamic = (props) => {
+    const coCreatorCount = props.data.cooperation_info?.co_creator_nums ?? props.data.cooperation_info?.co_creators?.length ?? undefined;
+    return ((0, jsx_runtime_1.jsx)(DefaultLayout_1.DefaultLayout, { ...props, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "h-15" }), (0, jsx_runtime_1.jsx)(DouyinHeader, { useDarkTheme: (0, theme_1.isDark)(props.ctx) }), (0, jsx_runtime_1.jsx)("div", { className: "h-15" }), (0, jsx_runtime_1.jsx)(CoverSection, { imageUrl: props.data.image_url }), (0, jsx_runtime_1.jsx)("div", { className: "h-5" }), (0, jsx_runtime_1.jsx)(InfoSection, { ...props }), (0, jsx_runtime_1.jsx)("div", { className: "h-25" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-10 px-0 pt-25", children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-full", children: [coCreatorCount && coCreatorCount > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "px-16 pb-8", children: (0, jsx_runtime_1.jsxs)("div", { className: "gap-2 inline-flex items-center rounded-2xl bg-surface text-foreground/80 px-6 py-3", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Users, { className: "w-7 h-7" }), (0, jsx_runtime_1.jsxs)("span", { className: "text-3xl font-medium leading-none select-text text-foreground/80", children: [coCreatorCount, "\u4EBA\u5171\u521B"] })] }) })), (0, jsx_runtime_1.jsx)(CoCreatorsInfo, { info: props.data.cooperation_info })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-start px-20 pb-20", children: [(0, jsx_runtime_1.jsx)(UserInfoSection, { ...props }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center gap-4", children: (0, jsx_runtime_1.jsx)(QRCodeWithAvatar_1.QRCodeWithAvatar, { value: props.data.share_url, avatarUrl: props.data.avater_url, useDarkTheme: (0, theme_1.isDark)(props.ctx), alt: "\u4E8C\u7EF4\u7801", className: "h-auto w-75 rounded-xl" }) })] })] })] }) }));
+};
+exports.DouyinDynamic = DouyinDynamic;
+exports.default = exports.DouyinDynamic;

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

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

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

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

package/lib/ktr/template/douyin/favorite-list/components/FavoriteList.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DouyinFavoriteList = 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 DouyinFavoriteList = (props) => {
+    const dark = (0, theme_1.isDark)(props.ctx);
+    // 弥散光颜色配置
+    const glowColors = dark
+        ? {
+            primary: 'rgba(225, 29, 72, 0.15)', // Rose-600 (Lower opacity)
+            secondary: 'rgba(20, 184, 166, 0.15)' // Teal-500 (Complementary)
+        }
+        : {
+            primary: 'rgba(244, 63, 94, 0.25)', // Rose-500
+            secondary: 'rgba(20, 184, 166, 0.2)' // Teal-400
+        };
+    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: "LIKE" }), (0, jsx_runtime_1.jsx)("span", { className: "text-6xl font-black text-rose-500/20 tracking-tighter leading-none", children: "FAVORITE" }), (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-rose-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-rose-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-orange-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-rose-400 to-orange-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-rose-400/30 animate-[spin_10s_linear_infinite]" }), (0, jsx_runtime_1.jsx)("img", { src: props.data.liker_avatar, className: "relative w-64 h-64 rounded-full border-[6px] border-white object-cover shadow-2xl", alt: "Liker" }), (0, jsx_runtime_1.jsxs)("div", { className: "absolute -bottom-3 -right-3 bg-rose-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.DouyinLikeIcon, { size: 20 }), (0, jsx_runtime_1.jsx)("span", { children: "\u8D5E\u4E86" })] })] }), (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.liker_username, (0, jsx_runtime_1.jsx)("svg", { className: "absolute -right-8 -top-2 text-orange-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-3xl text-muted font-mono", children: ["@", props.data.liker_douyin_id] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-6 flex flex-col items-center gap-2 text-rose-500", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3", children: [(0, jsx_runtime_1.jsx)(Icons_1.DouyinLikeIcon, { size: 40 }), (0, jsx_runtime_1.jsx)("span", { className: "text-4xl font-bold", children: "\u521A\u521A\u8D5E\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-rose-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-rose-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, iconColor: "#FE2C55" }), (0, jsx_runtime_1.jsx)(StatItem, { icon: Icons_1.DouyinRecommendIcon, value: props.data.tuijian }), (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.DouyinFavoriteList = DouyinFavoriteList;
+/** 统计项小组件 */
+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/favorite-list/components/types.js

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

package/lib/ktr/template/douyin/favorite-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 FavoriteList_1 = require("./components/FavoriteList");
+exports.default = (0, template_react_1.defineTemplate)({
+    name: '喜欢列表',
+    description: '抖音喜欢列表推送模板',
+    component: FavoriteList_1.DouyinFavoriteList,
+    validate: (data) => typeof data === 'object' && data !== null && typeof data.share_url === 'string'
+});