@funhub/platform 0.1.127 → 0.1.130

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

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

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

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

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

@@ -1,2 +1,22 @@
 
-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};
+//#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 };

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

@@ -1,2 +1,10 @@
 
-import{defaultProps as e}from"./defaults/default-props.mjs";import t from"./runtime/client.mjs";import{schema as n}from"./schema/index.mjs";var r=t;export{r as default};
+import { defaultProps } from "./defaults/default-props.mjs";
+import 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 };

package/dist/components/biz/business/nav-bar/variants/basic-nav-bar/runtime/channel-filter-dialog.mjs

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

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

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

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

@@ -1,2 +1,15 @@
 
-const e={componentName:`BasicNavBar`,displayName:`基础导航栏`,category:`NavBar`,categoryName:`导航栏`,enabled:!0};export{e as componentMeta};
+//#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 };

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

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

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

@@ -1,2 +1,28 @@
 
-const e={onChannelChange:{title:`频道切换事件`,description:`切换频道时的回调函数`,params:[{type:`object`,title:`频道信息`,description:`选中的频道信息`},{type:`number`,title:`索引`,description:`频道在列表中的索引`}]},onFilterClick:{title:`过滤点击事件`,description:`点击过滤图标时的回调函数`},onSearchClick:{title:`搜索点击事件`,description:`点击搜索图标时的回调函数`}};export{e as eventSchema};
+//#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 };

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

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