SuperAPI AI 工具集

arco-design-skills

设计与创作

查看项目

更新于 10-16 03:41

技能介绍

用途:为使用 @arco-design/web-react 进行开发的场景提供完整参考,按需加载对应组件、模式或 Hooks 文件。

主要能力:覆盖项目初始化(安装引入、按需加载配置、ConfigProvider 全局配置、主题定制含 CSS/Less 变量与暗色模式、i18n 国际化)、架构与设计模式(受控/非受控、Props 合并、Ref 转发、CSS 命名);并提供大量组件的完整 API 与示例,涵盖通用、布局、导航、数据录入、数据展示、反馈等分类,如 Button、Table、Form、Select、DatePicker、Upload、Modal、Message 等。

关键规范:导入用 import { Button, Table, Form } from '@arco-design/web-react';图标从 '@arco-design/web-react/icon' 引入;类型与样式分别从主包和 dist/css/arco.css 引入;日期库使用 dayjs 而非 moment;受控模式用 value + onChange,非受控用 defaultValue;子组件通过 Component.SubComponent 访问。

适用场景:React 项目中使用 Arco Design 组件库时的初始化配置、组件查询、复杂场景实现(动态表单、可编辑表格、弹层、响应式布局)与 Hooks 使用。

限制:资料未提供具体版本要求、收费信息与实际效果;部分细节需查阅对应参考文件。