leopard-web-biz-component

leopard 项目公共组件库

开发

安装依赖

yarn install

项目用到vuepress开发文档，用到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.

使用

引入包

npm

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

script标签引入

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

在组件中使用

<template>
  <leo-dy-form :config="config" v-model="formModel"><leo-dy-form>
</template>

详细使用请查看文档和例子