@funhub/platform 0.2.29 → 0.2.31

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

@@ -1,2 +1,128 @@
 
-import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"../../../../utils/schema/schema.mjs";import n from"zod";const r=e(e=>({data:e.array(n.object({title:e.string(void 0,{label:`推荐位名称`,required:!1}),moreUrl:e.string(void 0,{label:`更多链接`,required:!1}),moreLinkType:e.string(`content-list`,{label:`更多链接类型`,required:!1}),items:e.object({id:e.string(void 0,{label:`内容ID`}),is_ad:e.boolean(!1,{fieldType:`switch`,label:`是否广告`,required:!1}),ad:e.object({ad_code:e.string(void 0,{label:`广告业务编码`,required:!1}),ad_advertise_url:e.string(void 0,{label:`广告跳转链接`,required:!1}),ad_advertise_icon:e.string(void 0,{label:`广告素材地址`,required:!1}),ad_advertise_type:e.number(void 0,{label:`广告类型`,required:!1}),ad_advertise_desc:e.string(void 0,{label:`广告文案描述`,required:!1}),ad_ext_data:e.string(void 0,{label:`广告扩展信息`,required:!1})},{label:`广告对象`,required:!1}),ad_advertise_url:e.string(void 0,{label:`广告跳转链接`,required:!1}),ad_advertise_icon:e.string(void 0,{label:`广告素材地址`,required:!1}),cover:e.string(void 0,{label:`封面`}),play_count:e.string(void 0,{label:`播放量`,required:!1}),showPlayCount:e.boolean(!0,{fieldType:`switch`,label:`展示播放量`,required:!1}),episodeText:e.string(void 0,{label:`集数文案`,required:!1}),showEpisode:e.boolean(!0,{fieldType:`switch`,label:`展示集数`,required:!1}),score:e.string(void 0,{label:`评分`,required:!1}),useContentCover:e.boolean(!0,{fieldType:`switch`,label:`沿用内容海报`,required:!1}),title:e.string(void 0,{label:`内容标题`}),desc:e.string(void 0,{label:`内容简介`,required:!1}),tagImageUrl:e.string(void 0,{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,score:`93`,useContentCover:!0,title:`穷小伙一睁眼穿越古代，娶个老婆就能得到奖励，后宫3000宠都宠不过来！谁料女帝主动送上门来，征服女帝可以直接开终极宝箱，不用选择全都可以！`,desc:`穷小伙一睁眼穿越古代，娶个老婆就能得到奖励，后宫3000宠都宠不过来！谁料女帝主动送上门来，征服女帝可以直接开终极宝箱，不用选择全都可以！`}}]})})),i=t(r);export{i as largeFeatureGridInspectorDefaultProps,r as largeFeatureGridInspectorPropsSchema};
+import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../utils/schema/schema.mjs";
+import z$1 from "zod";
+
+//#region components/biz/business/large-feature-grid/schema.ts
+/**
+* 大图推荐物料 schema
+*/
+const largeFeatureGridInspectorPropsSchema = defineComponentPropsSchema((t) => ({ data: t.array(z$1.object({
+	title: t.string(void 0, {
+		label: "推荐位名称",
+		required: false
+	}),
+	moreUrl: t.string(void 0, {
+		label: "更多链接",
+		required: false
+	}),
+	moreLinkType: t.string("content-list", {
+		label: "更多链接类型",
+		required: false
+	}),
+	items: t.object({
+		id: t.string(void 0, { label: "内容ID" }),
+		is_ad: t.boolean(false, {
+			fieldType: "switch",
+			label: "是否广告",
+			required: false
+		}),
+		ad: t.object({
+			ad_code: t.string(void 0, {
+				label: "广告业务编码",
+				required: false
+			}),
+			ad_advertise_url: t.string(void 0, {
+				label: "广告跳转链接",
+				required: false
+			}),
+			ad_advertise_icon: t.string(void 0, {
+				label: "广告素材地址",
+				required: false
+			}),
+			ad_advertise_type: t.number(void 0, {
+				label: "广告类型",
+				required: false
+			}),
+			ad_advertise_desc: t.string(void 0, {
+				label: "广告文案描述",
+				required: false
+			}),
+			ad_ext_data: t.string(void 0, {
+				label: "广告扩展信息",
+				required: false
+			})
+		}, {
+			label: "广告对象",
+			required: false
+		}),
+		ad_advertise_url: t.string(void 0, {
+			label: "广告跳转链接",
+			required: false
+		}),
+		ad_advertise_icon: t.string(void 0, {
+			label: "广告素材地址",
+			required: false
+		}),
+		cover: t.string(void 0, { label: "封面" }),
+		play_count: t.string(void 0, {
+			label: "播放量",
+			required: false
+		}),
+		showPlayCount: t.boolean(true, {
+			fieldType: "switch",
+			label: "展示播放量",
+			required: false
+		}),
+		episodeText: t.string(void 0, {
+			label: "集数文案",
+			required: false
+		}),
+		showEpisode: t.boolean(true, {
+			fieldType: "switch",
+			label: "展示集数",
+			required: false
+		}),
+		score: t.string(void 0, {
+			label: "评分",
+			required: false
+		}),
+		useContentCover: t.boolean(true, {
+			fieldType: "switch",
+			label: "沿用内容海报",
+			required: false
+		}),
+		title: t.string(void 0, { label: "内容标题" }),
+		desc: t.string(void 0, {
+			label: "内容简介",
+			required: false
+		}),
+		tagImageUrl: t.string(void 0, {
+			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,
+			score: "93",
+			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,304 @@
 
-"use client";import{useRouter as e}from"../../../../utils/use-compatible-router.mjs";import{Box as t}from"../../../ui/box.mjs";import{Text as n}from"../../../ui/text.mjs";import r from"../../../../assets/icons/marquee-close.mjs";import i from"../../../../assets/icons/marquee-enter.mjs";import a from"../../../../assets/icons/marquee-speaker.mjs";import{defaultMarqueePeriod as o}from"./schema.mjs";import{useEffect as s,useLayoutEffect as c,useMemo as l,useRef as u,useState as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=[],h=`marquee_list`;let g=null;function _(e,t=20){let n=Array.from(e);return n.length<=t?e:`${n.slice(0,t).join(``)}...`}function v(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 y(){if(g)return g;let e=localStorage.getItem(h);if(!e)return g={},{};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})}),g=n,n}catch{return g={},{}}}function b(e){g=e,localStorage.setItem(h,JSON.stringify(e))}function x(e){return y()[e]??{}}function S(e,t){b({...y(),[e]:t})}function C(e,t){return v(e.closedAt,t)}function w(h){let{marqueeKey:g,contents:v=m,close:y,displayStrategy:b,mode:w=`renderer`}=h,T=w===`editor`,E=e(),D=u(!1),O=u(null),k=u(null),[A,j]=d(T),[M,N]=d(T),[P,F]=d(!1),[I,L]=d(0);s(()=>{F(!0)},[]);let R=l(()=>{let e=b?.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},[b?.period]),z=l(()=>(v??[]).map(e=>({...e,text:_(String(e?.text??``))})).filter(e=>!!e.text),[v]),B=g?.trim()??``,V=l(()=>z.map(e=>`${e.text??``}::${e.link??``}`).join(`|`),[z]);if(s(()=>{L(0)},[V,B]),s(()=>{T||B||D.current||process.env.NODE_ENV===`production`||(D.current=!0,console.warn(`[MarqueeClient] marqueeKey is required in renderer mode.`))},[T,B]),s(()=>{if(P){if(T){j(!0),N(!0);return}if(!b?.rule||!R||z.length===0){j(!1),N(!0);return}if(!B){j(!0),N(!0);return}j(!C(x(B),b.rule)),N(!0)}},[b?.rule,T,P,R,z.length,B]),c(()=>{if(T)return;let e=O.current,t=k.current;if(!e||!t)return;let n=e.offsetWidth,r=t.scrollWidth,i=n+r,a=Math.max(i/80,3)*1e3,o=t.animate([{transform:`translateX(${n}px)`},{transform:`translateX(-${r}px)`}],{duration:a,iterations:z.length<=1?1/0:1,easing:`linear`,fill:`forwards`});return o.onfinish=()=>{z.length>1&&L(e=>(e+1)%z.length)},()=>o.cancel()},[I,V,T,A,z.length]),!T&&(!P||!M||!A||!R)||z.length===0)return null;let H=z[I%z.length],U=H?.click,W=U?.enabled===!0,G=U?.link,K=W&&!!G,q=y?.enabled===!0,J=K,Y=q;function X(){!B||!b?.rule||z.length===0||S(B,{...x(B),closedAt:Date.now()})}let Z=e=>{e.stopPropagation(),j(!1),X()};function Q(e){if(typeof window>`u`){E.push(e);return}if(window.isWebView===!0)try{let t=new URL(e,window.location.href);if(t.origin===window.location.origin){let e=t.pathname.split(`/`).filter(Boolean),n=e.findIndex(e=>e===`video`);n>=0&&(e[n]=`webview`,t.pathname=`/${e.join(`/`)}`)}window.location.href=t.toString();return}catch{window.location.href=e;return}E.push(e)}function $(){T||K&&G&&(j(!1),X(),Q(G))}let ee=f(t,{className:`flex size-6 shrink-0 items-center justify-center overflow-hidden p-0.5`,"aria-hidden":!0,children:f(i,{className:`h-5 w-5 opacity-50`,"aria-hidden":!0})}),te=f(`button`,{type:`button`,"aria-label":`关闭`,className:`flex size-6 shrink-0 items-center justify-center overflow-hidden p-0.5`,onClick:Z,children:f(r,{className:`h-5 w-5`,"aria-hidden":!0})}),ne=f(t,{className:`flex size-6 shrink-0 items-center justify-center overflow-hidden p-0.5`,"aria-hidden":!0}),re=p(t,{className:`flex min-w-6 shrink-0 items-center justify-end `,children:[J?ee:null,Y?q?te:f(t,{className:`flex size-6 shrink-0 items-center justify-center overflow-hidden p-0.5`,"aria-hidden":!0,children:f(r,{className:`h-5 w-5`,"aria-hidden":!0})}):null,!J&&!Y?ne:null]});return p(t,{className:`grid h-8 w-full grid-cols-[20px_minmax(0,1fr)_auto] items-center gap-2 bg-white/10 no-vw-x-16 py-1 backdrop-blur-[2px] ${K?`cursor-pointer`:``} ${T?`pointer-events-none`:``}`,onClick:$,children:[f(a,{className:`h-5 w-5 shrink-0`,"aria-hidden":!0}),f(t,{ref:O,className:`relative h-5 min-w-0 w-full overflow-hidden`,children:f(t,{ref:k,className:`absolute inset-y-0 left-0 flex items-center whitespace-nowrap`,children:f(n,{className:`inline-block font-sans text-[14px] font-normal leading-[20px] not-italic text-white/90`,children:H.text})},`marquee-item-${I}`)}),re]})}export{w as MarqueeClient};
+'use client';
+
+import { useRouter } from "../../../../utils/use-compatible-router.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import SvgMarqueeClose from "../../../../assets/icons/marquee-close.mjs";
+import SvgMarqueeEnter from "../../../../assets/icons/marquee-enter.mjs";
+import SvgMarqueeSpeaker from "../../../../assets/icons/marquee-speaker.mjs";
+import { defaultMarqueePeriod } from "./schema.mjs";
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/marquee/client.tsx
+const DEFAULT_CONTENTS = [];
+const MAX_TEXT_LENGTH = 20;
+const MARQUEE_SPEED = 80;
+const MARQUEE_MIN_DURATION = 3;
+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 { marqueeKey, contents = DEFAULT_CONTENTS, close, displayStrategy, mode = "renderer" } = props;
+	const isEditor = mode === "editor";
+	const router = useRouter();
+	const hasWarnedMissingKeyRef = useRef(false);
+	const containerRef = useRef(null);
+	const textRef = useRef(null);
+	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() ?? "";
+	const contentsSignature = useMemo(() => resolvedContents.map((item) => `${item.text ?? ""}::${item.link ?? ""}`).join("|"), [resolvedContents]);
+	useEffect(() => {
+		setCurrentIndex(0);
+	}, [contentsSignature, 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(true);
+			setIsVisibilityResolved(true);
+			return;
+		}
+		setIsVisible(!hasConsumedByRule(readStorageState(storageId), displayStrategy.rule));
+		setIsVisibilityResolved(true);
+	}, [
+		displayStrategy?.rule,
+		isEditor,
+		isMounted,
+		isTimeValid,
+		resolvedContents.length,
+		storageId
+	]);
+	useLayoutEffect(() => {
+		if (isEditor) return;
+		const container = containerRef.current;
+		const textEl = textRef.current;
+		if (!container || !textEl) return;
+		const containerWidth = container.offsetWidth;
+		const textWidth = textEl.scrollWidth;
+		const totalDistance = containerWidth + textWidth;
+		const duration = Math.max(totalDistance / MARQUEE_SPEED, MARQUEE_MIN_DURATION) * 1e3;
+		const animation = textEl.animate([{ transform: `translateX(${containerWidth}px)` }, { transform: `translateX(-${textWidth}px)` }], {
+			duration,
+			iterations: resolvedContents.length <= 1 ? Infinity : 1,
+			easing: "linear",
+			fill: "forwards"
+		});
+		animation.onfinish = () => {
+			if (resolvedContents.length > 1) setCurrentIndex((prev) => (prev + 1) % resolvedContents.length);
+		};
+		return () => animation.cancel();
+	}, [
+		currentIndex,
+		contentsSignature,
+		isEditor,
+		isVisible,
+		resolvedContents.length
+	]);
+	if (!isEditor && (!isMounted || !isVisibilityResolved || !isVisible || !isTimeValid) || resolvedContents.length === 0) return null;
+	const currentContent = resolvedContents[currentIndex % resolvedContents.length];
+	const resolvedClick = currentContent?.click;
+	const canClick = resolvedClick?.enabled === true;
+	const targetLink = resolvedClick?.link;
+	const hasLink = canClick && !!targetLink;
+	const closeEnabled = close?.enabled === true;
+	const showEnterIcon = hasLink;
+	const showCloseIcon = closeEnabled;
+	/**
+	* 按展示策略持久化关闭状态。
+	*/
+	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();
+	};
+	function navigateByLink(href) {
+		if (typeof window === "undefined") {
+			router.push(href);
+			return;
+		}
+		if (window.isWebView === true) try {
+			const url = new URL(href, window.location.href);
+			if (url.origin === window.location.origin) {
+				const segments = url.pathname.split("/").filter(Boolean);
+				const videoIndex = segments.findIndex((segment) => segment === "video");
+				if (videoIndex >= 0) {
+					segments[videoIndex] = "webview";
+					url.pathname = `/${segments.join("/")}`;
+				}
+			}
+			window.location.href = url.toString();
+			return;
+		} catch {
+			window.location.href = href;
+			return;
+		}
+		router.push(href);
+	}
+	function handleClick() {
+		if (isEditor) return;
+		if (hasLink && targetLink) {
+			setIsVisible(false);
+			persistConsumedState();
+			navigateByLink(targetLink);
+		}
+	}
+	const enterSlot = /* @__PURE__ */ jsx(Box, {
+		className: "flex size-6 shrink-0 items-center justify-center overflow-hidden p-0.5",
+		"aria-hidden": true,
+		children: /* @__PURE__ */ jsx(SvgMarqueeEnter, {
+			className: "h-5 w-5 opacity-50",
+			"aria-hidden": true
+		})
+	});
+	const closeButtonSlot = /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "关闭",
+		className: "flex size-6 shrink-0 items-center justify-center overflow-hidden p-0.5",
+		onClick: handleClose,
+		children: /* @__PURE__ */ jsx(SvgMarqueeClose, {
+			className: "h-5 w-5",
+			"aria-hidden": true
+		})
+	});
+	const emptyRightSlot = /* @__PURE__ */ jsx(Box, {
+		className: "flex size-6 shrink-0 items-center justify-center overflow-hidden p-0.5",
+		"aria-hidden": true
+	});
+	const rightSlot = /* @__PURE__ */ jsxs(Box, {
+		className: "flex min-w-6 shrink-0 items-center justify-end ",
+		children: [
+			showEnterIcon ? enterSlot : null,
+			showCloseIcon ? closeEnabled ? closeButtonSlot : /* @__PURE__ */ jsx(Box, {
+				className: "flex size-6 shrink-0 items-center justify-center overflow-hidden p-0.5",
+				"aria-hidden": true,
+				children: /* @__PURE__ */ jsx(SvgMarqueeClose, {
+					className: "h-5 w-5",
+					"aria-hidden": true
+				})
+			}) : null,
+			!showEnterIcon && !showCloseIcon ? emptyRightSlot : null
+		]
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `grid h-8 w-full grid-cols-[20px_minmax(0,1fr)_auto] items-center gap-2 bg-white/10 no-vw-x-16 py-1 backdrop-blur-[2px] ${hasLink ? "cursor-pointer" : ""} ${isEditor ? "pointer-events-none" : ""}`,
+		onClick: handleClick,
+		children: [
+			/* @__PURE__ */ jsx(SvgMarqueeSpeaker, {
+				className: "h-5 w-5 shrink-0",
+				"aria-hidden": true
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				ref: containerRef,
+				className: "relative h-5 min-w-0 w-full overflow-hidden",
+				children: /* @__PURE__ */ jsx(Box, {
+					ref: textRef,
+					className: "absolute inset-y-0 left-0 flex items-center whitespace-nowrap",
+					children: /* @__PURE__ */ jsx(Text, {
+						className: "inline-block font-sans text-[14px] font-normal leading-[20px] not-italic text-white/90",
+						children: currentContent.text
+					})
+				}, `marquee-item-${currentIndex}`)
+			}),
+			rightSlot
+		]
+	});
+}
+
+//#endregion
+export { MarqueeClient };

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

@@ -1,2 +1,22 @@
 
-import{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{marqueeInspectorPropsSchema as t}from"./schema.mjs";import{MarqueeClient as n}from"./client.mjs";import{MarqueeServer as r}from"./server.mjs";const i=e({type:`marquee`,name:`跑马灯`,icon:`/static/components-thumb/marquee_clickable_closable.png`,category:`内容组件`,serverComponent:r,clientComponent:n,propsSchema:t});export{i as marqueeMaterial};
+import { defineMaterial } from "../../../../utils/schema/material.mjs";
+import { marqueeInspectorPropsSchema } from "./schema.mjs";
+import { MarqueeClient } from "./client.mjs";
+import { MarqueeServer } from "./server.mjs";
+
+//#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 };

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

@@ -1,2 +1,87 @@
 
-import{defineComponentPropsSchema as e}from"../../../../utils/schema/schema.mjs";import t from"dayjs";function n(){return{start:t().startOf(`day`).format(`YYYY-MM-DD HH:mm:ss`),end:t().endOf(`day`).format(`YYYY-MM-DD HH:mm:ss`)}}const r=n(),i=e(e=>({marqueeKey:e.string(``,{label:`状态唯一标识`,required:!0,description:`外部传入唯一 marqueeKey，用于本地展示状态持久化`}),contents:e.array(e.object({text:e.string(``,{label:`文本内容`}),click:e.object({enabled:e.boolean(!0,{fieldType:`switch`,label:`支持点击`}),redirectType:e.enum([`content_list`,`content`,`link`],`link`,{label:`跳转指向`,required:!1}),link:e.string(``,{label:`跳转链接`,required:!1})},{label:`点击配置`,defaultValue:{enabled:!0,redirectType:`link`,link:``}})}),{label:`消息内容`,defaultValue:[{text:`请输入跑马灯内容`,click:{enabled:!0,redirectType:`link`,link:``}}],description:`支持多条消息循环播放（1~5条），展示顺序与配置顺序一致`}),close:e.object({enabled:e.boolean(!0,{fieldType:`switch`,label:`支持关闭`})},{label:`关闭配置`,defaultValue:{enabled:!0}}),displayStrategy:e.object({rule:e.enum([`once`,`daily`],`once`,{label:`展示规则`,description:`「只展示1次」即当前消息只展示1次；「每天展示1次」即当前消息每天展示1次，0点刷新`}),period:e.timeRange(r,{label:`展示周期`,required:!1})},{label:`展示策略`,defaultValue:{rule:`once`,period:r}})}));export{r as defaultMarqueePeriod,n as getDefaultMarqueePeriod,i as marqueeInspectorPropsSchema};
+import { defineComponentPropsSchema } from "../../../../utils/schema/schema.mjs";
+import dayjs from "dayjs";
+
+//#region components/biz/business/marquee/schema.ts
+function getDefaultMarqueePeriod() {
+	return {
+		start: dayjs().startOf("day").format("YYYY-MM-DD HH:mm:ss"),
+		end: dayjs().endOf("day").format("YYYY-MM-DD HH:mm:ss")
+	};
+}
+const defaultMarqueePeriod = getDefaultMarqueePeriod();
+/**
+* 跑马灯物料属性定义
+*/
+const marqueeInspectorPropsSchema = defineComponentPropsSchema((t) => ({
+	marqueeKey: t.string("", {
+		label: "状态唯一标识",
+		required: true,
+		description: "外部传入唯一 marqueeKey，用于本地展示状态持久化"
+	}),
+	contents: t.array(t.object({
+		text: t.string("", { label: "文本内容" }),
+		click: t.object({
+			enabled: t.boolean(true, {
+				fieldType: "switch",
+				label: "支持点击"
+			}),
+			redirectType: t.enum([
+				"content_list",
+				"content",
+				"link"
+			], "link", {
+				label: "跳转指向",
+				required: false
+			}),
+			link: t.string("", {
+				label: "跳转链接",
+				required: false
+			})
+		}, {
+			label: "点击配置",
+			defaultValue: {
+				enabled: true,
+				redirectType: "link",
+				link: ""
+			}
+		})
+	}), {
+		label: "消息内容",
+		defaultValue: [{
+			text: "请输入跑马灯内容",
+			click: {
+				enabled: true,
+				redirectType: "link",
+				link: ""
+			}
+		}],
+		description: "支持多条消息循环播放（1~5条），展示顺序与配置顺序一致"
+	}),
+	close: t.object({ enabled: t.boolean(true, {
+		fieldType: "switch",
+		label: "支持关闭"
+	}) }, {
+		label: "关闭配置",
+		defaultValue: { enabled: true }
+	}),
+	displayStrategy: t.object({
+		rule: t.enum(["once", "daily"], "once", {
+			label: "展示规则",
+			description: "「只展示1次」即当前消息只展示1次；「每天展示1次」即当前消息每天展示1次，0点刷新"
+		}),
+		period: t.timeRange(defaultMarqueePeriod, {
+			label: "展示周期",
+			required: false
+		})
+	}, {
+		label: "展示策略",
+		defaultValue: {
+			rule: "once",
+			period: defaultMarqueePeriod
+		}
+	})
+}));
+
+//#endregion
+export { defaultMarqueePeriod, getDefaultMarqueePeriod, marqueeInspectorPropsSchema };

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

@@ -1,2 +1,18 @@
 
-import{MarqueeClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";async function n(n){let{mode:r=`renderer`,...i}=n;return t(e,{...i,mode:r})}export{n as MarqueeServer};
+import { MarqueeClient } from "./client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/marquee/server.tsx
+/**
+* 跑马灯物料组件 - 服务端部分
+*/
+async function MarqueeServer(props) {
+	const { mode = "renderer", ...rest } = props;
+	return /* @__PURE__ */ jsx(MarqueeClient, {
+		...rest,
+		mode
+	});
+}
+
+//#endregion
+export { MarqueeServer };

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/defaults/default-props.mjs

@@ -1,2 +1,22 @@
 
-const e={currentChannelId:null,filterUrl:`/filter`,searchUrl:`/search`,searchPlaceholder:`搜索`,searchIconSize:20,showSearchPlaceholderText:!1,searchBorderColor:`#E5E5E5`,filterIconSize:20,channelItemHeight:44,channelItemFontSize:16,channelItemActiveFontSize:20,channelItemGap:16};export{e as defaultProps};
+//#region components/biz/business/nav-bar/variants/basic-nav-bar/defaults/default-props.ts
+/**
+* BasicNavBar 组件默认 Props 配置
+*/
+const defaultProps = {
+	currentChannelId: null,
+	filterUrl: "/filter",
+	searchUrl: "/search",
+	searchPlaceholder: "搜索",
+	searchIconSize: 20,
+	showSearchPlaceholderText: false,
+	searchBorderColor: "#E5E5E5",
+	filterIconSize: 20,
+	channelItemHeight: 44,
+	channelItemFontSize: 16,
+	channelItemActiveFontSize: 20,
+	channelItemGap: 16
+};
+
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/index.mjs

@@ -1,2 +1,10 @@
 
-import{defaultProps as e}from"./defaults/default-props.mjs";import t from"./runtime/client.mjs";import{schema as n}from"./schema/index.mjs";var r=t;export{r as default};
+import { defaultProps } from "./defaults/default-props.mjs";
+import BasicNavBarClient from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";
+
+//#region components/biz/business/nav-bar/variants/basic-nav-bar/index.ts
+var basic_nav_bar_default = BasicNavBarClient;
+
+//#endregion
+export { basic_nav_bar_default as default };