https://github.com/ecomfe/santd
San UI Toolkit for Ant Design
https://github.com/ecomfe/santd
Last synced: 11 months ago
JSON representation
San UI Toolkit for Ant Design
- Host: GitHub
- URL: https://github.com/ecomfe/santd
- Owner: ecomfe
- License: other
- Created: 2017-12-29T07:32:13.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-12-04T12:54:57.000Z (over 2 years ago)
- Last Synced: 2025-05-25T08:05:22.130Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://ecomfe.github.io/santd/
- Size: 24.8 MB
- Stars: 76
- Watchers: 21
- Forks: 42
- Open Issues: 7
-
Metadata Files:
- Readme: README-zh_CN.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
Ant Design for San
一套基于 Ant Design 和 San 的企业级 UI 组件库
[](https://www.npmjs.com/package/santd) [](https://opensource.org/licenses/MIT)
[](http://ecomfe.github.io/santd)
[English](./README.md) | 简体中文
## ✨ 特性
- 提炼自企业级中后台产品的交互语言和视觉风格。
- 开箱即用的高质量 San 组件。
- 共享 [Ant Design of React](https://ant.design/docs/spec/introduce) 设计工具体系。
## 🖥 支持环境
- 现代浏览器和 IE9 及以上。
- 支持服务端渲染。
| [
](http://godban.github.io/browsers-support-badges/)IE / Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari | [
](http://godban.github.io/browsers-support-badges/)Opera |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| IE9, IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
## 📦 安装
**我们推荐使用npm来进行安装**，它会使你的开发更简单。
```bash
$ npm install santd --save
```
如果你的网络环境不佳，推荐使用 [cnpm](https://github.com/cnpm/cnpm).
## 🔨 使用
```jsx
import san from 'san';
import {DatePicker} from "santd";
const App = san.defineComponent({
components: {
's-datepicker': DatePicker
},
template: `
`
});
const myApp = new App();
myApp.attach(document.body);
```
手动加载样式
```jsx
import "santd/dist/santd.css"; // or 'santd/dist/santd.less'
```
或者 [按需加载](https://ecomfe.github.io/santd/#docs/quickstart).
## 🌍 国际化
请查看 [i18n](http://ecomfe.github.io/santd/#docs/i18n).
## 🔗 链接
- [官网](https://ecomfe.github.io/)
- [介绍](https://ecomfe.github.io/santd/#docs/introduce)
- [San框架](https://baidu.github.io/san/)
- [切换主题](http://ecomfe.github.io/santd/#/docs/theme)
## ⌨️ 开发
可以使用 Gitpod 进行在线开发：
[](https://gitpod.io/#https://github.com/ecomfe/santd)
或者克隆到本地开发：
```bash
$ git clone git@github.com:ecomfe/santd.git
$ cd santd
$ npm install
$ npm start button
```
打开浏览器访问 http://127.0.0.1:8822
## 🤝 参与共建 [](https://github.com/ecomfe/santd/pulls)
我们欢迎所有的共建者， 你可以 [pull requests](https://github.com/ecomfe/santd/pulls) 或 [GitHub issues](https://github.com/ecomfe/santd/issues).
强烈推荐阅读 [《提问的智慧》](http://www.catb.org/~esr/faqs/smart-questions.html)、[《如何向开源社区提问题》](https://github.com/seajs/seajs/issues/545) 和 [《如何有效地报告 Bug》](http://www.chiark.greenend.org.uk/~sgtatham/bugs.html)、[《如何向开源项目提交无法解答的问题》](https://zhuanlan.zhihu.com/p/25795393)更好的问题更容易获得帮助。
## ☀️ License
MIT