mcpField
S
svar-react

svar-react

github.com/svar-widgets开发2119 次安装25 周前更新
代码仓库

关于 svar-react

svar-react 是一组 `@svar-ui/react-*` React 组件包的文档路由技能，面向使用这些组件的开发者。它按组件类别指向独立文档，并提供主题和本地化等通用指引。

主要功能

  1. 01按组件包路由到对应文档
  2. 02涵盖网格、甘特图和编辑器等组件
  3. 03提供主题与 CSS 样式指引
  4. 04说明语言包与本地化扩展

适用场景

  1. 01查找所用组件包的导入和类型
  2. 02为组件层级配置主题样式
  3. 03扩展界面语言和格式

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/svar-widgets/skills --skill svar-react

安装后在 Claude Code 中输入/svar-react确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

comments/
index.md
core/
avatar.md
button.md
calendar.md
checkbox.md
colorboard.md
colorpicker.md
colorselect.md
combo.md
counter.md
datepicker.md
daterangepicker.md
dropdown.md
field.md
fullscreen.md
globals.md
icon.md
index.md
locale.md
modal.md
modalarea.md
month.md
multicombo.md
pager.md
popup.md
portal.md
radio.md
rangecalendar.md
richselect.md
segmented.md

详细介绍

SVAR React 以一系列 @svar-ui/react-* 包的形式发布。此文件会引导至各个包的入口；每个子文件都是独立的，包含其组件的导入语句、公共类型、样式钩子和使用示例。

打开与你使用的包对应的文件。如果下方路由表中没有列出你需要的组件，请默认使用 core/index.md

组件路由

文件包组件
core/index.md@svar-ui/react-core按钮、输入框、选择器、日历、下拉菜单、弹出层、模态框、主题、本地化（40 多种小组件）
menu/index.md@svar-ui/react-menuMenu、MenuBar、DropDownMenu、ContextMenu、ActionMenu
toolbar/index.md@svar-ui/react-toolbarToolbar
layout/index.md@svar-ui/react-layoutLayout、Cell、Panel
grid/index.md@svar-ui/react-gridGrid、HeaderMenu、Tooltip、ContextMenu、Toolbar
editor/index.md@svar-ui/react-editorEditor
filter/index.md@svar-ui/react-filterFilterBuilder、FilterEditor、FilterBar、FilterQuery
gantt/index.md@svar-ui/react-ganttGantt、Toolbar、ContextMenu、Editor、Tooltip、HeaderMenu
tasklist/index.md@svar-ui/react-tasklistTasklist
comments/index.md@svar-ui/react-commentsComments
filemanager/index.md@svar-ui/react-filemanagerFilemanager

通用技巧

以下内容适用于所有 @svar-ui/react-* 包：

  • themes.md - 主题包装器、CSS 变量、css 属性约定、类钩子
  • locales.md - 本地化上下文、内置语言包、扩展词语和格式

组件层级需要使用主题组件进行包装，以确保正确应用样式 部分小组件（如 grid、gantt、filemanager 等）会导出自己的主题组件，这些组件会委托给核心主题并添加自身的变量

评论

支持 Markdown