@funhub/platform 0.2.30 → 0.2.31

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/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 CardGrid3x3Client from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3/index.ts
+var card_grid_3x3_default = CardGrid3x3Client;
+
+//#endregion
+export { card_grid_3x3_default as default };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/runtime/client.mjs

@@ -1,2 +1,42 @@
 
-"use client";import{CardSpec as e}from"../../../../../utils/constants/card-spec.mjs";import{mergeStyles as t}from"../../../../../utils/styles/helpers.mjs";import{transformContentListToCardItems as n}from"../../../../../utils/transformers/card-grid.mjs";import{Box as r}from"../../../../../../ui/box.mjs";import{Text as i}from"../../../../../../ui/text.mjs";import a from"../../../../../basics/card-layout/runtime/client.mjs";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c={},l={list:[],title:``};function u({props:u=c,styles:d,data:f=l}){let p=e.V3_SMALL,{gap:m=8}=u||{},{list:h,title:g}=f,_=d?t(d,{}):void 0,v=n(h,`view-duration`);return s(r,{children:[g&&o(i,{as:`h2`,className:`text-[18px] font-bold text-text1 mb-[10px] px-[12px]`,children:g}),o(a,{props:{cardSpec:p,gap:m},data:v,styles:_})]})}export{u as default};
+'use client';
+
+import { CardSpec } from "../../../../../utils/constants/card-spec.mjs";
+import { mergeStyles } from "../../../../../utils/styles/helpers.mjs";
+import { transformContentListToCardItems } from "../../../../../utils/transformers/card-grid.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import CardLayoutClient from "../../../../../basics/card-layout/runtime/client.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3/runtime/client.tsx
+/**
+* CardGrid3x3 客户端渲染组件
+*/
+const emptyPropsConfig = {};
+const emptyCardGridData = {
+	list: [],
+	title: ""
+};
+function CardGrid3x3Client({ props: propsConfig = emptyPropsConfig, styles, data = emptyCardGridData }) {
+	const fixedCardSpec = CardSpec.V3_SMALL;
+	const { gap = 8 } = propsConfig || {};
+	const { list, title } = data;
+	const wrapperStyle = styles ? mergeStyles(styles, {}) : void 0;
+	const cardItems = transformContentListToCardItems(list, "view-duration");
+	return /* @__PURE__ */ jsxs(Box, { children: [title && /* @__PURE__ */ jsx(Text, {
+		as: "h2",
+		className: "text-[18px] font-bold text-text1 mb-[10px] px-[12px]",
+		children: title
+	}), /* @__PURE__ */ jsx(CardLayoutClient, {
+		props: {
+			cardSpec: fixedCardSpec,
+			gap
+		},
+		data: cardItems,
+		styles: wrapperStyle
+	})] });
+}
+
+//#endregion
+export { CardGrid3x3Client as default };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/component.mjs

@@ -1,2 +1,15 @@
 
-const e={componentName:`CardGrid3x3`,displayName:`卡片网格 3×3`,category:`CardGrid`,categoryName:`卡片网格`,enabled:!0};export{e as componentMeta};
+//#region components/biz/business/card-grid/variants/card-grid-3x3/schema/component.ts
+/**
+* CardGrid3x3 组件元信息配置
+*/
+const componentMeta = {
+	componentName: "CardGrid3x3",
+	displayName: "卡片网格 3×3",
+	category: "CardGrid",
+	categoryName: "卡片网格",
+	enabled: true
+};
+
+//#endregion
+export { componentMeta };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/data.schema.mjs

@@ -1,2 +1,9 @@
 
-const e={dataBinding:{field:`videos`,sourceType:`dynamic`}};export{e as dataSchema};
+//#region components/biz/business/card-grid/variants/card-grid-3x3/schema/data.schema.ts
+const dataSchema = { dataBinding: {
+	field: "videos",
+	sourceType: "dynamic"
+} };
+
+//#endregion
+export { dataSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/event.schema.mjs

@@ -1,2 +1,6 @@
 
-const e={};export{e as eventSchema};
+//#region components/biz/business/card-grid/variants/card-grid-3x3/schema/event.schema.ts
+const eventSchema = {};
+
+//#endregion
+export { eventSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/index.mjs

@@ -1,2 +1,18 @@
 
-import{componentMeta as e}from"./component.mjs";import{dataSchema as t}from"./data.schema.mjs";import{eventSchema as n}from"./event.schema.mjs";import{propsSchema as r}from"./props.schema.mjs";import{styleSchema as i}from"./style.schema.mjs";const a={...e,propsSchema:r,dataSchema:t,styleSchema:i,eventSchema:n};export{a as schema};
+import { componentMeta } from "./component.mjs";
+import { dataSchema } from "./data.schema.mjs";
+import { eventSchema } from "./event.schema.mjs";
+import { propsSchema } from "./props.schema.mjs";
+import { styleSchema } from "./style.schema.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3/schema/index.ts
+const schema = {
+	...componentMeta,
+	propsSchema,
+	dataSchema,
+	styleSchema,
+	eventSchema
+};
+
+//#endregion
+export { schema };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/props.schema.mjs

@@ -1,2 +1,13 @@
 
-const e={gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{e as propsSchema};
+//#region components/biz/business/card-grid/variants/card-grid-3x3/schema/props.schema.ts
+const propsSchema = { gap: {
+	type: "number",
+	title: "间距",
+	description: "卡片之间的间距（像素）",
+	default: 8,
+	minimum: 0,
+	maximum: 32
+} };
+
+//#endregion
+export { propsSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3/schema/style.schema.mjs

@@ -1,2 +1,8 @@
 
-import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};
+import { commonStyleSchema } from "../../../../../utils/styles/schema.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/defaults/default-props.mjs

@@ -1,2 +1,9 @@
 
-const e={gap:8};export{e as defaultProps};
+//#region components/biz/business/card-grid/variants/card-grid-3x3-infinite/defaults/default-props.ts
+/**
+* CardGrid3x3Infinite 组件默认 Props 配置
+*/
+const defaultProps = { gap: 8 };
+
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/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 CardGrid3x3InfiniteClient from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3-infinite/index.ts
+var card_grid_3x3_infinite_default = CardGrid3x3InfiniteClient;
+
+//#endregion
+export { card_grid_3x3_infinite_default as default };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/runtime/client.mjs

@@ -1,2 +1,107 @@
 
-"use client";import{CardSpec as e}from"../../../../../utils/constants/card-spec.mjs";import{mergeStyles as t}from"../../../../../utils/styles/helpers.mjs";import{gContentGetAppChannelBlockData as n}from"../../../../../../../service/generated/client.mjs";import{transformContentListToCardItems as r}from"../../../../../utils/transformers/card-grid.mjs";import{Box as i}from"../../../../../../ui/box.mjs";import{InfiniteScroll as a}from"../../../../../../ui/infinite-scroll.mjs";import{Text as o}from"../../../../../../ui/text.mjs";import{usePaginated as s}from"../../../../../../../hooks/query/use-query.mjs";import c from"../../../../../basics/card-layout/runtime/client.mjs";import{useLayoutEffect as l,useMemo as u,useRef as d,useState as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";const h={},g={list:[],title:``,cursor:``,block_id:``};function _({props:_=h,styles:v,data:y=g}){let b=e.V3_SMALL,{gap:x=8}=_||{},{title:S,cursor:C,block_id:w,list:T}=y,E=v?t(v,{}):void 0,D=T&&T.length>0,O=u(()=>{if(!D)return;let e=C&&C.trim()?C:void 0;return{pages:[{data:{block:{data:{videos:T,cursor:C||``}}}}],pageParams:[e]}},[D,T,C]),{data:k,fetchNextPage:A,hasNextPage:j}=s({key:[`card-grid-3x3-infinite`,w],queryFn:e=>n({block_id:w,cursor:e||void 0,page_size:21}),getNextPageParam:e=>{let t=e.data?.block?.data?.cursor;return t&&t.trim()?t:void 0},options:{enabled:!!w,initialData:O,refetchOnMount:!1,refetchOnWindowFocus:!1,refetchOnReconnect:!1},initialPageParam:D&&C&&C.trim()?C:void 0}),M=d(T),[N,P]=f(!1);l(()=>{P(!0)},[]);let F=u(()=>{let e=[...M.current];if(!N)return e;let t=[...e],n=k?.pages;if(n&&n.length>1)for(let e=1;e<n.length;e++){let r=n[e].data?.block?.data?.videos||[];t.push(...r)}return t},[N,k?.pages]),I=u(()=>r(F,`view-duration`),[F]);return m(i,{children:[S&&p(o,{as:`h2`,className:`text-[18px] font-bold text-text1 mb-[10px] px-[12px]`,children:S}),p(a,{loadMore:()=>A().then(()=>void 0),hasMore:j===!0||j===void 0&&!!C&&T.length>0,className:``,initialLoad:!0,threshold:1e3,children:p(c,{props:{cardSpec:b,gap:x},data:I,styles:E})})]})}export{_ as default};
+'use client';
+
+import { CardSpec } from "../../../../../utils/constants/card-spec.mjs";
+import { mergeStyles } from "../../../../../utils/styles/helpers.mjs";
+import { gContentGetAppChannelBlockData } from "../../../../../../../service/generated/client.mjs";
+import { transformContentListToCardItems } from "../../../../../utils/transformers/card-grid.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { InfiniteScroll } from "../../../../../../ui/infinite-scroll.mjs";
+import { Text } from "../../../../../../ui/text.mjs";
+import { usePaginated } from "../../../../../../../hooks/query/use-query.mjs";
+import CardLayoutClient from "../../../../../basics/card-layout/runtime/client.mjs";
+import { useLayoutEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3-infinite/runtime/client.tsx
+/**
+* CardGrid3x3Infinite 客户端渲染组件
+*/
+const defaultProps = {};
+const defaultData = {
+	list: [],
+	title: "",
+	cursor: "",
+	block_id: ""
+};
+function CardGrid3x3InfiniteClient({ props: propsConfig = defaultProps, styles, data = defaultData }) {
+	const fixedCardSpec = CardSpec.V3_SMALL;
+	const { gap = 8 } = propsConfig || {};
+	const { title, cursor: initialCursor, block_id, list: initialList } = data;
+	const wrapperStyle = styles ? mergeStyles(styles, {}) : void 0;
+	const hasInitialData = initialList && initialList.length > 0;
+	const initialData = useMemo(() => {
+		if (!hasInitialData) return;
+		const pageParam = initialCursor && initialCursor.trim() ? initialCursor : void 0;
+		return {
+			pages: [{ data: { block: { data: {
+				videos: initialList,
+				cursor: initialCursor || ""
+			} } } }],
+			pageParams: [pageParam]
+		};
+	}, [
+		hasInitialData,
+		initialList,
+		initialCursor
+	]);
+	const { data: paginatedData, fetchNextPage, hasNextPage } = usePaginated({
+		key: ["card-grid-3x3-infinite", block_id],
+		queryFn: (cursor) => gContentGetAppChannelBlockData({
+			block_id,
+			cursor: cursor || void 0,
+			page_size: 21
+		}),
+		getNextPageParam: (last) => {
+			const nextCursor = (last.data?.block?.data)?.cursor;
+			return nextCursor && nextCursor.trim() ? nextCursor : void 0;
+		},
+		options: {
+			enabled: !!block_id,
+			initialData,
+			refetchOnMount: false,
+			refetchOnWindowFocus: false,
+			refetchOnReconnect: false
+		},
+		initialPageParam: hasInitialData && initialCursor && initialCursor.trim() ? initialCursor : void 0
+	});
+	const initialListRef = useRef(initialList);
+	const [isHydrated, setIsHydrated] = useState(false);
+	useLayoutEffect(() => {
+		setIsHydrated(true);
+	}, []);
+	const items = useMemo(() => {
+		const firstPageItems = [...initialListRef.current];
+		if (!isHydrated) return firstPageItems;
+		const allItems = [...firstPageItems];
+		const pages = paginatedData?.pages;
+		if (pages && pages.length > 1) for (let i = 1; i < pages.length; i++) {
+			const videos = (pages[i].data?.block?.data)?.videos || [];
+			allItems.push(...videos);
+		}
+		return allItems;
+	}, [isHydrated, paginatedData?.pages]);
+	const cardItems = useMemo(() => transformContentListToCardItems(items, "view-duration"), [items]);
+	return /* @__PURE__ */ jsxs(Box, { children: [title && /* @__PURE__ */ jsx(Text, {
+		as: "h2",
+		className: "text-[18px] font-bold text-text1 mb-[10px] px-[12px]",
+		children: title
+	}), /* @__PURE__ */ jsx(InfiniteScroll, {
+		loadMore: () => fetchNextPage().then(() => void 0),
+		hasMore: hasNextPage === true || hasNextPage === void 0 && !!initialCursor && initialList.length > 0,
+		className: "",
+		initialLoad: true,
+		threshold: 1e3,
+		children: /* @__PURE__ */ jsx(CardLayoutClient, {
+			props: {
+				cardSpec: fixedCardSpec,
+				gap
+			},
+			data: cardItems,
+			styles: wrapperStyle
+		})
+	})] });
+}
+
+//#endregion
+export { CardGrid3x3InfiniteClient as default };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/component.mjs

@@ -1,2 +1,15 @@
 
-const e={componentName:`CardGrid3x3Infinite`,displayName:`卡片网格 3×3（无限滚动）`,category:`CardGrid`,categoryName:`卡片网格`,enabled:!0};export{e as componentMeta};
+//#region components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/component.ts
+/**
+* CardGrid3x3Infinite 组件元信息配置
+*/
+const componentMeta = {
+	componentName: "CardGrid3x3Infinite",
+	displayName: "卡片网格 3×3（无限滚动）",
+	category: "CardGrid",
+	categoryName: "卡片网格",
+	enabled: true
+};
+
+//#endregion
+export { componentMeta };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/data.schema.mjs

@@ -1,2 +1,9 @@
 
-const e={dataBinding:{field:`videos`,sourceType:`dynamic`}};export{e as dataSchema};
+//#region components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/data.schema.ts
+const dataSchema = { dataBinding: {
+	field: "videos",
+	sourceType: "dynamic"
+} };
+
+//#endregion
+export { dataSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/event.schema.mjs

@@ -1,2 +1,6 @@
 
-const e={};export{e as eventSchema};
+//#region components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/event.schema.ts
+const eventSchema = {};
+
+//#endregion
+export { eventSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/index.mjs

@@ -1,2 +1,18 @@
 
-import{componentMeta as e}from"./component.mjs";import{dataSchema as t}from"./data.schema.mjs";import{eventSchema as n}from"./event.schema.mjs";import{propsSchema as r}from"./props.schema.mjs";import{styleSchema as i}from"./style.schema.mjs";const a={...e,propsSchema:r,dataSchema:t,styleSchema:i,eventSchema:n};export{a as schema};
+import { componentMeta } from "./component.mjs";
+import { dataSchema } from "./data.schema.mjs";
+import { eventSchema } from "./event.schema.mjs";
+import { propsSchema } from "./props.schema.mjs";
+import { styleSchema } from "./style.schema.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/index.ts
+const schema = {
+	...componentMeta,
+	propsSchema,
+	dataSchema,
+	styleSchema,
+	eventSchema
+};
+
+//#endregion
+export { schema };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/props.schema.mjs

@@ -1,2 +1,13 @@
 
-const e={gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{e as propsSchema};
+//#region components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/props.schema.ts
+const propsSchema = { gap: {
+	type: "number",
+	title: "间距",
+	description: "卡片之间的间距（像素）",
+	default: 8,
+	minimum: 0,
+	maximum: 32
+} };
+
+//#endregion
+export { propsSchema };

package/dist/components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/style.schema.mjs

@@ -1,2 +1,8 @@
 
-import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};
+import { commonStyleSchema } from "../../../../../utils/styles/schema.mjs";
+
+//#region components/biz/business/card-grid/variants/card-grid-3x3-infinite/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };

package/dist/components/biz/business/channel-list/channel-filter-dialog.mjs

@@ -1,2 +1,191 @@
 
-"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(){let e=(window.location.pathname||`/`).match(/^\/domain\/([^/]+)/);return e?`${f}-${e[1]}`:f}function m(){if(typeof window>`u`)return[];try{let e=p(),t=localStorage.getItem(e);return t?JSON.parse(t):[]}catch(e){return console.error(`Failed to load hidden channel IDs:`,e),[]}}function h(e){if(!(typeof window>`u`))try{let t=p();localStorage.setItem(t,JSON.stringify(e))}catch(e){console.error(`Failed to save hidden channel IDs:`,e)}}function g({open:f,onOpenChange:p,currentChannelId:g,channels:_,onChannelClick:v,onChannelsChange:y}){let b=d(`components.biz.business.navBar.variants.basicNavBar.runtime`),[x,S]=c(_);o(()=>{if(_.length>0){let e=m();S(_.filter(t=>!e.includes(t.name)))}},[_]);let C=s(()=>_.filter(e=>!x.some(t=>t.name===e.name)),[_,x]),w=e=>{if(p(e),!e){h(C.map(e=>e.name)),y?.(x);let e=new URL(window.location.href).pathname,t=decodeURIComponent(e.split(`/`).pop());C.find(e=>e.name===t)&&x[0]&&(window.location.href=`/`)}},T=e=>{S(t=>t.filter(t=>t.name!==e.name))},E=e=>{S(t=>[...t,e])},D=(e,t)=>{v?.(e,t)},O=()=>{S(_),h([])},k=e=>e===`推荐`;return l(r,{open:f,onOpenChange:w,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:b(`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:b(`channelFilterDialog.myChannels`)}),l(t,{onClick:O,children:l(n,{className:`text-text1 text-[16px]`,children:b(`channelFilterDialog.resetDefault`)})})]}),l(t,{className:`grid grid-cols-4 gap-[12px]`,children:x.map((r,i)=>{let o=!k(r.name)&&!r.isDefault&&x.length>1&&r.name!==g;return u(t,{className:`relative h-[40px] px-4 bg-bg1 rounded-[50px] cursor-pointer flex items-center justify-center whitespace-nowrap`,onClick:()=>D(r,i),children:[l(n,{className:`text-text1 text-[14px]`,children:r.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(),T(r)},children:l(e,{src:typeof a==`string`?a:a.src,alt:b(`channelFilterDialog.delete`),width:16,height:16})})]},r.name||`my-channel-${i}`)})})]}),u(t,{children:[l(t,{className:`h-6 mb-[12px]`,children:l(n,{className:`text-text1 text-[16px]`,children:b(`channelFilterDialog.moreChannels`)})}),C.length===0?l(t,{className:`flex justify-center`,children:u(n,{className:`text-text3 text-[14px]`,children:[b(`channelFilterDialog.allAddedTo`),`"`,b(`channelFilterDialog.myChannels`),`"`]})}):l(t,{className:`grid grid-cols-4 gap-[12px]`,children:C.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:()=>D(r,a),children:[l(n,{className:`text-text1 text-[14px]`,children:r.name}),l(t,{className:`absolute top-0 right-0 flex items-center justify-center cursor-pointer w-[16px] h-[16px]`,onClick:e=>{e.stopPropagation(),E(r)},children:l(e,{src:typeof i==`string`?i:i.src,alt:b(`channelFilterDialog.add`),width:16,height:16})})]},r.name||`more-channel-${a}`))})]})]})})}export{g as default,m 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/channel-list/channel-filter-dialog.tsx
+/**
+* 频道筛选弹窗组件
+*/
+const STORAGE_KEY_PREFIX = "channel-filter-hidden-channel-ids";
+/**
+* 获取当前页面对应的 localStorage key，按 pathname 隔离不同页面的缓存
+*/
+function getStorageKey() {
+	const domainMatch = (window.location.pathname || "/").match(/^\/domain\/([^/]+)/);
+	if (domainMatch) return `${STORAGE_KEY_PREFIX}-${domainMatch[1]}`;
+	return STORAGE_KEY_PREFIX;
+}
+function loadHiddenChannelIdsFromStorage() {
+	if (typeof window === "undefined") return [];
+	try {
+		const key = getStorageKey();
+		const hiddenChannelIds = localStorage.getItem(key);
+		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 {
+		const key = getStorageKey();
+		localStorage.setItem(key, JSON.stringify(hiddenChannelIds));
+	} catch (error) {
+		console.error("Failed to save hidden channel IDs:", error);
+	}
+}
+function ChannelFilterDialog({ open, onOpenChange, currentChannelId, 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.name)));
+		}
+	}, [channels]);
+	const moreChannels = useMemo(() => {
+		return channels.filter((ch) => !myChannels.some((myCh) => myCh.name === ch.name));
+	}, [channels, myChannels]);
+	const handleOpenChange = (newOpen) => {
+		onOpenChange(newOpen);
+		if (!newOpen) {
+			saveHiddenChannelIdsToStorage(moreChannels.map((ch) => ch.name));
+			onChannelsChange?.(myChannels);
+			const pathname = new URL(window.location.href).pathname;
+			const currentChannelName = decodeURIComponent(pathname.split("/").pop());
+			if (moreChannels.find((ch) => ch.name === currentChannelName)) {
+				if (myChannels[0]) window.location.href = "/";
+			}
+		}
+	};
+	const handleRemoveChannel = (item) => {
+		setMyChannels((prev) => prev.filter((ch) => ch.name !== item.name));
+	};
+	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 canDelete = !isRecommendedChannel(item.name) && !item.isDefault && myChannels.length > 1 && item.name !== currentChannelId;
+							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.name
+								}), canDelete && /* @__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.name || `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.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.name || `more-channel-${index}`))
+				})] })
+			]
+		})
+	});
+}
+
+//#endregion
+export { ChannelFilterDialog as default, loadHiddenChannelIdsFromStorage };