@funhub/platform 0.1.60 → 0.1.62

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

@@ -1,2 +1,213 @@
 
-"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{useEffect as o,useMemo as s,useState as c}from"react";import{X as l}from"lucide-react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useTranslations as f}from"next-intl";import{useRouter as p}from"next/navigation";const m=[];function h(e,t=20){let n=Array.from(e);return n.length<=t?e:`${n.slice(0,t).join(``)}...`}function g(e){let t=5381;for(let n=0;n<e.length;n+=1)t=(t<<5)+t^(e.codePointAt(n)??0);return(t>>>0).toString(36)}function _(e,t){return e?t===`once`?!0:new Date(e).toLocaleDateString()===new Date().toLocaleDateString():!1}function v(e){let t=localStorage.getItem(e);if(!t)return{};try{return JSON.parse(t)}catch{let e=Number(t);return Number.isNaN(e)?{}:{closedAt:e}}}function y(e,t){localStorage.setItem(e,JSON.stringify(t))}function b(b){let x=f(`components.biz.business.marquee`),{contents:S=m,click:C,close:w,displayStrategy:T,mode:E=`renderer`}=b,D=E===`editor`,O=p(),[k,A]=c(!0),[j,M]=c(!1),[N,P]=c(0);o(()=>{M(!0)},[]);let F=s(()=>{let e=T?.period?.start,t=T?.period?.end;if(!e&&!t)return!0;let n=Date.now(),r=e?new Date(e).getTime():0,i=t?new Date(t).getTime():2**53-1;return n>=r&&n<=i},[T?.period]),I=s(()=>(S??[]).map(e=>({...e,text:h(String(e?.text??``))})).filter(e=>!!e.text),[S]),L=s(()=>{let e=T?.rule??`once`,t=T?.period??{start:``,end:``};return`marquee_state_${g(JSON.stringify({rule:e,start:t.start??``,end:t.end??``,items:I.map(e=>({text:e.text??``,link:e.link??``}))}))}`},[T?.period,T?.rule,I]);if(o(()=>{P(0)},[I.length]),o(()=>{if(!j||D||!T?.rule||I.length===0)return;let e=v(L),t=_(e.displayedAt,T.rule),n=_(e.closedAt,T.rule);(t||n)&&A(!1)},[T?.rule,D,j,I.length,L]),o(()=>{if(!j||D||!T?.rule||!k||!F||I.length===0)return;let e=v(L);_(e.displayedAt,T.rule)||y(L,{...e,displayedAt:Date.now()})},[T?.rule,D,j,F,k,I.length,L]),!j||!k||!F||I.length===0)return null;let R=I[N%I.length],z=C?.enabled===!0,B=C?.link||R.link,V=z&&!!B,H=w?.enabled===!0;function U(){!T?.rule||I.length===0||y(L,{...v(L),closedAt:Date.now()})}let W=e=>{e.stopPropagation(),A(!1),U()},G=()=>{D||V&&B&&(H&&(A(!1),U()),O.push(B))},K=()=>{D||!k||I.length<=1||P(e=>(e+1)%I.length)},q=D?a[`marquee-item-paused`]:I.length>1?a[`marquee-item-once`]:a[`marquee-item-loop`];return u(t,{className:D?`px-3 py-2 w-full bg-bg1 pointer-events-none`:`px-3 py-2 w-full bg-bg1`,children:d(t,{className:`pl-[2px] pr-[12px] py-[2px] flex items-center w-full cursor-pointer relative rounded-[8px] overflow-hidden ${a[`marquee-shell`]}`,onClick:G,children:[u(t,{className:`relative shrink-0 w-[36px] h-[36px] mr-[4px]`,children:u(e,{src:typeof i==`string`?i:i.src,alt:x(`noticeAlt`),fill:!0,className:`object-cover`,unoptimized:!0})}),u(t,{className:`flex-1 overflow-hidden relative h-[22px] ml-1`,children:u(t,{className:`absolute inset-y-0 left-0 flex items-center whitespace-nowrap ${q}`,onAnimationEnd:K,children:u(n,{className:`inline-block text-[14px] text-[#f59e0b] leading-[22px] font-medium`,children:R.text})},`marquee-item-${N}`)}),d(t,{className:`flex items-center gap-[12px] shrink-0 ml-[4px]`,children:[V&&u(r,{className:`w-[16px] h-[16px] text-[#f59e0b]`}),H&&u(t,{className:`opacity-30 hover:opacity-100 transition-opacity`,onClick:W,children:u(l,{className:`w-[12px] h-[12px] text-[#F59E0B]`})})]})]})})}export{b 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, 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;
+/**
+* 超过指定字符数时追加省略号。
+*/
+function withEllipsis(text, maxLength = MAX_TEXT_LENGTH) {
+	const chars = Array.from(text);
+	if (chars.length <= maxLength) return text;
+	return `${chars.slice(0, maxLength).join("")}...`;
+}
+/**
+* 生成稳定哈希，避免本地存储 key 过长。
+*/
+function hashString(input) {
+	let hash = 5381;
+	for (let i = 0; i < input.length; i += 1) hash = (hash << 5) + hash ^ (input.codePointAt(i) ?? 0);
+	return (hash >>> 0).toString(36);
+}
+/**
+* 判断记录是否在当前展示规则内生效。
+*/
+function isRecordActive(timestamp, rule) {
+	if (!timestamp) return false;
+	if (rule === "once") return true;
+	return new Date(timestamp).toLocaleDateString() === (/* @__PURE__ */ new Date()).toLocaleDateString();
+}
+/**
+* 读取持久化状态，兼容历史 number 字符串。
+*/
+function readStorageState(storageKey) {
+	const raw = localStorage.getItem(storageKey);
+	if (!raw) return {};
+	try {
+		return JSON.parse(raw);
+	} catch {
+		const legacyTime = Number(raw);
+		return Number.isNaN(legacyTime) ? {} : { closedAt: legacyTime };
+	}
+}
+/**
+* 写入持久化状态。
+*/
+function writeStorageState(storageKey, state) {
+	localStorage.setItem(storageKey, JSON.stringify(state));
+}
+/**
+* 跑马灯物料组件 - 客户端交互部分
+* 适配嵌套配置结构
+*/
+function MarqueeClient(props) {
+	const t = useTranslations("components.biz.business.marquee");
+	const { contents = DEFAULT_CONTENTS, click, close, displayStrategy, mode = "renderer" } = props;
+	const isEditor = mode === "editor";
+	const router = useRouter();
+	const [isVisible, setIsVisible] = useState(true);
+	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 storageKey = useMemo(() => {
+		const period = displayStrategy?.period ?? defaultMarqueePeriod;
+		return `marquee_state_${hashString(JSON.stringify({
+			start: period.start ?? "",
+			end: period.end ?? "",
+			items: resolvedContents.map((item) => ({
+				text: item.text ?? "",
+				link: item.link ?? ""
+			}))
+		}))}`;
+	}, [displayStrategy?.period, resolvedContents]);
+	useEffect(() => {
+		setCurrentIndex(0);
+	}, [resolvedContents.length]);
+	useEffect(() => {
+		if (!isMounted || isEditor || !displayStrategy?.rule || resolvedContents.length === 0) return;
+		const state = readStorageState(storageKey);
+		const hasDisplayed = isRecordActive(state.displayedAt, displayStrategy.rule);
+		const hasClosed = isRecordActive(state.closedAt, displayStrategy.rule);
+		setIsVisible(!(hasDisplayed || hasClosed));
+	}, [
+		displayStrategy?.rule,
+		isEditor,
+		isMounted,
+		resolvedContents.length,
+		storageKey
+	]);
+	useEffect(() => {
+		if (!isMounted || isEditor || !displayStrategy?.rule || !isVisible || !isTimeValid || resolvedContents.length === 0) return;
+		const state = readStorageState(storageKey);
+		if (!isRecordActive(state.displayedAt, displayStrategy.rule)) writeStorageState(storageKey, {
+			...state,
+			displayedAt: Date.now()
+		});
+	}, [
+		displayStrategy?.rule,
+		isEditor,
+		isMounted,
+		isTimeValid,
+		isVisible,
+		resolvedContents.length,
+		storageKey
+	]);
+	if (!isEditor && (!isMounted || !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 persistCloseState() {
+		if (!displayStrategy?.rule || resolvedContents.length === 0) return;
+		writeStorageState(storageKey, {
+			...readStorageState(storageKey),
+			closedAt: Date.now()
+		});
+	}
+	const handleClose = (e) => {
+		e.stopPropagation();
+		setIsVisible(false);
+		persistCloseState();
+	};
+	const handleClick = () => {
+		if (isEditor) return;
+		if (hasLink && targetLink) {
+			if (closeEnabled) {
+				setIsVisible(false);
+				persistCloseState();
+			}
+			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/index.d.mts

@@ -1,5 +1,5 @@
 
-import { marqueeInspectorPropsSchema } from "./schema.mjs";
+import { defaultMarqueePeriod, getDefaultMarqueePeriod, marqueeInspectorPropsSchema } from "./schema.mjs";
 import { MarqueeClient, MarqueeProps } from "./client.mjs";
 import { MarqueeServer } from "./server.mjs";
 import { marqueeMaterial } from "./material.mjs";

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{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{MarqueeClient as t}from"./client.mjs";import{marqueeInspectorPropsSchema as n}from"./schema.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:t,propsSchema:n});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.d.mts

@@ -4,6 +4,14 @@ import "../../../../utils/schema/index.mjs";
 import { z } from "zod";
 
 //#region components/biz/business/marquee/schema.d.ts
+declare function getDefaultMarqueePeriod(): {
+  start: string;
+  end: string;
+};
+declare const defaultMarqueePeriod: {
+  start: string;
+  end: string;
+};
 /**
  * 跑马灯物料属性定义
  */
@@ -33,4 +41,4 @@ declare const marqueeInspectorPropsSchema: z.ZodObject<{
   }>>;
 }, z.core.$strip>;
 //#endregion
-export { marqueeInspectorPropsSchema };
+export { defaultMarqueePeriod, getDefaultMarqueePeriod, marqueeInspectorPropsSchema };

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

@@ -1,2 +1,92 @@
 
-import{defineArrayItemPropSchema as e,defineComponentPropsSchema as t,defineObjectPropSchema as n,defineSelectEnumPropSchema as r,defineSwitchPropSchema as i,defineTextPropSchema as a,defineTimeRangePropSchema as o}from"../../../../utils/schema/schema.mjs";import{z as s}from"zod";const c=t({contents:e(s.object({text:a({label:`文本内容`,defaultValue:``}),link:a({label:`跳转链接`,defaultValue:``,required:!1})}),{label:`消息内容`,defaultValue:[{text:`请输入跑马灯内容`}],description:`支持多条消息循环播放`}),click:n({enabled:i({label:`支持点击`,defaultValue:!0}),redirectType:r([`content_list`,`content`,`link`],{label:`跳转指向`,defaultValue:`link`,required:!1}),link:a({label:`跳转链接`,defaultValue:``,required:!1})},{label:`点击配置`,defaultValue:{enabled:!0,redirectType:`link`,link:``}}),close:n({enabled:i({label:`支持关闭`,defaultValue:!0})},{label:`关闭配置`,defaultValue:{enabled:!0}}),displayStrategy:n({rule:r([`once`,`daily`],{label:`展示规则`,defaultValue:`once`,description:`「只展示1次」即当前消息只展示1次；「每天展示1次」即当前消息每天展示1次，0点刷新`}),period:o({label:`展示周期`,defaultValue:{start:``,end:``},required:!1})},{label:`展示策略`,defaultValue:{rule:`once`,period:{start:``,end:``}}})});export{c as marqueeInspectorPropsSchema};
+import { defineArrayItemPropSchema, defineComponentPropsSchema, defineObjectPropSchema, defineSelectEnumPropSchema, defineSwitchPropSchema, defineTextPropSchema, defineTimeRangePropSchema } from "../../../../utils/schema/schema.mjs";
+import { z } from "zod";
+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 marqueeContentSchema = z.object({
+	text: defineTextPropSchema({
+		label: "文本内容",
+		defaultValue: ""
+	}),
+	link: defineTextPropSchema({
+		label: "跳转链接",
+		defaultValue: "",
+		required: false
+	})
+});
+/**
+* 跑马灯物料属性定义
+*/
+const marqueeInspectorPropsSchema = defineComponentPropsSchema({
+	contents: defineArrayItemPropSchema(marqueeContentSchema, {
+		label: "消息内容",
+		defaultValue: [{ text: "请输入跑马灯内容" }],
+		description: "支持多条消息循环播放"
+	}),
+	click: defineObjectPropSchema({
+		enabled: defineSwitchPropSchema({
+			label: "支持点击",
+			defaultValue: true
+		}),
+		redirectType: defineSelectEnumPropSchema([
+			"content_list",
+			"content",
+			"link"
+		], {
+			label: "跳转指向",
+			defaultValue: "link",
+			required: false
+		}),
+		link: defineTextPropSchema({
+			label: "跳转链接",
+			defaultValue: "",
+			required: false
+		})
+	}, {
+		label: "点击配置",
+		defaultValue: {
+			enabled: true,
+			redirectType: "link",
+			link: ""
+		}
+	}),
+	close: defineObjectPropSchema({ enabled: defineSwitchPropSchema({
+		label: "支持关闭",
+		defaultValue: true
+	}) }, {
+		label: "关闭配置",
+		defaultValue: { enabled: true }
+	}),
+	displayStrategy: defineObjectPropSchema({
+		rule: defineSelectEnumPropSchema(["once", "daily"], {
+			label: "展示规则",
+			defaultValue: "once",
+			description: "「只展示1次」即当前消息只展示1次；「每天展示1次」即当前消息每天展示1次，0点刷新"
+		}),
+		period: defineTimeRangePropSchema({
+			label: "展示周期",
+			defaultValue: defaultMarqueePeriod,
+			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 };

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/runtime/channel-filter-dialog.mjs

@@ -1,2 +1,181 @@
 
-"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"../../../../../../ui/popup.mjs";import i from"../../../../../../../assets/images/add.mjs";import a from"../../../../../../../assets/images/less.mjs";import{useEffect as o,useMemo as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{useTranslations as d}from"next-intl";const f=`channel-filter-hidden-channel-ids`;function p(){if(typeof window>`u`)return[];try{let e=localStorage.getItem(f);return e?JSON.parse(e):[]}catch(e){return console.error(`Failed to load hidden channel IDs:`,e),[]}}function m(e){if(!(typeof window>`u`))try{localStorage.setItem(f,JSON.stringify(e))}catch(e){console.error(`Failed to save hidden channel IDs:`,e)}}function h({open:f,onOpenChange:h,channels:g,onChannelClick:_,onChannelsChange:v}){let y=d(`components.biz.business.navBar.variants.basicNavBar.runtime`),[b,x]=c(g);o(()=>{if(g.length>0){let e=p();x(g.filter(t=>!e.includes(t.id)))}},[g]);let S=s(()=>g.filter(e=>!b.some(t=>t.id===e.id)),[g,b]),C=e=>{if(h(e),!e){m(S.map(e=>e.id)),v?.(b);let e=new URL(window.location.href).pathname,t=decodeURIComponent(e.split(`/`).pop());S.find(e=>e.cn_name===t)&&b[0]&&(window.location.href=`/`)}},w=e=>{x(t=>t.filter(t=>t.id!==e.id))},T=e=>{x(t=>[...t,e])},E=(e,t)=>{_?.(e,t)},D=()=>{x(g),m([])},O=e=>e===`推荐`;return l(r,{open:f,onOpenChange:C,side:`top`,showCloseButton:!0,className:`!h-screen max-h-screen`,closeButtonClassName:`border-0`,children:u(t,{className:`flex flex-col h-full px-[12px]`,children:[l(t,{className:`mb-4 pt-4`,children:l(n,{className:`text-text1 font-bold text-[18px]`,children:y(`channelFilterDialog.allChannels`)})}),u(t,{className:`mb-[32px]`,children:[u(t,{className:`flex items-center justify-between h-6 mb-[12px]`,children:[l(n,{className:`text-text1 text-[16px]`,children:y(`channelFilterDialog.myChannels`)}),l(t,{onClick:D,children:l(n,{className:`text-text1 text-[16px]`,children:y(`channelFilterDialog.resetDefault`)})})]}),l(t,{className:`grid grid-cols-4 gap-[12px]`,children:b.map((r,i)=>{let o=O(r.cn_name);return u(t,{className:`relative h-[40px] px-4 bg-bg1 rounded-[50px] cursor-pointer flex items-center justify-center whitespace-nowrap`,onClick:()=>E(r,i),children:[l(n,{className:`text-text1 text-[14px]`,children:r.cn_name}),!o&&l(t,{className:`absolute top-0 right-0 flex items-center justify-center cursor-pointer w-[16px] h-[16px]`,onClick:e=>{e.stopPropagation(),w(r)},children:l(e,{src:typeof a==`string`?a:a.src,alt:y(`channelFilterDialog.delete`),width:16,height:16})})]},r.id||`my-channel-${i}`)})})]}),u(t,{children:[l(t,{className:`h-6 mb-[12px]`,children:l(n,{className:`text-text1 text-[16px]`,children:y(`channelFilterDialog.moreChannels`)})}),S.length===0?l(t,{className:`flex justify-center`,children:u(n,{className:`text-text3 text-[14px]`,children:[y(`channelFilterDialog.allAddedTo`),`"`,y(`channelFilterDialog.myChannels`),`"`]})}):l(t,{className:`grid grid-cols-4 gap-[12px]`,children:S.map((r,a)=>u(t,{className:`relative h-[40px] px-4 bg-bg1 rounded-[50px] cursor-pointer flex items-center justify-center whitespace-nowrap`,onClick:()=>E(r,a),children:[l(n,{className:`text-text1 text-[14px]`,children:r.cn_name}),l(t,{className:`absolute top-0 right-0 flex items-center justify-center cursor-pointer w-[16px] h-[16px]`,onClick:e=>{e.stopPropagation(),T(r)},children:l(e,{src:typeof i==`string`?i:i.src,alt:y(`channelFilterDialog.add`),width:16,height:16})})]},r.id||`more-channel-${a}`))})]})]})})}export{h as default,p as loadHiddenChannelIdsFromStorage};
+'use client';
+
+import { Image } from "../../../../../../ui/image.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import Popup from "../../../../../../ui/popup.mjs";
+import add_default from "../../../../../../../assets/images/add.mjs";
+import less_default from "../../../../../../../assets/images/less.mjs";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/biz/business/nav-bar/variants/basic-nav-bar/runtime/channel-filter-dialog.tsx
+/**
+* 频道筛选弹窗组件
+*/
+const STORAGE_KEY_HIDDEN_CHANNELS = "channel-filter-hidden-channel-ids";
+function loadHiddenChannelIdsFromStorage() {
+	if (typeof window === "undefined") return [];
+	try {
+		const hiddenChannelIds = localStorage.getItem(STORAGE_KEY_HIDDEN_CHANNELS);
+		return hiddenChannelIds ? JSON.parse(hiddenChannelIds) : [];
+	} catch (error) {
+		console.error("Failed to load hidden channel IDs:", error);
+		return [];
+	}
+}
+function saveHiddenChannelIdsToStorage(hiddenChannelIds) {
+	if (typeof window === "undefined") return;
+	try {
+		localStorage.setItem(STORAGE_KEY_HIDDEN_CHANNELS, JSON.stringify(hiddenChannelIds));
+	} catch (error) {
+		console.error("Failed to save hidden channel IDs:", error);
+	}
+}
+function ChannelFilterDialog({ open, onOpenChange, channels, onChannelClick, onChannelsChange }) {
+	const t = useTranslations("components.biz.business.navBar.variants.basicNavBar.runtime");
+	const [myChannels, setMyChannels] = useState(channels);
+	useEffect(() => {
+		if (channels.length > 0) {
+			const hiddenChannelIds = loadHiddenChannelIdsFromStorage();
+			setMyChannels(channels.filter((ch) => !hiddenChannelIds.includes(ch.id)));
+		}
+	}, [channels]);
+	const moreChannels = useMemo(() => {
+		return channels.filter((ch) => !myChannels.some((myCh) => myCh.id === ch.id));
+	}, [channels, myChannels]);
+	const handleOpenChange = (newOpen) => {
+		onOpenChange(newOpen);
+		if (!newOpen) {
+			saveHiddenChannelIdsToStorage(moreChannels.map((ch) => ch.id));
+			onChannelsChange?.(myChannels);
+			const pathname = new URL(window.location.href).pathname;
+			const currentChannelName = decodeURIComponent(pathname.split("/").pop());
+			if (moreChannels.find((ch) => ch.cn_name === currentChannelName)) {
+				if (myChannels[0]) window.location.href = "/";
+			}
+		}
+	};
+	const handleRemoveChannel = (item) => {
+		setMyChannels((prev) => prev.filter((ch) => ch.id !== item.id));
+	};
+	const handleAddChannel = (item) => {
+		setMyChannels((prev) => [...prev, item]);
+	};
+	const handleChannelClick = (item, index) => {
+		onChannelClick?.(item, index);
+	};
+	const handleResetToDefault = () => {
+		setMyChannels(channels);
+		saveHiddenChannelIdsToStorage([]);
+	};
+	const isRecommendedChannel = (channelName) => {
+		return channelName === "推荐";
+	};
+	return /* @__PURE__ */ jsx(Popup, {
+		open,
+		onOpenChange: handleOpenChange,
+		side: "top",
+		showCloseButton: true,
+		className: "!h-screen max-h-screen",
+		closeButtonClassName: "border-0",
+		children: /* @__PURE__ */ jsxs(Box, {
+			className: "flex flex-col h-full px-[12px]",
+			children: [
+				/* @__PURE__ */ jsx(Box, {
+					className: "mb-4 pt-4",
+					children: /* @__PURE__ */ jsx(Text, {
+						className: "text-text1 font-bold text-[18px]",
+						children: t("channelFilterDialog.allChannels")
+					})
+				}),
+				/* @__PURE__ */ jsxs(Box, {
+					className: "mb-[32px]",
+					children: [/* @__PURE__ */ jsxs(Box, {
+						className: "flex items-center justify-between h-6 mb-[12px]",
+						children: [/* @__PURE__ */ jsx(Text, {
+							className: "text-text1 text-[16px]",
+							children: t("channelFilterDialog.myChannels")
+						}), /* @__PURE__ */ jsx(Box, {
+							onClick: handleResetToDefault,
+							children: /* @__PURE__ */ jsx(Text, {
+								className: "text-text1 text-[16px]",
+								children: t("channelFilterDialog.resetDefault")
+							})
+						})]
+					}), /* @__PURE__ */ jsx(Box, {
+						className: "grid grid-cols-4 gap-[12px]",
+						children: myChannels.map((item, index) => {
+							const isRecommended = isRecommendedChannel(item.cn_name);
+							return /* @__PURE__ */ jsxs(Box, {
+								className: "relative h-[40px] px-4 bg-bg1 rounded-[50px] cursor-pointer flex items-center justify-center whitespace-nowrap",
+								onClick: () => handleChannelClick(item, index),
+								children: [/* @__PURE__ */ jsx(Text, {
+									className: "text-text1 text-[14px]",
+									children: item.cn_name
+								}), !isRecommended && /* @__PURE__ */ jsx(Box, {
+									className: "absolute top-0 right-0 flex items-center justify-center cursor-pointer w-[16px] h-[16px]",
+									onClick: (e) => {
+										e.stopPropagation();
+										handleRemoveChannel(item);
+									},
+									children: /* @__PURE__ */ jsx(Image, {
+										src: typeof less_default === "string" ? less_default : less_default.src,
+										alt: t("channelFilterDialog.delete"),
+										width: 16,
+										height: 16
+									})
+								})]
+							}, item.id || `my-channel-${index}`);
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Box, {
+					className: "h-6 mb-[12px]",
+					children: /* @__PURE__ */ jsx(Text, {
+						className: "text-text1 text-[16px]",
+						children: t("channelFilterDialog.moreChannels")
+					})
+				}), moreChannels.length === 0 ? /* @__PURE__ */ jsx(Box, {
+					className: "flex justify-center",
+					children: /* @__PURE__ */ jsxs(Text, {
+						className: "text-text3 text-[14px]",
+						children: [
+							t("channelFilterDialog.allAddedTo"),
+							"\"",
+							t("channelFilterDialog.myChannels"),
+							"\""
+						]
+					})
+				}) : /* @__PURE__ */ jsx(Box, {
+					className: "grid grid-cols-4 gap-[12px]",
+					children: moreChannels.map((item, index) => /* @__PURE__ */ jsxs(Box, {
+						className: "relative h-[40px] px-4 bg-bg1 rounded-[50px] cursor-pointer flex items-center justify-center whitespace-nowrap",
+						onClick: () => handleChannelClick(item, index),
+						children: [/* @__PURE__ */ jsx(Text, {
+							className: "text-text1 text-[14px]",
+							children: item.cn_name
+						}), /* @__PURE__ */ jsx(Box, {
+							className: "absolute top-0 right-0 flex items-center justify-center cursor-pointer w-[16px] h-[16px]",
+							onClick: (e) => {
+								e.stopPropagation();
+								handleAddChannel(item);
+							},
+							children: /* @__PURE__ */ jsx(Image, {
+								src: typeof add_default === "string" ? add_default : add_default.src,
+								alt: t("channelFilterDialog.add"),
+								width: 16,
+								height: 16
+							})
+						})]
+					}, item.id || `more-channel-${index}`))
+				})] })
+			]
+		})
+	});
+}
+
+//#endregion
+export { ChannelFilterDialog as default, loadHiddenChannelIdsFromStorage };