@funhub/platform 0.1.130 → 0.1.131

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

@@ -1,98 +1,2 @@
 
-import { z } from "zod";
-import dayjs from "dayjs";
-import { defineArrayItemPropSchema, defineComponentPropsSchema, defineObjectPropSchema, defineSelectEnumPropSchema, defineSwitchPropSchema, defineTextPropSchema, defineTimeRangePropSchema } from "create-funhub/sdk";
-
-//#region components/biz/business/marquee/schema.ts
-function getDefaultMarqueePeriod() {
-	return {
-		start: dayjs().startOf("day").format("YYYY-MM-DD HH:mm:ss"),
-		end: dayjs().endOf("day").format("YYYY-MM-DD HH:mm:ss")
-	};
-}
-const defaultMarqueePeriod = getDefaultMarqueePeriod();
-/**
-* 跑马灯单条内容定义
-*/
-const marqueeContentSchema = z.object({
-	text: defineTextPropSchema({
-		label: "文本内容",
-		defaultValue: ""
-	}),
-	link: defineTextPropSchema({
-		label: "跳转链接",
-		defaultValue: "",
-		required: false
-	})
-});
-/**
-* 跑马灯物料属性定义
-*/
-const marqueeInspectorPropsSchema = defineComponentPropsSchema({
-	marqueeKey: defineTextPropSchema({
-		label: "状态唯一标识",
-		defaultValue: "",
-		required: true,
-		description: "外部传入唯一 marqueeKey，用于本地展示状态持久化"
-	}),
-	contents: defineArrayItemPropSchema(marqueeContentSchema, {
-		label: "消息内容",
-		defaultValue: [{ text: "请输入跑马灯内容" }],
-		description: "支持多条消息循环播放"
-	}),
-	click: defineObjectPropSchema({
-		enabled: defineSwitchPropSchema({
-			label: "支持点击",
-			defaultValue: true
-		}),
-		redirectType: defineSelectEnumPropSchema([
-			"content_list",
-			"content",
-			"link"
-		], {
-			label: "跳转指向",
-			defaultValue: "link",
-			required: false
-		}),
-		link: defineTextPropSchema({
-			label: "跳转链接",
-			defaultValue: "",
-			required: false
-		})
-	}, {
-		label: "点击配置",
-		defaultValue: {
-			enabled: true,
-			redirectType: "link",
-			link: ""
-		}
-	}),
-	close: defineObjectPropSchema({ enabled: defineSwitchPropSchema({
-		label: "支持关闭",
-		defaultValue: true
-	}) }, {
-		label: "关闭配置",
-		defaultValue: { enabled: true }
-	}),
-	displayStrategy: defineObjectPropSchema({
-		rule: defineSelectEnumPropSchema(["once", "daily"], {
-			label: "展示规则",
-			defaultValue: "once",
-			description: "「只展示1次」即当前消息只展示1次；「每天展示1次」即当前消息每天展示1次，0点刷新"
-		}),
-		period: defineTimeRangePropSchema({
-			label: "展示周期",
-			defaultValue: defaultMarqueePeriod,
-			required: false
-		})
-	}, {
-		label: "展示策略",
-		defaultValue: {
-			rule: "once",
-			period: defaultMarqueePeriod
-		}
-	})
-});
-
-//#endregion
-export { defaultMarqueePeriod, getDefaultMarqueePeriod, marqueeInspectorPropsSchema };
+import{z as e}from"zod";import t from"dayjs";import{defineArrayItemPropSchema as n,defineComponentPropsSchema as r,defineObjectPropSchema as i,defineSelectEnumPropSchema as a,defineSwitchPropSchema as o,defineTextPropSchema as s,defineTimeRangePropSchema as c}from"create-funhub/sdk";function l(){return{start:t().startOf(`day`).format(`YYYY-MM-DD HH:mm:ss`),end:t().endOf(`day`).format(`YYYY-MM-DD HH:mm:ss`)}}const u=l(),d=e.object({text:s({label:`文本内容`,defaultValue:``}),link:s({label:`跳转链接`,defaultValue:``,required:!1})}),f=r({marqueeKey:s({label:`状态唯一标识`,defaultValue:``,required:!0,description:`外部传入唯一 marqueeKey，用于本地展示状态持久化`}),contents:n(d,{label:`消息内容`,defaultValue:[{text:`请输入跑马灯内容`}],description:`支持多条消息循环播放`}),click:i({enabled:o({label:`支持点击`,defaultValue:!0}),redirectType:a([`content_list`,`content`,`link`],{label:`跳转指向`,defaultValue:`link`,required:!1}),link:s({label:`跳转链接`,defaultValue:``,required:!1})},{label:`点击配置`,defaultValue:{enabled:!0,redirectType:`link`,link:``}}),close:i({enabled:o({label:`支持关闭`,defaultValue:!0})},{label:`关闭配置`,defaultValue:{enabled:!0}}),displayStrategy:i({rule:a([`once`,`daily`],{label:`展示规则`,defaultValue:`once`,description:`「只展示1次」即当前消息只展示1次；「每天展示1次」即当前消息每天展示1次，0点刷新`}),period:c({label:`展示周期`,defaultValue:u,required:!1})},{label:`展示策略`,defaultValue:{rule:`once`,period:u}})});export{u as defaultMarqueePeriod,l as getDefaultMarqueePeriod,f as marqueeInspectorPropsSchema};

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

@@ -1,18 +1,2 @@
 
-import { MarqueeClient } from "./client.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region components/biz/business/marquee/server.tsx
-/**
-* 跑马灯物料组件 - 服务端部分
-*/
-async function MarqueeServer(props) {
-	const { mode = "renderer", ...rest } = props;
-	return /* @__PURE__ */ jsx(MarqueeClient, {
-		...rest,
-		mode
-	});
-}
-
-//#endregion
-export { MarqueeServer };
+import{MarqueeClient as e}from"./client.mjs";import{jsx as t}from"react/jsx-runtime";async function n(n){let{mode:r=`renderer`,...i}=n;return t(e,{...i,mode:r})}export{n as MarqueeServer};

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/defaults/default-props.mjs

@@ -1,22 +1,2 @@
 
-//#region components/biz/business/nav-bar/variants/basic-nav-bar/defaults/default-props.ts
-/**
-* BasicNavBar 组件默认 Props 配置
-*/
-const defaultProps = {
-	currentChannelId: null,
-	filterUrl: "/filter",
-	searchUrl: "/search",
-	searchPlaceholder: "搜索",
-	searchIconSize: 20,
-	showSearchPlaceholderText: false,
-	searchBorderColor: "#E5E5E5",
-	filterIconSize: 20,
-	channelItemHeight: 44,
-	channelItemFontSize: 16,
-	channelItemActiveFontSize: 20,
-	channelItemGap: 16
-};
-
-//#endregion
-export { defaultProps };
+const e={currentChannelId:null,filterUrl:`/filter`,searchUrl:`/search`,searchPlaceholder:`搜索`,searchIconSize:20,showSearchPlaceholderText:!1,searchBorderColor:`#E5E5E5`,filterIconSize:20,channelItemHeight:44,channelItemFontSize:16,channelItemActiveFontSize:20,channelItemGap:16};export{e as defaultProps};

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/index.mjs

@@ -1,10 +1,2 @@
 
-import { defaultProps } from "./defaults/default-props.mjs";
-import BasicNavBarClient from "./runtime/client.mjs";
-import { schema } from "./schema/index.mjs";
-
-//#region components/biz/business/nav-bar/variants/basic-nav-bar/index.ts
-var basic_nav_bar_default = BasicNavBarClient;
-
-//#endregion
-export { basic_nav_bar_default as default };
+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/nav-bar/variants/basic-nav-bar/runtime/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/nav-bar/variants/basic-nav-bar/runtime/channel-filter-dialog.tsx
-/**
-* 频道筛选弹窗组件
-*/
-const STORAGE_KEY_HIDDEN_CHANNELS = "channel-filter-hidden-channel-ids";
-function loadHiddenChannelIdsFromStorage() {
-	if (typeof window === "undefined") return [];
-	try {
-		const hiddenChannelIds = localStorage.getItem(STORAGE_KEY_HIDDEN_CHANNELS);
-		return hiddenChannelIds ? JSON.parse(hiddenChannelIds) : [];
-	} catch (error) {
-		console.error("Failed to load hidden channel IDs:", error);
-		return [];
-	}
-}
-function saveHiddenChannelIdsToStorage(hiddenChannelIds) {
-	if (typeof window === "undefined") return;
-	try {
-		localStorage.setItem(STORAGE_KEY_HIDDEN_CHANNELS, JSON.stringify(hiddenChannelIds));
-	} catch (error) {
-		console.error("Failed to save hidden channel IDs:", error);
-	}
-}
-function ChannelFilterDialog({ open, onOpenChange, channels, onChannelClick, onChannelsChange }) {
-	const t = useTranslations("components.biz.business.navBar.variants.basicNavBar.runtime");
-	const [myChannels, setMyChannels] = useState(channels);
-	useEffect(() => {
-		if (channels.length > 0) {
-			const hiddenChannelIds = loadHiddenChannelIdsFromStorage();
-			setMyChannels(channels.filter((ch) => !hiddenChannelIds.includes(ch.id)));
-		}
-	}, [channels]);
-	const moreChannels = useMemo(() => {
-		return channels.filter((ch) => !myChannels.some((myCh) => myCh.id === ch.id));
-	}, [channels, myChannels]);
-	const handleOpenChange = (newOpen) => {
-		onOpenChange(newOpen);
-		if (!newOpen) {
-			saveHiddenChannelIdsToStorage(moreChannels.map((ch) => ch.id));
-			onChannelsChange?.(myChannels);
-			const pathname = new URL(window.location.href).pathname;
-			const currentChannelName = decodeURIComponent(pathname.split("/").pop());
-			if (moreChannels.find((ch) => ch.cn_name === currentChannelName)) {
-				if (myChannels[0]) window.location.href = "/";
-			}
-		}
-	};
-	const handleRemoveChannel = (item) => {
-		setMyChannels((prev) => prev.filter((ch) => ch.id !== item.id));
-	};
-	const handleAddChannel = (item) => {
-		setMyChannels((prev) => [...prev, item]);
-	};
-	const handleChannelClick = (item, index) => {
-		onChannelClick?.(item, index);
-	};
-	const handleResetToDefault = () => {
-		setMyChannels(channels);
-		saveHiddenChannelIdsToStorage([]);
-	};
-	const isRecommendedChannel = (channelName) => {
-		return channelName === "推荐";
-	};
-	return /* @__PURE__ */ jsx(Popup, {
-		open,
-		onOpenChange: handleOpenChange,
-		side: "top",
-		showCloseButton: true,
-		className: "!h-screen max-h-screen",
-		closeButtonClassName: "border-0",
-		children: /* @__PURE__ */ jsxs(Box, {
-			className: "flex flex-col h-full px-[12px]",
-			children: [
-				/* @__PURE__ */ jsx(Box, {
-					className: "mb-4 pt-4",
-					children: /* @__PURE__ */ jsx(Text, {
-						className: "text-text1 font-bold text-[18px]",
-						children: t("channelFilterDialog.allChannels")
-					})
-				}),
-				/* @__PURE__ */ jsxs(Box, {
-					className: "mb-[32px]",
-					children: [/* @__PURE__ */ jsxs(Box, {
-						className: "flex items-center justify-between h-6 mb-[12px]",
-						children: [/* @__PURE__ */ jsx(Text, {
-							className: "text-text1 text-[16px]",
-							children: t("channelFilterDialog.myChannels")
-						}), /* @__PURE__ */ jsx(Box, {
-							onClick: handleResetToDefault,
-							children: /* @__PURE__ */ jsx(Text, {
-								className: "text-text1 text-[16px]",
-								children: t("channelFilterDialog.resetDefault")
-							})
-						})]
-					}), /* @__PURE__ */ jsx(Box, {
-						className: "grid grid-cols-4 gap-[12px]",
-						children: myChannels.map((item, index) => {
-							const isRecommended = isRecommendedChannel(item.cn_name);
-							return /* @__PURE__ */ jsxs(Box, {
-								className: "relative h-[40px] px-4 bg-bg1 rounded-[50px] cursor-pointer flex items-center justify-center whitespace-nowrap",
-								onClick: () => handleChannelClick(item, index),
-								children: [/* @__PURE__ */ jsx(Text, {
-									className: "text-text1 text-[14px]",
-									children: item.cn_name
-								}), !isRecommended && /* @__PURE__ */ jsx(Box, {
-									className: "absolute top-0 right-0 flex items-center justify-center cursor-pointer w-[16px] h-[16px]",
-									onClick: (e) => {
-										e.stopPropagation();
-										handleRemoveChannel(item);
-									},
-									children: /* @__PURE__ */ jsx(Image, {
-										src: typeof less_default === "string" ? less_default : less_default.src,
-										alt: t("channelFilterDialog.delete"),
-										width: 16,
-										height: 16
-									})
-								})]
-							}, item.id || `my-channel-${index}`);
-						})
-					})]
-				}),
-				/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Box, {
-					className: "h-6 mb-[12px]",
-					children: /* @__PURE__ */ jsx(Text, {
-						className: "text-text1 text-[16px]",
-						children: t("channelFilterDialog.moreChannels")
-					})
-				}), moreChannels.length === 0 ? /* @__PURE__ */ jsx(Box, {
-					className: "flex justify-center",
-					children: /* @__PURE__ */ jsxs(Text, {
-						className: "text-text3 text-[14px]",
-						children: [
-							t("channelFilterDialog.allAddedTo"),
-							"\"",
-							t("channelFilterDialog.myChannels"),
-							"\""
-						]
-					})
-				}) : /* @__PURE__ */ jsx(Box, {
-					className: "grid grid-cols-4 gap-[12px]",
-					children: moreChannels.map((item, index) => /* @__PURE__ */ jsxs(Box, {
-						className: "relative h-[40px] px-4 bg-bg1 rounded-[50px] cursor-pointer flex items-center justify-center whitespace-nowrap",
-						onClick: () => handleChannelClick(item, index),
-						children: [/* @__PURE__ */ jsx(Text, {
-							className: "text-text1 text-[14px]",
-							children: item.cn_name
-						}), /* @__PURE__ */ jsx(Box, {
-							className: "absolute top-0 right-0 flex items-center justify-center cursor-pointer w-[16px] h-[16px]",
-							onClick: (e) => {
-								e.stopPropagation();
-								handleAddChannel(item);
-							},
-							children: /* @__PURE__ */ jsx(Image, {
-								src: typeof add_default === "string" ? add_default : add_default.src,
-								alt: t("channelFilterDialog.add"),
-								width: 16,
-								height: 16
-							})
-						})]
-					}, item.id || `more-channel-${index}`))
-				})] })
-			]
-		})
-	});
-}
-
-//#endregion
-export { ChannelFilterDialog as default, loadHiddenChannelIdsFromStorage };
+"use client";import{Image as e}from"../../../../../../ui/image.mjs";import{Box as t}from"../../../../../../ui/box.mjs";import{Text as n}from"../../../../../../ui/text.mjs";import r from"../../../../../../ui/popup.mjs";import i from"../../../../../../../assets/images/add.mjs";import a from"../../../../../../../assets/images/less.mjs";import{useEffect as o,useMemo as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{useTranslations as d}from"next-intl";const f=`channel-filter-hidden-channel-ids`;function p(){if(typeof window>`u`)return[];try{let e=localStorage.getItem(f);return e?JSON.parse(e):[]}catch(e){return console.error(`Failed to load hidden channel IDs:`,e),[]}}function m(e){if(!(typeof window>`u`))try{localStorage.setItem(f,JSON.stringify(e))}catch(e){console.error(`Failed to save hidden channel IDs:`,e)}}function h({open:f,onOpenChange:h,channels:g,onChannelClick:_,onChannelsChange:v}){let y=d(`components.biz.business.navBar.variants.basicNavBar.runtime`),[b,x]=c(g);o(()=>{if(g.length>0){let e=p();x(g.filter(t=>!e.includes(t.id)))}},[g]);let S=s(()=>g.filter(e=>!b.some(t=>t.id===e.id)),[g,b]),C=e=>{if(h(e),!e){m(S.map(e=>e.id)),v?.(b);let e=new URL(window.location.href).pathname,t=decodeURIComponent(e.split(`/`).pop());S.find(e=>e.cn_name===t)&&b[0]&&(window.location.href=`/`)}},w=e=>{x(t=>t.filter(t=>t.id!==e.id))},T=e=>{x(t=>[...t,e])},E=(e,t)=>{_?.(e,t)},D=()=>{x(g),m([])},O=e=>e===`推荐`;return l(r,{open:f,onOpenChange:C,side:`top`,showCloseButton:!0,className:`!h-screen max-h-screen`,closeButtonClassName:`border-0`,children:u(t,{className:`flex flex-col h-full px-[12px]`,children:[l(t,{className:`mb-4 pt-4`,children:l(n,{className:`text-text1 font-bold text-[18px]`,children:y(`channelFilterDialog.allChannels`)})}),u(t,{className:`mb-[32px]`,children:[u(t,{className:`flex items-center justify-between h-6 mb-[12px]`,children:[l(n,{className:`text-text1 text-[16px]`,children:y(`channelFilterDialog.myChannels`)}),l(t,{onClick:D,children:l(n,{className:`text-text1 text-[16px]`,children:y(`channelFilterDialog.resetDefault`)})})]}),l(t,{className:`grid grid-cols-4 gap-[12px]`,children:b.map((r,i)=>{let o=O(r.cn_name);return u(t,{className:`relative h-[40px] px-4 bg-bg1 rounded-[50px] cursor-pointer flex items-center justify-center whitespace-nowrap`,onClick:()=>E(r,i),children:[l(n,{className:`text-text1 text-[14px]`,children:r.cn_name}),!o&&l(t,{className:`absolute top-0 right-0 flex items-center justify-center cursor-pointer w-[16px] h-[16px]`,onClick:e=>{e.stopPropagation(),w(r)},children:l(e,{src:typeof a==`string`?a:a.src,alt:y(`channelFilterDialog.delete`),width:16,height:16})})]},r.id||`my-channel-${i}`)})})]}),u(t,{children:[l(t,{className:`h-6 mb-[12px]`,children:l(n,{className:`text-text1 text-[16px]`,children:y(`channelFilterDialog.moreChannels`)})}),S.length===0?l(t,{className:`flex justify-center`,children:u(n,{className:`text-text3 text-[14px]`,children:[y(`channelFilterDialog.allAddedTo`),`"`,y(`channelFilterDialog.myChannels`),`"`]})}):l(t,{className:`grid grid-cols-4 gap-[12px]`,children:S.map((r,a)=>u(t,{className:`relative h-[40px] px-4 bg-bg1 rounded-[50px] cursor-pointer flex items-center justify-center whitespace-nowrap`,onClick:()=>E(r,a),children:[l(n,{className:`text-text1 text-[14px]`,children:r.cn_name}),l(t,{className:`absolute top-0 right-0 flex items-center justify-center cursor-pointer w-[16px] h-[16px]`,onClick:e=>{e.stopPropagation(),T(r)},children:l(e,{src:typeof i==`string`?i:i.src,alt:y(`channelFilterDialog.add`),width:16,height:16})})]},r.id||`more-channel-${a}`))})]})]})})}export{h as default,p as loadHiddenChannelIdsFromStorage};

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/runtime/client.mjs

@@ -1,149 +1,2 @@
 
-'use client';
-
-import { mergeStyles } from "../../../../../utils/styles/helpers.mjs";
-import { pxToVw } from "../../../../../../../utils/helper.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 SvgSearch from "../../../../../../../assets/icons/search.mjs";
-import ChannelFilterDialog, { loadHiddenChannelIdsFromStorage } from "./channel-filter-dialog.mjs";
-import { defaultProps } from "../defaults/default-props.mjs";
-import SvgFilterDark from "../../../../../../../assets/icons/filter_dark.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/nav-bar/variants/basic-nav-bar/runtime/client.tsx
-/**
-* BasicNavBar 客户端渲染组件
-*/
-const emptyPropsConfig = {};
-const emptyNavData = {
-	list: [],
-	currentChannelId: null,
-	isFullfeed: false
-};
-/**
-* 生成频道链接地址
-*/
-function getChannelHref(item, index) {
-	return index === 0 ? "/" : `${urlPrefix.CHANNEL}/${encodeURIComponent(item.cn_name)}`;
-}
-function BasicNavBarClient({ props: propsConfig = emptyPropsConfig, styles, events, data = emptyNavData }) {
-	const { searchUrl, searchIconSize, filterIconSize, channelItemHeight, channelItemFontSize, channelItemActiveFontSize, channelItemGap } = {
-		...defaultProps,
-		...propsConfig
-	};
-	const [isChannelDialogOpen, setIsChannelDialogOpen] = useState(false);
-	const { isSticky, ref: navBarRef } = useSticky();
-	const [displayChannels, setDisplayChannels] = useState(data.list);
-	const currentChannelId = useMemo(() => data.currentChannelId ?? null, [data.currentChannelId]);
-	useEffect(() => {
-		const hiddenChannelIds = loadHiddenChannelIdsFromStorage();
-		setDisplayChannels(data.list.filter((ch) => !hiddenChannelIds.includes(ch.id)));
-	}, [data.list]);
-	const handleChannelsChange = (myChannels) => {
-		setDisplayChannels(myChannels);
-	};
-	const handleChannelClick = (item, index) => {
-		events?.onChannelChange?.(item, index);
-	};
-	const handleFilterClick = () => {
-		setIsChannelDialogOpen(true);
-		events?.onFilterClick?.();
-	};
-	const handleSearchClick = () => {
-		events?.onSearchClick?.();
-	};
-	const wrapperStyle = styles ? mergeStyles(styles, {}) : void 0;
-	const rightIconsWidth = isSticky ? filterIconSize + searchIconSize + 24 : filterIconSize + 16;
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		isSticky && /* @__PURE__ */ jsx(Box, {
-			className: "w-full",
-			style: { height: pxToVw(44) }
-		}),
-		/* @__PURE__ */ jsx(Box, {
-			as: "nav",
-			ref: navBarRef,
-			className: clsx$1("w-full transition-all duration-200", !data.isFullfeed && isSticky && "fixed top-0 left-0 right-0 z-50", data.isFullfeed && "fixed top-[54px] left-0 z-10 w-full", !data.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",
-						style: {
-							paddingLeft: pxToVw(16),
-							paddingRight: pxToVw(rightIconsWidth + 16),
-							gap: pxToVw(channelItemGap)
-						},
-						children: displayChannels.map((item, index) => {
-							const isActive = currentChannelId === item.id || 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"),
-								style: {
-									height: pxToVw(channelItemHeight),
-									fontSize: isActive ? pxToVw(channelItemActiveFontSize) : pxToVw(channelItemFontSize),
-									fontWeight: isActive ? "bold" : "normal",
-									color: isActive ? "var(--color-theme5)" : "var(--color-text2)"
-								},
-								onClick: () => handleChannelClick(item, index),
-								children: item.cn_name
-							}, item.id || `channel-${index}`);
-						})
-					})
-				}), /* @__PURE__ */ jsxs(Box, {
-					className: "flex items-center gap-[12px] px-[8px]",
-					children: [/* @__PURE__ */ jsx(Box, {
-						className: "flex items-center justify-center cursor-pointer",
-						style: {
-							width: pxToVw(filterIconSize + 8),
-							height: pxToVw(filterIconSize + 8)
-						},
-						onClick: handleFilterClick,
-						children: /* @__PURE__ */ jsx(SvgFilterDark, {
-							width: pxToVw(filterIconSize),
-							height: pxToVw(filterIconSize),
-							style: { color: "var(--color-text1)" }
-						})
-					}), isSticky && /* @__PURE__ */ jsx(Link, {
-						href: searchUrl,
-						onClick: handleSearchClick,
-						children: /* @__PURE__ */ jsx(Box, {
-							className: "flex items-center justify-center cursor-pointer",
-							style: {
-								width: pxToVw(searchIconSize + 8),
-								height: pxToVw(searchIconSize + 8)
-							},
-							children: /* @__PURE__ */ jsx(SvgSearch, {
-								width: pxToVw(searchIconSize),
-								height: pxToVw(searchIconSize),
-								style: { color: "var(--color-text1)" }
-							})
-						})
-					})]
-				})]
-			})
-		}),
-		/* @__PURE__ */ jsx(ChannelFilterDialog, {
-			open: isChannelDialogOpen,
-			onOpenChange: setIsChannelDialogOpen,
-			channels: data.list,
-			currentChannelId,
-			onChannelClick: handleChannelClick,
-			onChannelsChange: handleChannelsChange
-		})
-	] });
-}
-
-//#endregion
-export { BasicNavBarClient as default };
+"use client";import{mergeStyles as e}from"../../../../../utils/styles/helpers.mjs";import{pxToVw as t}from"../../../../../../../utils/helper.mjs";import{Box as n}from"../../../../../../ui/box.mjs";import r from"../../../../../../ui/link.mjs";import{urlPrefix as i}from"../../../../../../../constants/url-prefix.mjs";import{useSticky as a}from"../../../../../../../hooks/use-sticky.mjs";import o from"../../../../../../../assets/icons/search.mjs";import s,{loadHiddenChannelIdsFromStorage as c}from"./channel-filter-dialog.mjs";import{defaultProps as l}from"../defaults/default-props.mjs";import u from"../../../../../../../assets/icons/filter_dark.mjs";import{clsx as d}from"clsx";import{useEffect as f,useMemo as p,useState as m}from"react";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";const v={},y={list:[],currentChannelId:null,isFullfeed:!1};function b(e,t){return t===0?`/`:`${i.CHANNEL}/${encodeURIComponent(e.cn_name)}`}function x({props:i=v,styles:x,events:S,data:C=y}){let{searchUrl:w,searchIconSize:T,filterIconSize:E,channelItemHeight:D,channelItemFontSize:O,channelItemActiveFontSize:k,channelItemGap:A}={...l,...i},[j,M]=m(!1),{isSticky:N,ref:P}=a(),[F,I]=m(C.list),L=p(()=>C.currentChannelId??null,[C.currentChannelId]);f(()=>{let e=c();I(C.list.filter(t=>!e.includes(t.id)))},[C.list]);let R=e=>{I(e)},z=(e,t)=>{S?.onChannelChange?.(e,t)},B=()=>{M(!0),S?.onFilterClick?.()},V=()=>{S?.onSearchClick?.()},H=x?e(x,{}):void 0,U=N?E+T+24:E+16;return _(h,{children:[N&&g(n,{className:`w-full`,style:{height:t(44)}}),g(n,{as:`nav`,ref:P,className:d(`w-full transition-all duration-200`,!C.isFullfeed&&N&&`fixed top-0 left-0 right-0 z-50`,C.isFullfeed&&`fixed top-[54px] left-0 z-10 w-full`,!C.isFullfeed&&`bg-bg1`),style:H,children:_(n,{className:`relative flex items-center h-[44px]`,children:[g(n,{className:`flex-1 overflow-x-auto overflow-y-hidden [&::-webkit-scrollbar]:hidden`,style:{scrollbarWidth:`none`,msOverflowStyle:`none`,WebkitOverflowScrolling:`touch`},children:g(n,{className:`flex items-center h-full`,style:{paddingLeft:t(16),paddingRight:t(U+16),gap:t(A)},children:F.map((e,n)=>{let i=L===e.id||L===null&&n===0;return g(r,{href:b(e,n),className:d(`whitespace-nowrap cursor-pointer transition-all duration-200`,`flex items-center justify-center`),style:{height:t(D),fontSize:t(i?k:O),fontWeight:i?`bold`:`normal`,color:i?`var(--color-theme5)`:`var(--color-text2)`},onClick:()=>z(e,n),children:e.cn_name},e.id||`channel-${n}`)})})}),_(n,{className:`flex items-center gap-[12px] px-[8px]`,children:[g(n,{className:`flex items-center justify-center cursor-pointer`,style:{width:t(E+8),height:t(E+8)},onClick:B,children:g(u,{width:t(E),height:t(E),style:{color:`var(--color-text1)`}})}),N&&g(r,{href:w,onClick:V,children:g(n,{className:`flex items-center justify-center cursor-pointer`,style:{width:t(T+8),height:t(T+8)},children:g(o,{width:t(T),height:t(T),style:{color:`var(--color-text1)`}})})})]})]})}),g(s,{open:j,onOpenChange:M,channels:C.list,currentChannelId:L,onChannelClick:z,onChannelsChange:R})]})}export{x as default};

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/schema/component.mjs

@@ -1,15 +1,2 @@
 
-//#region components/biz/business/nav-bar/variants/basic-nav-bar/schema/component.ts
-/**
-* BasicNavBar 组件元信息配置
-*/
-const componentMeta = {
-	componentName: "BasicNavBar",
-	displayName: "基础导航栏",
-	category: "NavBar",
-	categoryName: "导航栏",
-	enabled: true
-};
-
-//#endregion
-export { componentMeta };
+const e={componentName:`BasicNavBar`,displayName:`基础导航栏`,category:`NavBar`,categoryName:`导航栏`,enabled:!0};export{e as componentMeta};

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/schema/data.schema.mjs

@@ -1,10 +1,2 @@
 
-//#region components/biz/business/nav-bar/variants/basic-nav-bar/schema/data.schema.ts
-/** 数据 Schema 结构 */
-const dataSchema = { dataBinding: {
-	field: "navs",
-	sourceType: "dynamic"
-} };
-
-//#endregion
-export { dataSchema };
+const e={dataBinding:{field:`navs`,sourceType:`dynamic`}};export{e as dataSchema};

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/schema/event.schema.mjs

@@ -1,28 +1,2 @@
 
-//#region components/biz/business/nav-bar/variants/basic-nav-bar/schema/event.schema.ts
-const eventSchema = {
-	onChannelChange: {
-		title: "频道切换事件",
-		description: "切换频道时的回调函数",
-		params: [{
-			type: "object",
-			title: "频道信息",
-			description: "选中的频道信息"
-		}, {
-			type: "number",
-			title: "索引",
-			description: "频道在列表中的索引"
-		}]
-	},
-	onFilterClick: {
-		title: "过滤点击事件",
-		description: "点击过滤图标时的回调函数"
-	},
-	onSearchClick: {
-		title: "搜索点击事件",
-		description: "点击搜索图标时的回调函数"
-	}
-};
-
-//#endregion
-export { eventSchema };
+const e={onChannelChange:{title:`频道切换事件`,description:`切换频道时的回调函数`,params:[{type:`object`,title:`频道信息`,description:`选中的频道信息`},{type:`number`,title:`索引`,description:`频道在列表中的索引`}]},onFilterClick:{title:`过滤点击事件`,description:`点击过滤图标时的回调函数`},onSearchClick:{title:`搜索点击事件`,description:`点击搜索图标时的回调函数`}};export{e as eventSchema};

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/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/nav-bar/variants/basic-nav-bar/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};