Ytgvue NPM | npm.io

基础命令

npm install --registry=https://registry.npm.taobao.org

npm run build:prod 打包

npm publish 发布

版本发布

1.0.0 初始化项目并测试

1.0.1 项目搭建完成

Grid双击可以直接编辑。
Grid翻页位置增加按钮“增加、删除”，并且可以控制按钮是否可用。
Grid默认分页行数改成100。

1.0.3 双击编辑可控制

is-not-db-edit 关闭双击编辑功能

:hd-btn-tool=false 隐藏列表底部按钮工具栏

1.0.4 添加单证上传和单证查看示例代码如下 <el-button class="filter-item" @click="billUpload" type="primary">单证上传 <el-button class="filter-item" @click="billShow" type="primary">单证查看

<bill-upload ref="billUpload"></bill-upload>
<bill-show ref="billShow"></bill-show>

billUpload() {
    this.$refs.billUpload.show(this.billTyp, this.billId);
},
billShow() {
    this.$refs.billShow.show(this.billTyp, this.billId);
}

1.0.5 修复hd-grid事件不能传到el-table bug

1.0.6 hdbutton按钮样式自动变化

1.0.7 hdbutton添加默认样式

复制，取消选择。

复制删除bug

1.0.8 按钮支持自定义样式 custome-class="class"

上传组件样式修改

增加HdFilterBox组件，封装查询样式

按钮展现分成3部分示例用法如下：

<div class="filter-container" slot="query">
      <hd-filter-box>
        <template>
          <el-input @keyup.enter.native="$refs.grid.doQuery()" style="width: 200px;" class="filter-item"
                    placeholder="名称"
                    v-model="hdQuery.query.anyQuery">
          </el-input>
        </template>
        <template slot="searchBtn">
          <el-button class="filter-item bn-del" @click="$refs.grid.doQuery()" icon="search" type="primary" ref="q"
                     keyType="query">搜索
          </el-button>
        </template>
        <template slot="otherBtn">
          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger" keyType="del">删除
          </el-button>
        </template>
      </hd-filter-box>
    </div>

1.8.6 优化hd-filter-box，查询宽度智能变化，下拉按钮自动隐藏

1.9.0 el-table-column 支持展示html 添加参数is-html

1.10.1 el-table-column 宽度自动撑开

1.10.2 修复按钮隐藏导致分页不显示bug

1.10.3 下拉统一去掉双击编辑和底部按钮

1.12.1 sortable="xxx" 安照xxx进行排序，排序不走后台

<el-table-column width="120px" align="left" label="船名" prop="shipNam" sortable="shipNam">
</el-table-column>
<el-table-column width="100px" align="left" label="MMSI号" prop="sdataId" 
        :inputFormat="(result, row)=>row.mmsi" sortable="mmsi">
</el-table-column>

1.12.2 单证上传必选billTyp，参数billTyp变成默认值可不填

1.13.0 hdcomgrid @row-dblclick 可以直接自定义双击方法

1.14.0 修复hdform上一页上一条下一页下一条

1.14.2 hd-form 未绑定grid报错bug修改

1.14.3 hd-com-grid 统一关闭复制按钮

1.14.5 支持自定义底部按钮

<template slot="btnTool">
    <hd-btn icon="el-icon-plus" hint="增加" @click="$refs.grid.doEdit('')" class="hdBtnTool"
      keyType="add">
    </hd-btn>
    <hd-btn icon="el-icon-minus" hint="删除" @click="$refs.grid.doRemove()" class="hdBtnTool"
                        keyType="del">
    </hd-btn>
    <hd-btn icon="el-icon-check" hint="保存" @click="$refs.grid.doSave()" class="hdBtnTool" 
                        keyType="save">
    </hd-btn>
</template>

addWay addHide delHide 等后期可能会移除

新增了hd-form自定义处理表单展现方法

<hd-form :customeChooseUpdateFn="customeChooseUpdateFn">
customeChooseUpdateFn(row) {
    this.hdform = Object.assign({}, row, {'tempOrgnId': row.orgnId, '_oldRow': row});
},

hd-form添加数据默认添加到grid的的第一条

1.15.1 修复文件上传组件

1.15.3 新增滚动到最上面

没掉框架doEdit方法的用this.$refs.grid.$refs.hdgrid.$refs.ingrid.$refs.bodyWrapper.scrollTop = 0实现

1.15.4 表格中0默认不显示

<el-table-column> 里面添加属性 noZeroHide 来取消0不显示 1.15.10 高级查询可隐藏 noAdQuery