hd-idevvue3 3.0.2 → 3.0.4

package/src/hdcom/HdGridEditBtn.vue

@@ -1,44 +1,58 @@
 <template>
   <div>
-    <hd-btn icon="el-icon-edit" hint="编辑" @click.stop="$vnode.context.$refs[gridRef].doEdit(row)"
-            v-if="!row.isEdit">
+    <hd-btn
+      icon="el-icon-edit"
+      hint="编辑"
+      @click.stop="$vnode.context.$refs[gridRef].doEdit(row)"
+      v-if="!row.isEdit"
+    >
     </hd-btn>
-    <hd-btn hint="撤销" @click.stop="$vnode.context.$refs[gridRef].doCancel(row)" v-if="row.isEdit">
-      <svg-icon icon-class="undo"/>
+    <hd-btn
+      hint="撤销"
+      @click.stop="$vnode.context.$refs[gridRef].doCancel(row)"
+      v-if="row.isEdit"
+    >
+      <svg-icon icon-class="undo" />
     </hd-btn>
-    <hd-btn icon="el-icon-check" hint="保存" @click.stop="$vnode.context.$refs[gridRef].doSave(row)" v-if="row.isEdit">
+    <hd-btn
+      icon="el-icon-check"
+      hint="保存"
+      @click.stop="$vnode.context.$refs[gridRef].doSave(row)"
+      v-if="row.isEdit"
+    >
     </hd-btn>
-    <hd-btn icon="el-icon-delete" hint="删除" @click.stop="$vnode.context.$refs[gridRef].doRemove(row)"
-            v-if="!row.isEdit">
+    <hd-btn
+      icon="el-icon-delete"
+      hint="删除"
+      @click.stop="$vnode.context.$refs[gridRef].doRemove(row)"
+      v-if="!row.isEdit"
+    >
     </hd-btn>
   </div>
 </template>
 
 <script>
-
 /**
-   * GridEditBtn 列表内的增删改按钮
-   * @module HdGridEditBtn
-   */
+ * GridEditBtn 列表内的增删改按钮
+ * @module HdGridEditBtn
+ */
 export default {
   name: 'HdGridEditBtn',
   inheritAttrs: false,
   /**
-     * Props
-     * @prop {String} gridRef 默认为grid
-     * @prop {Object} row 行对象
-     */
+   * Props
+   * @prop {String} gridRef 默认为grid
+   * @prop {Object} row 行对象
+   */
   props: {
     gridRef: {
       type: String,
-      default: 'grid'
+      default: 'grid',
     },
-    row: Object
+    row: Object,
   },
   data() {
     return {}
-  }
+  },
 }
-
 </script>
-

package/src/hdcom/HdGridExt.js

@@ -2,7 +2,7 @@
 export default {
   data() {
     return {
-      rowSelNum: -1// 选中行
+      rowSelNum: -1, // 选中行
     }
   },
   methods: {
@@ -16,23 +16,32 @@ export default {
       const keyCode = event.keyCode
       const list = [38, 40, 37, 39]
       if (list.indexOf(keyCode) !== -1) {
-        if (keyCode === 38) { // up
+        if (keyCode === 38) {
+          // up
           this.rowSelNum -= 1
         }
         if (keyCode === 40) {
           this.rowSelNum += 1
         }
-        if (keyCode === 37) { // left
-          this.hdQuery.doCurPageChange(this.hdQuery.page - 1 < 1 ? 1 : this.hdQuery.page - 1)
+        if (keyCode === 37) {
+          // left
+          this.hdQuery.doCurPageChange(
+            this.hdQuery.page - 1 < 1 ? 1 : this.hdQuery.page - 1
+          )
         }
         if (keyCode === 39) {
-          let totalPageSize = (this.hdResult.total - 1) / this.hdQuery.rows + 1;
-          this.hdQuery.doCurPageChange(this.hdQuery.page + 1 > totalPageSize ? totalPageSize : this.hdQuery.page + 1);
+          let totalPageSize = (this.hdResult.total - 1) / this.hdQuery.rows + 1
+          this.hdQuery.doCurPageChange(
+            this.hdQuery.page + 1 > totalPageSize
+              ? totalPageSize
+              : this.hdQuery.page + 1
+          )
         }
         event.stopPropagation()
         event.preventDefault()
       }
-      if (keyCode === 13) { // Enter
+      if (keyCode === 13) {
+        // Enter
         if (this.hdQuery.selRow) {
           this.$emit('enterClick', this.hdQuery.selRow)
           this.hdQuery.selRow = null
@@ -42,7 +51,8 @@ export default {
           this.hdQuery.selRow = null
         }
       }
-      if (event.altKey && keyCode === 13) { // alt+Enter
+      if (event.altKey && keyCode === 13) {
+        // alt+Enter
         this.$emit('altEnterClick', this.hdQuery.selRow)
       }
     },
@@ -52,30 +62,36 @@ export default {
       if (this.hdQuery) {
         this.hdQuery.selRow = this.hdResultComRows[this.rowSelNum]
       }
-      const trSel = this.$refs.ingrid.$el.querySelectorAll('.el-table__body tr')[i]
+      const trSel =
+        this.$refs.ingrid.$el.querySelectorAll('.el-table__body tr')[i]
       if (!trSel) {
         return true
       }
 
-      const scrollParent = this.$refs.ingrid.$el.querySelector('.el-table__body-wrapper')
+      const scrollParent = this.$refs.ingrid.$el.querySelector(
+        '.el-table__body-wrapper'
+      )
       const conHeigh = scrollParent.getBoundingClientRect().height
       //        const cellNumPage = conHeigh / cellHeigh //当前页面有多少行
 
       const top = trSel.offsetTop
       const bottom = trSel.offsetTop + trSel.offsetHeight
       const viewRectTop = scrollParent.scrollTop
-      const viewRectBottom = viewRectTop + scrollParent.clientHeight + trSel.clientHeight / 3// trSel.clientHeight/3确保滚出屏幕后才触发
+      const viewRectBottom =
+        viewRectTop + scrollParent.clientHeight + trSel.clientHeight / 3 // trSel.clientHeight/3确保滚出屏幕后才触发
       if (top < viewRectTop) {
         scrollParent.scrollTop = top
-      } else if (bottom > viewRectBottom) { // 向下移动触发
+      } else if (bottom > viewRectBottom) {
+        // 向下移动触发
         scrollParent.scrollTop = scrollParent.scrollTop + trSel.clientHeight
       }
     },
-    findLeafCol(col, leafCol, header, filterVal, par) {//获得叶子节点,并且返回叶子节点父类
+    findLeafCol(col, leafCol, header, filterVal, par) {
+      //获得叶子节点,并且返回叶子节点父类
       if (!col.children) {
         leafCol.push(col)
         if (par) {
-          header.push(par.label + "-" + col.label)
+          header.push(par.label + '-' + col.label)
         } else {
           header.push(col.label)
         }
@@ -93,42 +109,52 @@ export default {
       const disColWithProp = [] //统计表头时判断
       for (let i = 0; i < this.disCol.length; i++) {
         const oneCol = this.disCol[i]
-        if (!oneCol || (!oneCol.property && !oneCol.children) || !oneCol.showFlg || oneCol.showFlg == '0') {
+        if (
+          !oneCol ||
+          (!oneCol.property && !oneCol.children) ||
+          !oneCol.showFlg ||
+          oneCol.showFlg == '0'
+        ) {
           continue
         }
-        this.findLeafCol(oneCol, disColWithProp, header, filterVal)//将所有的叶子节点
+        this.findLeafCol(oneCol, disColWithProp, header, filterVal) //将所有的叶子节点
       }
       const data = this.formatJson(filterVal, exportdata, header)
-      const merdata = [header].concat(data)// 中文+数据
+      const merdata = [header].concat(data) // 中文+数据
       this.summaryAdd(merdata, filterVal.length)
-      const title = this.$route.meta.title + new Date().format('yyyy-MM-dd HH:mm:ss')
+      const title =
+        this.$route.meta.title + new Date().format('yyyy-MM-dd HH:mm:ss')
       return { header, filterVal, merdata, title }
     },
     excelExport(exportdata) {
-      let excelData = this.comExport(exportdata);
-      let exportData = {};
+      let excelData = this.comExport(exportdata)
+      let exportData = {}
       if (this.excelFormatter) {
-        exportData = this.excelFormatter(excelData);
+        exportData = this.excelFormatter(excelData)
       } else {
-        let merdata = excelData.merdata;
+        let merdata = excelData.merdata
         if (this.excelPropHeader) {
-          merdata = this.formatJson(excelData.filterVal, merdata);
+          merdata = this.formatJson(excelData.filterVal, merdata)
         }
         exportData = {
           header: merdata[0],
           data: merdata.slice(1),
-          filename: excelData.title
+          filename: excelData.title,
         }
       }
       const excel = require('../vendor/Export2Excel')
-      excel.export_json_to_excel(exportData)// excelPropHeader:是否导出prop头
+      excel.export_json_to_excel(exportData) // excelPropHeader:是否导出prop头
     },
     pdfExport(exportdata) {
       let { header, filterVal, merdata, title } = this.comExport(exportdata)
       this.$refs.pdfshow.genPdf(header, merdata, title)
     },
-    summaryAdd(merdata, size) {//如果导出有合计项
-      if (this.$attrs.showSummary == undefined && this.$attrs['show-summary'] == undefined) {
+    summaryAdd(merdata, size) {
+      //如果导出有合计项
+      if (
+        this.$attrs.showSummary == undefined &&
+        this.$attrs['show-summary'] == undefined
+      ) {
         return
       }
       const disColWithProp = [] //获取表头
@@ -156,7 +182,8 @@ export default {
       if (!jsonData || jsonData.length == 0) {
         return []
       }
-      if (this.excelPropHeader) { // 导出所有头
+      if (this.excelPropHeader) {
+        // 导出所有头
         for (const data in jsonData[0]) {
           let isHas = false
           for (const val in filterVal) {
@@ -165,7 +192,8 @@ export default {
               break
             }
           }
-          if (!isHas) { // 所有json属性在filterval都要有
+          if (!isHas) {
+            // 所有json属性在filterval都要有
             filterVal.push(data)
           }
         }
@@ -174,33 +202,36 @@ export default {
       if (this.noExcelExport) {
         noExLs = noExLs.concat(this.noExcelExport)
       }
-      for (let j = 0; j < noExLs.length; j++) { // 不需要导出的属性,header也需要删除
+      for (let j = 0; j < noExLs.length; j++) {
+        // 不需要导出的属性,header也需要删除
         const index = filterVal.removeone(noExLs[j])
         if (index != -1) {
           header.splice(index, 1)
         }
       }
-      return jsonData.map(v => filterVal.map(j => {
-        try {
-          const inFt = this.getInputFormat(j) //支持多级prop如果有inutFormat会使用inputFormt
-          if (inFt) {
-            return inFt(v, j)
-          } else {
-            return v[j] + ''// 数字变为字符串
+      return jsonData.map((v) =>
+        filterVal.map((j) => {
+          try {
+            const inFt = this.getInputFormat(j) //支持多级prop如果有inutFormat会使用inputFormt
+            if (inFt) {
+              return inFt(v, j)
+            } else {
+              return v[j] + '' // 数字变为字符串
+            }
+          } catch (err) {
+            //不存在时,直接返回空
+            console.info(err)
+            return null
           }
-        } catch (err) {//不存在时,直接返回空
-          console.info(err)
-          return null
-        }
-      }
-      ))
+        })
+      )
     },
   },
   watch: {
-
     rowSelNum: function (val, oldVal) {
       if (val < 0) {
-        if (this.hdResult.rows.length == 0) { // 没有数据时不选中
+        if (this.hdResult.rows.length == 0) {
+          // 没有数据时不选中
           this.rowSelNum = -1
           return false
         } else {
@@ -214,6 +245,6 @@ export default {
         this.hdQuery.selRow = this.hdResult.rows[this.rowSelNum]
       }
       this.setCurrentRow(this.rowSelNum, val - oldVal > 0) // >0是下移动,<0是上移
-    }
-  }
+    },
+  },
 }