系统组件库

本文介绍魔笔平台的系统组件库,阐述不同组件库间的差异和切换方法。组件层面差异请参考各组件文档。

概念与差异

系统组件库是魔笔平台内置的、开箱即用的各类组件集合。主要包括:表单按钮展示导航数据容器框架图表AI等类型组件。

魔笔平台同时集成了两套主流设计系统,两套组件库在视觉风格和组件配置项上有着差异化表现,您可以根据应用场景和视觉偏好选择适合的组件库。

  1. Ant Design 组件库

  • 特点:提供完整的 Web 应用组件生态,在企业级应用中广泛使用;

  • 适用场景:企业管理后台、数据看板、B 端应用等;

  1. Spark Design 组件库

  • 特点:采用更现代的设计语言和交互方式,专为 AI 应用场景设计,集成了对话、气泡等 AI 交互组件;

  • 适用场景:AI 助手、智能对话应用、Agent 应用等;

  1. 公共组件

公共组件不区分设计系统,适用于任何组件库,包括表单类(如评分、语音输入)、展示类(如文本、图标、二维码)、容器类(如多容器视图)和图表类(如折线图、饼图)等。

切换方法

切换组件库

在魔笔平台设置→组件库中,选择不同的组件库,在弹窗中点击“确认切换”按钮,可切换系统组件库。

image

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

image

切换主题

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

image

  • 保持当前主题:只切换组件库,仍旧使用当前主题;

  • 切换主题:切换组件库,同步切换主题。

您可在设置→应用主题中手动调整,具体可参考应用主题设置

说明
  1. 若画布中已使用了组件库 A 的组件进行应用的搭建,此时从组件库 A 切换到组件库 B 后,画布中已使用的组件库 A 中的组件仍能正常显示和渲染;但若同时切换了应用主题,则切换后的主题对画布中存在的两套组件均能生效,请谨慎切换。(组件库 A 和组件库 B 代指两套不同组件库。)

  2. 如有组件库切换需求,建议在应用开发初期选定并切换好组件库,单个应用中建议不同时使用两套组件库的组件。