dt-react-component

dt-react-component | CHANGELOG

组件库

目的：减少代码重复率，便于新同学对组件使用以及团队内部项目的代码优化

:zap: 安装

使用 npm

npm i dt-react-component --save

:book: 如何使用

1. Usage

import { Circle, GoBack } from 'dt-react-component'
const App = () => (
  <>
    <Circle />
    <GoBack url='/api/manage' />
  </>
);

样式引入：

import 'dt-react-component/lib/index.css'

1. 按需引入

import { Circle } from 'dt-react-component/lib/circle'

样式暂时还是必须全量引入：

import 'dt-react-component/lib/index.css'

目前这块打包出来的样式暂不支持单文件引入，这块后续有时间使用 gulp/webpack 打包单独出组件样式文件

---

:wrench: 本地开发

clone & npm install

git clone [e-mail]:DTStack/dt-react-component.git
npm install

启动本地服务器

 npm run storybook

组件开发

• src/components 目录下编写组件
• src/stories 目录下编写 storybook 文档
• npm run storybook 本地文档预览

静态服务部署构建

npm run build-storybook

组件发布至 npm 在按照一些列组件开发规范流程下，测试组件无问题后进行组件发布

npm run compile 输出 lib 目录
登陆 npm 执行 npm publish

:ferris_wheel: 预览地址

https://dtstack.github.io/dt-react-component/

:blue_book: 相关资料

• Storybook
• TypeScript
• jest
• enzymejs

Changelog

2.0.0 (2020-10-30)

Bug Fixes

• coordinate and windows scroll issue (501aff4)
• delete useless code (fcc0b4a)
• environment variable judgment conflict (f9b3d77)
• filterOption add type (18dddbb)
• fix eslint syntax error (4876267)
• fix import name issue (c997f5c)
• fix import path and some file name (9293459)
• fixed file reference path (8ae9a4b)
• fixed storybook instance (937da9b)
• commit: fix commit config (97e58eb)
• easyselect: update auto and fix dataSource is null (c0ed413)
• type: scrollTest Comp type fix (7d5f9f6)
• modify file name (4f9c6b4)

Build System

• reorganization order and add prettier (acc682b)
• update eslint config and fix eslint error (50644d5)
• update package-lock.json (04cd527)
• update package.json and add gulp dependency (76a5e45)

Features

• add css build and remove sass-node to build global style (9a97115)
• add js file to imported style file (190f273)
• add lazyDataSource (5a31c1f)
• add multiSearchInput test (c0fcb43)
• add slidePane test case (92d0e3d)
• architecture: optimize architecture (6dc598a)
• add styles on demand (0636f6a)
• optimizing semantics (ce58871)
• restore configuration file (72c6b95)
• restore jest configuration (ecbd0fc)
• support style loading on demand (6fd05e2)
• update global file (d317f6e)
• update storybook description document (b981002)
• easyselect: custom lazy loading (91348ac)

Tests

• multiSearchInput: 解决晨风提的键盘事件 mockFunction 无法触发的问题 (b59fa20)
• add easySelect test (4201cf4)
• correct import form (df20482)
• update reference path (b41e292)