MBJIA Tools

模板加前端组件库与业务工具包

60+ 业务组件，开箱即用

从按钮弹窗到素材管理、AI 搜索、上传、支付权益，覆盖模板加全业务场景。基础 UI 可独立接入，业务组件按需集成。

快速开始如何使用文档浏览组件按场景接入

npm install @mbjia/ui

→

新手入门

3 分钟配置私库，跑通第一个按钮

→

怎么查文档

按任务找 · 用搜索 · 查参数

→

查组件

基础 UI · 业务组件 · Hooks · API

→

按场景找

素材管理 · 上传 · AI 搜索 · 权益

→

版本与准确性

版本文档 · 字段说明 · 查阅方式

核心能力

基础 UI

Button、Modal、Input、Popup、Pagination 等 12+ 组件，AntD 4 封装，模板加主题样式

ButtonModalInputPopup

素材管理

素材选择、管理、替换、目录树、搜索筛选，支持多业务站点

AssetManagementModalAssetModal

全局上传

SharedWorker 多页面上传、文件夹上传、失败重试、OSS 直传

EveryWhereUploadAssetUpload

AI 搜索

AI 素材搜索、脚本生成、智能标签，支持以图搜图、以文搜图

AiSearchAICreateScript

支付权益

会员、点数、权益校验、订单确认、下载发布流程

PaymentVipModalBuyPointsModal

视频处理

视频拆条、抓取、裁剪、播放器、分段进度条

MediaSplittingFlowVideoCaptureFlow

10+私有包与编辑器包

12+基础 UI 组件

60+业务组件与流程

29Hooks 与工具能力

100+事件协议

React 17 · AntD 4 · TypeScript

常用查询

公共数据结构

素材、分页、接口响应、上传任务、事件 payload 等类型定义。

服务接口

统一响应格式、常用服务函数、入参和返回值说明。

事件协议

上传、下载、支付权益、素材选择等跨模块事件说明，100+ 事件。

维护文档

新增组件文档、补充 API 表、构建和发布文档站的方法。

文档边界

MBJIA Tools 不是只包含展示组件的 UI 库。基础 UI 可以像普通 React 组件一样使用；业务组件会绑定模板加业务接口、用户权益、素材模型、上传 worker 和事件总线。接入业务模块前，请先阅读 工程前置条件。