@funhub/platform 0.1.130 → 0.1.131

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

@@ -1,18 +1,2 @@
 
-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 };
+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};

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

@@ -1,13 +1,2 @@
 
-//#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 };
+const e={gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{e as propsSchema};

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

@@ -1,8 +1,2 @@
 
-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 };
+import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};

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

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

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

@@ -1,10 +1,2 @@
 
-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 };
+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};

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

@@ -1,107 +1,2 @@
 
-'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 { gContentGetAppChannelBlockData } from "../../../../../../../service/generated/client.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 };
+"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{gContentGetAppChannelBlockData as r}from"../../../../../../../service/generated/client.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=>r({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(()=>n(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};

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

@@ -1,15 +1,2 @@
 
-//#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 };
+const e={componentName:`CardGrid3x3Infinite`,displayName:`卡片网格 3×3（无限滚动）`,category:`CardGrid`,categoryName:`卡片网格`,enabled:!0};export{e as componentMeta};

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

@@ -1,9 +1,2 @@
 
-//#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 };
+const e={dataBinding:{field:`videos`,sourceType:`dynamic`}};export{e as dataSchema};

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

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

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

@@ -1,18 +1,2 @@
 
-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 };
+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};

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

@@ -1,13 +1,2 @@
 
-//#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 };
+const e={gap:{type:`number`,title:`间距`,description:`卡片之间的间距（像素）`,default:8,minimum:0,maximum:32}};export{e as propsSchema};

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

@@ -1,8 +1,2 @@
 
-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 };
+import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};

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

@@ -1,191 +1,2 @@
 
-'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 };
+"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};

package/dist/components/biz/business/channel-list/client.mjs

@@ -1,137 +1,2 @@
 
-'use client';
-
-import { mergeStyles } from "../../utils/styles/helpers.mjs";
-import { Box } from "../../../ui/box.mjs";
-import Link from "../../../ui/link.mjs";
-import { urlPrefix } from "../../../../constants/url-prefix.mjs";
-import { useSticky } from "../../../../hooks/use-sticky.mjs";
-import SvgFilterDark from "../../../../assets/icons/filter_dark.mjs";
-import ChannelFilterDialog, { loadHiddenChannelIdsFromStorage } from "./channel-filter-dialog.mjs";
-import { defaultProps } from "./default-props.mjs";
-import { clsx as clsx$1 } from "clsx";
-import { useEffect, useMemo, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { usePathname } from "next/navigation";
-
-//#region components/biz/business/channel-list/client.tsx
-/**
-* BasicNavBar 客户端渲染组件
-*/
-const emptyPropsConfig = {};
-/**
-* 生成频道链接地址
-* - 默认路径 "/"：默认 tab 跳转 "/"，其他 tab 跳转 "/category/分类名"
-* - domain 路径 "/domain/模块名"：默认 tab 跳转 "/domain/模块名"，其他 tab 跳转 "/domain/模块名/分类名"
-*/
-function getChannelHref(item, pathname) {
-	const domainPrefix = `${urlPrefix.DOMAIN}/`;
-	const domainIdx = pathname.indexOf(domainPrefix);
-	const isDomainContext = domainIdx !== -1;
-	const moduleName = isDomainContext ? pathname.slice(domainIdx + domainPrefix.length).split("/")[0] : void 0;
-	if (item.isDefault) return isDomainContext && moduleName ? `${urlPrefix.DOMAIN}/${moduleName}` : "/";
-	if (isDomainContext && moduleName) return `${urlPrefix.DOMAIN}/${moduleName}/${encodeURIComponent(item.name)}`;
-	return `${urlPrefix.CHANNEL}/${encodeURIComponent(item.name)}`;
-}
-function BasicChannelListClient(props) {
-	const { mode = "renderer", styles, events, ...rest } = props;
-	const pathname = usePathname() ?? "/";
-	const isEditor = mode === "editor";
-	const propsConfig = rest || emptyPropsConfig;
-	const _props = {
-		...defaultProps,
-		...propsConfig
-	};
-	const [isChannelDialogOpen, setIsChannelDialogOpen] = useState(false);
-	const { isSticky, ref: navBarRef } = useSticky();
-	const [isBottomReached, setIsBottomReached] = useState(false);
-	const [displayChannels, setDisplayChannels] = useState(_props.list);
-	const defaultChannelId = useMemo(() => _props.list.find((item) => item.isDefault)?.name ?? null, [_props.list]);
-	const currentChannelId = useMemo(() => _props.currentChannelId ?? defaultChannelId, [_props.currentChannelId, defaultChannelId]);
-	useEffect(() => {
-		const hiddenChannelIds = loadHiddenChannelIdsFromStorage();
-		setDisplayChannels(hiddenChannelIds?.length ? _props.list.filter((ch) => !hiddenChannelIds.includes(ch.name)) : _props.list);
-	}, [_props.list]);
-	const handleChannelsChange = (myChannels) => {
-		setDisplayChannels(myChannels);
-	};
-	const handleChannelClick = (item, index) => {
-		events?.onChannelChange?.(item, index);
-	};
-	const wrapperStyle = styles ? mergeStyles(styles, {}) : void 0;
-	const handleFilterClick = () => {
-		setIsChannelDialogOpen(true);
-		events?.onFilterClick?.();
-	};
-	useEffect(() => {
-		const checkBottomReached = () => {
-			const scrollTop = window.scrollY ?? document.documentElement.scrollTop ?? 0;
-			const clientHeight = window.innerHeight;
-			const scrollHeight = document.documentElement.scrollHeight;
-			setIsBottomReached(scrollTop + clientHeight >= scrollHeight - 1);
-		};
-		window.addEventListener("scroll", checkBottomReached, { passive: true });
-		checkBottomReached();
-		return () => {
-			window.removeEventListener("scroll", checkBottomReached);
-		};
-	}, []);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		isSticky && /* @__PURE__ */ jsx(Box, { className: "w-full h-11" }),
-		/* @__PURE__ */ jsx(Box, {
-			as: "nav",
-			ref: navBarRef,
-			className: clsx$1("w-full transition-all duration-200", isEditor && "pointer-events-none", !_props.isFullfeed && isSticky && "fixed top-0 left-0 right-0 z-50", !_props.isFullfeed && !isSticky && isBottomReached && "fixed bottom-0 left-0 right-0 z-50", _props.isFullfeed && "fixed top-[54px] left-0 z-10 w-full", !_props.isFullfeed && "bg-bg1"),
-			style: wrapperStyle,
-			children: /* @__PURE__ */ jsxs(Box, {
-				className: "relative flex items-center h-[44px]",
-				children: [/* @__PURE__ */ jsx(Box, {
-					className: "flex-1 overflow-x-auto overflow-y-hidden [&::-webkit-scrollbar]:hidden",
-					style: {
-						scrollbarWidth: "none",
-						msOverflowStyle: "none",
-						WebkitOverflowScrolling: "touch"
-					},
-					children: /* @__PURE__ */ jsx(Box, {
-						className: "flex items-center h-full pl-4 pr-4 gap-4",
-						children: displayChannels.map((item, index) => {
-							const isActive = currentChannelId === item.name || currentChannelId === null && index === 0;
-							return /* @__PURE__ */ jsx(Link, {
-								href: getChannelHref(item, pathname),
-								webviewNavMode: "spa",
-								className: clsx$1("whitespace-nowrap cursor-pointer transition-all duration-200", "flex items-center justify-center h-11", `${isActive ? "text-xl" : "text-base"}`),
-								style: {
-									fontWeight: isActive ? "bold" : "normal",
-									color: isActive ? "var(--color-theme5)" : "var(--color-text2)"
-								},
-								onClick: () => handleChannelClick(item, index),
-								children: item.name
-							}, item.name || `channel-${index}`);
-						})
-					})
-				}), props.modifiable ? /* @__PURE__ */ jsx(Box, {
-					className: "flex items-center gap-[12px] px-[8px]",
-					children: /* @__PURE__ */ jsx(Box, {
-						className: "flex items-center justify-center cursor-pointer w-7 h-8",
-						onClick: handleFilterClick,
-						children: /* @__PURE__ */ jsx(SvgFilterDark, {
-							className: "w-5 h-5",
-							style: { color: "var(--color-text1)" }
-						})
-					})
-				}) : null]
-			})
-		}),
-		/* @__PURE__ */ jsx(ChannelFilterDialog, {
-			open: isChannelDialogOpen,
-			onOpenChange: setIsChannelDialogOpen,
-			channels: _props.list,
-			currentChannelId,
-			onChannelClick: handleChannelClick,
-			onChannelsChange: handleChannelsChange
-		})
-	] });
-}
-
-//#endregion
-export { BasicChannelListClient as default };
+"use client";import{mergeStyles as e}from"../../utils/styles/helpers.mjs";import{Box as t}from"../../../ui/box.mjs";import n from"../../../ui/link.mjs";import{urlPrefix as r}from"../../../../constants/url-prefix.mjs";import{useSticky as i}from"../../../../hooks/use-sticky.mjs";import a from"../../../../assets/icons/filter_dark.mjs";import o,{loadHiddenChannelIdsFromStorage as s}from"./channel-filter-dialog.mjs";import{defaultProps as c}from"./default-props.mjs";import{clsx as l}from"clsx";import{useEffect as u,useMemo as d,useState as f}from"react";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";import{usePathname as g}from"next/navigation";const _={};function v(e,t){let n=`${r.DOMAIN}/`,i=t.indexOf(n),a=i!==-1,o=a?t.slice(i+n.length).split(`/`)[0]:void 0;return e.isDefault?a&&o?`${r.DOMAIN}/${o}`:`/`:a&&o?`${r.DOMAIN}/${o}/${encodeURIComponent(e.name)}`:`${r.CHANNEL}/${encodeURIComponent(e.name)}`}function y(r){let{mode:y=`renderer`,styles:b,events:x,...S}=r,C=g()??`/`,w=y===`editor`,T=S||_,E={...c,...T},[D,O]=f(!1),{isSticky:k,ref:A}=i(),[j,M]=f(!1),[N,P]=f(E.list),F=d(()=>E.list.find(e=>e.isDefault)?.name??null,[E.list]),I=d(()=>E.currentChannelId??F,[E.currentChannelId,F]);u(()=>{let e=s();P(e?.length?E.list.filter(t=>!e.includes(t.name)):E.list)},[E.list]);let L=e=>{P(e)},R=(e,t)=>{x?.onChannelChange?.(e,t)},z=b?e(b,{}):void 0;return u(()=>{let e=()=>{let e=window.scrollY??document.documentElement.scrollTop??0,t=window.innerHeight,n=document.documentElement.scrollHeight;M(e+t>=n-1)};return window.addEventListener(`scroll`,e,{passive:!0}),e(),()=>{window.removeEventListener(`scroll`,e)}},[]),h(p,{children:[k&&m(t,{className:`w-full h-11`}),m(t,{as:`nav`,ref:A,className:l(`w-full transition-all duration-200`,w&&`pointer-events-none`,!E.isFullfeed&&k&&`fixed top-0 left-0 right-0 z-50`,!E.isFullfeed&&!k&&j&&`fixed bottom-0 left-0 right-0 z-50`,E.isFullfeed&&`fixed top-[54px] left-0 z-10 w-full`,!E.isFullfeed&&`bg-bg1`),style:z,children:h(t,{className:`relative flex items-center h-[44px]`,children:[m(t,{className:`flex-1 overflow-x-auto overflow-y-hidden [&::-webkit-scrollbar]:hidden`,style:{scrollbarWidth:`none`,msOverflowStyle:`none`,WebkitOverflowScrolling:`touch`},children:m(t,{className:`flex items-center h-full pl-4 pr-4 gap-4`,children:N.map((e,t)=>{let r=I===e.name||I===null&&t===0;return m(n,{href:v(e,C),webviewNavMode:`spa`,className:l(`whitespace-nowrap cursor-pointer transition-all duration-200`,`flex items-center justify-center h-11`,`${r?`text-xl`:`text-base`}`),style:{fontWeight:r?`bold`:`normal`,color:r?`var(--color-theme5)`:`var(--color-text2)`},onClick:()=>R(e,t),children:e.name},e.name||`channel-${t}`)})})}),r.modifiable?m(t,{className:`flex items-center gap-[12px] px-[8px]`,children:m(t,{className:`flex items-center justify-center cursor-pointer w-7 h-8`,onClick:()=>{O(!0),x?.onFilterClick?.()},children:m(a,{className:`w-5 h-5`,style:{color:`var(--color-text1)`}})})}):null]})}),m(o,{open:D,onOpenChange:O,channels:E.list,currentChannelId:I,onChannelClick:R,onChannelsChange:L})]})}export{y as default};

package/dist/components/biz/business/channel-list/default-props.mjs

@@ -1,13 +1,2 @@
 
-//#region components/biz/business/channel-list/default-props.ts
-/**
-* BasicNavBar 组件默认 Props 配置
-*/
-const defaultProps = {
-	currentChannelId: null,
-	isFullfeed: false,
-	list: []
-};
-
-//#endregion
-export { defaultProps };
+const e={currentChannelId:null,isFullfeed:!1,list:[]};export{e as defaultProps};

package/dist/components/biz/business/channel-list/material.mjs

@@ -1,22 +1,2 @@
 
-import BasicChannelListClient from "./client.mjs";
-import { channelListInspectorPropsSchema } from "./schema.mjs";
-import { defineMaterial } from "create-funhub/sdk";
-
-//#region components/biz/business/channel-list/material.ts
-/**
-* BasicBanner 低代码物料注册
-* 参照 packages/platform/components/biz/example/button 的 material 结构
-*/
-const channelListMaterial = defineMaterial({
-	type: "channel-list",
-	name: "频道",
-	icon: "/static/components-thumb/channel_list_editable.png",
-	category: "内容组件",
-	serverComponent: BasicChannelListClient,
-	clientComponent: BasicChannelListClient,
-	propsSchema: channelListInspectorPropsSchema
-});
-
-//#endregion
-export { channelListMaterial };
+import e from"./client.mjs";import{channelListInspectorPropsSchema as t}from"./schema.mjs";import{defineMaterial as n}from"create-funhub/sdk";const r=n({type:`channel-list`,name:`频道`,icon:`/static/components-thumb/channel_list_editable.png`,category:`内容组件`,serverComponent:e,clientComponent:e,propsSchema:t});export{r as channelListMaterial};