open-index/open-npm huggingface dataset:
npm package: @pantaa/leopard
Description: 内部项目公用vue组件, 是对element-ui的进一步封装
Latest version: 1.0.0-alpha.1

# leopard-web-biz-component

leopard 项目公共组件库

## 开发

### 安装依赖

```
yarn install
```

项目用到[vuepress](https://vuepress.vuejs.org/zh/)开发文档，用到`vue-cli`开发例子，由于目前两个库的`webpack`版本不兼容，故暂时需要全局安装`vuepress`

```
yarn global add vuepress
```

### 运行`demo`

```
# 构建目标
yarn serve
# 启动开发服务器
yarn start
```

### 查看并开发文档

```
# 构建目标
yarn serve
```
将生成的`dist/leopard.umd.js`拷贝到`docs/.vuepress/public`中,然后运行
```
yarn run docs:dev
```

### 打包文档

```
yarn run docs:build
```

### 编译生产用组件

```
yarn run build
```

目前支持编译为`cjs`、`esm`和`umd`包

### Lints and fixes files

```
yarn run lint
```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

## 使用

### 引入包

#### `npm`

```js
import leopard from "your/path/@pantaa/leopard";
Vue.use(leopard);
```

#### `script`标签引入

``` html
<script src="your/path/leopard.umd.js"></script>
<script>
  Vue.use(window.leopard)
<script/>
```

### 在组件中使用

``` html
<template>
  <leo-dy-form :config="config" v-model="formModel"><leo-dy-form>
</template>
```
详细使用请查看文档和例子