@funhub/platform 0.1.127 → 0.1.130

package/dist/components/biz/business/image-text-recommend/shared/query.mjs

@@ -1,2 +1,33 @@
 
-import{IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE as e}from"../../../../../hooks/image-text-recommend.mjs";function t(e,t){let n=e.map(e=>String(e).trim()).filter(Boolean);if(!n.length||t<=0)return[];if(n.length>=t)return n.slice(0,t);let r=[...n];for(;r.length<t;)r.push(n[r.length%n.length]);return r}function n(t,n){return n>e?{page_size:e,tags:t.length?Array.from(new Set(t)):void 0}:{page_size:Math.max(20,n*10),tags:t.length?Array.from(new Set(t)):void 0}}export{n as buildSmartPopularQuery,t as buildStableChosenTags};
+import { IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE } from "../../../../../hooks/image-text-recommend.mjs";
+
+//#region components/biz/business/image-text-recommend/shared/query.ts
+const SMART_FETCH_MIN_SIZE = 20;
+const SMART_FETCH_FACTOR = 10;
+/**
+* 生成稳定的标签序列（无随机），保证 server/client 的 query 参数一致。
+*/
+function buildStableChosenTags(tags, count) {
+	const normalized = tags.map((tag) => String(tag).trim()).filter(Boolean);
+	if (!normalized.length || count <= 0) return [];
+	if (normalized.length >= count) return normalized.slice(0, count);
+	const result = [...normalized];
+	while (result.length < count) result.push(normalized[result.length % normalized.length]);
+	return result;
+}
+/**
+* 构建智能铺设首屏请求参数。
+*/
+function buildSmartPopularQuery(chosenTags, targetCount) {
+	if (targetCount > IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE) return {
+		page_size: IMAGE_TEXT_RECOMMEND_FIXED_BATCH_SIZE,
+		tags: chosenTags.length ? Array.from(new Set(chosenTags)) : void 0
+	};
+	return {
+		page_size: Math.max(SMART_FETCH_MIN_SIZE, targetCount * SMART_FETCH_FACTOR),
+		tags: chosenTags.length ? Array.from(new Set(chosenTags)) : void 0
+	};
+}
+
+//#endregion
+export { buildSmartPopularQuery, buildStableChosenTags };

package/dist/components/biz/business/large-feature-grid/card-item.mjs

@@ -1,2 +1,92 @@
 
-import{Image as e}from"../../../ui/image.mjs";import{Box as t}from"../../../ui/box.mjs";import{Text as n}from"../../../ui/text.mjs";import r from"../../../ui/link.mjs";import i from"../../../../assets/icons/view.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";function s(e){let t=Number(e||0);return Number.isNaN(t)||t<=0?`0`:t>=1e4?`${(t/1e4).toFixed(1)}w`:t>=1e3?`${(t/1e3).toFixed(1)}k`:String(t)}function c({data:c}){return c?a(t,{children:(Array.isArray(c)?c:[c]).map((c,l)=>{if(!c||typeof c!=`object`)return null;let{id:u,title:d,desc:f,cover:p,tagImageUrl:m,showEpisode:h,episodeText:g,showPlayCount:_,play_count:v}=c,y=d||``,b=u?`/video/${u}/${y?encodeURIComponent(y):``}`:`#`,x=m?String(m):null,S=g==null?``:String(g).trim(),C=(h??!0)&&S!==``,w=_??!0,T=s(v);return a(t,{children:o(r,{href:b,children:[o(t,{className:`relative w-full overflow-hidden rounded-[12px] bg-neutral-800`,style:{aspectRatio:`16/9`},children:[p&&a(e,{src:p,alt:y||`封面`,fill:!0,objectFit:`cover`}),x&&a(t,{className:`absolute top-0 right-0 z-10 w-[37px] h-[20px]`,children:a(e,{src:x,alt:y||`角标`,fill:!0,sizes:`37px`,className:`object-contain`})}),a(t,{className:`absolute inset-x-0 bottom-0 h-[40px] bg-gradient-to-t from-black/80 to-transparent z-0 pointer-events-none`}),w&&o(t,{className:`absolute bottom-0 left-[8px] mb-[6px] z-10 flex items-center gap-[4px]`,children:[a(i,{className:`h-[14px] w-[14px] text-white`}),a(n,{as:`span`,className:`text-[12px] font-medium text-white drop-shadow-md`,children:T})]}),C&&a(t,{className:`absolute bottom-0 right-[8px] mb-[6px] z-10 flex items-center`,children:a(n,{as:`span`,className:`text-[12px] font-medium text-white drop-shadow-md`,children:S})})]}),o(t,{className:`flex items-center justify-between gap-[12px] pt-[10px] px-2`,children:[o(t,{className:`flex-1 min-w-0`,children:[a(n,{as:`h3`,className:`text-[16px] font-semibold leading-[24px] text-text1 line-clamp-1`,children:y}),f&&a(n,{as:`p`,className:`mt-[4px] text-[13px] leading-[20px] text-text2 line-clamp-1`,children:f})]}),a(n,{className:`shrink-0 rounded-[20px] border border-[#FD4C5E] px-[24px] py-[8px] text-[14px] font-normal text-[#FD4C5E]`,children:`观看`})]})]})},u||y||`large-grid-item-${l}`)})}):null}export{c as LargeGridItemClient};
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import Link from "../../../ui/link.mjs";
+import SvgView from "../../../../assets/icons/view.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/large-feature-grid/card-item.tsx
+function formatPlayCount(input) {
+	const num = Number(input || 0);
+	if (Number.isNaN(num) || num <= 0) return "0";
+	if (num >= 1e4) return `${(num / 1e4).toFixed(1)}w`;
+	if (num >= 1e3) return `${(num / 1e3).toFixed(1)}k`;
+	return String(num);
+}
+function LargeGridItemClient({ data }) {
+	if (!data) return null;
+	return /* @__PURE__ */ jsx(Box, { children: (Array.isArray(data) ? data : [data]).map((item, index) => {
+		if (!item || typeof item !== "object") return null;
+		const { id, title, desc, cover, tagImageUrl, showEpisode, episodeText, showPlayCount, play_count } = item;
+		const safeTitle = title || "";
+		const linkHref = id ? `/video/${id}/${safeTitle ? encodeURIComponent(safeTitle) : ""}` : "#";
+		const normalizedTagImageUrl = tagImageUrl ? String(tagImageUrl) : null;
+		const normalizedEpisodeText = episodeText == null ? "" : String(episodeText).trim();
+		const showEpisodeText = (showEpisode ?? true) && normalizedEpisodeText !== "";
+		const showPlayCountText = showPlayCount ?? true;
+		const playCountText = formatPlayCount(play_count);
+		return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Link, {
+			href: linkHref,
+			children: [/* @__PURE__ */ jsxs(Box, {
+				className: "relative w-full overflow-hidden rounded-[12px] bg-neutral-800",
+				style: { aspectRatio: "16/9" },
+				children: [
+					cover && /* @__PURE__ */ jsx(Image, {
+						src: cover,
+						alt: safeTitle || "封面",
+						fill: true,
+						objectFit: "cover"
+					}),
+					normalizedTagImageUrl && /* @__PURE__ */ jsx(Box, {
+						className: "absolute top-0 right-0 z-10 w-[37px] h-[20px]",
+						children: /* @__PURE__ */ jsx(Image, {
+							src: normalizedTagImageUrl,
+							alt: safeTitle || "角标",
+							fill: true,
+							sizes: "37px",
+							className: "object-contain"
+						})
+					}),
+					/* @__PURE__ */ jsx(Box, { className: "absolute inset-x-0 bottom-0 h-[40px] bg-gradient-to-t from-black/80 to-transparent z-0 pointer-events-none" }),
+					showPlayCountText && /* @__PURE__ */ jsxs(Box, {
+						className: "absolute bottom-0 left-[8px] mb-[6px] z-10 flex items-center gap-[4px]",
+						children: [/* @__PURE__ */ jsx(SvgView, { className: "h-[14px] w-[14px] text-white" }), /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							className: "text-[12px] font-medium text-white drop-shadow-md",
+							children: playCountText
+						})]
+					}),
+					showEpisodeText && /* @__PURE__ */ jsx(Box, {
+						className: "absolute bottom-0 right-[8px] mb-[6px] z-10 flex items-center",
+						children: /* @__PURE__ */ jsx(Text, {
+							as: "span",
+							className: "text-[12px] font-medium text-white drop-shadow-md",
+							children: normalizedEpisodeText
+						})
+					})
+				]
+			}), /* @__PURE__ */ jsxs(Box, {
+				className: "flex items-center justify-between gap-[12px] pt-[10px] px-2",
+				children: [/* @__PURE__ */ jsxs(Box, {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ jsx(Text, {
+						as: "h3",
+						className: "text-[16px] font-semibold leading-[24px] text-text1 line-clamp-1",
+						children: safeTitle
+					}), desc && /* @__PURE__ */ jsx(Text, {
+						as: "p",
+						className: "mt-[4px] text-[13px] leading-[20px] text-text2 line-clamp-1",
+						children: desc
+					})]
+				}), /* @__PURE__ */ jsx(Text, {
+					className: "shrink-0 rounded-[20px] border border-[#FD4C5E] px-[24px] py-[8px] text-[14px] font-normal text-[#FD4C5E]",
+					children: "观看"
+				})]
+			})]
+		}) }, id || safeTitle || `large-grid-item-${index}`);
+	}) });
+}
+
+//#endregion
+export { LargeGridItemClient };

package/dist/components/biz/business/large-feature-grid/client.mjs

@@ -1,2 +1,89 @@
 
-"use client";import{Box as e}from"../../../ui/box.mjs";import{Text as t}from"../../../ui/text.mjs";import n from"../../../ui/link.mjs";import r from"../../../../assets/icons/common/right_arrow.mjs";import{LargeGridItemClient as i}from"./card-item.mjs";import{largeFeatureGridInspectorDefaultProps as a}from"./schema.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=[],l=a.data??[];function u(e){return e==null}function d(e,t){return u(e)?t:e}function f(e,t){return t?{...e,...t,id:d(t.id,e.id),cover:d(t.cover,e.cover),title:d(t.title,e.title),desc:d(t.desc,e.desc),play_count:d(t.play_count,e.play_count),showPlayCount:t.showPlayCount??e.showPlayCount,episodeText:d(t.episodeText,e.episodeText),showEpisode:t.showEpisode??e.showEpisode,useContentCover:t.useContentCover??e.useContentCover,tagImageUrl:d(t.tagImageUrl,e.tagImageUrl)}:e}function p(e,t){if(!t)return e;let n=e.items;return{...e,...t,title:d(t.title,e.title),moreUrl:d(t.moreUrl,e.moreUrl),moreLinkType:t.moreLinkType??e.moreLinkType,items:n?f(n,t.items):t.items}}function m({mode:a=`renderer`,data:u=c}){let d=a===`editor`,f=u??c,m=Array.isArray(f)&&f.length>0?[p(l[0],f[0])]:l;if(!m||m.length===0)return null;let h=m[0],g=h?.title,_=h?.moreUrl;return s(e,{className:d?`p-3 pointer-events-none`:`p-3`,children:[s(e,{className:`flex items-center justify-between mb-[10px] h-[24px]`,children:[g&&o(t,{as:`h2`,className:`text-[18px] font-bold text-text1 line-clamp-1 flex-1 min-w-0 mr-[12px]`,children:g}),_&&s(n,{href:_,className:`flex items-center text-[14px] text-text2 ml-auto`,children:[`更多`,o(r,{className:`ml-[2px] h-[12px] w-[12px] text-text2`})]})]}),m.map((t,n)=>{let{items:r}=t;return r?o(e,{className:n>0?`mt-3`:``,children:o(i,{data:r})},`large-feature-grid-items-${n}`):null})]})}export{m as LargeFeatureGridClient};
+'use client';
+
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import Link from "../../../ui/link.mjs";
+import SvgRightArrow from "../../../../assets/icons/common/right_arrow.mjs";
+import { LargeGridItemClient } from "./card-item.mjs";
+import { largeFeatureGridInspectorDefaultProps } from "./schema.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/large-feature-grid/client.tsx
+/**
+* LargeFeatureGrid 客户端渲染组件
+*
+*/
+const emptyData = [];
+const defaultData = largeFeatureGridInspectorDefaultProps.data ?? [];
+function isEmptyLike(value) {
+	return value === void 0 || value === null;
+}
+function fallbackValue(incoming, fallback) {
+	return isEmptyLike(incoming) ? fallback : incoming;
+}
+function mergeItem(defaultItem, incomingItem) {
+	if (!incomingItem) return defaultItem;
+	return {
+		...defaultItem,
+		...incomingItem,
+		id: fallbackValue(incomingItem.id, defaultItem.id),
+		cover: fallbackValue(incomingItem.cover, defaultItem.cover),
+		title: fallbackValue(incomingItem.title, defaultItem.title),
+		desc: fallbackValue(incomingItem.desc, defaultItem.desc),
+		play_count: fallbackValue(incomingItem.play_count, defaultItem.play_count),
+		showPlayCount: incomingItem.showPlayCount ?? defaultItem.showPlayCount,
+		episodeText: fallbackValue(incomingItem.episodeText, defaultItem.episodeText),
+		showEpisode: incomingItem.showEpisode ?? defaultItem.showEpisode,
+		useContentCover: incomingItem.useContentCover ?? defaultItem.useContentCover,
+		tagImageUrl: fallbackValue(incomingItem.tagImageUrl, defaultItem.tagImageUrl)
+	};
+}
+function mergeSection(defaultSection, incomingSection) {
+	if (!incomingSection) return defaultSection;
+	const defaultItem = defaultSection.items;
+	return {
+		...defaultSection,
+		...incomingSection,
+		title: fallbackValue(incomingSection.title, defaultSection.title),
+		moreUrl: fallbackValue(incomingSection.moreUrl, defaultSection.moreUrl),
+		moreLinkType: incomingSection.moreLinkType ?? defaultSection.moreLinkType,
+		items: defaultItem ? mergeItem(defaultItem, incomingSection.items) : incomingSection.items
+	};
+}
+/**
+* 大图推荐客户端组件。
+*/
+function LargeFeatureGridClient({ mode = "renderer", data = emptyData }) {
+	const isEditor = mode === "editor";
+	const resolvedData = data ?? emptyData;
+	const sections = Array.isArray(resolvedData) && resolvedData.length > 0 ? [mergeSection(defaultData[0], resolvedData[0])] : defaultData;
+	if (!sections || sections.length === 0) return null;
+	const headerSection = sections[0];
+	const title = headerSection?.title;
+	const moreUrl = headerSection?.moreUrl;
+	return /* @__PURE__ */ jsxs(Box, {
+		className: isEditor ? "p-3 pointer-events-none" : "p-3",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "flex items-center justify-between mb-[10px] h-[24px]",
+			children: [title && /* @__PURE__ */ jsx(Text, {
+				as: "h2",
+				className: "text-[18px] font-bold text-text1 line-clamp-1 flex-1 min-w-0 mr-[12px]",
+				children: title
+			}), moreUrl && /* @__PURE__ */ jsxs(Link, {
+				href: moreUrl,
+				className: "flex items-center text-[14px] text-text2 ml-auto",
+				children: ["更多", /* @__PURE__ */ jsx(SvgRightArrow, { className: "ml-[2px] h-[12px] w-[12px] text-text2" })]
+			})]
+		}), sections.map((section, sectionIndex) => {
+			const { items } = section;
+			return items ? /* @__PURE__ */ jsx(Box, {
+				className: sectionIndex > 0 ? "mt-3" : "",
+				children: /* @__PURE__ */ jsx(LargeGridItemClient, { data: items })
+			}, `large-feature-grid-items-${sectionIndex}`) : null;
+		})]
+	});
+}
+
+//#endregion
+export { LargeFeatureGridClient };

package/dist/components/biz/business/large-feature-grid/material.mjs

@@ -1,2 +1,22 @@
 
-import{largeFeatureGridInspectorPropsSchema as e}from"./schema.mjs";import{LargeFeatureGridClient as t}from"./client.mjs";import{LargeFeatureGrid as n}from"./server.mjs";import{defineMaterial as r}from"create-funhub/sdk";const i=r({type:`large-feature-grid`,name:`大图推荐`,icon:`/static/components-thumb/grid_large_feature.png`,category:`内容组件`,serverComponent:n,clientComponent:t,propsSchema:e});export{i as largeFeatureGridMaterial};
+import { largeFeatureGridInspectorPropsSchema } from "./schema.mjs";
+import { LargeFeatureGridClient } from "./client.mjs";
+import { LargeFeatureGrid } from "./server.mjs";
+import { defineMaterial } from "create-funhub/sdk";
+
+//#region components/biz/business/large-feature-grid/material.ts
+/**
+* 大图推荐物料注册，仅提供占位渲染效果。
+*/
+const largeFeatureGridMaterial = defineMaterial({
+	type: "large-feature-grid",
+	name: "大图推荐",
+	icon: "/static/components-thumb/grid_large_feature.png",
+	category: "内容组件",
+	serverComponent: LargeFeatureGrid,
+	clientComponent: LargeFeatureGridClient,
+	propsSchema: largeFeatureGridInspectorPropsSchema
+});
+
+//#endregion
+export { largeFeatureGridMaterial };

package/dist/components/biz/business/large-feature-grid/schema.mjs

@@ -1,2 +1,82 @@
 
-import e from"zod";import{defineArrayItemPropSchema as t,defineComponentPropsSchema as n,defineSwitchPropSchema as r,defineTextPropSchema as i,getSchemaDefaultProps as a}from"create-funhub/sdk";const o=n({data:t(e.object({title:i({label:`推荐位名称`,required:!1}),moreUrl:i({label:`更多链接`,required:!1}),moreLinkType:i({label:`更多链接类型`,required:!1,defaultValue:`content-list`}),items:n({id:i({label:`内容ID`}),cover:i({label:`封面`}),play_count:i({label:`播放量`,required:!1}),showPlayCount:r({label:`展示播放量`,required:!1,defaultValue:!0}),episodeText:i({label:`集数文案`,required:!1}),showEpisode:r({label:`展示集数`,required:!1,defaultValue:!0}),useContentCover:r({label:`沿用内容海报`,required:!1,defaultValue:!0}),title:i({label:`内容标题`}),desc:i({label:`内容简介`,required:!1}),tagImageUrl:i({label:`角标图`,required:!1})})}),{label:`大图推荐数据`,required:!1,defaultValue:[{title:`推荐位名称`,moreUrl:`/channel`,moreLinkType:`content-list`,items:{id:`22edc8693ebbdaf1`,cover:`https://base-resources.guadd.fun/md-204/dcc-file/f7/f70a9f9f0c17aa9aff6c3a3e03a822db-small.jpg`,play_count:`11111`,showPlayCount:!0,episodeText:`连载中`,showEpisode:!0,useContentCover:!0,title:`穷小伙一睁眼穿越古代，娶个老婆就能得到奖励，后宫3000宠都宠不过来！谁料女帝主动送上门来，征服女帝可以直接开终极宝箱，不用选择全都可以！`,desc:`穷小伙一睁眼穿越古代，娶个老婆就能得到奖励，后宫3000宠都宠不过来！谁料女帝主动送上门来，征服女帝可以直接开终极宝箱，不用选择全都可以！`}}]})}),s=a(o);export{s as largeFeatureGridInspectorDefaultProps,o as largeFeatureGridInspectorPropsSchema};
+import z$1 from "zod";
+import { defineArrayItemPropSchema, defineComponentPropsSchema, defineSwitchPropSchema, defineTextPropSchema, getSchemaDefaultProps } from "create-funhub/sdk";
+
+//#region components/biz/business/large-feature-grid/schema.ts
+/**
+* 大图推荐物料 schema
+*/
+const largeFeatureGridInspectorPropsSchema = defineComponentPropsSchema({ data: defineArrayItemPropSchema(z$1.object({
+	title: defineTextPropSchema({
+		label: "推荐位名称",
+		required: false
+	}),
+	moreUrl: defineTextPropSchema({
+		label: "更多链接",
+		required: false
+	}),
+	moreLinkType: defineTextPropSchema({
+		label: "更多链接类型",
+		required: false,
+		defaultValue: "content-list"
+	}),
+	items: defineComponentPropsSchema({
+		id: defineTextPropSchema({ label: "内容ID" }),
+		cover: defineTextPropSchema({ label: "封面" }),
+		play_count: defineTextPropSchema({
+			label: "播放量",
+			required: false
+		}),
+		showPlayCount: defineSwitchPropSchema({
+			label: "展示播放量",
+			required: false,
+			defaultValue: true
+		}),
+		episodeText: defineTextPropSchema({
+			label: "集数文案",
+			required: false
+		}),
+		showEpisode: defineSwitchPropSchema({
+			label: "展示集数",
+			required: false,
+			defaultValue: true
+		}),
+		useContentCover: defineSwitchPropSchema({
+			label: "沿用内容海报",
+			required: false,
+			defaultValue: true
+		}),
+		title: defineTextPropSchema({ label: "内容标题" }),
+		desc: defineTextPropSchema({
+			label: "内容简介",
+			required: false
+		}),
+		tagImageUrl: defineTextPropSchema({
+			label: "角标图",
+			required: false
+		})
+	})
+}), {
+	label: "大图推荐数据",
+	required: false,
+	defaultValue: [{
+		title: "推荐位名称",
+		moreUrl: "/channel",
+		moreLinkType: "content-list",
+		items: {
+			id: "22edc8693ebbdaf1",
+			cover: "https://base-resources.guadd.fun/md-204/dcc-file/f7/f70a9f9f0c17aa9aff6c3a3e03a822db-small.jpg",
+			play_count: "11111",
+			showPlayCount: true,
+			episodeText: "连载中",
+			showEpisode: true,
+			useContentCover: true,
+			title: "穷小伙一睁眼穿越古代，娶个老婆就能得到奖励，后宫3000宠都宠不过来！谁料女帝主动送上门来，征服女帝可以直接开终极宝箱，不用选择全都可以！",
+			desc: "穷小伙一睁眼穿越古代，娶个老婆就能得到奖励，后宫3000宠都宠不过来！谁料女帝主动送上门来，征服女帝可以直接开终极宝箱，不用选择全都可以！"
+		}
+	}]
+}) });
+const largeFeatureGridInspectorDefaultProps = getSchemaDefaultProps(largeFeatureGridInspectorPropsSchema);
+
+//#endregion
+export { largeFeatureGridInspectorDefaultProps, largeFeatureGridInspectorPropsSchema };

package/dist/components/biz/business/large-feature-grid/server.mjs

@@ -1,2 +1,17 @@
 
-import{LargeFeatureGridClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";function n({mode:n=`renderer`,...r}){return t(e,{...r,mode:n})}export{n as LargeFeatureGrid};
+import { LargeFeatureGridClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/large-feature-grid/server.tsx
+/**
+* 大图推荐服务端组件，直接渲染客户端组件。
+*/
+function LargeFeatureGrid({ mode = "renderer", ...props }) {
+	return /* @__PURE__ */ jsx(LargeFeatureGridClient, {
+		...props,
+		mode
+	});
+}
+
+//#endregion
+export { LargeFeatureGrid };

package/dist/components/biz/business/marquee/client.mjs

@@ -1,2 +1,231 @@
 
-"use client";import{Image as e}from"../../../ui/image.mjs";import{Box as t}from"../../../ui/box.mjs";import{Text as n}from"../../../ui/text.mjs";import r from"../../../../assets/icons/right_arrow.mjs";import i from"../../../../assets/images/marquee.mjs";import a from"./marquee.module.mjs";import{defaultMarqueePeriod as o}from"./schema.mjs";import{useEffect as s,useMemo as c,useRef as l,useState as u}from"react";import{X as d}from"lucide-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{useTranslations as m}from"next-intl";import{useRouter as h}from"next/navigation";const g=[],_=`marquee_list`;let v=null;function y(e,t=20){let n=Array.from(e);return n.length<=t?e:`${n.slice(0,t).join(``)}...`}function b(e,t){if(!e)return!1;if(t===`once`)return!0;let n=new Date(e),r=new Date;return n.getFullYear()===r.getFullYear()&&n.getMonth()===r.getMonth()&&n.getDate()===r.getDate()}function x(){if(v)return v;let e=localStorage.getItem(_);if(!e)return v={},{};try{let t=JSON.parse(e);if(!t||typeof t!=`object`)return{};let n={};return Object.entries(t).forEach(([e,t])=>{if(!t||typeof t!=`object`)return;let r=t.closedAt;typeof r!=`number`||Number.isNaN(r)||(n[e]={closedAt:r})}),v=n,n}catch{return v={},{}}}function S(e){v=e,localStorage.setItem(_,JSON.stringify(e))}function C(e){return x()[e]??{}}function w(e,t){S({...x(),[e]:t})}function T(e,t){return b(e.closedAt,t)}function E(_){let v=m(`components.biz.business.marquee`),{marqueeKey:b,contents:x=g,click:S,close:E,displayStrategy:D,mode:O=`renderer`}=_,k=O===`editor`,A=h(),j=l(!1),[M,N]=u(k),[P,F]=u(k),[I,L]=u(!1),[R,z]=u(0);s(()=>{L(!0)},[]);let B=c(()=>{let e=D?.period??o,t=e.start,n=e.end;if(!t&&!n)return!0;let r=Date.now(),i=t?new Date(t).getTime():0,a=n?new Date(n).getTime():2**53-1;return r>=i&&r<=a},[D?.period]),V=c(()=>(x??[]).map(e=>({...e,text:y(String(e?.text??``))})).filter(e=>!!e.text),[x]),H=b?.trim()??``;if(s(()=>{z(0)},[c(()=>V.map(e=>`${e.text??``}::${e.link??``}`).join(`|`),[V]),H]),s(()=>{k||H||j.current||process.env.NODE_ENV===`production`||(j.current=!0,console.warn(`[MarqueeClient] marqueeKey is required in renderer mode.`))},[k,H]),s(()=>{if(I){if(k){N(!0),F(!0);return}if(!D?.rule||!B||V.length===0){N(!1),F(!0);return}if(!H){N(!1),F(!0);return}N(!T(C(H),D.rule)),F(!0)}},[D?.rule,k,I,B,V.length,H]),!k&&(!I||!P||!M||!B)||V.length===0)return null;let U=V[R%V.length],W=S?.enabled===!0,G=S?.link||U.link,K=W&&!!G,q=E?.enabled===!0;function J(){!H||!D?.rule||V.length===0||w(H,{...C(H),closedAt:Date.now()})}let Y=e=>{e.stopPropagation(),N(!1),J()},X=()=>{k||K&&G&&A.push(G)},Z=()=>{k||!M||V.length<=1||z(e=>(e+1)%V.length)},Q=k?a[`marquee-item-paused`]:V.length>1?a[`marquee-item-once`]:a[`marquee-item-loop`];return f(t,{className:k?`px-3 py-2 w-full bg-bg1 pointer-events-none`:`px-3 py-2 w-full bg-bg1`,children:p(t,{className:`pl-[2px] pr-[12px] py-[2px] flex items-center w-full cursor-pointer relative rounded-[8px] overflow-hidden ${a[`marquee-shell`]}`,onClick:X,children:[f(t,{className:`relative shrink-0 w-[36px] h-[36px] mr-[4px]`,children:f(e,{src:typeof i==`string`?i:i.src,alt:v(`noticeAlt`),fill:!0,className:`object-cover`,unoptimized:!0})}),f(t,{className:`flex-1 overflow-hidden relative h-[22px] ml-1`,children:f(t,{className:`absolute inset-y-0 left-0 flex items-center whitespace-nowrap ${Q}`,onAnimationEnd:Z,children:f(n,{className:`inline-block text-[14px] text-[#f59e0b] leading-[22px] font-medium`,children:U.text})},`marquee-item-${R}`)}),p(t,{className:`flex items-center gap-[12px] shrink-0 ml-[4px]`,children:[K&&f(r,{className:`w-[16px] h-[16px] text-[#f59e0b]`}),q&&f(t,{className:`opacity-30 hover:opacity-100 transition-opacity`,onClick:Y,children:f(d,{className:`w-[12px] h-[12px] text-[#F59E0B]`})})]})]})})}export{E as MarqueeClient};
+'use client';
+
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import SvgRightArrow from "../../../../assets/icons/right_arrow.mjs";
+import marquee_default from "../../../../assets/images/marquee.mjs";
+import marquee_module_default from "./marquee.module.mjs";
+import { defaultMarqueePeriod } from "./schema.mjs";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { useRouter } from "next/navigation";
+
+//#region components/biz/business/marquee/client.tsx
+const DEFAULT_CONTENTS = [];
+const MAX_TEXT_LENGTH = 20;
+const MARQUEE_LIST_STORAGE_KEY = "marquee_list";
+let marqueeStorageListCache = null;
+/**
+* 超过指定字符数时追加省略号。
+*/
+function withEllipsis(text, maxLength = MAX_TEXT_LENGTH) {
+	const chars = Array.from(text);
+	if (chars.length <= maxLength) return text;
+	return `${chars.slice(0, maxLength).join("")}...`;
+}
+/**
+* 判断记录是否在当前展示规则内生效。
+*/
+function isRecordActive(timestamp, rule) {
+	if (!timestamp) return false;
+	if (rule === "once") return true;
+	const last = new Date(timestamp);
+	const now = /* @__PURE__ */ new Date();
+	return last.getFullYear() === now.getFullYear() && last.getMonth() === now.getMonth() && last.getDate() === now.getDate();
+}
+/**
+* 读取跑马灯状态列表。
+*/
+function readStorageList() {
+	if (marqueeStorageListCache) return marqueeStorageListCache;
+	const raw = localStorage.getItem(MARQUEE_LIST_STORAGE_KEY);
+	if (!raw) {
+		marqueeStorageListCache = {};
+		return {};
+	}
+	try {
+		const parsed = JSON.parse(raw);
+		if (!parsed || typeof parsed !== "object") return {};
+		const normalized = {};
+		Object.entries(parsed).forEach(([key, value]) => {
+			if (!value || typeof value !== "object") return;
+			const closedAt = value.closedAt;
+			if (typeof closedAt !== "number" || Number.isNaN(closedAt)) return;
+			normalized[key] = { closedAt };
+		});
+		marqueeStorageListCache = normalized;
+		return normalized;
+	} catch {
+		marqueeStorageListCache = {};
+		return {};
+	}
+}
+/**
+* 写入跑马灯状态列表。
+*/
+function writeStorageList(list) {
+	marqueeStorageListCache = list;
+	localStorage.setItem(MARQUEE_LIST_STORAGE_KEY, JSON.stringify(list));
+}
+/**
+* 读取单条持久化状态。
+*/
+function readStorageState(storageId) {
+	return readStorageList()[storageId] ?? {};
+}
+/**
+* 写入单条持久化状态到 marquee_list。
+*/
+function writeStorageState(storageId, state) {
+	writeStorageList({
+		...readStorageList(),
+		[storageId]: state
+	});
+}
+function hasConsumedByRule(state, rule) {
+	return isRecordActive(state.closedAt, rule);
+}
+/**
+* 跑马灯物料组件 - 客户端交互部分
+* 适配嵌套配置结构
+*/
+function MarqueeClient(props) {
+	const t = useTranslations("components.biz.business.marquee");
+	const { marqueeKey, contents = DEFAULT_CONTENTS, click, close, displayStrategy, mode = "renderer" } = props;
+	const isEditor = mode === "editor";
+	const router = useRouter();
+	const hasWarnedMissingKeyRef = useRef(false);
+	const [isVisible, setIsVisible] = useState(isEditor);
+	const [isVisibilityResolved, setIsVisibilityResolved] = useState(isEditor);
+	const [isMounted, setIsMounted] = useState(false);
+	const [currentIndex, setCurrentIndex] = useState(0);
+	useEffect(() => {
+		setIsMounted(true);
+	}, []);
+	const isTimeValid = useMemo(() => {
+		const period = displayStrategy?.period ?? defaultMarqueePeriod;
+		const startTime = period.start;
+		const endTime = period.end;
+		if (!startTime && !endTime) return true;
+		const now = Date.now();
+		const start = startTime ? new Date(startTime).getTime() : 0;
+		const end = endTime ? new Date(endTime).getTime() : Number.MAX_SAFE_INTEGER;
+		return now >= start && now <= end;
+	}, [displayStrategy?.period]);
+	const resolvedContents = useMemo(() => (contents ?? []).map((item) => ({
+		...item,
+		text: withEllipsis(String(item?.text ?? ""))
+	})).filter((item) => Boolean(item.text)), [contents]);
+	const storageId = marqueeKey?.trim() ?? "";
+	useEffect(() => {
+		setCurrentIndex(0);
+	}, [useMemo(() => resolvedContents.map((item) => `${item.text ?? ""}::${item.link ?? ""}`).join("|"), [resolvedContents]), storageId]);
+	useEffect(() => {
+		if (isEditor || storageId || hasWarnedMissingKeyRef.current || process.env.NODE_ENV === "production") return;
+		hasWarnedMissingKeyRef.current = true;
+		console.warn("[MarqueeClient] marqueeKey is required in renderer mode.");
+	}, [isEditor, storageId]);
+	useEffect(() => {
+		if (!isMounted) return;
+		if (isEditor) {
+			setIsVisible(true);
+			setIsVisibilityResolved(true);
+			return;
+		}
+		if (!displayStrategy?.rule || !isTimeValid || resolvedContents.length === 0) {
+			setIsVisible(false);
+			setIsVisibilityResolved(true);
+			return;
+		}
+		if (!storageId) {
+			setIsVisible(false);
+			setIsVisibilityResolved(true);
+			return;
+		}
+		setIsVisible(!hasConsumedByRule(readStorageState(storageId), displayStrategy.rule));
+		setIsVisibilityResolved(true);
+	}, [
+		displayStrategy?.rule,
+		isEditor,
+		isMounted,
+		isTimeValid,
+		resolvedContents.length,
+		storageId
+	]);
+	if (!isEditor && (!isMounted || !isVisibilityResolved || !isVisible || !isTimeValid) || resolvedContents.length === 0) return null;
+	const currentContent = resolvedContents[currentIndex % resolvedContents.length];
+	const canClick = click?.enabled === true;
+	const targetLink = click?.link || currentContent.link;
+	const hasLink = canClick && !!targetLink;
+	const closeEnabled = close?.enabled === true;
+	/**
+	* 按展示策略持久化关闭状态。
+	*/
+	function persistConsumedState() {
+		if (!storageId || !displayStrategy?.rule || resolvedContents.length === 0) return;
+		writeStorageState(storageId, {
+			...readStorageState(storageId),
+			closedAt: Date.now()
+		});
+	}
+	const handleClose = (e) => {
+		e.stopPropagation();
+		setIsVisible(false);
+		persistConsumedState();
+	};
+	const handleClick = () => {
+		if (isEditor) return;
+		if (hasLink && targetLink) router.push(targetLink);
+	};
+	const handleMarqueeAnimationEnd = () => {
+		if (isEditor || !isVisible) return;
+		if (resolvedContents.length <= 1) return;
+		setCurrentIndex((prev) => (prev + 1) % resolvedContents.length);
+	};
+	const marqueeTextClass = isEditor ? marquee_module_default["marquee-item-paused"] : resolvedContents.length > 1 ? marquee_module_default["marquee-item-once"] : marquee_module_default["marquee-item-loop"];
+	return /* @__PURE__ */ jsx(Box, {
+		className: isEditor ? "px-3 py-2 w-full bg-bg1 pointer-events-none" : "px-3 py-2 w-full bg-bg1",
+		children: /* @__PURE__ */ jsxs(Box, {
+			className: `pl-[2px] pr-[12px] py-[2px] flex items-center w-full cursor-pointer relative rounded-[8px] overflow-hidden ${marquee_module_default["marquee-shell"]}`,
+			onClick: handleClick,
+			children: [
+				/* @__PURE__ */ jsx(Box, {
+					className: "relative shrink-0 w-[36px] h-[36px] mr-[4px]",
+					children: /* @__PURE__ */ jsx(Image, {
+						src: typeof marquee_default === "string" ? marquee_default : marquee_default.src,
+						alt: t("noticeAlt"),
+						fill: true,
+						className: "object-cover",
+						unoptimized: true
+					})
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					className: "flex-1 overflow-hidden relative h-[22px] ml-1",
+					children: /* @__PURE__ */ jsx(Box, {
+						className: `absolute inset-y-0 left-0 flex items-center whitespace-nowrap ${marqueeTextClass}`,
+						onAnimationEnd: handleMarqueeAnimationEnd,
+						children: /* @__PURE__ */ jsx(Text, {
+							className: "inline-block text-[14px] text-[#f59e0b] leading-[22px] font-medium",
+							children: currentContent.text
+						})
+					}, `marquee-item-${currentIndex}`)
+				}),
+				/* @__PURE__ */ jsxs(Box, {
+					className: "flex items-center gap-[12px] shrink-0 ml-[4px]",
+					children: [hasLink && /* @__PURE__ */ jsx(SvgRightArrow, { className: "w-[16px] h-[16px] text-[#f59e0b]" }), closeEnabled && /* @__PURE__ */ jsx(Box, {
+						className: "opacity-30 hover:opacity-100 transition-opacity",
+						onClick: handleClose,
+						children: /* @__PURE__ */ jsx(X, { className: "w-[12px] h-[12px] text-[#F59E0B]" })
+					})]
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { MarqueeClient };

package/dist/components/biz/business/marquee/marquee.module.mjs

@@ -1,28 +1,16 @@
 
-import e from"../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";var t=`.marquee-module_marquee-shell__UrSDr {
-  background-image: linear-gradient(154deg, rgba(255, 228, 133, 0.2) 9.14%, rgba(207, 129, 37, 0.05) 90.86%);
-}
+import styleInject from "../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";
 
-.marquee-module_marquee-item-loop__xI-aW {
-  animation: marquee-module_funhub-marquee-run__evIQh 12s linear infinite;
-}
+//#region components/biz/business/marquee/marquee.module.css
+var css_248z = ".marquee-module_marquee-shell__UrSDr {\n  background-image: linear-gradient(154deg, rgba(255, 228, 133, 0.2) 9.14%, rgba(207, 129, 37, 0.05) 90.86%);\n}\n\n.marquee-module_marquee-item-loop__xI-aW {\n  animation: marquee-module_funhub-marquee-run__evIQh 12s linear infinite;\n}\n\n.marquee-module_marquee-item-once__KFzcv {\n  animation: marquee-module_funhub-marquee-run__evIQh 12s linear forwards;\n}\n\n.marquee-module_marquee-item-paused__edGch {\n  animation: none;\n  transform: translateX(0);\n}\n\n@keyframes marquee-module_funhub-marquee-run__evIQh {\n  0% {\n    transform: translateX(100%);\n  }\n\n  100% {\n    transform: translateX(-100%);\n  }\n}\n";
+var marquee_module_default = {
+	"marquee-shell": "marquee-module_marquee-shell__UrSDr",
+	"marquee-item-loop": "marquee-module_marquee-item-loop__xI-aW",
+	"funhub-marquee-run": "marquee-module_funhub-marquee-run__evIQh",
+	"marquee-item-once": "marquee-module_marquee-item-once__KFzcv",
+	"marquee-item-paused": "marquee-module_marquee-item-paused__edGch"
+};
+styleInject(css_248z);
 
-.marquee-module_marquee-item-once__KFzcv {
-  animation: marquee-module_funhub-marquee-run__evIQh 12s linear forwards;
-}
-
-.marquee-module_marquee-item-paused__edGch {
-  animation: none;
-  transform: translateX(0);
-}
-
-@keyframes marquee-module_funhub-marquee-run__evIQh {
-  0% {
-    transform: translateX(100%);
-  }
-
-  100% {
-    transform: translateX(-100%);
-  }
-}
-`,n={"marquee-shell":`marquee-module_marquee-shell__UrSDr`,"marquee-item-loop":`marquee-module_marquee-item-loop__xI-aW`,"funhub-marquee-run":`marquee-module_funhub-marquee-run__evIQh`,"marquee-item-once":`marquee-module_marquee-item-once__KFzcv`,"marquee-item-paused":`marquee-module_marquee-item-paused__edGch`};e(t);export{n as default};
+//#endregion
+export { marquee_module_default as default };

package/dist/components/biz/business/marquee/material.mjs

@@ -1,2 +1,22 @@
 
-import{marqueeInspectorPropsSchema as e}from"./schema.mjs";import{MarqueeClient as t}from"./client.mjs";import{MarqueeServer as n}from"./server.mjs";import{defineMaterial as r}from"create-funhub/sdk";const i=r({type:`marquee`,name:`跑马灯`,icon:`/static/components-thumb/marquee_clickable_closable.png`,category:`内容组件`,serverComponent:n,clientComponent:t,propsSchema:e});export{i as marqueeMaterial};
+import { marqueeInspectorPropsSchema } from "./schema.mjs";
+import { MarqueeClient } from "./client.mjs";
+import { MarqueeServer } from "./server.mjs";
+import { defineMaterial } from "create-funhub/sdk";
+
+//#region components/biz/business/marquee/material.ts
+/**
+* 跑马灯物料定义
+*/
+const marqueeMaterial = defineMaterial({
+	type: "marquee",
+	name: "跑马灯",
+	icon: "/static/components-thumb/marquee_clickable_closable.png",
+	category: "内容组件",
+	serverComponent: MarqueeServer,
+	clientComponent: MarqueeClient,
+	propsSchema: marqueeInspectorPropsSchema
+});
+
+//#endregion
+export { marqueeMaterial };