@funhub/platform 0.1.62 → 0.1.63

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,108 +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,
-		rootId: "app-scroll-container",
-		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,rootId:`app-scroll-container`,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,181 +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_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.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 isRecommended = isRecommendedChannel(item.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.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.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(){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.name)))}},[g]);let S=s(()=>g.filter(e=>!b.some(t=>t.name===e.name)),[g,b]),C=e=>{if(h(e),!e){m(S.map(e=>e.name)),v?.(b);let e=new URL(window.location.href).pathname,t=decodeURIComponent(e.split(`/`).pop());S.find(e=>e.name===t)&&b[0]&&(window.location.href=`/`)}},w=e=>{x(t=>t.filter(t=>t.name!==e.name))},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.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.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.name||`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.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.name||`more-channel-${a}`))})]})]})})}export{h as default,p as loadHiddenChannelIdsFromStorage};

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

@@ -1,112 +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";
-
-//#region components/biz/business/channel-list/client.tsx
-/**
-* BasicNavBar 客户端渲染组件
-*/
-const emptyPropsConfig = {};
-/**
-* 生成频道链接地址
-*/
-function getChannelHref(item, index) {
-	return index === 0 ? "/" : `${urlPrefix.CHANNEL}/${encodeURIComponent(item.name)}`;
-}
-function BasicChannelListClient(props) {
-	const { mode = "renderer", styles, events, ...rest } = props;
-	const isEditor = mode === "editor";
-	const propsConfig = rest || emptyPropsConfig;
-	const _props = {
-		...defaultProps,
-		...propsConfig
-	};
-	const [isChannelDialogOpen, setIsChannelDialogOpen] = useState(false);
-	const { isSticky, ref: navBarRef } = useSticky();
-	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?.();
-	};
-	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 && "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 w-4 h-4 gap-4",
-						children: displayChannels.map((item, index) => {
-							const isActive = currentChannelId === item.name || currentChannelId === null && index === 0;
-							return /* @__PURE__ */ jsx(Link, {
-								href: getChannelHref(item, index),
-								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";const g={};function _(e,t){return t===0?`/`:`${r.CHANNEL}/${encodeURIComponent(e.name)}`}function v(r){let{mode:v=`renderer`,styles:y,events:b,...x}=r,S=v===`editor`,C=x||g,w={...c,...C},[T,E]=f(!1),{isSticky:D,ref:O}=i(),[k,A]=f(w.list),j=d(()=>w.list.find(e=>e.isDefault)?.name??null,[w.list]),M=d(()=>w.currentChannelId??j,[w.currentChannelId,j]);u(()=>{let e=s();A(e?.length?w.list.filter(t=>!e.includes(t.name)):w.list)},[w.list]);let N=e=>{A(e)},P=(e,t)=>{b?.onChannelChange?.(e,t)},F=y?e(y,{}):void 0;return h(p,{children:[D&&m(t,{className:`w-full h-11`}),m(t,{as:`nav`,ref:O,className:l(`w-full transition-all duration-200`,S&&`pointer-events-none`,!w.isFullfeed&&D&&`fixed top-0 left-0 right-0 z-50`,w.isFullfeed&&`fixed top-[54px] left-0 z-10 w-full`,!w.isFullfeed&&`bg-bg1`),style:F,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 w-4 h-4 gap-4`,children:k.map((e,t)=>{let r=M===e.name||M===null&&t===0;return m(n,{href:_(e,t),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:()=>P(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:()=>{E(!0),b?.onFilterClick?.()},children:m(a,{className:`w-5 h-5`,style:{color:`var(--color-text1)`}})})}):null]})}),m(o,{open:T,onOpenChange:E,channels:w.list,currentChannelId:M,onChannelClick:P,onChannelsChange:N})]})}export{v 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 { defineMaterial } from "../../../../utils/schema/material.mjs";
-import BasicChannelListClient from "./client.mjs";
-import { channelListInspectorPropsSchema } from "./schema.mjs";
-
-//#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{defineMaterial as e}from"../../../../utils/schema/material.mjs";import t from"./client.mjs";import{channelListInspectorPropsSchema as n}from"./schema.mjs";const r=e({type:`channel-list`,name:`频道`,icon:`/static/components-thumb/channel_list_editable.png`,category:`内容组件`,serverComponent:t,clientComponent:t,propsSchema:n});export{r as channelListMaterial};