@funhub/platform 0.2.15 → 0.2.16

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

@@ -1,2 +1,277 @@
 
-"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-speaker.mjs";import{defaultMarqueePeriod as a}from"./schema.mjs";import{useEffect as o,useLayoutEffect as s,useMemo as c,useRef as l,useState as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=[],m=`marquee_list`;let h=null;function g(e,t=20){let n=Array.from(e);return n.length<=t?e:`${n.slice(0,t).join(``)}...`}function _(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 v(){if(h)return h;let e=localStorage.getItem(m);if(!e)return h={},{};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})}),h=n,n}catch{return h={},{}}}function y(e){h=e,localStorage.setItem(m,JSON.stringify(e))}function b(e){return v()[e]??{}}function x(e,t){y({...v(),[e]:t})}function S(e,t){return _(e.closedAt,t)}function C(m){let{marqueeKey:h,contents:_=p,close:v,displayStrategy:y,mode:C=`renderer`}=m,w=C===`editor`,T=e(),E=l(!1),D=l(null),O=l(null),[k,A]=u(w),[j,M]=u(w),[N,P]=u(!1),[F,I]=u(0);o(()=>{P(!0)},[]);let L=c(()=>{let e=y?.period??a,t=e.start,n=e.end;if(!t&&!n)return!0;let r=Date.now(),i=t?new Date(t).getTime():0,o=n?new Date(n).getTime():2**53-1;return r>=i&&r<=o},[y?.period]),R=c(()=>(_??[]).map(e=>({...e,text:g(String(e?.text??``))})).filter(e=>!!e.text),[_]),z=h?.trim()??``,B=c(()=>R.map(e=>`${e.text??``}::${e.link??``}`).join(`|`),[R]);if(o(()=>{I(0)},[B,z]),o(()=>{w||z||E.current||process.env.NODE_ENV===`production`||(E.current=!0,console.warn(`[MarqueeClient] marqueeKey is required in renderer mode.`))},[w,z]),o(()=>{if(N){if(w){A(!0),M(!0);return}if(!y?.rule||!L||R.length===0){A(!1),M(!0);return}if(!z){A(!0),M(!0);return}A(!S(b(z),y.rule)),M(!0)}},[y?.rule,w,N,L,R.length,z]),s(()=>{if(w)return;let e=D.current,t=O.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:R.length<=1?1/0:1,easing:`linear`,fill:`forwards`});return o.onfinish=()=>{R.length>1&&I(e=>(e+1)%R.length)},()=>o.cancel()},[F,B,w,k,R.length]),!w&&(!N||!j||!k||!L)||R.length===0)return null;let V=R[F%R.length],H=V?.click,U=H?.enabled===!0,W=H?.link,G=U&&!!W,K=v?.enabled===!0;function q(){!z||!y?.rule||R.length===0||x(z,{...b(z),closedAt:Date.now()})}let J=e=>{e.stopPropagation(),A(!1),q()};function Y(e){if(typeof window>`u`){T.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}T.push(e)}function X(){w||G&&W&&(A(!1),q(),Y(W))}let Z=K?d(`button`,{type:`button`,"aria-label":`关闭`,className:`flex size-6 shrink-0 items-center justify-center overflow-hidden p-0.5`,onClick:J,children:d(r,{className:`h-5 w-5`,"aria-hidden":!0})}):d(t,{className:`flex size-6 shrink-0 items-center justify-center overflow-hidden p-0.5`,"aria-hidden":!0});return f(t,{className:`grid h-8 w-full grid-cols-[20px_1fr_24px] items-center gap-2 bg-white/10 px-4 py-1 backdrop-blur-[2px] ${G?`cursor-pointer`:``} ${w?`pointer-events-none`:``}`,onClick:X,children:[d(i,{className:`h-5 w-5 shrink-0`,"aria-hidden":!0}),d(t,{ref:D,className:`relative h-5 min-w-0 w-full overflow-hidden`,children:d(t,{ref:O,className:`absolute inset-y-0 left-0 flex items-center whitespace-nowrap`,children:d(n,{className:`inline-block font-sans text-[14px] font-normal leading-[20px] not-italic text-white/90`,children:V.text})},`marquee-item-${F}`)}),Z]})}export{C 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 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;
+	/**
+	* 按展示策略持久化关闭状态。
+	*/
+	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 closeSlot = closeEnabled ? /* @__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
+		})
+	}) : /* @__PURE__ */ jsx(Box, {
+		className: "flex size-6 shrink-0 items-center justify-center overflow-hidden p-0.5",
+		"aria-hidden": true
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		className: `grid h-8 w-full grid-cols-[20px_1fr_24px] items-center gap-2 bg-white/10 px-4 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}`)
+			}),
+			closeSlot
+		]
+	});
+}
+
+//#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 };

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 };