GithubHelp home page GithubHelp logo

thefakeworld / zet-component Goto Github PK

View Code? Open in Web Editor NEW

This project forked from 9-web/zet-component

0.0 1.0 0.0 24.03 MB

zet 基础出组件和业务组件(该库已迁移到私有仓库,停止更新)

Home Page: https://9-web.github.io/zet-component/#/

JavaScript 70.59% CSS 4.52% TypeScript 24.89%

zet-component's Introduction

zet-component

提供zet组件,在antd基础上做了一层封装,包含基础组件(components)和业务组件(bcomponents)

特性

  1. 按需加载
  2. 支持国际化

安装

yarnnpm都可以安装依赖,建议用一种方式,不要混装

(yarn || npm) install zet-component

示例

import { Resource } from 'zet-component';
ReactDOM.render(<DatePicker>);

链接

首页 (文档地址)

依赖

react-powerplug (提供了可插拔无渲染组件)

docz (书写文档和React组件预览工具)

umi-plugin-library (基于umi组件库开发工具,为组件开发提供全套方案,专注库开发)

lerna (monorepo 管理工具)

项目结构

�框架目录
├── bcomponents      存放我们的业务组件
├── components       存放基础组件
│   ├── resource     �  资源组件
│   └── tag            �标签组件 
├── index.js         入口文件
├── style            样式文件
│   ├── index.js        
│   ├── index.less      ��入口样式
│   ├── minxins         �less minxins
│   └── themes          默认主题
├── utils            工具目录
│   └── utils.js     工具类
�组件目录
├── resource                  �resource组件文件夹
│   ├── index.js                入口文件
│   ├── index.less              less描述文件
│   ├── index.mdx               文档和案例
│   ├── resource.js           �  组件内容
│   ├── resourceContext.js      组件内容�
│   └── resourceGroup.js        组件内容
└── tag                       tag组件
    ├── index.js                入口文件
    └── index.mdx               文档和案例

本地开发

$ git clone [email protected]:9-web/zet-component.git
$ cd zet-component
$ yarn bootstrap
$ yarn dev

命令操作

  • yarn bootstrap 安装项目依赖
  • yarn dev 启动开发环境
  • yarn build 构建组件产物
  • yarn build:watch 文件改变自动构建组件产物
  • yarn build:doc 构建组件文档产物
  • yarn deploy:doc 把文档产物发布到github pages上
  • yarn publish 发布组件到npm仓库上
  • yarn deploy 构建组件并并把组件发布到npm仓库上

zet-component's People

Contributors

jiechud avatar js-spider avatar limenghua0 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.