@51yzone/pc-components/README.md

An enterprise-class UI design language and React-based implementation

---
order: -1
title: 自述
---

提供 PC 端 统一设计与交互、抽象通用业务组件库

## 浏览器支持

IE 9+

## 安装

```bash
npm install @51yzone/pc-components --save
```

## 示例

```jsx
import { DateRange } from "@51yzone/pc-components";
ReactDOM.render(<DateRange />, mountNode);
```

引入样式：

```jsx
import "@51yzone/pc-components/lib/date-range/style/";
```

你也可以[按需加载组件](https://ant.design/docs/react/use-in-typescript-cn#%E4%BD%BF%E7%94%A8-babel-plugin-import)。

## 运行

```bash
# 默认开启服务器，地址为 ：http://localhost:8000/

# 能在ie9+下浏览本站，修改代码后自动重新构建，且能在ie10+运行热更新，页面会自动刷新
npm run start

# 构建生产环境静态文件，用于发布文档
npm run site
```

## 目录说明

```
├── components/    // 组件库源码
├── ├── _util/     // 工具类
├── ├── style/     // 组件库样式源码
├── ├── date-range/     // DateRange组件
├── ├── ├── demo/     // DateRange组件demo源码及demo说明文档
├── ├── ├── style/     // DateRange组件样式
├── ├── ├── *.tsx     // DateRange组件源码
├── ├── ├── index.md     // DateRange组件API文档源码
├── ├── index.ts    // 入口文件，整包引入会用到
├── docs/          // 文档系统非组件页面源码
├── site/          // 文档发布目录
├── .editorconfig  // 代码风格配置
├── .eslintrc.js      // js,jsx代码检查配置
├── .gitignore     // git源码管理忽略文件
├── .npmrc         // 下载镜像配置
├── .stylelintrc.json   // 样式代码检查配置
├── .CHANGELOG.md          // 组件库的版本更新记录
├── package-lock.json      // 依赖库版本锁定
├── package.json      // 依赖库版本锁定
├── .gitignore        // git源码管理忽略文件
```