@51yzone/pc-components 中文文档教程

Question

---

order: -1

title: 自述

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

浏览器支持

IE 9+

安装

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

示例

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

引入样式：

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

你也可以按需加载组件。

运行

# 默认开启服务器，地址为 ：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源码管理忽略文件