Dt Design

一套政务级的 UI 设计语言和 React 实现。

特性

• 提炼自政务级中后台产品的交互语言和视觉风格。
• 开箱即用的高质量 React 组件。
• 使用 TypeScript 构建，提供完整的类型定义文件。

支持环境

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

安装

npm install dtd --save

示例

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

你也可以按需加载组件。

国际化

参考 国际化文档。

链接

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

本地开发

$ git clone [email protected]:DT-FED/dtd.git
$ npm install
$ npm start

打开浏览器访问 http://127.0.0.1:8001。

发布

注意：

• 使用npm命令而不是其他命令
• 已经完成第一步直接跳到第二步
• 建议使用nrm做源管理

1. 切换 npm 源

如果没切换源私有源是不会发布成功的

$ npm set registry http://registry.reta-develop.dophz.dtdream.com

如果没注册过那就执行下面这行：

$ npm adduser --registry http://registry.reta-develop.dophz.dtdream.com

2. 手动叠加 package.js 中的 version

dtd 严格遵循 Semantic Versioning 2.0.0 语义化版本规范。

3. 发布

$ npm run pub

⚠️ 警告 ⚠️：不要使用npm publish --force发布, 如果要发布到外网请提前进行compile和dist编译。

其他

1. lib 和 es 编译：npm run compile

执行下面的命令，将会把/components中的组件打包到/lib和/es中，一个 ES5 语法，一个是 ES6 语法，如果使用 webpack 的话会自动引入/es中的组件。

$ npm run compile

2. dist 编译：npm run dist

执行下面的命令，将会把/components中的组件打包到/dist中.

$ npm run dist

3. 使用npm run pub 发布如果没切换到到私网会警告退出！

4. 使用npm run pub:outer发布会发布到外网，发布前检查源

5. 使用npm run pub:loose 发布 dtd-loose 版本（dtd 的 ie9 兼容版本,发布前务必手动修改包名  为 dtd-loose），发布如果没切换到到私网会警告退出！

6. 使用npm run pub:outer-loose发布 dtd-loose 版本（dtd 的 ie9 兼容版本，发布前务必手动修改包名  为 dtd-loose），发布会发布到外网，发布前检查源

7. 使用npm run pub:name支持发布时包名的选择及自定义和发布地址的选择和自定义

发布前确保外网的源为: https://registry.npmjs.org/

8. 如果使用 npm publish 发布会警告退出！

如何贡献

https://gitlab04.dtdream.com/DT-FED/reta-start-kit 提 issues，issue 中请包括 “使用场景，使用版本，问题描述，复现代码片段和复现步骤”