@funhub/platform 0.1.19 → 0.1.21

package/dist/biz.d.mts

@@ -92,9 +92,9 @@ import { schema as schema$22 } from "./components/biz/business/search-bar/varian
 import "./components/biz/business/index.mjs";
 import { ButtonInspectorProps, ButtonProps, buttonInspectorDefaultProps, buttonInspectorPropsSchema } from "./components/biz/example/button/schema.mjs";
 import { ButtonClient } from "./components/biz/example/button/client.mjs";
-import { Button } from "./components/biz/example/button/server.mjs";
 import { exampleButtonMaterial } from "./components/biz/example/button/material.mjs";
+import { Button } from "./components/biz/example/button/server.mjs";
 import "./components/biz/example/button/index.mjs";
-import { NodeDocument, PageDocument, PageMeta, Renderer, RendererDocument, RendererMaterial, RendererProps } from "./components/biz/renderer/renderer.mjs";
+import { NodeDocument, PageDocument, PageMeta, Renderer, RendererDocument, RendererMaterial, RendererMode, RendererProps } from "./components/biz/renderer/renderer.mjs";
 import "./components/biz/renderer/index.mjs";
-export { BaseComponentProps, BasicBannerClient as BasicBanner, defaultProps as BasicBannerDefaultData, BasicBanner as BasicBannerMaterialComponent, schema as BasicBannerSchema, BasicFeatureGridClient as BasicFeatureGrid, defaultProps$1 as BasicFeatureGridDefaultData, schema$1 as BasicFeatureGridSchema, BasicFullscreen, FullscreenFeedClient as BasicFullscreenFeed, defaultProps$2 as BasicFullscreenFeedDefaultData, schema$2 as BasicFullscreenFeedSchema, BasicLogoClient as BasicLogo, defaultProps$3 as BasicLogoDefaultData, schema$3 as BasicLogoSchema, BasicNavBarClient as BasicNavBar, defaultProps$4 as BasicNavBarDefaultData, schema$4 as BasicNavBarSchema, BasicPostCardClient as BasicPostCard, defaultProps$5 as BasicPostCardDefaultData, schema$5 as BasicPostCardSchema, BasicRecommendedUsersClient as BasicRecommendedUsers, defaultProps$6 as BasicRecommendedUsersDefaultData, schema$6 as BasicRecommendedUsersSchema, BasicSearchClient as BasicSearch, BasicSearchBarClient as BasicSearchBar, defaultProps$7 as BasicSearchBarDefaultData, schema$7 as BasicSearchBarSchema, defaultProps$8 as BasicSearchDefaultData, schema$8 as BasicSearchSchema, Button, ButtonClient, ButtonInspectorProps, ButtonProps, CARD_SPEC_MAP, CardCornerMode, CardGrid2x3Client as CardGrid2x3, defaultProps$9 as CardGrid2x3DefaultData, CardGrid2x3InfiniteClient as CardGrid2x3Infinite, defaultProps$10 as CardGrid2x3InfiniteDefaultData, schema$9 as CardGrid2x3InfiniteSchema, schema$10 as CardGrid2x3Schema, CardGrid2x4Client as CardGrid2x4, defaultProps$11 as CardGrid2x4DefaultData, schema$11 as CardGrid2x4Schema, CardGrid3x3Client as CardGrid3x3, defaultProps$12 as CardGrid3x3DefaultData, CardGrid3x3InfiniteClient as CardGrid3x3Infinite, defaultProps$13 as CardGrid3x3InfiniteDefaultData, schema$12 as CardGrid3x3InfiniteSchema, schema$13 as CardGrid3x3Schema, defaultProps$14 as CardItemDefaultData, schema$14 as CardItemSchema, defaultProps$15 as CardLayoutDefaultData, schema$15 as CardLayoutSchema, CardSpec, ChannelDataItem, CommonStyleSchema, ComponentMaterial, ComponentSchema, ComponentType, ContentBlockItem, DataBinding, DataBindingField, DataBindingSourceType, DataBindingUIMode, DataSchema, DataSlot, DataSourceType, DetailSearchBarClient as DetailSearchBar, defaultProps$16 as DetailSearchBarDefaultData, schema$16 as DetailSearchBarSchema, EventDefinition, EventSchema, ExtractedDataItem, FieldSchema, FieldType, FilterSearchClient as FilterSearch, FilterSearchBarClient as FilterSearchBar, defaultProps$17 as FilterSearchBarDefaultData, schema$17 as FilterSearchBarSchema, defaultProps$18 as FilterSearchDefaultData, schema$18 as FilterSearchSchema, FullscreenPostFeedClient as FullscreenFeedClient, defaultProps$19 as FullscreenPostFeedDefaultData, schema$19 as FullscreenPostFeedSchema, FullscreenVideoFeedClient as FullscreenVideoClient, defaultProps$20 as FullscreenVideoFeedDefaultData, schema$20 as FullscreenVideoFeedSchema, MaterialRegistry, NodeDocument, PageDocument, PageMeta, PropDefinition, PropSchema, RawContentData, Renderer, RendererDocument, RendererMaterial, RendererProps, SimpleSearchClient as SimpleSearch, defaultProps$21 as SimpleSearchDefaultData, schema$21 as SimpleSearchSchema, StylePropDefinition, StyleSchema, TagSearchClient as TagSearch, TagSearchBarClient as TagSearchBar, defaultProps$22 as TagSearchBarDefaultData, schema$22 as TagSearchBarSchema, defaultProps$23 as TagSearchDefaultData, schema$23 as TagSearchSchema, basicBannerInspectorDefaultProps, basicBannerInspectorPropsSchema, basicBannerMaterial, buildContentUrl, buttonInspectorDefaultProps, buttonInspectorPropsSchema, commonStyleSchema, commonStylesToInline, customStylesToInline, exampleButtonMaterial, extractDataByComponentType, getCardSpecConfig, mergeStyles, transformContentListToCardItems, transformContentToCardItem };
+export { BaseComponentProps, BasicBannerClient as BasicBanner, defaultProps as BasicBannerDefaultData, BasicBanner as BasicBannerMaterialComponent, schema as BasicBannerSchema, BasicFeatureGridClient as BasicFeatureGrid, defaultProps$1 as BasicFeatureGridDefaultData, schema$1 as BasicFeatureGridSchema, BasicFullscreen, FullscreenFeedClient as BasicFullscreenFeed, defaultProps$2 as BasicFullscreenFeedDefaultData, schema$2 as BasicFullscreenFeedSchema, BasicLogoClient as BasicLogo, defaultProps$3 as BasicLogoDefaultData, schema$3 as BasicLogoSchema, BasicNavBarClient as BasicNavBar, defaultProps$4 as BasicNavBarDefaultData, schema$4 as BasicNavBarSchema, BasicPostCardClient as BasicPostCard, defaultProps$5 as BasicPostCardDefaultData, schema$5 as BasicPostCardSchema, BasicRecommendedUsersClient as BasicRecommendedUsers, defaultProps$6 as BasicRecommendedUsersDefaultData, schema$6 as BasicRecommendedUsersSchema, BasicSearchClient as BasicSearch, BasicSearchBarClient as BasicSearchBar, defaultProps$7 as BasicSearchBarDefaultData, schema$7 as BasicSearchBarSchema, defaultProps$8 as BasicSearchDefaultData, schema$8 as BasicSearchSchema, Button, ButtonClient, ButtonInspectorProps, ButtonProps, CARD_SPEC_MAP, CardCornerMode, CardGrid2x3Client as CardGrid2x3, defaultProps$9 as CardGrid2x3DefaultData, CardGrid2x3InfiniteClient as CardGrid2x3Infinite, defaultProps$10 as CardGrid2x3InfiniteDefaultData, schema$9 as CardGrid2x3InfiniteSchema, schema$10 as CardGrid2x3Schema, CardGrid2x4Client as CardGrid2x4, defaultProps$11 as CardGrid2x4DefaultData, schema$11 as CardGrid2x4Schema, CardGrid3x3Client as CardGrid3x3, defaultProps$12 as CardGrid3x3DefaultData, CardGrid3x3InfiniteClient as CardGrid3x3Infinite, defaultProps$13 as CardGrid3x3InfiniteDefaultData, schema$12 as CardGrid3x3InfiniteSchema, schema$13 as CardGrid3x3Schema, defaultProps$14 as CardItemDefaultData, schema$14 as CardItemSchema, defaultProps$15 as CardLayoutDefaultData, schema$15 as CardLayoutSchema, CardSpec, ChannelDataItem, CommonStyleSchema, ComponentMaterial, ComponentSchema, ComponentType, ContentBlockItem, DataBinding, DataBindingField, DataBindingSourceType, DataBindingUIMode, DataSchema, DataSlot, DataSourceType, DetailSearchBarClient as DetailSearchBar, defaultProps$16 as DetailSearchBarDefaultData, schema$16 as DetailSearchBarSchema, EventDefinition, EventSchema, ExtractedDataItem, FieldSchema, FieldType, FilterSearchClient as FilterSearch, FilterSearchBarClient as FilterSearchBar, defaultProps$17 as FilterSearchBarDefaultData, schema$17 as FilterSearchBarSchema, defaultProps$18 as FilterSearchDefaultData, schema$18 as FilterSearchSchema, FullscreenPostFeedClient as FullscreenFeedClient, defaultProps$19 as FullscreenPostFeedDefaultData, schema$19 as FullscreenPostFeedSchema, FullscreenVideoFeedClient as FullscreenVideoClient, defaultProps$20 as FullscreenVideoFeedDefaultData, schema$20 as FullscreenVideoFeedSchema, MaterialRegistry, NodeDocument, PageDocument, PageMeta, PropDefinition, PropSchema, RawContentData, Renderer, RendererDocument, RendererMaterial, RendererMode, RendererProps, SimpleSearchClient as SimpleSearch, defaultProps$21 as SimpleSearchDefaultData, schema$21 as SimpleSearchSchema, StylePropDefinition, StyleSchema, TagSearchClient as TagSearch, TagSearchBarClient as TagSearchBar, defaultProps$22 as TagSearchBarDefaultData, schema$22 as TagSearchBarSchema, defaultProps$23 as TagSearchDefaultData, schema$23 as TagSearchSchema, basicBannerInspectorDefaultProps, basicBannerInspectorPropsSchema, basicBannerMaterial, buildContentUrl, buttonInspectorDefaultProps, buttonInspectorPropsSchema, commonStyleSchema, commonStylesToInline, customStylesToInline, exampleButtonMaterial, extractDataByComponentType, getCardSpecConfig, mergeStyles, transformContentListToCardItems, transformContentToCardItem };

package/dist/components/biz/business/banner/variants/basic-banner/material.mjs

@@ -1,2 +1,2 @@
 
-import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{basicBannerInspectorPropsSchema as t}from"./inspector-schema.mjs";import{BasicBanner as n}from"./server.mjs";const r=e({type:`basic-banner`,name:`基础轮播图`,icon:`/static/components-thumb/banner.png`,category:`CENTER`,component:n,propsSchema:t});export{r as basicBannerMaterial};
+import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{basicBannerInspectorPropsSchema as t}from"./inspector-schema.mjs";import{BasicBanner as n}from"./server.mjs";const r=e({type:`basic-banner`,name:`基础轮播图`,icon:`/static/components-thumb/banner.png`,category:`CENTER`,serverComponent:n,clientComponent:n,propsSchema:t});export{r as basicBannerMaterial};

package/dist/components/biz/business/detail/materials/registry.d.mts

@@ -1,35 +1,35 @@
 
 import { SchemaHasDefaultValue } from "../../../../../utils/schema/schema.mjs";
 import { DefineMaterialOption } from "../../../../../utils/schema/material.mjs";
-import { VideoDetailPlayer } from "./video-detail-player/server.mjs";
+import { VideoDetailPlayerClient } from "./video-detail-player/client.mjs";
 import "./video-detail-player/index.mjs";
-import { VideoDetailInfo } from "./video-detail-info/server.mjs";
+import { VideoDetailInfoClient } from "./video-detail-info/client.mjs";
 import "./video-detail-info/index.mjs";
 import "../../../../../utils.mjs";
-import { VideoDetailInfoTitle } from "./video-detail-info-title/server.mjs";
+import { VideoDetailInfoTitleClient } from "./video-detail-info-title/client.mjs";
 import "./video-detail-info-title/index.mjs";
-import { VideoDetailInfoTitleTagsEpisodes } from "./video-detail-info-title-tags-episodes/server.mjs";
+import { VideoDetailInfoTitleTagsEpisodesClient } from "./video-detail-info-title-tags-episodes/client.mjs";
 import "./video-detail-info-title-tags-episodes/index.mjs";
-import { VideoDetailActions } from "./video-detail-actions/server.mjs";
+import { VideoDetailActionsClient } from "./video-detail-actions/client.mjs";
 import "./video-detail-actions/index.mjs";
-import { VideoDetailRecommend } from "./video-detail-recommend/server.mjs";
+import { VideoDetailRecommendClient } from "./video-detail-recommend/client.mjs";
 import "./video-detail-recommend/index.mjs";
 import z from "zod";
 
 //#region components/biz/business/detail/materials/registry.d.ts
 declare const videoDetailMaterials: {
-  'video-detail-player': DefineMaterialOption<typeof VideoDetailPlayer, z.ZodObject<{}, z.core.$strip>, "video-detail-player">;
-  'video-detail-info': DefineMaterialOption<typeof VideoDetailInfo, z.ZodObject<{
+  'video-detail-player': DefineMaterialOption<typeof VideoDetailPlayerClient, z.ZodObject<{}, z.core.$strip>, "video-detail-player">;
+  'video-detail-info': DefineMaterialOption<typeof VideoDetailInfoClient, z.ZodObject<{
     showTags: z.ZodBoolean & SchemaHasDefaultValue;
     showEpisodes: z.ZodBoolean & SchemaHasDefaultValue;
   }, z.core.$strip>, "video-detail-info">;
-  'video-detail-info-title': DefineMaterialOption<typeof VideoDetailInfoTitle, z.ZodObject<{}, z.core.$strip>, "video-detail-info-title">;
-  'video-detail-info-title-tags-episodes': DefineMaterialOption<typeof VideoDetailInfoTitleTagsEpisodes, z.ZodObject<{
+  'video-detail-info-title': DefineMaterialOption<typeof VideoDetailInfoTitleClient, z.ZodObject<{}, z.core.$strip>, "video-detail-info-title">;
+  'video-detail-info-title-tags-episodes': DefineMaterialOption<typeof VideoDetailInfoTitleTagsEpisodesClient, z.ZodObject<{
     showTags: z.ZodBoolean & SchemaHasDefaultValue;
     showEpisodes: z.ZodBoolean & SchemaHasDefaultValue;
   }, z.core.$strip>, "video-detail-info-title-tags-episodes">;
-  'video-detail-actions': DefineMaterialOption<typeof VideoDetailActions, z.ZodObject<{}, z.core.$strip>, "video-detail-actions">;
-  'video-detail-recommend': DefineMaterialOption<typeof VideoDetailRecommend, z.ZodObject<{
+  'video-detail-actions': DefineMaterialOption<typeof VideoDetailActionsClient, z.ZodObject<{}, z.core.$strip>, "video-detail-actions">;
+  'video-detail-recommend': DefineMaterialOption<typeof VideoDetailRecommendClient, z.ZodObject<{
     rows: z.ZodNumber & SchemaHasDefaultValue;
     columns: z.ZodNumber & SchemaHasDefaultValue;
     smartTagEnabled: z.ZodBoolean & SchemaHasDefaultValue;

package/dist/components/biz/business/detail/materials/video-detail-actions/client.d.mts

@@ -1,7 +1,7 @@
 
 import { SafeInformationType } from "../../../../../../types/safe-information.mjs";
 import { VideoDetailActionsInspectorProps } from "./schema.mjs";
-import "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/biz/business/detail/materials/video-detail-actions/client.d.ts
 interface VideoDetailActionsProps extends VideoDetailActionsInspectorProps {
@@ -10,5 +10,12 @@ interface VideoDetailActionsProps extends VideoDetailActionsInspectorProps {
   /** 操作回写。 */
   onUpdate: (data: Partial<SafeInformationType>) => void;
 }
+/**
+ * 视频详情行为模块客户端组件。
+ */
+declare function VideoDetailActionsClient({
+  information,
+  onUpdate
+}: VideoDetailActionsProps): react_jsx_runtime0.JSX.Element | null;
 //#endregion
-export { VideoDetailActionsProps };
+export { VideoDetailActionsClient, VideoDetailActionsProps };

package/dist/components/biz/business/detail/materials/video-detail-actions/index.d.mts

@@ -1,5 +1,5 @@
 
 import { VideoDetailActionsInspectorProps, videoDetailActionsInspectorPropsSchema } from "./schema.mjs";
-import { VideoDetailActionsProps } from "./client.mjs";
-import { VideoDetailActions } from "./server.mjs";
-import "./material.mjs";
+import { VideoDetailActionsClient, VideoDetailActionsProps } from "./client.mjs";
+import "./material.mjs";
+import "./server.mjs";

package/dist/components/biz/business/detail/materials/video-detail-actions/material.d.mts

@@ -1,4 +1,4 @@
 
 import "../../../../../../utils/schema/material.mjs";
-import "./server.mjs";
+import "./client.mjs";
 import "zod";

package/dist/components/biz/business/detail/materials/video-detail-actions/material.mjs

@@ -1,2 +1,2 @@
 
-import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{videoDetailActionsInspectorPropsSchema as t}from"./schema.mjs";import{VideoDetailActions as n}from"./server.mjs";const r=e({type:`video-detail-actions`,name:`video-detail-actions`,icon:`/icon/video-detail-actions.png`,category:`CENTER`,component:n,propsSchema:t});export{r as videoDetailActionsMaterial};
+import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{VideoDetailActionsClient as t}from"./client.mjs";import{videoDetailActionsInspectorPropsSchema as n}from"./schema.mjs";import{VideoDetailActions as r}from"./server.mjs";const i=e({type:`video-detail-actions`,name:`video-detail-actions`,icon:`/icon/video-detail-actions.png`,category:`CENTER`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as videoDetailActionsMaterial};

package/dist/components/biz/business/detail/materials/video-detail-actions/server.d.mts

@@ -1,11 +1,3 @@
 
-import { VideoDetailActionsProps } from "./client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region components/biz/business/detail/materials/video-detail-actions/server.d.ts
-/**
- * 视频详情行为模块服务端组件。
- */
-declare function VideoDetailActions(props: VideoDetailActionsProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { VideoDetailActions };
+import "./client.mjs";
+import "react/jsx-runtime";

package/dist/components/biz/business/detail/materials/video-detail-info/client.d.mts

@@ -1,7 +1,7 @@
 
 import { SafeInformationType } from "../../../../../../types/safe-information.mjs";
 import { VideoDetailInfoInspectorProps } from "./schema.mjs";
-import "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/biz/business/detail/materials/video-detail-info/client.d.ts
 interface VideoDetailInfoProps extends VideoDetailInfoInspectorProps {
@@ -14,5 +14,16 @@ interface VideoDetailInfoProps extends VideoDetailInfoInspectorProps {
   /** 是否展示。 */
   isShow?: boolean;
 }
+/**
+ * 视频详情信息模块客户端组件。
+ */
+declare function VideoDetailInfoClient({
+  information,
+  currentSeriesNum,
+  onEpisodeChange,
+  showTags,
+  showEpisodes,
+  isShow
+}: VideoDetailInfoProps): react_jsx_runtime0.JSX.Element | null;
 //#endregion
-export { VideoDetailInfoProps };
+export { VideoDetailInfoClient, VideoDetailInfoProps };

package/dist/components/biz/business/detail/materials/video-detail-info/index.d.mts

@@ -1,5 +1,5 @@
 
 import { VideoDetailInfoInspectorProps, videoDetailInfoInspectorPropsSchema } from "./schema.mjs";
-import { VideoDetailInfoProps } from "./client.mjs";
-import { VideoDetailInfo } from "./server.mjs";
-import "./material.mjs";
+import { VideoDetailInfoClient, VideoDetailInfoProps } from "./client.mjs";
+import "./material.mjs";
+import "./server.mjs";

package/dist/components/biz/business/detail/materials/video-detail-info/material.d.mts

@@ -1,5 +1,5 @@
 
 import "../../../../../../utils/schema/material.mjs";
 import "../../../../../../utils/schema/index.mjs";
-import "./server.mjs";
+import "./client.mjs";
 import "zod";

package/dist/components/biz/business/detail/materials/video-detail-info/material.mjs

@@ -1,2 +1,2 @@
 
-import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{videoDetailInfoInspectorPropsSchema as t}from"./schema.mjs";import{VideoDetailInfo as n}from"./server.mjs";const r=e({type:`video-detail-info`,name:`video-detail-info`,icon:`/icon/video-detail-info.png`,category:`CENTER`,component:n,propsSchema:t});export{r as videoDetailInfoMaterial};
+import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{VideoDetailInfoClient as t}from"./client.mjs";import{videoDetailInfoInspectorPropsSchema as n}from"./schema.mjs";import{VideoDetailInfo as r}from"./server.mjs";const i=e({type:`video-detail-info`,name:`video-detail-info`,icon:`/icon/video-detail-info.png`,category:`CENTER`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as videoDetailInfoMaterial};

package/dist/components/biz/business/detail/materials/video-detail-info/server.d.mts

@@ -1,11 +1,3 @@
 
-import { VideoDetailInfoProps } from "./client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region components/biz/business/detail/materials/video-detail-info/server.d.ts
-/**
- * 视频详情信息模块服务端组件。
- */
-declare function VideoDetailInfo(props: VideoDetailInfoProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { VideoDetailInfo };
+import "./client.mjs";
+import "react/jsx-runtime";

package/dist/components/biz/business/detail/materials/video-detail-info-title/client.d.mts

@@ -1,12 +1,18 @@
 
 import { SafeInformationType } from "../../../../../../types/safe-information.mjs";
 import { VideoDetailInfoTitleInspectorProps } from "./schema.mjs";
-import "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/biz/business/detail/materials/video-detail-info-title/client.d.ts
 interface VideoDetailInfoTitleProps extends VideoDetailInfoTitleInspectorProps {
   /** 视频详情信息。 */
   information: SafeInformationType;
 }
+/**
+ * 标题变体物料客户端组件。
+ */
+declare function VideoDetailInfoTitleClient({
+  information
+}: VideoDetailInfoTitleProps): react_jsx_runtime0.JSX.Element | null;
 //#endregion
-export { VideoDetailInfoTitleProps };
+export { VideoDetailInfoTitleClient, VideoDetailInfoTitleProps };

package/dist/components/biz/business/detail/materials/video-detail-info-title/index.d.mts

@@ -1,5 +1,5 @@
 
 import { VideoDetailInfoTitleInspectorProps, videoDetailInfoTitleInspectorPropsSchema } from "./schema.mjs";
-import { VideoDetailInfoTitleProps } from "./client.mjs";
-import { VideoDetailInfoTitle } from "./server.mjs";
-import "./material.mjs";
+import { VideoDetailInfoTitleClient, VideoDetailInfoTitleProps } from "./client.mjs";
+import "./material.mjs";
+import "./server.mjs";

package/dist/components/biz/business/detail/materials/video-detail-info-title/material.d.mts

@@ -1,4 +1,4 @@
 
 import "../../../../../../utils/schema/material.mjs";
-import "./server.mjs";
+import "./client.mjs";
 import "zod";

package/dist/components/biz/business/detail/materials/video-detail-info-title/material.mjs

@@ -1,2 +1,2 @@
 
-import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{videoDetailInfoTitleInspectorPropsSchema as t}from"./schema.mjs";import{VideoDetailInfoTitle as n}from"./server.mjs";const r=e({type:`video-detail-info-title`,name:`video-detail-info-title`,icon:`/icon/video-detail-info.png`,category:`CENTER`,component:n,propsSchema:t});export{r as videoDetailInfoTitleMaterial};
+import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{VideoDetailInfoTitleClient as t}from"./client.mjs";import{videoDetailInfoTitleInspectorPropsSchema as n}from"./schema.mjs";import{VideoDetailInfoTitle as r}from"./server.mjs";const i=e({type:`video-detail-info-title`,name:`video-detail-info-title`,icon:`/icon/video-detail-info.png`,category:`CENTER`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as videoDetailInfoTitleMaterial};

package/dist/components/biz/business/detail/materials/video-detail-info-title/server.d.mts

@@ -1,11 +1,3 @@
 
-import { VideoDetailInfoTitleProps } from "./client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region components/biz/business/detail/materials/video-detail-info-title/server.d.ts
-/**
- * 标题变体物料服务端组件。
- */
-declare function VideoDetailInfoTitle(props: VideoDetailInfoTitleProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { VideoDetailInfoTitle };
+import "./client.mjs";
+import "react/jsx-runtime";

package/dist/components/biz/business/detail/materials/video-detail-info-title-tags-episodes/client.d.mts

@@ -1,7 +1,7 @@
 
 import { SafeInformationType } from "../../../../../../types/safe-information.mjs";
 import { VideoDetailInfoTitleTagsEpisodesInspectorProps } from "./schema.mjs";
-import "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/biz/business/detail/materials/video-detail-info-title-tags-episodes/client.d.ts
 interface VideoDetailInfoTitleTagsEpisodesProps extends VideoDetailInfoTitleTagsEpisodesInspectorProps {
@@ -12,5 +12,15 @@ interface VideoDetailInfoTitleTagsEpisodesProps extends VideoDetailInfoTitleTags
   /** 选集变更回调。 */
   onEpisodeChange: (nextSeriesNum: number) => void;
 }
+/**
+ * 标题+标签+选集变体物料客户端组件。
+ */
+declare function VideoDetailInfoTitleTagsEpisodesClient({
+  information,
+  currentSeriesNum,
+  onEpisodeChange,
+  showTags,
+  showEpisodes
+}: VideoDetailInfoTitleTagsEpisodesProps): react_jsx_runtime0.JSX.Element | null;
 //#endregion
-export { VideoDetailInfoTitleTagsEpisodesProps };
+export { VideoDetailInfoTitleTagsEpisodesClient, VideoDetailInfoTitleTagsEpisodesProps };

package/dist/components/biz/business/detail/materials/video-detail-info-title-tags-episodes/index.d.mts

@@ -1,5 +1,5 @@
 
 import { VideoDetailInfoTitleTagsEpisodesInspectorProps, videoDetailInfoTitleTagsEpisodesInspectorPropsSchema } from "./schema.mjs";
-import { VideoDetailInfoTitleTagsEpisodesProps } from "./client.mjs";
-import { VideoDetailInfoTitleTagsEpisodes } from "./server.mjs";
-import "./material.mjs";
+import { VideoDetailInfoTitleTagsEpisodesClient, VideoDetailInfoTitleTagsEpisodesProps } from "./client.mjs";
+import "./material.mjs";
+import "./server.mjs";

package/dist/components/biz/business/detail/materials/video-detail-info-title-tags-episodes/material.d.mts

@@ -1,5 +1,5 @@
 
 import "../../../../../../utils/schema/material.mjs";
 import "../../../../../../utils/schema/index.mjs";
-import "./server.mjs";
+import "./client.mjs";
 import "zod";

package/dist/components/biz/business/detail/materials/video-detail-info-title-tags-episodes/material.mjs

@@ -1,2 +1,2 @@
 
-import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{videoDetailInfoTitleTagsEpisodesInspectorPropsSchema as t}from"./schema.mjs";import{VideoDetailInfoTitleTagsEpisodes as n}from"./server.mjs";const r=e({type:`video-detail-info-title-tags-episodes`,name:`video-detail-info-title-tags-episodes`,icon:`/icon/video-detail-info.png`,category:`CENTER`,component:n,propsSchema:t});export{r as videoDetailInfoTitleTagsEpisodesMaterial};
+import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{VideoDetailInfoTitleTagsEpisodesClient as t}from"./client.mjs";import{videoDetailInfoTitleTagsEpisodesInspectorPropsSchema as n}from"./schema.mjs";import{VideoDetailInfoTitleTagsEpisodes as r}from"./server.mjs";const i=e({type:`video-detail-info-title-tags-episodes`,name:`video-detail-info-title-tags-episodes`,icon:`/icon/video-detail-info.png`,category:`CENTER`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as videoDetailInfoTitleTagsEpisodesMaterial};

package/dist/components/biz/business/detail/materials/video-detail-info-title-tags-episodes/server.d.mts

@@ -1,11 +1,3 @@
 
-import { VideoDetailInfoTitleTagsEpisodesProps } from "./client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region components/biz/business/detail/materials/video-detail-info-title-tags-episodes/server.d.ts
-/**
- * 标题+标签+选集变体物料服务端组件。
- */
-declare function VideoDetailInfoTitleTagsEpisodes(props: VideoDetailInfoTitleTagsEpisodesProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { VideoDetailInfoTitleTagsEpisodes };
+import "./client.mjs";
+import "react/jsx-runtime";

package/dist/components/biz/business/detail/materials/video-detail-player/client.d.mts

@@ -1,7 +1,7 @@
 
 import { SafeInformationType } from "../../../../../../types/safe-information.mjs";
 import { VideoDetailPlayerInspectorProps } from "./schema.mjs";
-import "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/biz/business/detail/materials/video-detail-player/client.d.ts
 interface VideoDetailPlayerProps extends VideoDetailPlayerInspectorProps {
@@ -12,5 +12,13 @@ interface VideoDetailPlayerProps extends VideoDetailPlayerInspectorProps {
   /** 续播秒数。 */
   resumeProgressSeconds: number;
 }
+/**
+ * 视频播放器物料客户端组件。
+ */
+declare function VideoDetailPlayerClient({
+  information,
+  episodeIndex,
+  resumeProgressSeconds
+}: VideoDetailPlayerProps): react_jsx_runtime0.JSX.Element | null;
 //#endregion
-export { VideoDetailPlayerProps };
+export { VideoDetailPlayerClient, VideoDetailPlayerProps };

package/dist/components/biz/business/detail/materials/video-detail-player/index.d.mts

@@ -1,5 +1,5 @@
 
 import { VideoDetailPlayerInspectorProps, videoDetailPlayerInspectorPropsSchema } from "./schema.mjs";
-import { VideoDetailPlayerProps } from "./client.mjs";
-import { VideoDetailPlayer } from "./server.mjs";
-import "./material.mjs";
+import { VideoDetailPlayerClient, VideoDetailPlayerProps } from "./client.mjs";
+import "./material.mjs";
+import "./server.mjs";

package/dist/components/biz/business/detail/materials/video-detail-player/material.d.mts

@@ -1,4 +1,4 @@
 
 import "../../../../../../utils/schema/material.mjs";
-import "./server.mjs";
+import "./client.mjs";
 import "zod";

package/dist/components/biz/business/detail/materials/video-detail-player/material.mjs

@@ -1,2 +1,2 @@
 
-import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{videoDetailPlayerInspectorPropsSchema as t}from"./schema.mjs";import{VideoDetailPlayer as n}from"./server.mjs";const r=e({type:`video-detail-player`,name:`video-detail-player`,icon:`/icon/video-detail-player.png`,category:`CENTER`,component:n,propsSchema:t});export{r as videoDetailPlayerMaterial};
+import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{VideoDetailPlayerClient as t}from"./client.mjs";import{videoDetailPlayerInspectorPropsSchema as n}from"./schema.mjs";import{VideoDetailPlayer as r}from"./server.mjs";const i=e({type:`video-detail-player`,name:`video-detail-player`,icon:`/icon/video-detail-player.png`,category:`CENTER`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as videoDetailPlayerMaterial};

package/dist/components/biz/business/detail/materials/video-detail-player/server.d.mts

@@ -1,11 +1,3 @@
 
-import { VideoDetailPlayerProps } from "./client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region components/biz/business/detail/materials/video-detail-player/server.d.ts
-/**
- * 视频播放器物料服务端组件。
- */
-declare function VideoDetailPlayer(props: VideoDetailPlayerProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { VideoDetailPlayer };
+import "./client.mjs";
+import "react/jsx-runtime";

package/dist/components/biz/business/detail/materials/video-detail-recommend/client.d.mts

@@ -1,11 +1,27 @@
 
 import { VideoDetailRecommendInspectorProps } from "./schema.mjs";
-import "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/biz/business/detail/materials/video-detail-recommend/client.d.ts
 interface VideoDetailRecommendProps extends VideoDetailRecommendInspectorProps {
   /** 当前视频 id，用于过滤。 */
   detailId: string;
 }
+/**
+ * 推荐模块客户端组件。
+ */
+declare function VideoDetailRecommendClient({
+  detailId,
+  rows,
+  columns,
+  smartTagEnabled,
+  smartTagIds,
+  title,
+  showPlayCount,
+  playCountDelta,
+  showEpisode,
+  enableInfinite,
+  items
+}: VideoDetailRecommendProps): react_jsx_runtime0.JSX.Element | null;
 //#endregion
-export { VideoDetailRecommendProps };
+export { VideoDetailRecommendClient, VideoDetailRecommendProps };

package/dist/components/biz/business/detail/materials/video-detail-recommend/index.d.mts

@@ -1,5 +1,5 @@
 
 import { VideoDetailRecommendInspectorProps, videoDetailRecommendInspectorPropsSchema } from "./schema.mjs";
-import { VideoDetailRecommendProps } from "./client.mjs";
-import { VideoDetailRecommend } from "./server.mjs";
-import "./material.mjs";
+import { VideoDetailRecommendClient, VideoDetailRecommendProps } from "./client.mjs";
+import "./material.mjs";
+import "./server.mjs";

package/dist/components/biz/business/detail/materials/video-detail-recommend/material.d.mts

@@ -1,5 +1,5 @@
 
 import "../../../../../../utils/schema/material.mjs";
 import "../../../../../../utils/schema/index.mjs";
-import "./server.mjs";
+import "./client.mjs";
 import "zod";

package/dist/components/biz/business/detail/materials/video-detail-recommend/material.mjs

@@ -1,2 +1,2 @@
 
-import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{videoDetailRecommendInspectorPropsSchema as t}from"./schema.mjs";import{VideoDetailRecommend as n}from"./server.mjs";const r=e({type:`video-detail-recommend`,name:`video-detail-recommend`,icon:`/icon/video-detail-recommend.png`,category:`CENTER`,component:n,propsSchema:t});export{r as videoDetailRecommendMaterial};
+import{defineMaterial as e}from"../../../../../../utils/schema/material.mjs";import{VideoDetailRecommendClient as t}from"./client.mjs";import{videoDetailRecommendInspectorPropsSchema as n}from"./schema.mjs";import{VideoDetailRecommend as r}from"./server.mjs";const i=e({type:`video-detail-recommend`,name:`video-detail-recommend`,icon:`/icon/video-detail-recommend.png`,category:`CENTER`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as videoDetailRecommendMaterial};

package/dist/components/biz/business/detail/materials/video-detail-recommend/server.d.mts

@@ -1,11 +1,3 @@
 
-import { VideoDetailRecommendProps } from "./client.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region components/biz/business/detail/materials/video-detail-recommend/server.d.ts
-/**
- * 推荐模块服务端组件。
- */
-declare function VideoDetailRecommend(props: VideoDetailRecommendProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { VideoDetailRecommend };
+import "./client.mjs";
+import "react/jsx-runtime";

package/dist/components/biz/example/button/client.mjs

@@ -1,2 +1,2 @@
 
-"use client";import{cn as e}from"../../../../utils/cn.mjs";import{useRequest as t}from"../../../../hooks/query/use-query.mjs";import{useAppContext as n}from"../../../../hooks/use-app-context/index.mjs";import{buttonVariants as r}from"./variants.mjs";import{jsx as i}from"react/jsx-runtime";function a(a){let{children:o,disabled:s,loading:c,variant:l=`default`}=a,u=n();console.log({clientContext:u});function d(){u!==`editor`&&console.log(`invoke`)}return t([`demo`],()=>new Promise(e=>{setTimeout(()=>{e({message:`Hello World`})},200)}),{enabled:u===`renderer`}),u===`editor`?i(`div`,{children:`editor preview button`}):i(`button`,{className:e(r({variant:l})),onClick:d,disabled:s||c,children:o})}export{a as ButtonClient};
+"use client";import{cn as e}from"../../../../utils/cn.mjs";import{useRequest as t}from"../../../../hooks/query/use-query.mjs";import{useAppContext as n}from"../../../../hooks/use-app-context/index.mjs";import{buttonVariants as r}from"./variants.mjs";import{jsx as i}from"react/jsx-runtime";function a(a){let{text:o,disabled:s,loading:c,variant:l=`default`}=a,u=n();console.log({clientContext:u,text:o});function d(){u!==`editor`&&console.log(`invoke`)}return t([`demo`],()=>new Promise(e=>{setTimeout(()=>{e({message:`Hello World`})},200)}),{enabled:u===`renderer`}),u===`editor`?i(`div`,{children:`editor preview button`}):i(`button`,{className:e(r({variant:l})),onClick:d,disabled:s||c,children:o})}export{a as ButtonClient};

package/dist/components/biz/example/button/index.d.mts

@@ -1,5 +1,5 @@
 
 import { ButtonInspectorProps, ButtonProps, buttonInspectorDefaultProps, buttonInspectorPropsSchema } from "./schema.mjs";
 import { ButtonClient } from "./client.mjs";
-import { Button } from "./server.mjs";
-import { exampleButtonMaterial } from "./material.mjs";
+import { exampleButtonMaterial } from "./material.mjs";
+import { Button } from "./server.mjs";

package/dist/components/biz/example/button/material.d.mts

@@ -2,17 +2,18 @@
 import { SchemaHasDefaultValue } from "../../../../utils/schema/schema.mjs";
 import { DefineMaterialOption } from "../../../../utils/schema/material.mjs";
 import "../../../../utils/schema/index.mjs";
-import { Button } from "./server.mjs";
+import { ButtonClient } from "./client.mjs";
 import * as zod from "zod";
 import * as zod_v4_core0 from "zod/v4/core";
 
 //#region components/biz/example/button/material.d.ts
-declare const exampleButtonMaterial: DefineMaterialOption<typeof Button, zod.ZodObject<{
+declare const exampleButtonMaterial: DefineMaterialOption<typeof ButtonClient, zod.ZodObject<{
+  text: zod.ZodString & SchemaHasDefaultValue;
   variant: zod.ZodType<"default" | "blue" | "red", unknown, zod_v4_core0.$ZodTypeInternals<"default" | "blue" | "red", unknown>> & SchemaHasDefaultValue;
-  disabled: zod.ZodBoolean & SchemaHasDefaultValue;
+  disabled: zod.ZodOptional<zod.ZodBoolean> & SchemaHasDefaultValue;
   loading: zod.ZodOptional<zod.ZodBoolean>;
   items: zod.ZodOptional<zod.ZodArray<zod.ZodObject<{
-    name: zod.ZodOptional<zod.ZodString> & SchemaHasDefaultValue;
+    name: zod.ZodOptional<zod.ZodString>;
   }, zod_v4_core0.$strip>>> & SchemaHasDefaultValue;
   info: zod.ZodOptional<zod.ZodObject<{
     readonly address: zod.ZodOptional<zod.ZodString>;

package/dist/components/biz/example/button/material.mjs

@@ -1,2 +1,2 @@
 
-import{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{buttonInspectorPropsSchema as t}from"./schema.mjs";import{Button as n}from"./server.mjs";const r=e({type:`example-button`,name:`按钮`,icon:`/icon/button.png`,category:`TOP`,component:n,propsSchema:t});export{r as exampleButtonMaterial};
+import{defineMaterial as e}from"../../../../utils/schema/material.mjs";import{ButtonClient as t}from"./client.mjs";import{buttonInspectorPropsSchema as n}from"./schema.mjs";import{Button as r}from"./server.mjs";const i=e({type:`example-button`,name:`按钮`,icon:`/icon/button.png`,category:`TOP`,serverComponent:r,clientComponent:t,propsSchema:n});export{i as exampleButtonMaterial};

package/dist/components/biz/example/button/schema.d.mts

@@ -1,7 +1,6 @@
 
 import { SchemaHasDefaultValue } from "../../../../utils/schema/schema.mjs";
 import "../../../../utils/schema/index.mjs";
-import { PropsWithChildren } from "react";
 import z from "zod";
 
 //#region components/biz/example/button/schema.d.ts
@@ -9,17 +8,19 @@ import z from "zod";
  * 定义可以被低代码右侧inspector编辑的props
  */
 declare const buttonInspectorPropsSchema: z.ZodObject<{
+  text: z.ZodString & SchemaHasDefaultValue;
   variant: z.ZodType<"default" | "blue" | "red", unknown, z.core.$ZodTypeInternals<"default" | "blue" | "red", unknown>> & SchemaHasDefaultValue;
-  disabled: z.ZodBoolean & SchemaHasDefaultValue;
+  disabled: z.ZodOptional<z.ZodBoolean> & SchemaHasDefaultValue;
   loading: z.ZodOptional<z.ZodBoolean>;
   items: z.ZodOptional<z.ZodArray<z.ZodObject<{
-    name: z.ZodOptional<z.ZodString> & SchemaHasDefaultValue;
+    name: z.ZodOptional<z.ZodString>;
   }, z.core.$strip>>> & SchemaHasDefaultValue;
   info: z.ZodOptional<z.ZodObject<{
     readonly address: z.ZodOptional<z.ZodString>;
   }, z.core.$strip>> & SchemaHasDefaultValue;
 }, z.core.$strip>;
 declare const buttonInspectorDefaultProps: {
+  text: string;
   variant: "default" | "blue" | "red";
   disabled: boolean;
   items: {
@@ -33,6 +34,6 @@ type ButtonInspectorProps<T extends object = object> = z.infer<typeof buttonInsp
 /**
  * 基于ButtonInspectorProps再派生出组件真正的props（因为不是所有props都需要被编辑，比如说下面的children就不需要，但是button组件又需要传入children）
  */
-type ButtonProps = ButtonInspectorProps<PropsWithChildren>;
+type ButtonProps = ButtonInspectorProps;
 //#endregion
 export { ButtonInspectorProps, ButtonProps, buttonInspectorDefaultProps, buttonInspectorPropsSchema };

package/dist/components/biz/example/button/schema.mjs

@@ -1,2 +1,2 @@
 
-import{defineArrayItemPropSchema as e,defineCheckboxPropSchema as t,defineComponentPropsSchema as n,defineObjectPropSchema as r,defineSelectEnumPropSchema as i,defineSwitchPropSchema as a,defineTextPropSchema as o,getSchemaDefaultProps as s}from"../../../../utils/schema/schema.mjs";import{buttonVariantOptions as c}from"./variants.mjs";import l from"zod";const u=n({variant:i(c,{label:`变体`,defaultValue:`red`}),disabled:t({label:`禁用`,defaultValue:!1}),loading:a({label:`加载`,required:!1}),items:e(l.object({name:o({label:`名称`,required:!1,defaultValue:`wuhu`})}),{required:!1,label:`items`,defaultValue:[{name:`string`}]}),info:r({address:o({label:`地址`,required:!1})},{label:`info`,required:!1,defaultValue:{address:`SHENZHEN`}})}),d=s(u);export{d as buttonInspectorDefaultProps,u as buttonInspectorPropsSchema};
+import{defineArrayItemPropSchema as e,defineCheckboxPropSchema as t,defineComponentPropsSchema as n,defineObjectPropSchema as r,defineSelectEnumPropSchema as i,defineSwitchPropSchema as a,defineTextPropSchema as o,getSchemaDefaultProps as s}from"../../../../utils/schema/schema.mjs";import{buttonVariantOptions as c}from"./variants.mjs";import l from"zod";const u=n({text:o({label:`文本`,defaultValue:`example button`}),variant:i(c,{label:`变体`,defaultValue:`red`}),disabled:t({label:`禁用`,defaultValue:!1,required:!1}),loading:a({label:`加载`,required:!1}),items:e(l.object({name:o({label:`名称`,required:!1})}),{required:!1,label:`items`,defaultValue:[{name:`string`}]}),info:r({address:o({label:`地址`,required:!1})},{label:`info`,required:!1,defaultValue:{address:`SHENZHEN`}})}),d=s(u);export{d as buttonInspectorDefaultProps,u as buttonInspectorPropsSchema};

package/dist/components/biz/renderer/index.d.mts

@@ -1,2 +1,2 @@
 
-import { NodeDocument, PageDocument, PageMeta, Renderer, RendererDocument, RendererMaterial, RendererProps } from "./renderer.mjs";
+import { NodeDocument, PageDocument, PageMeta, Renderer, RendererDocument, RendererMaterial, RendererMode, RendererProps } from "./renderer.mjs";

package/dist/components/biz/renderer/renderer.d.mts

@@ -9,12 +9,14 @@ type NodeId = string;
 type MaterialType = string;
 type MaterialPropsSchema = z.ZodObject<z.ZodRawShape>;
 type MaterialCategory = 'TOP' | 'CENTER' | 'BOTTOM';
+type RendererMode = 'server' | 'client';
 interface RendererMaterial<TSchema extends MaterialPropsSchema = MaterialPropsSchema> {
   type: MaterialType;
   name: string;
   icon: ReactNode;
   category: MaterialCategory;
-  component: ComponentType<any>;
+  serverComponent: ComponentType<any>;
+  clientComponent: ComponentType<any>;
   propsSchema: TSchema;
 }
 /**
@@ -62,10 +64,11 @@ interface RendererProps {
   className?: string;
   document: RendererDocument;
   materials?: readonly RendererMaterial[];
+  mode?: RendererMode;
 }
 /**
  * 页面渲染器（服务端组件）。
  */
 declare function Renderer(props: RendererProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { NodeDocument, PageDocument, PageMeta, Renderer, RendererDocument, RendererMaterial, RendererProps };
+export { NodeDocument, PageDocument, PageMeta, Renderer, RendererDocument, RendererMaterial, RendererMode, RendererProps };

package/dist/components/biz/renderer/renderer.mjs

@@ -1,2 +1,2 @@
 
-import{cn as e}from"../../../utils/cn.mjs";import{generateMaterialMap as t}from"../../../utils/schema/utils.mjs";import{materials_exports as n}from"../../../materials.mjs";import{Fragment as r,jsx as i}from"react/jsx-runtime";function a(e,t){let n=t.props,r=e.propsSchema.safeParse(n);return r.success?{isValid:!0,props:r.data}:{isValid:!1,props:n}}function o(e){let{document:t,materialMap:n,nodeId:s,ancestors:c}=e;if(c.has(s))return null;let l=t.page.nodes[s];if(!l)return null;let u=new Set(c);u.add(s);let d=l.children.map(e=>i(o,{document:t,materialMap:n,nodeId:e,ancestors:u},e)),f=n[l.type];if(!f)return d.length===0?null:i(r,{children:d});let p=a(f,l);if(!p.isValid)return i(`div`,{children:`组件配置错误`});let m=f.component;return i(m,{...p.props,children:d})}function s(r){let{className:a,document:s,materials:c}=r,l=s.page.nodes[s.page.rootId];if(!l)return i(`div`,{className:e(`funhub-renderer`,a)});let u=t(c??Object.values(n));return i(`div`,{className:e(`funhub-renderer`,a),children:i(o,{document:s,materialMap:u,nodeId:l.id,ancestors:new Set})})}export{s as Renderer};
+import{cn as e}from"../../../utils/cn.mjs";import{generateMaterialMap as t}from"../../../utils/schema/utils.mjs";import{materials_exports as n}from"../../../materials.mjs";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";function o(e,t){let n=t.props,r=e.propsSchema.safeParse(n);return r.success?{isValid:!0,props:r.data}:{isValid:!1,props:n,message:r.error?.message}}function s(e){let{document:t,materialMap:n,nodeId:c,ancestors:l,mode:u}=e;if(l.has(c))return null;let d=t.page.nodes[c];if(!d)return null;let f=new Set(l);f.add(c);let p=d.children.map(e=>i(s,{document:t,materialMap:n,nodeId:e,ancestors:f,mode:u},e)),m=n[d.type];if(!m)return p.length===0?null:i(r,{children:p});let h=o(m,d);return h.isValid?i(u===`client`?m.clientComponent:m.serverComponent,{...h.props,children:p}):a(`div`,{children:[`组件配置错误`,h.message]})}function c(r){let{className:a,document:o,materials:c,mode:l=`server`}=r,u=o.page.nodes[o.page.rootId];if(!u)return i(`div`,{className:e(`funhub-renderer`,a)});let d=t(c??Object.values(n));return i(`div`,{className:e(`funhub-renderer`,a),children:i(s,{document:o,materialMap:d,nodeId:u.id,ancestors:new Set,mode:l})})}export{c as Renderer};

package/dist/components/pages/video-detail/video-detail-client.mjs

@@ -1,2 +1,2 @@
 
-"use client";import{cn as e}from"../../../utils/cn.mjs";import t from"../../../utils/get-res-url.mjs";import{decryptImageToUint8Array as n}from"../../../utils/decrypt-image-client.mjs";import{gContentGetAppChannels as r,gContentGetVideoDetail as i,pInteractionBrowse as a}from"../../../service/generated/client.mjs";import{uint8ArrayToBase64 as o}from"../../../utils/uint8.mjs";import{EmptyState as s}from"../../ui/empty.mjs";import{useRequest as c}from"../../../hooks/query/use-query.mjs";import{useKeepAliveEffect as l,useKeepAliveState as u}from"../../common/keep-scroll-position/index.mjs";import{apiCollectClick as d}from"../../../utils/api-collect.mjs";import{batchQueryContentInteractions as f}from"../../../hooks/use-content-operate.mjs";import{queryKey as ee}from"../../../constants/query-key.mjs";import te from"../../biz/business/search-bar/variants/detail-search-bar/index.mjs";import{resolveMaterialProps as p,videoDetailMaterials as m}from"../../biz/business/detail/materials/registry.mjs";import{DetailHero as ne}from"../../biz/business/detail/video-hero.mjs";import{Fragment as re,useCallback as h,useEffect as g,useMemo as _}from"react";import{Fragment as v,jsx as y,jsxs as b}from"react/jsx-runtime";import{useTranslations as x}from"next-intl";import{useParams as ie,useSearchParams as S}from"next/navigation";const C=[{id:`detail-info`,componentName:`video-detail-info`,props:{}},{id:`detail-actions`,componentName:`video-detail-actions`,props:{}},{id:`detail-recommend`,componentName:`video-detail-recommend`,props:{rows:2}}];function w({detailId:d,initialInformation:w,isWebView:T=!1,materialConfig:E}){let D=x(`components.pages.videoDetail`),O=ie(),ae=S(),k=O.level,A=Array.isArray(k)?k:typeof k==`string`?[k]:[],j=A.findIndex(e=>e===`episode`),M=j>=0?A[j+1]:A[2],N=Math.max(1,Number(M)||1),[P,F]=u(`detail-current-series-num-${d}`,N);g(()=>{F(N)},[d,N,F]);let I=Math.max(0,P-1),{data:L}=c(_(()=>[`video-detail`,d],[d]),async()=>d?await i({id:d}):null,{enabled:!!d}),R=_(()=>{let e=L?.data?.video;return!e||typeof e!=`object`?null:{...e,content_type:1,episode_cnt:e.links?.length||0}},[L?.data?.video]),oe=w??R??null,[z,B]=u(`detail-information-${d}`,oe),V=z?.links?.[I]?.id||``,{data:H,isFetching:U,isFetchedAfterMount:W,isSuccess:G}=c(_(()=>[`detail-interaction`,z?.id,z?.content_type,V,P],[V,P,z?.content_type,z?.id]),async()=>!z?.id||typeof z.content_type!=`number`?null:await f([z.id],1),{enabled:T?!1:!!z?.id,staleTime:0,refetchOnMount:`always`,refetchOnWindowFocus:!1}),K=_(()=>{if(!W||U||!G)return 0;let e=H?.interaction_list?.[0]?.browse_record,t=Number(e?.browse_duration||0);if(!Number.isFinite(t)||t<=0)return 0;let n=String(e?.browse_episode||``).trim();if(!n)return t;let r=Number.parseInt(n,10);return Number.isNaN(r)?0:r===P?t:0},[P,H,W,U,G]),[se,ce]=u(`info-detail-active-tab-${d}`,`video`),[q,J]=u(`info-detail-comment-add-count-${d}`,0),[Y,le]=u(`info-detail-comment-total-${d}`,void 0),X=h(async e=>{let t=String(d||``).trim();if(!t)return;let n=e.browse_episode||P,r=Date.now(),i=String(e.browse_key||r);try{await a({app_id:0,content_type:1,content_id:t,browse_duration:Number(e.browse_duration||0),browse_episode:String(n),browse_key:i,browse_page_ts:r})}catch(e){console.error(`上报播放进度失败:`,e)}},[P,d]);g(()=>{!z&&R&&B(R),window.video={[d]:z},window.getVideoInfoAsync=async()=>{let e=z?.links?.[I]?.m3u8_url||``,r=e?`${process.env.NEXT_PUBLIC_API_BASE}/api/content/processM3u8?url=${encodeURIComponent(`${t()}/m3f/${e}`)}`:``,i=z?.img_y||z?.img_x||z?.preview_images?.[0]||``,a=``,s=await n(i);return s&&(a=o(s.bytes)),{poster:a,src:r,title:z?.name||``}},window.getVideoBrowseRecordAsync=async()=>{let e=await f([d],1);return e?.interaction_list?.[0]?e.interaction_list[0].browse_record:null},window.reportVideoBrowse=X},[d,I,z,R,B,X]),g(()=>{if(!H?.interaction_list?.[0])return;let e=H.interaction_list[0];B(t=>{if(!t)return t;let n=t.static?.like_cnt,r=typeof n==`number`?n:Number(n||0),i=!!e.is_liked&&r===0;return{...t,like:e.is_liked||!1,dislike:e.is_disliked||!1,collect:e.is_collected||!1,static:i?{...t.static||{},like_cnt:1}:t.static}})},[H,B]);let Z=h(e=>{B(t=>t&&{...t,...e})},[B]);l(()=>{z?.id&&z.id},[z?.id],`detail-page-report-${d}`),g(()=>{!z||typeof window>`u`||window.sensors?.track?.(`detail_page_view`,{object_id:z.id||d,author_id:z.up_user,object_type:z.content_type,object_category:z.content_type,object_tags:z.tags?.map(e=>e.name),block_id:``,page_source:window.location?.pathname||``})},[d,z]),g(()=>{J(0)},[V,J]),_(()=>(typeof Y==`number`?Y:0)+q,[q,Y]);let ue=h(()=>{},[!1,ce]);h(()=>{J(e=>e+1)},[J]),g(()=>{},[!1,ue,z?.id,ae]);let Q=h(e=>{if(T){let t=encodeURIComponent(z?.name||``),n=`/webview/${z?.id}/${t}/episode/${e}`;window.location.href=n}else F(e)},[z?.id,z?.name,T,F]),$=z?.status===`1`,{data:de}=c([ee.CHANNEL],()=>r()),fe=de?.data?.list||[],pe=_(()=>{if(E!==void 0){let e=new Map(C.map(e=>[e.componentName,e]));return E.map(t=>{let n=e.get(t.componentName);return{...n,...t,props:{...n?.props??{},...t.props??{}}}})}return C},[E]),me=h(e=>{if(!z)return null;let t=m[e.componentName];if(!t)return null;let n=t.component,r=p(t,e.props);if(!r.isValid)return y(`div`,{children:`组件配置错误`});let i={};return e.componentName.startsWith(`video-detail-info`)&&(i.information=z,i.currentSeriesNum=P,i.onEpisodeChange=Q,i.isShow=!0),e.componentName===`video-detail-actions`&&(i.information=z,i.onUpdate=Z),e.componentName===`video-detail-recommend`&&(i.detailId=d),y(n,{...r.props,...i})},[P,d,Q,Z,z,!0]);return b(`div`,{className:`w-full min-h-screen bg-bg2 text-text1 ${T?``:`pt-11`}`,children:[!T&&y(`div`,{className:`fixed bg-black top-0 left-0 right-0 z-[1000]`,children:y(te,{data:{list:fe}})}),y(`div`,{className:`mx-auto w-full max-w-[840px] pb-6`,children:b(v,{children:[z&&!$&&y(s,{type:`no-content`,text:D(`videoDetailClient.videoUnavailable`)}),z&&$&&b(v,{children:[!T&&y(ne,{isVideo:!0,information:z,episodeIndex:I,resumeProgressSeconds:K}),y(`div`,{id:`selectPopupPosition`,className:`w-full`}),!1,b(`div`,{className:e(`w-full`,!1),children:[pe.map(e=>y(re,{children:me(e)},e.id)),!1]}),!1]}),!z&&y(s,{type:`no-content`,text:D(`videoDetailClient.videoDeleted`)})]})})]})}export{w as default};
+"use client";import{cn as e}from"../../../utils/cn.mjs";import t from"../../../utils/get-res-url.mjs";import{decryptImageToUint8Array as n}from"../../../utils/decrypt-image-client.mjs";import{gContentGetAppChannels as r,gContentGetVideoDetail as i,pInteractionBrowse as a}from"../../../service/generated/client.mjs";import{uint8ArrayToBase64 as o}from"../../../utils/uint8.mjs";import{EmptyState as s}from"../../ui/empty.mjs";import{useRequest as c}from"../../../hooks/query/use-query.mjs";import{useKeepAliveEffect as l,useKeepAliveState as u}from"../../common/keep-scroll-position/index.mjs";import{apiCollectClick as d}from"../../../utils/api-collect.mjs";import{batchQueryContentInteractions as f}from"../../../hooks/use-content-operate.mjs";import{queryKey as ee}from"../../../constants/query-key.mjs";import te from"../../biz/business/search-bar/variants/detail-search-bar/index.mjs";import{resolveMaterialProps as p,videoDetailMaterials as m}from"../../biz/business/detail/materials/registry.mjs";import{DetailHero as ne}from"../../biz/business/detail/video-hero.mjs";import{Fragment as re,useCallback as h,useEffect as g,useMemo as _}from"react";import{Fragment as v,jsx as y,jsxs as b}from"react/jsx-runtime";import{useTranslations as x}from"next-intl";import{useParams as ie,useSearchParams as S}from"next/navigation";const C=[{id:`detail-info`,componentName:`video-detail-info`,props:{}},{id:`detail-actions`,componentName:`video-detail-actions`,props:{}},{id:`detail-recommend`,componentName:`video-detail-recommend`,props:{rows:2}}];function w({detailId:d,initialInformation:w,isWebView:T=!1,materialConfig:E}){let D=x(`components.pages.videoDetail`),O=ie(),ae=S(),k=O.level,A=Array.isArray(k)?k:typeof k==`string`?[k]:[],j=A.findIndex(e=>e===`episode`),M=j>=0?A[j+1]:A[2],N=Math.max(1,Number(M)||1),[P,F]=u(`detail-current-series-num-${d}`,N);g(()=>{F(N)},[d,N,F]);let I=Math.max(0,P-1),{data:L}=c(_(()=>[`video-detail`,d],[d]),async()=>d?await i({id:d}):null,{enabled:!!d}),R=_(()=>{let e=L?.data?.video;return!e||typeof e!=`object`?null:{...e,content_type:1,episode_cnt:e.links?.length||0}},[L?.data?.video]),oe=w??R??null,[z,B]=u(`detail-information-${d}`,oe),V=z?.links?.[I]?.id||``,{data:H,isFetching:U,isFetchedAfterMount:W,isSuccess:G}=c(_(()=>[`detail-interaction`,z?.id,z?.content_type,V,P],[V,P,z?.content_type,z?.id]),async()=>!z?.id||typeof z.content_type!=`number`?null:await f([z.id],1),{enabled:T?!1:!!z?.id,staleTime:0,refetchOnMount:`always`,refetchOnWindowFocus:!1}),K=_(()=>{if(!W||U||!G)return 0;let e=H?.interaction_list?.[0]?.browse_record,t=Number(e?.browse_duration||0);if(!Number.isFinite(t)||t<=0)return 0;let n=String(e?.browse_episode||``).trim();if(!n)return t;let r=Number.parseInt(n,10);return Number.isNaN(r)?0:r===P?t:0},[P,H,W,U,G]),[se,ce]=u(`info-detail-active-tab-${d}`,`video`),[q,J]=u(`info-detail-comment-add-count-${d}`,0),[Y,le]=u(`info-detail-comment-total-${d}`,void 0),X=h(async e=>{let t=String(d||``).trim();if(!t)return;let n=e.browse_episode||P,r=Date.now(),i=String(e.browse_key||r);try{await a({app_id:0,content_type:1,content_id:t,browse_duration:Number(e.browse_duration||0),browse_episode:String(n),browse_key:i,browse_page_ts:r})}catch(e){console.error(`上报播放进度失败:`,e)}},[P,d]);g(()=>{!z&&R&&B(R),window.video={[d]:z},window.getVideoInfoAsync=async()=>{let e=z?.links?.[I]?.m3u8_url||``,r=e?`${process.env.NEXT_PUBLIC_API_BASE}/api/content/processM3u8?url=${encodeURIComponent(`${t()}/m3f/${e}`)}`:``,i=z?.img_y||z?.img_x||z?.preview_images?.[0]||``,a=``,s=await n(i);return s&&(a=o(s.bytes)),{poster:a,src:r,title:z?.name||``}},window.getVideoBrowseRecordAsync=async()=>{let e=await f([d],1);return e?.interaction_list?.[0]?e.interaction_list[0].browse_record:null},window.reportVideoBrowse=X},[d,I,z,R,B,X]),g(()=>{if(!H?.interaction_list?.[0])return;let e=H.interaction_list[0];B(t=>{if(!t)return t;let n=t.static?.like_cnt,r=typeof n==`number`?n:Number(n||0),i=!!e.is_liked&&r===0;return{...t,like:e.is_liked||!1,dislike:e.is_disliked||!1,collect:e.is_collected||!1,static:i?{...t.static||{},like_cnt:1}:t.static}})},[H,B]);let Z=h(e=>{B(t=>t&&{...t,...e})},[B]);l(()=>{z?.id&&z.id},[z?.id],`detail-page-report-${d}`),g(()=>{!z||typeof window>`u`||window.sensors?.track?.(`detail_page_view`,{object_id:z.id||d,author_id:z.up_user,object_type:z.content_type,object_category:z.content_type,object_tags:z.tags?.map(e=>e.name),block_id:``,page_source:window.location?.pathname||``})},[d,z]),g(()=>{J(0)},[V,J]),_(()=>(typeof Y==`number`?Y:0)+q,[q,Y]);let ue=h(()=>{},[!1,ce]);h(()=>{J(e=>e+1)},[J]),g(()=>{},[!1,ue,z?.id,ae]);let Q=h(e=>{if(T){let t=encodeURIComponent(z?.name||``),n=`/webview/${z?.id}/${t}/episode/${e}`;window.location.href=n}else F(e)},[z?.id,z?.name,T,F]),$=z?.status===`1`,{data:de}=c([ee.CHANNEL],()=>r()),fe=de?.data?.list||[],pe=_(()=>{if(E!==void 0){let e=new Map(C.map(e=>[e.componentName,e]));return E.map(t=>{let n=e.get(t.componentName);return{...n,...t,props:{...n?.props??{},...t.props??{}}}})}return C},[E]),me=h(e=>{if(!z)return null;let t=m[e.componentName];if(!t)return null;let n=t.clientComponent,r=p(t,e.props);if(!r.isValid)return y(`div`,{children:`组件配置错误`});let i={};return e.componentName.startsWith(`video-detail-info`)&&(i.information=z,i.currentSeriesNum=P,i.onEpisodeChange=Q,i.isShow=!0),e.componentName===`video-detail-actions`&&(i.information=z,i.onUpdate=Z),e.componentName===`video-detail-recommend`&&(i.detailId=d),y(n,{...r.props,...i})},[P,d,Q,Z,z,!0]);return b(`div`,{className:`w-full min-h-screen bg-bg2 text-text1 ${T?``:`pt-11`}`,children:[!T&&y(`div`,{className:`fixed bg-black top-0 left-0 right-0 z-[1000]`,children:y(te,{data:{list:fe}})}),y(`div`,{className:`mx-auto w-full max-w-[840px] pb-6`,children:b(v,{children:[z&&!$&&y(s,{type:`no-content`,text:D(`videoDetailClient.videoUnavailable`)}),z&&$&&b(v,{children:[!T&&y(ne,{isVideo:!0,information:z,episodeIndex:I,resumeProgressSeconds:K}),y(`div`,{id:`selectPopupPosition`,className:`w-full`}),!1,b(`div`,{className:e(`w-full`,!1),children:[pe.map(e=>y(re,{children:me(e)},e.id)),!1]}),!1]}),!z&&y(s,{type:`no-content`,text:D(`videoDetailClient.videoDeleted`)})]})})]})}export{w as default};

package/dist/components/ui/badge.d.mts

@@ -6,7 +6,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 //#region components/ui/badge.d.ts
 /** badgeVariants 工具定义。 */
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
+  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 /** Badge 组件。 */
 declare function Badge({

package/dist/components/ui/button.d.mts

@@ -7,7 +7,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 //#region components/ui/button.d.ts
 /** buttonVariants 工具定义。 */
 declare const buttonVariants: (props?: ({
-  variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | "link" | null | undefined;
+  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
   size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 /** Button 组件属性。 */

package/dist/components/ui/image.d.mts

@@ -1,11 +1,11 @@
 
 import * as React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import NextImage from "next/image";
+import Image from "next/image";
 
 //#region components/ui/image.d.ts
 /** BaseImageProps 属性定义。 */
-type BaseImageProps = Omit<React.ComponentPropsWithoutRef<typeof NextImage>, 'className' | 'src' | 'alt' | 'width' | 'height' | 'loading' | 'priority' | 'fill' | 'style'>;
+type BaseImageProps = Omit<React.ComponentPropsWithoutRef<typeof Image>, 'className' | 'src' | 'alt' | 'width' | 'height' | 'loading' | 'priority' | 'fill' | 'style'>;
 type CommonImageProps = BaseImageProps & {
   /** 图片地址，支持普通 URL、默认资源路径和加密地址。 */src: string; /** 图片替代文本。 */
   alt?: string; /** 图片类名。 */
@@ -27,6 +27,6 @@ type ImagePropsWithSize = CommonImageProps & {
 /** ImageProps 属性定义。 */
 type ImageProps = ImagePropsWithFill | ImagePropsWithSize;
 /** 图片组件：支持 bnc 解密、默认资源域名拼接与错误占位。 */
-declare function Image(props: ImageProps): react_jsx_runtime0.JSX.Element;
+declare function Image$1(props: ImageProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { BaseImageProps, CommonImageProps, Image, ImageProps, ImagePropsWithFill, ImagePropsWithSize };
+export { BaseImageProps, CommonImageProps, Image$1 as Image, ImageProps, ImagePropsWithFill, ImagePropsWithSize };

package/dist/utils/schema/material.d.mts

@@ -22,21 +22,23 @@ interface DefineMaterialOption<TComponent extends ComponentType<any>, TPropsSche
   type: TType;
   name: string;
   icon: ReactNode;
-  component: TComponent;
+  serverComponent: TComponent;
+  clientComponent: TComponent;
   propsSchema: EnsurePropsSchemaSubset<TComponent, TPropsSchema>;
   category: typeof MATERIAL_CATEGORY[keyof typeof MATERIAL_CATEGORY];
 }
 /**
- * 定义物料，约束propsSchema是component props的子集。
+ * 定义物料，约束propsSchema是server/client component props的子集。
  * @param option 物料配置
  * @returns 物料配置
  */
 declare function defineMaterial<TComponent extends ComponentType<any>, TPropsSchema extends MaterialPropsSchema, const TType extends string>(option: DefineMaterialOption<TComponent, TPropsSchema, TType>): DefineMaterialOption<TComponent, TPropsSchema, TType>;
 interface OverwriteMaterialOption<TComponent extends ComponentType<any>, TPropsSchema extends MaterialPropsSchema> {
-  component?: EnsureComponentCompatibleWithSchema<TComponent, TPropsSchema>;
+  serverComponent?: EnsureComponentCompatibleWithSchema<TComponent, TPropsSchema>;
+  clientComponent?: EnsureComponentCompatibleWithSchema<TComponent, TPropsSchema>;
 }
 /**
- * 基于已有物料重写配置，当前仅支持重写component。
+ * 基于已有物料重写配置，当前支持重写server/client component。
  * @param rawMaterial 原始物料配置
  * @param option 重写配置
  * @returns 重写后的物料配置

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@funhub/platform",
   "type": "module",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "private": false,
   "sideEffects": [
     "**/*.css"