okayx-ui-components v0.0.1

okaycomponents

基于Vue+avue的集成组件库

tree+form+crud三合一组件：

运行项目

下载依赖包命令：npm i

运行命令：npm run serve

构建包

构建包命令：npm run lib

发布版本：npm publish
更新版本：npm publish

下架版本：npm unpublish

npm首次发布注意：
如果有使用淘宝镜像，要先还原到npm镜像
注册好用户后，会有一条邮箱信息需要我们去确认授权，只有授权后才能发布npm
否则，就会一直报403的权限警告，不能发布，

在其他的项目中进行安装

$ npm install okaycomponents -S

使用

在 main.js 文件中引入插件并注册

# main.js
import okaycomponents from 'okaycomponents'
Vue.use(okaycomponents)

在项目中使用 okaycomponents

<template>
  <div>
    <tree-form-table
        ref="treeFormTable"
        :formObj="formObj"
        :form="form"
        :treeData="treeData"
        :treeOption="treeOption"
        :formOption="formOption"
        :page="page"
        :crudData="crudData"
        :crudOption="crudOption"
        @ok-node-click="nodeClick"
        @ok-submit-form="submitForm"
        @ok-add-update="addUpdate"
        @ok-row-del="rowDel"
        @ok-single-add="singleAdd"
        @ok-add-row="addRow"
        @ok-cell-del="cellDel"
        @ok-save-all="saveAll"
        @ok-size-change="sizeChange"
        @ok-current-change="currentChange"
      ></tree-form-table>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        
      }
    }
  }
</script>

特点

1. 简单易用，组件库
2. 提供以 npm 的形式安装，全局组件使用

传递值

:formObj="formObj"
:form="form"
:treeData="treeData"
:treeOption="treeOption"
:formOption="formOption"
:page="page"
:crudData="crudData"
:crudOption="crudOption"

事件

@ok-node-click="nodeClick"
@ok-submit-form="submitForm"
@ok-add-update="addUpdate"
@ok-row-del="rowDel"
@ok-single-add="singleAdd"
@ok-add-row="addRow"
@ok-cell-del="cellDel"
@ok-save-all="saveAll"
@ok-size-change="sizeChange"
@ok-current-change="currentChange"