业务组件

@mbjia/components

围绕模板加核心业务流程封装的组件

业务组件不是纯 UI。它们通常依赖登录态、接口权限、用户权益、素材模型、事件总线和上传 worker。接入前请先确认工程前置条件。

前置条件数据结构事件协议

模块分类

素材管理

Asset

AssetManagementModal、AssetModal、Waterfall、GridList。用于素材选择、上传入口、分页列表和批量操作。

依赖素材接口

上传

Upload

EveryWhereUpload、AssetUpload、UploadFailModal。用于全局上传、失败重试和跨页面状态同步。

依赖 SharedWorker

AI 搜索

AI

AiSearch、InputTextAndTags、AICreateScript。用于标签输入、AI 检索和素材结果选择。

支付权益

Rights

Payment、BuyPointsModal、VipModal、InsufficientModalFlow。用于会员、积分、权益不足和下单流程。

依赖用户权益

视频处理

Media

MediaSplittingFlow、VideoCaptureFlow、VideoLoadAi、SegmentedProgressBar。用于视频拆条、截取和 AI 分析。

通用展示

Display

Loading、Empty、ProgressBar、MatchingDegree、VeIcon。用于业务页面常见状态展示。

使用前置条件

• 登录态多数组件需要 Cookie token 或用户信息。
• 环境配置请求域名来自 @mbjia/site-env 或业务侧配置。
• 接口权限素材、权益、上传、支付等接口需要后端授权。
• 事件总线多个流程通过 eventBus 串联。
• 上传 worker上传相关能力需要 SharedWorker。
• 样式能力需要 Less、CSS Modules、styled-components 和 AntD 样式。

推荐阅读顺序

先看选择包

不确定该用哪个包时，先读 选择合适的包。

再看数据结构

素材、分页、接口响应和上传任务结构在 公共数据结构 里统一说明。

按业务模块接入

素材看素材管理弹窗，上传看全局上传，AI 搜索看 AI 搜索，权益看支付权益。