@funhub/platform 0.2.29 → 0.2.31

package/dist/cli/init/shared/template.mjs

@@ -1,2 +1,67 @@
 
-import{TEMPLATE_BRANCH as e,TEMPLATE_HOST as t,TEMPLATE_REPO as n}from"./constants.mjs";import{downloadTemplate as r}from"giget";function i(e){if(e===`app`||e===`client`)return`app`;if(e===`sdk`)return`sdk`}function a(e){if(!i(e))return`创建类型仅支持 app 或 sdk（兼容旧参数 client）。`}function o(e){return e===`app`?`client`:`sdk`}function s(t){return`funhub:${n}/${o(t)}#${e}`}function c(){return async n=>{let r=n.match(/^([\w.-]+\/[\w.-]+)(\/[^#]+)?(?:#([\w./@-]+))?$/),i=r?.[1]||``,a=r?.[2]||`/`,o=r?.[3]||e;if(!i)throw Error(`模板仓库配置无效。`);return{name:i.replace(`/`,`-`),version:o,subdir:a,url:`${t}/${i}/-/tree/${o}${a}`,tar:`${t}/${i}/-/archive/${o}.tar.gz`,headers:{"sec-fetch-mode":`same-origin`}}}}async function l(e,t,n,i){return r(s(e),{dir:t,force:n,forceClean:n,cwd:i,providers:{funhub:c()},registry:!1})}export{i as normalizeTemplateType,l as pullTemplate,a as validateTemplateType};
+import { TEMPLATE_BRANCH, TEMPLATE_HOST, TEMPLATE_REPO } from "./constants.mjs";
+import { downloadTemplate } from "giget";
+
+//#region cli/init/shared/template.ts
+/**
+* 归一化模板类型，兼容旧的 client 参数。
+*/
+function normalizeTemplateType(templateType) {
+	if (templateType === "app" || templateType === "client") return "app";
+	if (templateType === "sdk") return "sdk";
+}
+/**
+* 校验模板类型。
+*/
+function validateTemplateType(templateType) {
+	if (normalizeTemplateType(templateType)) return;
+	return "创建类型仅支持 app 或 sdk（兼容旧参数 client）。";
+}
+/**
+* 将模板类型映射到远程仓库目录名。
+*/
+function resolveTemplateDirectory(templateType) {
+	return templateType === "app" ? "client" : "sdk";
+}
+/**
+* 生成模板下载源。
+*/
+function resolveTemplateSource(templateType) {
+	return `funhub:${TEMPLATE_REPO}/${resolveTemplateDirectory(templateType)}#${TEMPLATE_BRANCH}`;
+}
+/**
+* 创建自定义 GitLab provider，指向固定模板仓库域名。
+*/
+function createFunhubGitLabProvider() {
+	return async (input) => {
+		const matched = input.match(/^([\w.-]+\/[\w.-]+)(\/[^#]+)?(?:#([\w./@-]+))?$/);
+		const repo = matched?.[1] || "";
+		const subdir = matched?.[2] || "/";
+		const ref = matched?.[3] || TEMPLATE_BRANCH;
+		if (!repo) throw new Error("模板仓库配置无效。");
+		return {
+			name: repo.replace("/", "-"),
+			version: ref,
+			subdir,
+			url: `${TEMPLATE_HOST}/${repo}/-/tree/${ref}${subdir}`,
+			tar: `${TEMPLATE_HOST}/${repo}/-/archive/${ref}.tar.gz`,
+			headers: { "sec-fetch-mode": "same-origin" }
+		};
+	};
+}
+/**
+* 下载远程模板。
+*/
+async function pullTemplate(templateType, targetDir, force, cwd) {
+	return downloadTemplate(resolveTemplateSource(templateType), {
+		dir: targetDir,
+		force,
+		forceClean: force,
+		cwd,
+		providers: { funhub: createFunhubGitLabProvider() },
+		registry: false
+	});
+}
+
+//#endregion
+export { normalizeTemplateType, pullTemplate, validateTemplateType };

package/dist/cli.mjs

@@ -1,4 +1,130 @@
 #!/usr/bin/env node
 
-import{createClient as e}from"./cli/init/create-client.mjs";import{createSdk as t}from"./cli/init/create-sdk.mjs";import{resolveForceOverwrite as n,resolvePackageManager as r,resolveProjectName as i,resolveTemplateType as a}from"./cli/init/shared/prompts.mjs";import{intro as o,log as s,outro as c}from"@clack/prompts";function l(e){let t={};for(let n=0;n<e.length;n+=1){let r=e[n];if(!r.startsWith(`-`)&&!t.projectName){t.projectName=r;continue}if(r===`--type`){t.templateType=e[n+1],n+=1;continue}if(r.startsWith(`--type=`)){t.templateType=r.split(`=`)[1];continue}if(r===`--pm`){t.packageManager=e[n+1],n+=1;continue}if(r.startsWith(`--pm=`)){t.packageManager=r.split(`=`)[1];continue}if(r===`--no-install`){t.install=!1;continue}if(r===`--install`){t.install=!0;continue}if(r===`--no-git`){t.git=!1;continue}if(r===`--git`){t.git=!0;continue}if(r===`--force`){t.force=!0;continue}(r===`-h`||r===`--help`)&&(t.help=!0)}return t}function u(){c([`用法：`,`  npx @funhub/platform init [project-name] [options]`,``,`选项：`,`  --type <app|sdk>  指定模板类型（兼容旧值 client）`,`  --pm <pnpm|npm|yarn|bun>  指定包管理器`,`  --install / --no-install  是否自动安装依赖`,`  --git / --no-git  是否初始化 Git 仓库`,`  --force  覆盖非空目录`].join(`
-`))}async function d(o){let s=l(o);if(s.help){u();return}let c=await i(s.projectName),d=await n(c,s.force??!1),f=await a(s.templateType),p=await r(s.packageManager),m=s.install??!0,h=s.git??!0;if(f===`app`){await e({projectName:c,packageManager:p,install:m,git:h,force:d});return}await t({projectName:c,packageManager:p,install:m,git:h,force:d})}async function f(){let[e,...t]=process.argv.slice(2);if(!e||e===`-h`||e===`--help`||e===`help`){u();return}if(e!==`init`)throw Error(`暂不支持命令 ${e}，请使用 init。`);o(`@funhub/platform`),await d(t)}f().catch(e=>{let t=e instanceof Error?e.message:`创建失败`;s.error(t),process.exit(1)});
+import { createClient } from "./cli/init/create-client.mjs";
+import { createSdk } from "./cli/init/create-sdk.mjs";
+import { resolveForceOverwrite, resolvePackageManager, resolveProjectName, resolveTemplateType } from "./cli/init/shared/prompts.mjs";
+import { intro, log, outro } from "@clack/prompts";
+
+//#region cli.ts
+/**
+* 解析 init 子命令参数。
+*/
+function parseInitArgs(argv) {
+	const options = {};
+	for (let index = 0; index < argv.length; index += 1) {
+		const arg = argv[index];
+		if (!arg.startsWith("-") && !options.projectName) {
+			options.projectName = arg;
+			continue;
+		}
+		if (arg === "--type") {
+			options.templateType = argv[index + 1];
+			index += 1;
+			continue;
+		}
+		if (arg.startsWith("--type=")) {
+			options.templateType = arg.split("=")[1];
+			continue;
+		}
+		if (arg === "--pm") {
+			options.packageManager = argv[index + 1];
+			index += 1;
+			continue;
+		}
+		if (arg.startsWith("--pm=")) {
+			options.packageManager = arg.split("=")[1];
+			continue;
+		}
+		if (arg === "--no-install") {
+			options.install = false;
+			continue;
+		}
+		if (arg === "--install") {
+			options.install = true;
+			continue;
+		}
+		if (arg === "--no-git") {
+			options.git = false;
+			continue;
+		}
+		if (arg === "--git") {
+			options.git = true;
+			continue;
+		}
+		if (arg === "--force") {
+			options.force = true;
+			continue;
+		}
+		if (arg === "-h" || arg === "--help") options.help = true;
+	}
+	return options;
+}
+/**
+* 输出命令帮助信息。
+*/
+function printHelp() {
+	outro([
+		"用法：",
+		"  npx @funhub/platform init [project-name] [options]",
+		"",
+		"选项：",
+		"  --type <app|sdk>  指定模板类型（兼容旧值 client）",
+		"  --pm <pnpm|npm|yarn|bun>  指定包管理器",
+		"  --install / --no-install  是否自动安装依赖",
+		"  --git / --no-git  是否初始化 Git 仓库",
+		"  --force  覆盖非空目录"
+	].join("\n"));
+}
+/**
+* 运行 init 子命令。
+*/
+async function runInit(argv) {
+	const parsedOptions = parseInitArgs(argv);
+	if (parsedOptions.help) {
+		printHelp();
+		return;
+	}
+	const projectName = await resolveProjectName(parsedOptions.projectName);
+	const force = await resolveForceOverwrite(projectName, parsedOptions.force ?? false);
+	const templateType = await resolveTemplateType(parsedOptions.templateType);
+	const packageManager = await resolvePackageManager(parsedOptions.packageManager);
+	const install = parsedOptions.install ?? true;
+	const git = parsedOptions.git ?? true;
+	if (templateType === "app") {
+		await createClient({
+			projectName,
+			packageManager,
+			install,
+			git,
+			force
+		});
+		return;
+	}
+	await createSdk({
+		projectName,
+		packageManager,
+		install,
+		git,
+		force
+	});
+}
+/**
+* 运行 platform CLI。
+*/
+async function main() {
+	const [command, ...args] = process.argv.slice(2);
+	if (!command || command === "-h" || command === "--help" || command === "help") {
+		printHelp();
+		return;
+	}
+	if (command !== "init") throw new Error(`暂不支持命令 ${command}，请使用 init。`);
+	intro("@funhub/platform");
+	await runInit(args);
+}
+main().catch((error) => {
+	const message = error instanceof Error ? error.message : "创建失败";
+	log.error(message);
+	process.exit(1);
+});
+
+//#endregion

package/dist/common.mjs

@@ -1,2 +1,52 @@
 
-import{MediaPreview as e,useMediaPreview as t}from"./components/common/media-preview/index.mjs";import{CreateCollectionSheet as n}from"./components/common/collection-popup/create-collection-sheet.mjs";import{CollectionPopupComponent as r,CollectionPopupHost as i}from"./components/common/collection-popup/index.mjs";import a from"./components/common/share-popup/share-content.mjs";import{ShareDrawer as o}from"./components/common/share-popup/share-drawer.mjs";import{IntlProvider as s}from"./components/common/intl-provider/intl-provider.mjs";import{SharePopupComponent as c,defaultActions as l,defaultPlatforms as u}from"./components/common/share-popup/share-popup.mjs";import d from"./components/common/video-player/index.mjs";import{AnalyticsInit as f}from"./components/common/analytics-init/analytics-init.mjs";import p from"./components/common/analytics-init/page-lifecycle-tracker.mjs";import{SensorInit as m}from"./components/common/analytics-init/sensor-init.mjs";import{BlockedDialog as h}from"./components/common/blocked-dialog/blocked-dialog.mjs";import{MiniThreeCard as g}from"./components/common/cards/mini-three-card.mjs";import{DebugLocaleSwitcher as _}from"./components/common/debug-locale-switcher/index.mjs";import{DeleteConfirmDialog as v}from"./components/common/delete-confirm-dialog/delete-confirm-dialog.mjs";import y from"./components/common/empty/index.mjs";import{FunhubProvider as b}from"./components/common/funhub-provider/funhub-provider.mjs";import{LeftArrowIcon as x}from"./components/common/icons/left-arrow.mjs";import{HeaderNav as S}from"./components/common/header-nav/client.mjs";import{AddIcon as C}from"./components/common/icons/add.mjs";import{CommentIcon as w}from"./components/common/icons/comment.mjs";import{DeleteIcon as T}from"./components/common/icons/delete.mjs";import{MoreIcon as E}from"./components/common/icons/more.mjs";import{RightArrowIcon as D}from"./components/common/icons/right-arrow.mjs";import{SettingIcon as O}from"./components/common/icons/setting.mjs";import{ShareIcon as k}from"./components/common/icons/share.mjs";import{CollectionListItem as A}from"./components/common/list/collection-list/collection-list-item.mjs";import{CollectionList as j}from"./components/common/list/collection-list/collection-list.mjs";import{PostListItem as M}from"./components/common/list/post-list/post-list-item.mjs";import{PostList as N}from"./components/common/list/post-list/post-list.mjs";import{UserActivityList as P}from"./components/common/list/user-activity-list/user-activity-list.mjs";import{UserActivityListItem as F,UserActivityMediaGrid as I}from"./components/common/list/user-activity-list/user-activity-list-item.mjs";import{VideoListItem as L}from"./components/common/list/video-list/video-list-item.mjs";import{VideoList as R}from"./components/common/list/video-list/video-list.mjs";import{WaterfallRecommend as z}from"./components/common/list/waterfall-recommend/waterfall-recommend.mjs";import{LocaleSync as B}from"./components/common/locale-sync/locale-sync.mjs";import{LoginDialog as V}from"./components/common/login-dialog/login-dialog.mjs";import{PageSkeleton as H}from"./components/common/page-skeleton/page-skeleton.mjs";import U from"./components/common/photo-grid/index.mjs";import W from"./components/common/photo-grid/common-photo-grid.mjs";import{closePhotoPreview as G,photoPreview as K}from"./components/common/photo-preview/index.mjs";import{GenderPicker as q}from"./components/common/picker/gender-picker/gender-picker.mjs";import J from"./components/common/popup-video/index.mjs";import{DetailStyleOneActiveBorderLayer as Y,SeriesEpisodes as X}from"./components/common/series-episodes/index.mjs";import{TabBar as Z}from"./components/common/tab-bar/index.mjs";import{ThemeSync as Q}from"./components/common/theme-sync/index.mjs";import{TopNavBarServer as $}from"./components/common/top-nav-bar/index.mjs";import{UserInfoInitializer as ee}from"./components/common/user-info-initializer/index.mjs";import{WaitLoading as te}from"./components/common/wait-loading.mjs";export{C as AddIcon,f as AnalyticsInit,h as BlockedDialog,j as CollectionList,A as CollectionListItem,r as CollectionPopupComponent,i as CollectionPopupHost,w as CommentIcon,W as CommonPhotoGrid,d as CommonPlayer,n as CreateCollectionSheet,_ as DebugLocaleSwitcher,v as DeleteConfirmDialog,T as DeleteIcon,Y as DetailStyleOneActiveBorderLayer,y as Empty,b as FunhubProvider,q as GenderPicker,S as HeaderNav,s as IntlProvider,x as LeftArrowIcon,B as LocaleSync,V as LoginDialog,e as MediaPreview,g as MiniThreeCard,E as MoreIcon,p as PageLifecycleTracker,H as PageSkeleton,U as PhotoGrid,J as PopupVideo,N as PostList,M as PostListItem,D as RightArrowIcon,m as SensorInit,X as SeriesEpisodes,O as SettingIcon,a as ShareContent,o as ShareDrawer,k as ShareIcon,c as SharePopupComponent,Z as TabBar,Q as ThemeSync,$ as TopNavBarServer,P as UserActivityList,F as UserActivityListItem,I as UserActivityMediaGrid,e as UserActivityMediaPreview,ee as UserInfoInitializer,R as VideoList,L as VideoListItem,te as WaitLoading,z as WaterfallRecommend,G as closePhotoPreview,l as defaultActions,u as defaultPlatforms,K as photoPreview,t as useMediaPreview};
+import { MediaPreview, useMediaPreview } from "./components/common/media-preview/index.mjs";
+import { CreateCollectionSheet } from "./components/common/collection-popup/create-collection-sheet.mjs";
+import { CollectionPopupComponent, CollectionPopupHost } from "./components/common/collection-popup/index.mjs";
+import ShareContent from "./components/common/share-popup/share-content.mjs";
+import { ShareDrawer } from "./components/common/share-popup/share-drawer.mjs";
+import { IntlProvider } from "./components/common/intl-provider/intl-provider.mjs";
+import { SharePopupComponent, defaultActions, defaultPlatforms } from "./components/common/share-popup/share-popup.mjs";
+import CommonPlayer from "./components/common/video-player/index.mjs";
+import { AnalyticsInit } from "./components/common/analytics-init/analytics-init.mjs";
+import PageLifecycleTracker from "./components/common/analytics-init/page-lifecycle-tracker.mjs";
+import { SensorInit } from "./components/common/analytics-init/sensor-init.mjs";
+import { BlockedDialog } from "./components/common/blocked-dialog/blocked-dialog.mjs";
+import { MiniThreeCard } from "./components/common/cards/mini-three-card.mjs";
+import { DebugLocaleSwitcher } from "./components/common/debug-locale-switcher/index.mjs";
+import { DeleteConfirmDialog } from "./components/common/delete-confirm-dialog/delete-confirm-dialog.mjs";
+import Empty from "./components/common/empty/index.mjs";
+import { FunhubProvider } from "./components/common/funhub-provider/funhub-provider.mjs";
+import { LeftArrowIcon } from "./components/common/icons/left-arrow.mjs";
+import { HeaderNav } from "./components/common/header-nav/client.mjs";
+import { AddIcon } from "./components/common/icons/add.mjs";
+import { CommentIcon } from "./components/common/icons/comment.mjs";
+import { DeleteIcon } from "./components/common/icons/delete.mjs";
+import { MoreIcon } from "./components/common/icons/more.mjs";
+import { RightArrowIcon } from "./components/common/icons/right-arrow.mjs";
+import { SettingIcon } from "./components/common/icons/setting.mjs";
+import { ShareIcon } from "./components/common/icons/share.mjs";
+import { CollectionListItem } from "./components/common/list/collection-list/collection-list-item.mjs";
+import { CollectionList } from "./components/common/list/collection-list/collection-list.mjs";
+import { PostListItem } from "./components/common/list/post-list/post-list-item.mjs";
+import { PostList } from "./components/common/list/post-list/post-list.mjs";
+import { UserActivityList } from "./components/common/list/user-activity-list/user-activity-list.mjs";
+import { UserActivityListItem, UserActivityMediaGrid } from "./components/common/list/user-activity-list/user-activity-list-item.mjs";
+import { VideoListItem } from "./components/common/list/video-list/video-list-item.mjs";
+import { VideoList } from "./components/common/list/video-list/video-list.mjs";
+import { WaterfallRecommend } from "./components/common/list/waterfall-recommend/waterfall-recommend.mjs";
+import { LocaleSync } from "./components/common/locale-sync/locale-sync.mjs";
+import { LoginDialog } from "./components/common/login-dialog/login-dialog.mjs";
+import { PageSkeleton } from "./components/common/page-skeleton/page-skeleton.mjs";
+import SeriesEpisodePage from "./components/common/photo-grid/index.mjs";
+import CommonPhotoGrid from "./components/common/photo-grid/common-photo-grid.mjs";
+import { closePhotoPreview, photoPreview } from "./components/common/photo-preview/index.mjs";
+import { GenderPicker } from "./components/common/picker/gender-picker/gender-picker.mjs";
+import PopupVideo from "./components/common/popup-video/index.mjs";
+import { DetailStyleOneActiveBorderLayer, SeriesEpisodes } from "./components/common/series-episodes/index.mjs";
+import { TabBar } from "./components/common/tab-bar/index.mjs";
+import { ThemeSync } from "./components/common/theme-sync/index.mjs";
+import { TopNavBarServer } from "./components/common/top-nav-bar/index.mjs";
+import { UserInfoInitializer } from "./components/common/user-info-initializer/index.mjs";
+import { WaitLoading } from "./components/common/wait-loading.mjs";
+
+export { AddIcon, AnalyticsInit, BlockedDialog, CollectionList, CollectionListItem, CollectionPopupComponent, CollectionPopupHost, CommentIcon, CommonPhotoGrid, CommonPlayer, CreateCollectionSheet, DebugLocaleSwitcher, DeleteConfirmDialog, DeleteIcon, DetailStyleOneActiveBorderLayer, Empty, FunhubProvider, GenderPicker, HeaderNav, IntlProvider, LeftArrowIcon, LocaleSync, LoginDialog, MediaPreview, MiniThreeCard, MoreIcon, PageLifecycleTracker, PageSkeleton, SeriesEpisodePage as PhotoGrid, PopupVideo, PostList, PostListItem, RightArrowIcon, SensorInit, SeriesEpisodes, SettingIcon, ShareContent, ShareDrawer, ShareIcon, SharePopupComponent, TabBar, ThemeSync, TopNavBarServer, UserActivityList, UserActivityListItem, UserActivityMediaGrid, MediaPreview as UserActivityMediaPreview, UserInfoInitializer, VideoList, VideoListItem, WaitLoading, WaterfallRecommend, closePhotoPreview, defaultActions, defaultPlatforms, photoPreview, useMediaPreview };

package/dist/components/biz/basics/card-item/defaults/default-props.mjs

@@ -1,2 +1,11 @@
 
-import{CardSpec as e}from"../../../utils/constants/card-spec.mjs";const t={cardSpec:e.V3_SMALL};export{t as defaultProps};
+import { CardSpec } from "../../../utils/constants/card-spec.mjs";
+
+//#region components/biz/basics/card-item/defaults/default-props.ts
+/**
+* CardItem 组件默认 Props 配置
+*/
+const defaultProps = { cardSpec: CardSpec.V3_SMALL };
+
+//#endregion
+export { defaultProps };

package/dist/components/biz/basics/card-item/runtime/client.mjs

@@ -1,2 +1,84 @@
 
-"use client";import{getCardSpecConfig as e}from"../../../utils/constants/card-spec.mjs";import{mergeStyles as t}from"../../../utils/styles/helpers.mjs";import{Image as n}from"../../../../ui/image.mjs";import{Box as r}from"../../../../ui/box.mjs";import{Text as i}from"../../../../ui/text.mjs";import a from"../../../../ui/link.mjs";import{renderCorner as o}from"./corners.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l({props:l,styles:u,data:d,events:f}){let{cardSpec:p}=l||{},m=d;if(!m||!p)return null;let{imageType:h,aspectRatio:g}=e(p),_=h===`horizontal`?m.cover?.horizontal:m.cover?.vertical,v=u?t(u,{}):void 0,y=()=>{f?.onClick?.()},b=(e=>e===void 0||e===0?null:e===1?{text:`新剧`,fromColor:`#FD4C5E`,toColor:`#F05D19`,textColor:`#FFFFFF`}:e===2?{text:`热门`,fromColor:`#FFE485`,toColor:`#CF8125`,textColor:`#674100`}:null)(m.superscript);return c(a,{href:`/video/${m.id}/${m.title?encodeURIComponent(m.title):``}`,style:v,onClick:y,children:[c(r,{className:`relative w-full overflow-hidden rounded-[8px]`,style:{aspectRatio:`${g}`},children:[_&&s(n,{src:_,alt:m.title||`卡片封面`,fill:!0,objectFit:`cover`}),b&&s(r,{className:`absolute top-0 right-0 flex items-center rounded-lr-[8px] rounded-bl-[8px] px-[6px] h-[20px]`,style:{background:`linear-gradient(to bottom, ${b.fromColor}, ${b.toColor})`,color:b.textColor},children:s(i,{className:`text-[12px]`,children:b.text})}),o(m.corners?.leftBottom,`leftBottom`),o(m.corners?.rightBottom,`rightBottom`)]}),m.title&&s(r,{className:`mt-[4px]`,children:s(i,{as:`h3`,className:`text-[16px] text-text1 line-clamp-1 leading-[24px]`,children:m.title})})]})}export{l as default};
+'use client';
+
+import { getCardSpecConfig } from "../../../utils/constants/card-spec.mjs";
+import { mergeStyles } from "../../../utils/styles/helpers.mjs";
+import { Image } from "../../../../ui/image.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import Link from "../../../../ui/link.mjs";
+import { renderCorner } from "./corners.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/basics/card-item/runtime/client.tsx
+/**
+* CardItem 客户端渲染组件
+*/
+function CardItemClient({ props: propsConfig, styles, data, events }) {
+	const { cardSpec } = propsConfig || {};
+	const item = data;
+	if (!item || !cardSpec) return null;
+	const { imageType, aspectRatio } = getCardSpecConfig(cardSpec);
+	const imageUrl = imageType === "horizontal" ? item.cover?.horizontal : item.cover?.vertical;
+	const wrapperStyle = styles ? mergeStyles(styles, {}) : void 0;
+	const handleClick = () => {
+		events?.onClick?.();
+	};
+	const getSuperscriptText = (value) => {
+		if (value === void 0 || value === 0) return null;
+		if (value === 1) return {
+			text: "新剧",
+			fromColor: "#FD4C5E",
+			toColor: "#F05D19",
+			textColor: "#FFFFFF"
+		};
+		if (value === 2) return {
+			text: "热门",
+			fromColor: "#FFE485",
+			toColor: "#CF8125",
+			textColor: "#674100"
+		};
+		return null;
+	};
+	const superscriptText = getSuperscriptText(item.superscript);
+	return /* @__PURE__ */ jsxs(Link, {
+		href: `/video/${item.id}/${item.title ? encodeURIComponent(item.title) : ""}`,
+		style: wrapperStyle,
+		onClick: handleClick,
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "relative w-full overflow-hidden rounded-[8px]",
+			style: { aspectRatio: `${aspectRatio}` },
+			children: [
+				imageUrl && /* @__PURE__ */ jsx(Image, {
+					src: imageUrl,
+					alt: item.title || "卡片封面",
+					fill: true,
+					objectFit: "cover"
+				}),
+				superscriptText && /* @__PURE__ */ jsx(Box, {
+					className: "absolute top-0 right-0 flex items-center rounded-lr-[8px] rounded-bl-[8px] px-[6px] h-[20px]",
+					style: {
+						background: `linear-gradient(to bottom, ${superscriptText.fromColor}, ${superscriptText.toColor})`,
+						color: superscriptText.textColor
+					},
+					children: /* @__PURE__ */ jsx(Text, {
+						className: "text-[12px]",
+						children: superscriptText.text
+					})
+				}),
+				renderCorner(item.corners?.leftBottom, "leftBottom"),
+				renderCorner(item.corners?.rightBottom, "rightBottom")
+			]
+		}), item.title && /* @__PURE__ */ jsx(Box, {
+			className: "mt-[4px]",
+			children: /* @__PURE__ */ jsx(Text, {
+				as: "h3",
+				className: "text-[16px] text-text1 line-clamp-1 leading-[24px]",
+				children: item.title
+			})
+		})]
+	});
+}
+
+//#endregion
+export { CardItemClient as default };

package/dist/components/biz/basics/card-item/runtime/corners.mjs

@@ -1,2 +1,34 @@
 
-"use client";import{Box as e}from"../../../../ui/box.mjs";import{Text as t}from"../../../../ui/text.mjs";import n from"../../../../../assets/icons/view.mjs";import{clsx as r}from"clsx";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o(o,s=`leftBottom`){if(!o)return null;let c=s===`leftBottom`?`absolute bottom-0 left-0`:`absolute bottom-0 right-0`,l=s===`leftBottom`?`ml-[4px]`:`mr-[4px]`,u=o.type===`viewCount`;return a(e,{className:r(c,`rounded-[4px] bg-black/60 flex items-center px-[4px] py-[2px] gap-[4px] mb-[4px]`,l),children:[u&&i(n,{className:`w-[14px] h-[14px] text-white`}),i(t,{className:`text-[12px] text-text1`,children:o.value})]})}export{o as renderCorner};
+'use client';
+
+import { Box } from "../../../../ui/box.mjs";
+import { Text } from "../../../../ui/text.mjs";
+import SvgView from "../../../../../assets/icons/view.mjs";
+import { clsx as clsx$1 } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/biz/basics/card-item/runtime/corners.tsx
+/**
+* 角标渲染组件
+*/
+/**
+* 渲染单个角标
+* @param item 角标项数据
+* @param position 角标位置（'leftBottom' | 'rightBottom'）
+*/
+function renderCorner(item, position = "leftBottom") {
+	if (!item) return null;
+	const positionClass = position === "leftBottom" ? "absolute bottom-0 left-0" : "absolute bottom-0 right-0";
+	const margin = position === "leftBottom" ? "ml-[4px]" : "mr-[4px]";
+	const hasIcon = item.type === "viewCount";
+	return /* @__PURE__ */ jsxs(Box, {
+		className: clsx$1(positionClass, "rounded-[4px] bg-black/60 flex items-center px-[4px] py-[2px] gap-[4px] mb-[4px]", margin),
+		children: [hasIcon && /* @__PURE__ */ jsx(SvgView, { className: "w-[14px] h-[14px] text-white" }), /* @__PURE__ */ jsx(Text, {
+			className: "text-[12px] text-text1",
+			children: item.value
+		})]
+	});
+}
+
+//#endregion
+export { renderCorner };

package/dist/components/biz/basics/card-item/schema/component.mjs

@@ -1,2 +1,15 @@
 
-const e={componentName:`CardItem`,displayName:`卡片项`,category:`Card`,categoryName:`卡片组件`,enabled:!0};export{e as componentMeta};
+//#region components/biz/basics/card-item/schema/component.ts
+/**
+* CardItem 组件元信息配置
+*/
+const componentMeta = {
+	componentName: "CardItem",
+	displayName: "卡片项",
+	category: "Card",
+	categoryName: "卡片组件",
+	enabled: true
+};
+
+//#endregion
+export { componentMeta };

package/dist/components/biz/basics/card-item/schema/data.schema.mjs

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

package/dist/components/biz/basics/card-item/schema/event.schema.mjs

@@ -1,2 +1,9 @@
 
-const e={onClick:{title:`点击事件`,description:`点击卡片时触发`}};export{e as eventSchema};
+//#region components/biz/basics/card-item/schema/event.schema.ts
+const eventSchema = { onClick: {
+	title: "点击事件",
+	description: "点击卡片时触发"
+} };
+
+//#endregion
+export { eventSchema };

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

package/dist/components/biz/basics/card-item/schema/props.schema.mjs

@@ -1,2 +1,19 @@
 
-import{CardSpec as e}from"../../../utils/constants/card-spec.mjs";const t={cardSpec:{type:`enum`,title:`卡片规格`,description:`统一管理卡片尺寸、比例、列数和图片方向`,default:e.V3_SMALL,enum:Object.values(e),enumNames:[`横屏 2列`,`竖屏 3列`,`竖屏 2列（大图）`]}};export{t as propsSchema};
+import { CardSpec } from "../../../utils/constants/card-spec.mjs";
+
+//#region components/biz/basics/card-item/schema/props.schema.ts
+const propsSchema = { cardSpec: {
+	type: "enum",
+	title: "卡片规格",
+	description: "统一管理卡片尺寸、比例、列数和图片方向",
+	default: CardSpec.V3_SMALL,
+	enum: Object.values(CardSpec),
+	enumNames: [
+		"横屏 2列",
+		"竖屏 3列",
+		"竖屏 2列（大图）"
+	]
+} };
+
+//#endregion
+export { propsSchema };

package/dist/components/biz/basics/card-item/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/basics/card-item/schema/style.schema.ts
+const styleSchema = { ...commonStyleSchema };
+
+//#endregion
+export { styleSchema };

package/dist/components/biz/basics/card-layout/defaults/default-props.mjs

@@ -1,2 +1,14 @@
 
-import{CardSpec as e}from"../../../utils/constants/card-spec.mjs";const t={cardSpec:e.V3_SMALL,gap:8};export{t as defaultProps};
+import { CardSpec } from "../../../utils/constants/card-spec.mjs";
+
+//#region components/biz/basics/card-layout/defaults/default-props.ts
+/**
+* CardLayout 组件默认 Props 配置
+*/
+const defaultProps = {
+	cardSpec: CardSpec.V3_SMALL,
+	gap: 8
+};
+
+//#endregion
+export { defaultProps };

package/dist/components/biz/basics/card-layout/runtime/client.mjs

@@ -1,2 +1,39 @@
 
-"use client";import{getCardSpecConfig as e}from"../../../utils/constants/card-spec.mjs";import{mergeStyles as t}from"../../../utils/styles/helpers.mjs";import{pxToVw as n}from"../../../../../utils/helper.mjs";import{Box as r}from"../../../../ui/box.mjs";import i from"../../card-item/runtime/client.mjs";import{jsx as a}from"react/jsx-runtime";const o={};function s({props:s=o,styles:c,data:l}){let{cardSpec:u,gap:d=8}=s||{};if(!u)return null;let{width:f}=e(u),p=n(f),m=n(d);return a(r,{className:`flex flex-wrap px-[12px] justify-between`,style:{...c?t(c,{}):void 0},children:l.map((e,t)=>a(r,{style:{width:p,marginBottom:m},children:a(i,{props:{cardSpec:u},data:e})},e.id+t))})}export{s as default};
+'use client';
+
+import { getCardSpecConfig } from "../../../utils/constants/card-spec.mjs";
+import { mergeStyles } from "../../../utils/styles/helpers.mjs";
+import { pxToVw } from "../../../../../utils/helper.mjs";
+import { Box } from "../../../../ui/box.mjs";
+import CardItemClient from "../../card-item/runtime/client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/biz/basics/card-layout/runtime/client.tsx
+/**
+* CardLayout 客户端渲染组件
+*/
+const emptyPropsConfig = {};
+function CardLayoutClient({ props: propsConfig = emptyPropsConfig, styles, data }) {
+	const { cardSpec, gap = 8 } = propsConfig || {};
+	if (!cardSpec) return null;
+	const { width } = getCardSpecConfig(cardSpec);
+	const widthVw = pxToVw(width);
+	const gapVw = pxToVw(gap);
+	return /* @__PURE__ */ jsx(Box, {
+		className: "flex flex-wrap px-[12px] justify-between",
+		style: { ...styles ? mergeStyles(styles, {}) : void 0 },
+		children: data.map((item, index) => /* @__PURE__ */ jsx(Box, {
+			style: {
+				width: widthVw,
+				marginBottom: gapVw
+			},
+			children: /* @__PURE__ */ jsx(CardItemClient, {
+				props: { cardSpec },
+				data: item
+			})
+		}, item.id + index))
+	});
+}
+
+//#endregion
+export { CardLayoutClient as default };

package/dist/components/biz/basics/card-layout/schema/component.mjs

@@ -1,2 +1,15 @@
 
-const e={componentName:`CardLayout`,displayName:`卡片布局`,category:`Card`,categoryName:`卡片组件`,enabled:!0};export{e as componentMeta};
+//#region components/biz/basics/card-layout/schema/component.ts
+/**
+* CardLayout 组件元信息配置
+*/
+const componentMeta = {
+	componentName: "CardLayout",
+	displayName: "卡片布局",
+	category: "Card",
+	categoryName: "卡片组件",
+	enabled: true
+};
+
+//#endregion
+export { componentMeta };

package/dist/components/biz/basics/card-layout/schema/data.schema.mjs

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

package/dist/components/biz/basics/card-layout/schema/event.schema.mjs

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

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