@funhub/platform 0.2.16 → 0.2.18

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,149 +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 SvgChannelActiveIndicator from "../../../../assets/icons/channel-list/channel-active-indicator.mjs";
-import SvgHeaderMenu from "../../../../assets/icons/common/header-menu.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";
-import { useTranslations } from "next-intl";
-
-//#region components/biz/business/channel-list/client.tsx
-/**
-* BasicNavBar 客户端渲染组件
-*/
-const emptyPropsConfig = {};
-const CHANNEL_BAR_HEIGHT_CLASS = "h-[26px]";
-/**
-* 生成频道链接地址
-* - 默认路径 "/"：默认 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 t = useTranslations("components.biz.business.navBar.variants.basicNavBar.runtime");
-	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: clsx$1("w-full", CHANNEL_BAR_HEIGHT_CLASS) }),
-		/* @__PURE__ */ jsx(Box, {
-			as: "nav",
-			ref: navBarRef,
-			className: clsx$1("w-full bg-transparent transition-all duration-200", isEditor && "pointer-events-none", isSticky && "fixed top-0 left-0 right-0 z-50"),
-			style: wrapperStyle,
-			children: /* @__PURE__ */ jsxs(Box, {
-				className: clsx$1("relative flex w-full items-center px-4", CHANNEL_BAR_HEIGHT_CLASS, _props.modifiable && "gap-2"),
-				children: [/* @__PURE__ */ jsx(Box, {
-					className: "[-webkit-overflow-scrolling:touch] [-ms-overflow-style:none] [scrollbar-width:none] flex h-full min-w-0 flex-1 items-center overflow-x-auto overflow-y-hidden [&::-webkit-scrollbar]:hidden",
-					children: /* @__PURE__ */ jsx(Box, {
-						className: "inline-flex h-full min-w-full items-center gap-[23.8px]",
-						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("group relative inline-flex h-full shrink-0 cursor-pointer whitespace-nowrap transition-all duration-200", isActive ? "text-white" : "text-white/70"),
-								onClick: () => handleChannelClick(item, index),
-								children: isActive ? /* @__PURE__ */ jsxs(Box, {
-									className: clsx$1("inline-grid grid-cols-1 grid-rows-1 place-items-start", CHANNEL_BAR_HEIGHT_CLASS),
-									children: [/* @__PURE__ */ jsx(Box, {
-										as: "span",
-										className: "relative z-[1] block h-[24px] text-center text-[20px] font-['PingFang_SC'] font-semibold leading-[24px] text-white transition-all duration-200",
-										children: item.name
-									}), /* @__PURE__ */ jsx(Box, {
-										"aria-hidden": "true",
-										className: "col-start-1 row-start-1 ml-px mt-[15px] h-[11px] w-[39px]",
-										children: /* @__PURE__ */ jsx(SvgChannelActiveIndicator, { className: "block h-full w-full" })
-									})]
-								}) : /* @__PURE__ */ jsx(Box, {
-									className: "inline-flex h-full items-center",
-									children: /* @__PURE__ */ jsx(Box, {
-										as: "span",
-										className: "block h-[24px] text-center text-[16px] font-['PingFang_SC'] font-normal leading-[24px] transition-all duration-200",
-										children: item.name
-									})
-								})
-							}, item.name || `channel-${index}`);
-						})
-					})
-				}), _props.modifiable ? /* @__PURE__ */ jsx("button", {
-					type: "button",
-					"aria-label": t("moreChannelEntry"),
-					className: "relative flex size-6 shrink-0 items-center justify-center border-0 bg-transparent p-0",
-					onClick: handleFilterClick,
-					children: /* @__PURE__ */ jsx(SvgHeaderMenu, {
-						"aria-hidden": "true",
-						className: "h-[24px] w-[24px] text-white"
-					})
-				}) : 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{trackAppPageView as t,trackPageClick as n}from"../../../../utils/tracking.mjs";import{Box as r}from"../../../ui/box.mjs";import i from"../../../ui/link.mjs";import{urlPrefix as a}from"../../../../constants/url-prefix.mjs";import{useSticky as o}from"../../../../hooks/use-sticky.mjs";import s from"../../../../assets/icons/channel-list/channel-active-indicator.mjs";import c from"../../../../assets/icons/common/header-menu.mjs";import l,{loadHiddenChannelIdsFromStorage as u}from"./channel-filter-dialog.mjs";import{defaultProps as d}from"./default-props.mjs";import{clsx as f}from"clsx";import{useEffect as p,useMemo as m,useState as h}from"react";import{usePathname as g}from"next/navigation";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";import{useTranslations as b}from"next-intl";const x={},S=`h-[26px]`;function C(e,t){let n=`${a.DOMAIN}/`,r=t.indexOf(n),i=r!==-1,o=i?t.slice(r+n.length).split(`/`)[0]:void 0;return e.isDefault?i&&o?`${a.DOMAIN}/${o}`:`/`:i&&o?`${a.DOMAIN}/${o}/${encodeURIComponent(e.name)}`:`${a.CHANNEL}/${encodeURIComponent(e.name)}`}function w(a){let w=b(`components.biz.business.navBar.variants.basicNavBar.runtime`),{mode:T=`renderer`,styles:E,events:D,...O}=a,k=g()??`/`,A=T===`editor`,j=O||x,M={...d,...j},[N,P]=h(!1),{isSticky:F,ref:I}=o(),[L,R]=h(!1),[z,B]=h(M.list),V=m(()=>M.list.find(e=>e.isDefault)?.name??null,[M.list]),H=m(()=>M.currentChannelId??V,[M.currentChannelId,V]);p(()=>{H&&t({page_key:`page_home_channel_${H}`,page_name:`首页频道-${H}`})},[H]),p(()=>{let e=u();B(e?.length?M.list.filter(t=>!e.includes(t.name)):M.list)},[M.list]);let U=e=>{B(e)},W=(e,t)=>{n(`home`,`首页`,null,`channel_tab`,{channel_name:e.name}),D?.onChannelChange?.(e,t)},G=E?e(E,{}):void 0,K=()=>{P(!0),D?.onFilterClick?.()};return p(()=>{let e=()=>{let e=window.scrollY??document.documentElement.scrollTop??0,t=window.innerHeight,n=document.documentElement.scrollHeight;R(e+t>=n-1)};return window.addEventListener(`scroll`,e,{passive:!0}),e(),()=>{window.removeEventListener(`scroll`,e)}},[]),y(_,{children:[F&&v(r,{className:f(`w-full`,S)}),v(r,{as:`nav`,ref:I,className:f(`w-full bg-transparent transition-all duration-200`,A&&`pointer-events-none`,F&&`fixed top-0 left-0 right-0 z-50`),style:G,children:y(r,{className:f(`relative flex w-full items-center px-4`,S,M.modifiable&&`gap-2`),children:[v(r,{className:`[-webkit-overflow-scrolling:touch] [-ms-overflow-style:none] [scrollbar-width:none] flex h-full min-w-0 flex-1 items-center overflow-x-auto overflow-y-hidden [&::-webkit-scrollbar]:hidden`,children:v(r,{className:`inline-flex h-full min-w-full items-center gap-[23.8px]`,children:z.map((e,t)=>{let n=H===e.name||H===null&&t===0;return v(i,{href:C(e,k),webviewNavMode:`spa`,className:f(`group relative inline-flex h-full shrink-0 cursor-pointer whitespace-nowrap transition-all duration-200`,n?`text-white`:`text-white/70`),onClick:()=>W(e,t),children:n?y(r,{className:f(`inline-grid grid-cols-1 grid-rows-1 place-items-start`,S),children:[v(r,{as:`span`,className:`relative z-[1] block h-[24px] text-center text-[20px] font-['PingFang_SC'] font-semibold leading-[24px] text-white transition-all duration-200`,children:e.name}),v(r,{"aria-hidden":`true`,className:`col-start-1 row-start-1 ml-px mt-[15px] h-[11px] w-[39px]`,children:v(s,{className:`block h-full w-full`})})]}):v(r,{className:`inline-flex h-full items-center`,children:v(r,{as:`span`,className:`block h-[24px] text-center text-[16px] font-['PingFang_SC'] font-normal leading-[24px] transition-all duration-200`,children:e.name})})},e.name||`channel-${t}`)})})}),M.modifiable?v(`button`,{type:`button`,"aria-label":w(`moreChannelEntry`),className:`relative flex size-6 shrink-0 items-center justify-center border-0 bg-transparent p-0`,onClick:K,children:v(c,{"aria-hidden":`true`,className:`h-[24px] w-[24px] text-white`})}):null]})}),v(l,{open:N,onOpenChange:P,channels:M.list,currentChannelId:H,onChannelClick:W,onChannelsChange:U})]})}export{w as default};

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

@@ -1,14 +1,2 @@
 
-//#region components/biz/business/channel-list/default-props.ts
-/**
-* BasicNavBar 组件默认 Props 配置
-*/
-const defaultProps = {
-	currentChannelId: null,
-	isFullfeed: false,
-	modifiable: true,
-	list: []
-};
-
-//#endregion
-export { defaultProps };
+const e={currentChannelId:null,isFullfeed:!1,modifiable:!0,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};

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

@@ -1,41 +1,2 @@
 
-import { defineComponentPropsSchema, getSchemaDefaultProps } from "../../../../utils/schema/schema.mjs";
-import z$1 from "zod";
-
-//#region components/biz/business/channel-list/schema.ts
-/**
-* 定义可以被低代码右侧inspector编辑的props
-*/
-const channelListInspectorPropsSchema = defineComponentPropsSchema((t) => ({
-	modifiable: t.boolean(true, {
-		fieldType: "switch",
-		label: "自定义频道"
-	}),
-	list: t.array(z$1.object({
-		name: t.string(void 0, {
-			label: "内容标题",
-			required: false
-		}),
-		icon: t.string(void 0, {
-			label: "图标",
-			required: false
-		}),
-		isDefault: t.boolean(void 0, {
-			fieldType: "switch",
-			label: "是否默认频道",
-			required: false
-		})
-	}), {
-		required: false,
-		label: "list",
-		defaultValue: [{
-			name: "频道名称",
-			icon: "",
-			isDefault: true
-		}]
-	})
-}));
-const channelListInspectorDefaultProps = getSchemaDefaultProps(channelListInspectorPropsSchema);
-
-//#endregion
-export { channelListInspectorPropsSchema };
+import{defineComponentPropsSchema as e,getSchemaDefaultProps as t}from"../../../../utils/schema/schema.mjs";import n from"zod";const r=e(e=>({modifiable:e.boolean(!0,{fieldType:`switch`,label:`自定义频道`}),list:e.array(n.object({name:e.string(void 0,{label:`内容标题`,required:!1}),icon:e.string(void 0,{label:`图标`,required:!1}),isDefault:e.boolean(void 0,{fieldType:`switch`,label:`是否默认频道`,required:!1})}),{required:!1,label:`list`,defaultValue:[{name:`频道名称`,icon:``,isDefault:!0}]})}));t(r);export{r as channelListInspectorPropsSchema};