Skip to content

Latest commit

 

History

History
103 lines (65 loc) · 3 KB

README-zh_CN.md

File metadata and controls

103 lines (65 loc) · 3 KB

dt-react-component

基于 Ant Design 的 React UI 组件库

NPM version NPM downloads

English | 简体中文

文档

查看在线文档

或者查看老版本:

基于 Ant Design 的 React UI 组件库。 主要用于中,后台产品。我们的目标是满足更具体的业务场景组件。 当然,我们也有基于原生 javascript 实现的业务组件,例如ContextMenuKeyEventListener等。

何时使用

  • 当发现其他组件库提供的基本组件不符合当前的业务场景,并且需要基于这些基本组件实现功能时,可以考虑使用 dt-react-component 解决问题。
  • 当业务复杂时,将沉淀越来越多的业务组件。 为了更好地管理组件并减少代码的冗余,可以使用 dt-react-component。 当然,我们欢迎 PR。 我们也将及时审查和合并常见的业务场景组件。

安装

# use npm
npm install dt-react-component

# use yarn
yarn add dt-react-component

# use pnpm
pnpm install dt-react-component

使用

import React from 'react';
import { BlockHeader } from 'dt-react-component';
const App = () => <BlockHeader title="分类标题" showBackground />;

按需加载

我们默认支持基于 ES modules 的 tree shaking,对于 js 部分,直接引入 import { BlockHeader } from 'dt-react-component'; 就会有按需加载的效果。

TypeScript

dt-react-component 完全基于 TypeScript 编写,具有完整的类型定义,因此您将拥有更好的体验。

如何贡献

贡献指南

开发

本地克隆:

git clone [email protected]:DTStack/dt-react-component.git
cd dt-react-component
pnpm install
pnpm run dev

打开浏览器并访问 http://127.0.0.1:8000,我们基于 dumi 管理组件。 更多信息请访问 dumi.

发布

pnpm build
# pnpm@6
pnpm release -- -r 3.0.1
npm publish --registry https://registry.npmjs.org/

发布站点

pnpm deploy

贡献

我们欢迎所有贡献。 您可以将任何想法提交为 pull requests 或者 issues.

最后,感谢我们所有 contributors

许可证

ISC