Groot

一套企业级的 UI 设计语言和 React 实现。

支持环境

• 现代浏览器和 IE9 及以上。
• 支持服务端渲染。
• Electron

安装

npm install groot

示例

import { DatePicker } from 'groot';
ReactDOM.render(<DatePicker />, mountNode);

手动引入样式：

import 'groot/dist/groot.css';  // or 'groot/dist/groot.less'

按需加载可通过此写法 import DatePicker from 'groot/lib/date-picker' 或使用插件 babel-plugin-import。

TypeScript

// tsconfig.json
{
  "compilerOptions": {
    "moduleResolution": "node",
    "jsx": "preserve",
    "allowSyntheticDefaultImports": true
  }
}

注意：

• 设置 allowSyntheticDefaultImports 避免 error TS1192: Module 'react' has no default export 的错误。

国际化

参考 国际化文档。

链接

• 首页
• UI 组件库
• React 底层基础组件
• 定制主题

待完善...