@funhub/platform 0.2.15 → 0.2.16

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

@@ -1,2 +1,155 @@
 
-"use client";import{mergeStyles as e}from"../../../../../utils/styles/helpers.mjs";import{pxToVw as t}from"../../../../../../../utils/helper.mjs";import{trackNavigation 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/search.mjs";import c,{loadHiddenChannelIdsFromStorage as l}from"./channel-filter-dialog.mjs";import{defaultProps as u}from"../defaults/default-props.mjs";import d from"../../../../../../../assets/icons/filter_dark.mjs";import{clsx as f}from"clsx";import{useEffect as p,useMemo as m,useState as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";const y={},b={list:[],currentChannelId:null,isFullfeed:!1};function x(e,t){return t===0?`/`:`${a.CHANNEL}/${encodeURIComponent(e.cn_name)}`}function S({props:a=y,styles:S,events:C,data:w=b}){let{searchUrl:T,searchIconSize:E,filterIconSize:D,channelItemHeight:O,channelItemFontSize:k,channelItemActiveFontSize:A,channelItemGap:j}={...u,...a},[M,N]=h(!1),{isSticky:P,ref:F}=o(),[I,L]=h(w.list),R=m(()=>w.currentChannelId??null,[w.currentChannelId]);p(()=>{let e=l();L(w.list.filter(t=>!e.includes(t.id)))},[w.list]);let z=e=>{L(e)},B=(e,t)=>{n({navigation_key:`navigation_channel_${e.cn_name}`,navigation_name:e.cn_name}),C?.onChannelChange?.(e,t)},V=()=>{N(!0),C?.onFilterClick?.()},H=()=>{C?.onSearchClick?.()},U=S?e(S,{}):void 0,W=P?D+E+24:D+16;return v(g,{children:[P&&_(r,{className:`w-full`,style:{height:t(44)}}),_(r,{as:`nav`,ref:F,className:f(`w-full bg-transparent transition-all duration-200`,!w.isFullfeed&&P&&`fixed top-0 left-0 right-0 z-50`,w.isFullfeed&&`fixed top-[54px] left-0 z-10 w-full`),style:U,children:v(r,{className:`relative flex items-center h-[44px]`,children:[_(r,{className:`flex-1 overflow-x-auto overflow-y-hidden [&::-webkit-scrollbar]:hidden`,style:{scrollbarWidth:`none`,msOverflowStyle:`none`,WebkitOverflowScrolling:`touch`},children:_(r,{className:`flex items-center h-full`,style:{paddingLeft:t(16),paddingRight:t(W+16),gap:t(j)},children:I.map((e,n)=>{let r=R===e.id||R===null&&n===0;return _(i,{href:x(e,n),className:f(`whitespace-nowrap cursor-pointer transition-all duration-200`,`flex items-center justify-center`),style:{height:t(O),fontSize:t(r?A:k),fontWeight:r?`bold`:`normal`,color:r?`var(--color-theme5)`:`var(--color-text2)`},onClick:()=>B(e,n),children:e.cn_name},e.id||`channel-${n}`)})})}),v(r,{className:`flex items-center gap-[12px] px-[8px]`,children:[_(r,{className:`flex items-center justify-center cursor-pointer`,style:{width:t(D+8),height:t(D+8)},onClick:V,children:_(d,{width:t(D),height:t(D),style:{color:`var(--color-text1)`}})}),P&&_(i,{href:T,onClick:H,children:_(r,{className:`flex items-center justify-center cursor-pointer`,style:{width:t(E+8),height:t(E+8)},children:_(s,{width:t(E),height:t(E),style:{color:`var(--color-text1)`}})})})]})]})}),_(c,{open:M,onOpenChange:N,channels:w.list,currentChannelId:R,onChannelClick:B,onChannelsChange:z})]})}export{S as default};
+'use client';
+
+import { mergeStyles } from "../../../../../utils/styles/helpers.mjs";
+import { pxToVw } from "../../../../../../../utils/helper.mjs";
+import { trackNavigation } from "../../../../../../../utils/tracking.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) => {
+		/** 频道点击：切换频道 tab 时上报 navigation。 */
+		trackNavigation({
+			navigation_key: `navigation_channel_${item.cn_name}`,
+			navigation_name: item.cn_name
+		});
+		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 bg-transparent 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"),
+			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 };

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

@@ -1,2 +1,93 @@
 
-import{defaultProps as e}from"../defaults/default-props.mjs";const t={currentChannelId:{type:`string`,title:`当前频道ID`,description:`当前选中的频道ID`,default:e.currentChannelId},filterUrl:{type:`string`,title:`过滤链接`,description:`点击过滤图标跳转的URL地址（可选，为空则不显示过滤图标）`,default:e.filterUrl},searchUrl:{type:`string`,title:`搜索链接`,description:`点击搜索图标跳转的URL地址`,default:e.searchUrl},searchPlaceholder:{type:`string`,title:`搜索占位符`,description:`搜索框占位符文本`,default:e.searchPlaceholder},searchIconSize:{type:`number`,title:`搜索图标大小`,description:`搜索图标的大小（像素）`,default:e.searchIconSize,minimum:12,maximum:32},showSearchPlaceholderText:{type:`boolean`,title:`显示搜索占位符文本`,description:`是否显示搜索占位符文本`,default:e.showSearchPlaceholderText},searchBorderColor:{type:`string`,title:`搜索框边框颜色`,description:`搜索框边框颜色（十六进制）`,default:e.searchBorderColor},filterIconSize:{type:`number`,title:`过滤图标大小`,description:`过滤图标的大小（像素）`,default:e.filterIconSize,minimum:12,maximum:32},channelItemHeight:{type:`number`,title:`频道项高度`,description:`频道项的高度（像素）`,default:e.channelItemHeight,minimum:32,maximum:64},channelItemFontSize:{type:`number`,title:`频道项字体大小`,description:`频道项的字体大小（像素）`,default:e.channelItemFontSize,minimum:12,maximum:24},channelItemActiveFontSize:{type:`number`,title:`激活状态字体大小`,description:`激活状态频道项的字体大小（像素）`,default:e.channelItemActiveFontSize,minimum:12,maximum:24},channelItemGap:{type:`number`,title:`频道项间距`,description:`频道项之间的间距（像素）`,default:e.channelItemGap,minimum:8,maximum:32}};export{t as propsSchema};
+import { defaultProps } from "../defaults/default-props.mjs";
+
+//#region components/biz/business/nav-bar/variants/basic-nav-bar/schema/props.schema.ts
+const propsSchema = {
+	currentChannelId: {
+		type: "string",
+		title: "当前频道ID",
+		description: "当前选中的频道ID",
+		default: defaultProps.currentChannelId
+	},
+	filterUrl: {
+		type: "string",
+		title: "过滤链接",
+		description: "点击过滤图标跳转的URL地址（可选，为空则不显示过滤图标）",
+		default: defaultProps.filterUrl
+	},
+	searchUrl: {
+		type: "string",
+		title: "搜索链接",
+		description: "点击搜索图标跳转的URL地址",
+		default: defaultProps.searchUrl
+	},
+	searchPlaceholder: {
+		type: "string",
+		title: "搜索占位符",
+		description: "搜索框占位符文本",
+		default: defaultProps.searchPlaceholder
+	},
+	searchIconSize: {
+		type: "number",
+		title: "搜索图标大小",
+		description: "搜索图标的大小（像素）",
+		default: defaultProps.searchIconSize,
+		minimum: 12,
+		maximum: 32
+	},
+	showSearchPlaceholderText: {
+		type: "boolean",
+		title: "显示搜索占位符文本",
+		description: "是否显示搜索占位符文本",
+		default: defaultProps.showSearchPlaceholderText
+	},
+	searchBorderColor: {
+		type: "string",
+		title: "搜索框边框颜色",
+		description: "搜索框边框颜色（十六进制）",
+		default: defaultProps.searchBorderColor
+	},
+	filterIconSize: {
+		type: "number",
+		title: "过滤图标大小",
+		description: "过滤图标的大小（像素）",
+		default: defaultProps.filterIconSize,
+		minimum: 12,
+		maximum: 32
+	},
+	channelItemHeight: {
+		type: "number",
+		title: "频道项高度",
+		description: "频道项的高度（像素）",
+		default: defaultProps.channelItemHeight,
+		minimum: 32,
+		maximum: 64
+	},
+	channelItemFontSize: {
+		type: "number",
+		title: "频道项字体大小",
+		description: "频道项的字体大小（像素）",
+		default: defaultProps.channelItemFontSize,
+		minimum: 12,
+		maximum: 24
+	},
+	channelItemActiveFontSize: {
+		type: "number",
+		title: "激活状态字体大小",
+		description: "激活状态频道项的字体大小（像素）",
+		default: defaultProps.channelItemActiveFontSize,
+		minimum: 12,
+		maximum: 24
+	},
+	channelItemGap: {
+		type: "number",
+		title: "频道项间距",
+		description: "频道项之间的间距（像素）",
+		default: defaultProps.channelItemGap,
+		minimum: 8,
+		maximum: 32
+	}
+};
+
+//#endregion
+export { propsSchema };

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

@@ -1,2 +1,8 @@
 
-import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};
+import { commonStyleSchema } from "../../../../../utils/styles/schema.mjs";
+
+//#region components/biz/business/nav-bar/variants/basic-nav-bar/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };

package/dist/components/biz/business/post-card/variants/basic-post-card/defaults/default-props.mjs

@@ -1,2 +1,9 @@
 
-const e={};export{e as defaultProps};
+//#region components/biz/business/post-card/variants/basic-post-card/defaults/default-props.ts
+/**
+* BasicPostCard 组件默认 Props 配置
+*/
+const defaultProps = {};
+
+//#endregion
+export { defaultProps };

package/dist/components/biz/business/post-card/variants/basic-post-card/index.mjs

@@ -1,2 +1,10 @@
 
-import e from"./runtime/client.mjs";import{schema as t}from"./schema/index.mjs";import{defaultProps as n}from"./defaults/default-props.mjs";var r=e;export{r as default};
+import BasicPostCardClient from "./runtime/client.mjs";
+import { schema } from "./schema/index.mjs";
+import { defaultProps } from "./defaults/default-props.mjs";
+
+//#region components/biz/business/post-card/variants/basic-post-card/index.ts
+var basic_post_card_default = BasicPostCardClient;
+
+//#endregion
+export { basic_post_card_default as default };

package/dist/components/biz/business/post-card/variants/basic-post-card/runtime/client.mjs

@@ -1,2 +1,120 @@
 
-"use client";import{gContentGetAppChannelBlockData as e}from"../../../../../../../service/generated/client.mjs";import{Box as t}from"../../../../../../ui/box.mjs";import{InfiniteScroll as n}from"../../../../../../ui/infinite-scroll.mjs";import{usePaginated as r}from"../../../../../../../hooks/query/use-query.mjs";import{UserActivityListItem as i}from"../../../../../../common/list/user-activity-list/user-activity-list-item.mjs";import{useLayoutEffect as a,useMemo as o,useRef as s,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";const u={},d={list:[],cursor:``,block_id:``};function f({props:f=u,styles:p,data:m=d}){let{list:h,cursor:g,block_id:_}=m,v=h&&h.length>0,y=o(()=>{if(!v)return;let e=g&&g.trim()?g:void 0;return{pages:[{data:{block:{data:{contents:h,cursor:g||``}}}}],pageParams:[e]}},[v,h,g]),{data:b,fetchNextPage:x,hasNextPage:S}=r({key:[`basic-post-card`,_],queryFn:t=>e({block_id:_,cursor:t||void 0,page_size:12}),getNextPageParam:e=>{let t=e.data?.block?.data?.cursor;return t&&t.trim()?t:void 0},options:{enabled:!!_,initialData:y,refetchOnMount:!1,refetchOnWindowFocus:!1,refetchOnReconnect:!1},initialPageParam:v&&g&&g.trim()?g:void 0}),C=s(h),[w,T]=c(!1);a(()=>{T(!0)},[]);let[E,D]=c({}),O=o(()=>{let e=[...C.current];if(!w)return e.map(e=>{let t=e.content_id;if(!t)return e;let n=E[t];return n===void 0?e:{...e,is_collected:n}});let t=[...e],n=b?.pages;if(n&&n.length>1)for(let e=1;e<n.length;e++){let r=n[e].data?.block?.data?.contents||[];t.push(...r)}return t.map(e=>{let t=e.content_id;if(!t)return e;let n=E[t];return n===void 0?e:{...e,isCollected:n,is_collected:n}})},[b?.pages,w,E]);return l(t,{children:l(n,{loadMore:()=>x().then(()=>{}),hasMore:S===!0||S===void 0&&!!g&&h.length>0,initialLoad:!0,threshold:1e3,children:O.map(e=>l(i,{is_collected:e.is_collected,onCollectChange:(e,t)=>{e&&D(n=>({...n,[e]:t}))},...e},e.content_id||`item-${e.author?.user_id}-${e.create_time}`))})})}export{f as default};
+'use client';
+
+import { gContentGetAppChannelBlockData } from "../../../../../../../service/generated/client.mjs";
+import { Box } from "../../../../../../ui/box.mjs";
+import { InfiniteScroll } from "../../../../../../ui/infinite-scroll.mjs";
+import { usePaginated } from "../../../../../../../hooks/query/use-query.mjs";
+import { UserActivityListItem } from "../../../../../../common/list/user-activity-list/user-activity-list-item.mjs";
+import { useLayoutEffect, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/business/post-card/variants/basic-post-card/runtime/client.tsx
+/**
+* BasicPostCard 客户端渲染组件
+*/
+const defaultProps = {};
+const defaultData = {
+	list: [],
+	cursor: "",
+	block_id: ""
+};
+function BasicPostCardClient({ props: _propsConfig = defaultProps, styles: _styles, data = defaultData }) {
+	const { list: initialList, cursor: initialCursor, block_id } = data;
+	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: {
+				contents: initialList,
+				cursor: initialCursor || ""
+			} } } }],
+			pageParams: [pageParam]
+		};
+	}, [
+		hasInitialData,
+		initialList,
+		initialCursor
+	]);
+	const { data: paginatedData, fetchNextPage, hasNextPage } = usePaginated({
+		key: ["basic-post-card", block_id],
+		queryFn: (cursor) => gContentGetAppChannelBlockData({
+			block_id,
+			cursor: cursor || void 0,
+			page_size: 12
+		}),
+		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 [collectedMap, setCollectedMap] = useState({});
+	const mergedItems = useMemo(() => {
+		const firstPageItems = [...initialListRef.current];
+		if (!isHydrated) return firstPageItems.map((item) => {
+			const contentId = item.content_id;
+			if (!contentId) return item;
+			const collected = collectedMap[contentId];
+			if (collected === void 0) return item;
+			return {
+				...item,
+				is_collected: collected
+			};
+		});
+		const allItems = [...firstPageItems];
+		const pages = paginatedData?.pages;
+		if (pages && pages.length > 1) for (let i = 1; i < pages.length; i++) {
+			const contents = (pages[i].data?.block?.data)?.contents || [];
+			allItems.push(...contents);
+		}
+		return allItems.map((item) => {
+			const contentId = item.content_id;
+			if (!contentId) return item;
+			const collected = collectedMap[contentId];
+			if (collected === void 0) return item;
+			return {
+				...item,
+				isCollected: collected,
+				is_collected: collected
+			};
+		});
+	}, [
+		paginatedData?.pages,
+		isHydrated,
+		collectedMap
+	]);
+	return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(InfiniteScroll, {
+		loadMore: () => fetchNextPage().then(() => {}),
+		hasMore: hasNextPage === true || hasNextPage === void 0 && !!initialCursor && initialList.length > 0,
+		initialLoad: true,
+		threshold: 1e3,
+		children: mergedItems.map((item) => /* @__PURE__ */ jsx(UserActivityListItem, {
+			is_collected: item.is_collected,
+			onCollectChange: (contentId, isCollected) => {
+				if (!contentId) return;
+				setCollectedMap((prev) => ({
+					...prev,
+					[contentId]: isCollected
+				}));
+			},
+			...item
+		}, item.content_id || `item-${item.author?.user_id}-${item.create_time}`))
+	}) });
+}
+
+//#endregion
+export { BasicPostCardClient as default };

package/dist/components/biz/business/post-card/variants/basic-post-card/schema/component.mjs

@@ -1,2 +1,15 @@
 
-const e={componentName:`BasicPostCard`,displayName:`基础动态卡片`,category:`PostCard`,categoryName:`动态卡片`,enabled:!0};export{e as componentMeta};
+//#region components/biz/business/post-card/variants/basic-post-card/schema/component.ts
+/**
+* BasicPostCard 组件元信息配置
+*/
+const componentMeta = {
+	componentName: "BasicPostCard",
+	displayName: "基础动态卡片",
+	category: "PostCard",
+	categoryName: "动态卡片",
+	enabled: true
+};
+
+//#endregion
+export { componentMeta };

package/dist/components/biz/business/post-card/variants/basic-post-card/schema/data.schema.mjs

@@ -1,2 +1,9 @@
 
-const e={dataBinding:{field:`contents`,sourceType:`dynamic`}};export{e as dataSchema};
+//#region components/biz/business/post-card/variants/basic-post-card/schema/data.schema.ts
+const dataSchema = { dataBinding: {
+	field: "contents",
+	sourceType: "dynamic"
+} };
+
+//#endregion
+export { dataSchema };

package/dist/components/biz/business/post-card/variants/basic-post-card/schema/event.schema.mjs

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

package/dist/components/biz/business/post-card/variants/basic-post-card/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/post-card/variants/basic-post-card/schema/index.ts
+const schema = {
+	...componentMeta,
+	propsSchema,
+	dataSchema,
+	styleSchema,
+	eventSchema
+};
+
+//#endregion
+export { schema };

package/dist/components/biz/business/post-card/variants/basic-post-card/schema/props.schema.mjs

@@ -1,2 +1,6 @@
 
-const e={};export{e as propsSchema};
+//#region components/biz/business/post-card/variants/basic-post-card/schema/props.schema.ts
+const propsSchema = {};
+
+//#endregion
+export { propsSchema };

package/dist/components/biz/business/post-card/variants/basic-post-card/schema/style.schema.mjs

@@ -1,2 +1,8 @@
 
-import{commonStyleSchema as e}from"../../../../../utils/styles/schema.mjs";const t={...e};export{t as styleSchema};
+import { commonStyleSchema } from "../../../../../utils/styles/schema.mjs";
+
+//#region components/biz/business/post-card/variants/basic-post-card/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };