本文介绍魔笔平台的系统组件库,阐述不同组件库间的差异和切换方法。组件层面差异请参考各组件文档。
概念与差异
系统组件库是魔笔平台内置的、开箱即用的各类组件集合。主要包括:表单、按钮、展示、导航、数据、容器、框架、图表、AI等类型组件。
魔笔平台同时集成了两套主流设计系统,两套组件库在视觉风格和组件配置项上有着差异化表现,您可以根据应用场景和视觉偏好选择适合的组件库。
特点:提供完整的 Web 应用组件生态,在企业级应用中广泛使用;
适用场景:企业管理后台、数据看板、B 端应用等;
特点:采用更现代的设计语言和交互方式,专为 AI 应用场景设计,集成了对话、气泡等 AI 交互组件;
适用场景:AI 助手、智能对话应用、Agent 应用等;
公共组件
公共组件不区分设计系统,适用于任何组件库,包括表单类(如评分、语音输入)、展示类(如文本、图标、二维码)、容器类(如多容器视图)和图表类(如折线图、饼图)等。
切换方法
切换组件库
在魔笔平台设置→组件库中,选择不同的组件库,在弹窗中点击“确认切换”按钮,可切换系统组件库。

成功切换组件库后,在“添加组件”面板可以看到对应组件库中的组件。

切换主题
切换组件库后,您可同时选择是否将应用主题同步更改为组件库对应主题。

保持当前主题:只切换组件库,仍旧使用当前主题;
切换主题:切换组件库,同步切换主题。
您可在设置→应用主题中手动调整,具体可参考应用主题设置。
若画布中已使用了组件库 A 的组件进行应用的搭建,此时从组件库 A 切换到组件库 B 后,画布中已使用的组件库 A 中的组件仍能正常显示和渲染;但若同时切换了应用主题,则切换后的主题对画布中存在的两套组件均能生效,请谨慎切换。(组件库 A 和组件库 B 代指两套不同组件库。)
如有组件库切换需求,建议在应用开发初期选定并切换好组件库,单个应用中建议不同时使用两套组件库的组件。