vxe-table 3.3.14 → 3.4.0

package/packages/table/src/methods.js

@@ -306,32 +306,67 @@ const Methods = {
     this.tableData = scrollYLoad ? fullData.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullData.slice(0)
     return this.$nextTick()
   },
+  updateScrollYStatus (fullData) {
+    const { treeConfig, treeOpts, sYOpts } = this
+    const { transform } = treeOpts
+    const scrollYLoad = (transform || !treeConfig) && !!sYOpts.enabled && sYOpts.gt > -1 && sYOpts.gt < fullData.length
+    this.scrollYLoad = scrollYLoad
+    return scrollYLoad
+  },
   /**
    * 加载表格数据
    * @param {Array} datas 数据
    */
   loadTableData (datas) {
-    const { keepSource, treeConfig, editStore, sYOpts, scrollYStore, scrollXStore, lastScrollLeft, lastScrollTop, scrollYLoad: oldScrollYLoad } = this
-    const tableFullData = datas ? datas.slice(0) : []
-    const scrollYLoad = !treeConfig && sYOpts.enabled && sYOpts.gt > -1 && sYOpts.gt < tableFullData.length
+    const { keepSource, treeConfig, treeOpts, editStore, scrollYStore, scrollXStore, lastScrollLeft, lastScrollTop, scrollYLoad: oldScrollYLoad } = this
+    let treeData = []
+    let fullData = datas ? datas.slice(0) : []
+    if (treeConfig) {
+      // 树结构自动转换
+      if (treeOpts.transform) {
+        if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+          if (!treeOpts.rowtKey) {
+            UtilTools.error('vxe.error.reqProp', ['table.tree-config.rowtKey'])
+          }
+          if (!treeOpts.parentKey) {
+            UtilTools.error('vxe.error.reqProp', ['table.tree-config.parentKey'])
+          }
+          if (!treeOpts.children) {
+            UtilTools.error('vxe.error.reqProp', ['tree-config.children'])
+          }
+          fullData.forEach(row => {
+            if (row[treeOpts.children] && row[treeOpts.children].length) {
+              UtilTools.warn('vxe.error.errConflicts', ['tree-config.transform', `row.${treeOpts.children}`])
+            }
+          })
+        }
+        treeData = XEUtils.toArrayTree(fullData, { key: treeOpts.rowtKey, parentKey: treeOpts.parentKey, children: treeOpts.children })
+        fullData = treeData.slice(0)
+      } else {
+        treeData = fullData.slice(0)
+      }
+    }
     scrollYStore.startIndex = 0
     scrollYStore.endIndex = 1
     scrollXStore.startIndex = 0
     scrollXStore.endIndex = 1
     editStore.insertList = []
     editStore.removeList = []
+    const sYLoad = this.updateScrollYStatus(fullData)
+    this.scrollYLoad = sYLoad
     // 全量数据
-    this.tableFullData = tableFullData
+    this.tableFullData = fullData
+    this.treeFullData = treeData
     // 缓存数据
-    this.updateCache(true)
+    this.cacheRowMap(true)
     // 原始数据
     this.tableSynchData = datas
+    // 克隆原数据，用于显示编辑状态，与编辑值做对比
     if (keepSource) {
-      this.tableSourceData = XEUtils.clone(tableFullData, true)
+      this.tableSourceData = XEUtils.clone(fullData, true)
     }
-    this.scrollYLoad = scrollYLoad
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-      if (scrollYLoad) {
+      if (sYLoad) {
         if (!(this.height || this.maxHeight)) {
           UtilTools.error('vxe.error.reqProp', ['table.height | table.max-height | table.scroll-y={enabled: false}'])
         }
@@ -357,8 +392,8 @@ const Methods = {
     }).then(() => {
       this.computeScrollLoad()
     }).then(() => {
-      // 是否加载了数据
-      if (scrollYLoad) {
+      // 是否启用了虚拟滚动
+      if (sYLoad) {
         scrollYStore.endIndex = scrollYStore.visibleSize
       }
       this.handleReserveStatus()
@@ -368,7 +403,7 @@ const Methods = {
           .then(() => this.recalculate())
           .then(() => {
             // 是否变更虚拟滚动
-            if (oldScrollYLoad === scrollYLoad) {
+            if (oldScrollYLoad === sYLoad) {
               restoreScrollLocation(this, lastScrollLeft, lastScrollTop).then(resolve)
             } else {
               setTimeout(() => restoreScrollLocation(this, lastScrollLeft, lastScrollTop).then(resolve))
@@ -435,7 +470,7 @@ const Methods = {
             tableSourceData[rowIndex] = record
             XEUtils.clear(row, undefined)
             Object.assign(row, this.defineField(Object.assign({}, record)))
-            this.updateCache(true)
+            this.cacheRowMap(true)
           } else {
             XEUtils.destructuring(oRow, XEUtils.clone(row, true))
           }
@@ -498,12 +533,12 @@ const Methods = {
    * 更新数据行的 Map
    * 牺牲数据组装的耗时，用来换取使用过程中的流畅
    */
-  updateCache (source) {
+  cacheRowMap (source) {
     const { treeConfig, treeOpts, tableFullData, fullDataRowMap, fullAllDataRowMap } = this
     let { fullDataRowIdData, fullAllDataRowIdData } = this
     const rowkey = getRowkey(this)
     const isLazy = treeConfig && treeOpts.lazy
-    const handleCache = (row, index, items, path, parent) => {
+    const handleCache = (row, index, items, path, parent, nodes) => {
       let rowid = getRowid(this, row)
       if (eqEmptyValue(rowid)) {
         rowid = getRowUniqueId()
@@ -512,7 +547,7 @@ const Methods = {
       if (isLazy && row[treeOpts.hasChild] && XEUtils.isUndefined(row[treeOpts.children])) {
         row[treeOpts.children] = null
       }
-      const rest = { row, rowid, index: treeConfig && parent ? -1 : index, items, parent }
+      const rest = { row, rowid, index: treeConfig && parent ? -1 : index, items, parent, level: nodes ? nodes.length - 1 : 0 }
       if (source) {
         fullDataRowIdData[rowid] = rest
         fullDataRowMap.set(row, rest)
@@ -532,10 +567,12 @@ const Methods = {
       tableFullData.forEach(handleCache)
     }
   },
-  loadChildren (row, childRecords) {
+  loadTreeChildren (row, childRecords) {
+    const { keepSource, tableSourceData, treeOpts, fullDataRowIdData, fullDataRowMap, fullAllDataRowMap, fullAllDataRowIdData } = this
+    const { children } = treeOpts
+    const rest = fullAllDataRowIdData[getRowid(this, row)]
+    const parentLevel = rest ? rest.level : 0
     return this.createData(childRecords).then((rows) => {
-      const { keepSource, tableSourceData, treeOpts, fullDataRowIdData, fullDataRowMap, fullAllDataRowMap, fullAllDataRowIdData } = this
-      const { children } = treeOpts
       if (keepSource) {
         const rowid = getRowid(this, row)
         const matchObj = XEUtils.findTree(tableSourceData, (item) => rowid === getRowid(this, item), treeOpts)
@@ -543,9 +580,9 @@ const Methods = {
           matchObj.item[children] = XEUtils.clone(rows, true)
         }
       }
-      XEUtils.eachTree(rows, (childRow, index, items, path, parent) => {
+      XEUtils.eachTree(rows, (childRow, index, items, path, parent, nodes) => {
         const rowid = getRowid(this, childRow)
-        const rest = { row: childRow, rowid, index: -1, items, parent }
+        const rest = { row: childRow, rowid, index: -1, items, parent, level: parentLevel + nodes.length }
         fullDataRowIdData[rowid] = rest
         fullDataRowMap.set(childRow, rest)
         fullAllDataRowIdData[rowid] = rest
@@ -910,6 +947,13 @@ const Methods = {
   isInsertByRow (row) {
     return this.editStore.insertList.indexOf(row) > -1
   },
+  /**
+   * 删除所有新增的临时数据
+   * @returns
+   */
+  removeInsertRow () {
+    return this.remove(this.editStore.insertList)
+  },
   /**
    * 检查行或列数据是否发生改变
    * @param {Row} row 行对象
@@ -1053,6 +1097,7 @@ const Methods = {
             const { filterMethod, filterRender } = column
             const compConf = filterRender ? VXETable.renderer.get(filterRender.name) : null
             const compFilterMethod = compConf && compConf.renderFilter ? compConf.filterMethod : null
+            const defaultFilterMethod = compConf ? compConf.defaultFilterMethod : null
             const cellValue = UtilTools.getCellValue(row, column)
             if (filterMethod) {
               return itemList.some((item) => filterMethod({ value: item.value, option: item, cellValue, row, column, $table: this }))
@@ -1060,6 +1105,8 @@ const Methods = {
               return itemList.some((item) => compFilterMethod({ value: item.value, option: item, cellValue, row, column, $table: this }))
             } else if (allFilterMethod) {
               return allFilterMethod({ options: itemList, values: valueList, cellValue, row, column })
+            } else if (defaultFilterMethod) {
+              return itemList.some((item) => defaultFilterMethod({ value: item.value, option: item, cellValue, row, column, $table: this }))
             }
             return valueList.indexOf(XEUtils.get(row, column.property)) > -1
           }
@@ -2354,10 +2401,10 @@ const Methods = {
   triggerHeaderHelpEvent (evnt, params) {
     const { column } = params
     const { titleHelp } = column
-    if (titleHelp.message) {
+    if (titleHelp.content || titleHelp.message) {
       const { $refs, tooltipStore } = this
       const tooltip = $refs.tooltip
-      const content = UtilTools.getFuncText(titleHelp.message)
+      const content = UtilTools.getFuncText(titleHelp.content || titleHelp.message)
       this.handleTargetEnterEvent()
       tooltipStore.visible = true
       if (tooltip) {
@@ -3394,12 +3441,17 @@ const Methods = {
    * @param {Event} evnt 事件
    */
   closeFilter () {
-    Object.assign(this.filterStore, {
+    const { filterStore } = this
+    const { column, visible } = filterStore
+    Object.assign(filterStore, {
       isAllSelected: false,
       isIndeterminate: false,
       options: [],
       visible: false
     })
+    if (visible) {
+      this.emitEvent('filter-visible', { column, property: column.property, filterList: this.getCheckedFilters(), visible: false }, null)
+    }
     return this.$nextTick()
   },
   /**
@@ -3432,10 +3484,10 @@ const Methods = {
     return this.$nextTick()
   },
   /**
-   * 重新加载展开行的内容
+   * 重新懒加载展开行，并展开内容
    * @param {Row} row 行对象
    */
-  reloadExpandContent (row) {
+  lazyExpandContent (row) {
     const { expandOpts, expandLazyLoadeds } = this
     const { lazy } = expandOpts
     if (lazy && expandLazyLoadeds.indexOf(row) === -1) {
@@ -3444,6 +3496,13 @@ const Methods = {
     }
     return this.$nextTick()
   },
+  reloadExpandContent (row) {
+    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+      UtilTools.warn('vxe.error.delFunc', ['reloadExpandContent', 'lazyExpandContent'])
+    }
+    // 即将废弃
+    return this.lazyExpandContent(row)
+  },
   /**
    * 展开行事件
    */
@@ -3624,18 +3683,32 @@ const Methods = {
     return this.$nextTick()
   },
   /**
-   * 重新加载树的子节点
+   * 重新懒加载树节点，并展开该节点
    * @param {Row} row 行对象
    */
-  reloadTreeChilds (row) {
+  lazyTreeChildren (row) {
     const { treeOpts, treeLazyLoadeds } = this
-    const { lazy, hasChild } = treeOpts
+    const { transform, lazy, hasChild } = treeOpts
     if (lazy && row[hasChild] && treeLazyLoadeds.indexOf(row) === -1) {
-      this.clearTreeExpandLoaded(row)
-        .then(() => this.handleAsyncTreeExpandChilds(row))
+      this.clearTreeExpandLoaded(row).then(() => {
+        return this.handleAsyncTreeExpandChilds(row)
+      }).then(() => {
+        if (transform) {
+          return this.updateVirtualTreeData()
+        }
+      }).then(() => {
+        return this.recalculate()
+      })
     }
     return this.$nextTick()
   },
+  reloadTreeChilds (row) {
+    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+      UtilTools.warn('vxe.error.delFunc', ['reloadTreeChilds', 'lazyTreeChildren'])
+    }
+    // 即将废弃
+    return this.lazyTreeChildren(row)
+  },
   /**
    * 展开树节点事件
    */
@@ -3693,7 +3766,7 @@ const Methods = {
           childRecords = []
         }
         if (childRecords) {
-          this.loadChildren(row, childRecords).then(childRows => {
+          this.loadTreeChildren(row, childRecords).then(childRows => {
             if (childRows.length && treeExpandeds.indexOf(row) === -1) {
               treeExpandeds.push(row)
             }
@@ -3723,6 +3796,78 @@ const Methods = {
     }, treeOpts)
     return this.setTreeExpand(expandeds, expanded)
   },
+  /**
+   * 默认，展开与收起树节点
+   * @param rows
+   * @param expanded
+   * @returns
+   */
+  handleBaseTreeExpand (rows, expanded) {
+    const { fullAllDataRowMap, tableFullData, treeExpandeds, treeOpts, treeLazyLoadeds, treeNodeColumn } = this
+    const { reserve, lazy, hasChild, children, accordion, toggleMethod } = treeOpts
+    const result = []
+    const columnIndex = this.getColumnIndex(treeNodeColumn)
+    const $columnIndex = this.getVMColumnIndex(treeNodeColumn)
+    let validRows = toggleMethod ? rows.filter(row => toggleMethod({ expanded, column: treeNodeColumn, columnIndex, $columnIndex, row })) : rows
+    if (accordion) {
+      validRows = validRows.length ? [validRows[validRows.length - 1]] : []
+      // 同一级只能展开一个
+      const matchObj = XEUtils.findTree(tableFullData, item => item === validRows[0], treeOpts)
+      if (matchObj) {
+        XEUtils.remove(treeExpandeds, item => matchObj.items.indexOf(item) > -1)
+      }
+    }
+    if (expanded) {
+      validRows.forEach(row => {
+        if (treeExpandeds.indexOf(row) === -1) {
+          const rest = fullAllDataRowMap.get(row)
+          const isLoad = lazy && row[hasChild] && !rest.treeLoaded && treeLazyLoadeds.indexOf(row) === -1
+          // 是否使用懒加载
+          if (isLoad) {
+            result.push(this.handleAsyncTreeExpandChilds(row))
+          } else {
+            if (row[children] && row[children].length) {
+              treeExpandeds.push(row)
+            }
+          }
+        }
+      })
+    } else {
+      XEUtils.remove(treeExpandeds, row => validRows.indexOf(row) > -1)
+    }
+    if (reserve) {
+      validRows.forEach(row => this.handleTreeExpandReserve(row, expanded))
+    }
+    return Promise.all(result).then(this.recalculate)
+  },
+  updateVirtualTreeData () {
+    const { scrollYLoad: oldScrollYLoad, treeExpandeds, treeOpts, treeFullData } = this
+    const fullData = []
+    XEUtils.eachTree(treeFullData, (row, index, items, path, parent) => {
+      if (!parent || treeExpandeds.indexOf(parent) > -1) {
+        fullData.push(row)
+      }
+    }, treeOpts)
+    const scrollYLoad = this.updateScrollYStatus(fullData)
+    this.tableFullData = scrollYLoad ? fullData : treeFullData
+    if (scrollYLoad || oldScrollYLoad !== scrollYLoad) {
+      return this.handleTableData(true).then(() => this.recalculate())
+    }
+    return this.$nextTick()
+  },
+  /**
+   * 虚拟树的展开与收起
+   * @param rows
+   * @param expanded
+   * @returns
+   */
+  handleVirtualTreeExpand (rows, expanded) {
+    return this.handleBaseTreeExpand(rows, expanded).then(() => {
+      return this.updateVirtualTreeData()
+    }).then(() => {
+      return this.recalculate()
+    })
+  },
   /**
    * 设置展开树形节点，二个参数设置这一行展开与否
    * 支持单行
@@ -3731,47 +3876,19 @@ const Methods = {
    * @param {Boolean} expanded 是否展开
    */
   setTreeExpand (rows, expanded) {
-    const { fullAllDataRowMap, tableFullData, treeExpandeds, treeOpts, treeLazyLoadeds, treeNodeColumn } = this
-    const { reserve, lazy, hasChild, children, accordion, toggleMethod } = treeOpts
-    const result = []
-    const columnIndex = this.getColumnIndex(treeNodeColumn)
-    const $columnIndex = this.getVMColumnIndex(treeNodeColumn)
+    const { treeOpts } = this
+    const { transform } = treeOpts
     if (rows) {
       if (!XEUtils.isArray(rows)) {
         rows = [rows]
       }
       if (rows.length) {
-        let validRows = toggleMethod ? rows.filter(row => toggleMethod({ expanded, column: treeNodeColumn, columnIndex, $columnIndex, row })) : rows
-        if (accordion) {
-          validRows = validRows.length ? [validRows[validRows.length - 1]] : []
-          // 同一级只能展开一个
-          const matchObj = XEUtils.findTree(tableFullData, item => item === validRows[0], treeOpts)
-          if (matchObj) {
-            XEUtils.remove(treeExpandeds, item => matchObj.items.indexOf(item) > -1)
-          }
-        }
-        if (expanded) {
-          validRows.forEach(row => {
-            if (treeExpandeds.indexOf(row) === -1) {
-              const rest = fullAllDataRowMap.get(row)
-              const isLoad = lazy && row[hasChild] && !rest.treeLoaded && treeLazyLoadeds.indexOf(row) === -1
-              // 是否使用懒加载
-              if (isLoad) {
-                result.push(this.handleAsyncTreeExpandChilds(row))
-              } else {
-                if (row[children] && row[children].length) {
-                  treeExpandeds.push(row)
-                }
-              }
-            }
-          })
+        // 如果为虚拟树
+        if (transform) {
+          return this.handleVirtualTreeExpand(rows, expanded)
         } else {
-          XEUtils.remove(treeExpandeds, row => validRows.indexOf(row) > -1)
-        }
-        if (reserve) {
-          validRows.forEach(row => this.handleTreeExpandReserve(row, expanded))
+          return this.handleBaseTreeExpand(rows, expanded)
         }
-        return Promise.all(result).then(this.recalculate)
       }
     }
     return this.$nextTick()
@@ -3794,7 +3911,7 @@ const Methods = {
     if (reserve) {
       XEUtils.eachTree(tableFullData, row => this.handleTreeExpandReserve(row, false), treeOpts)
     }
-    return this.$nextTick().then(() => {
+    return this.updateVirtualTreeData().then(() => {
       if (isExists) {
         this.recalculate()
       }
@@ -4307,6 +4424,15 @@ const funcs = 'setFilter,clearFilter,getCheckedFilters,closeMenu,setActiveCellAr
 
 funcs.forEach(name => {
   Methods[name] = function (...args) {
+    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+      if (!this[`_${name}`]) {
+        if ('openExport,openPrint,exportData,openImport,importData,saveFile,readFile,importByFile,print'.split(',').includes(name)) {
+          UtilTools.error('vxe.error.reqModule', ['Export'])
+        } else if ('clearValidate,fullValidate,validate'.split(',').includes(name)) {
+          UtilTools.error('vxe.error.reqModule', ['Validator'])
+        }
+      }
+    }
     return this[`_${name}`] ? this[`_${name}`](...args) : null
   }
 })

package/packages/table/src/table.js

@@ -179,8 +179,11 @@ export default {
     autoResize: { type: Boolean, default: () => GlobalConfig.table.autoResize },
     // 是否自动根据状态属性去更新响应式表格宽高
     syncResize: [Boolean, String, Number],
-    // 设置列的默认参数，仅对部分支持的属性有效
+    // 列配置信息
     columnConfig: Object,
+    // 行配置信息
+    rowConfig: Object,
+    // 列调整配置项
     resizableConfig: Object,
     // 序号配置项
     seqConfig: Object,
@@ -453,7 +456,10 @@ export default {
       }
     },
     columnOpts () {
-      return Object.assign({}, this.columnConfig)
+      return Object.assign({}, GlobalConfig.table.columnConfig, this.columnConfig)
+    },
+    rowOpts () {
+      return Object.assign({}, GlobalConfig.table.rowConfig, this.rowConfig)
     },
     resizableOpts () {
       return Object.assign({}, GlobalConfig.table.resizableConfig, this.resizableConfig)
@@ -780,6 +786,9 @@ export default {
       if (this.treeConfig && this.checkboxOpts.range) {
         UtilTools.error('vxe.error.noTree', ['checkbox-config.range'])
       }
+      if (this.rowOpts.height && !this.showOverflow) {
+        UtilTools.warn('vxe.error.notProp', ['table.show-overflow'])
+      }
       if (!this.handleUpdateCellAreas) {
         if (this.clipConfig) {
           UtilTools.warn('vxe.error.notProp', ['clip-config'])

package/packages/v-x-e-table/src/conf.js

@@ -9,6 +9,7 @@ export default {
   table: {
     fit: true,
     showHeader: true,
+    animat: true,
     delayHover: 250,
     // keepSource: false,
     // showOverflow: null,
@@ -17,7 +18,6 @@ export default {
     // resizeInterval: 500,
     // size: null,
     // zIndex: null,
-    // resizable: false,
     // autoResize: false,
     // stripe: false,
     // border: false,
@@ -63,6 +63,8 @@ export default {
       showIcon: true
     },
     treeConfig: {
+      rowtKey: 'id',
+      parentKey: 'parentId',
       children: 'children',
       hasChild: 'hasChild',
       indent: 20,

package/packages/v-x-e-table/src/renderer.js

@@ -522,7 +522,7 @@ const renderMap = {
     renderEdit: nativeEditRender,
     renderDefault: nativeEditRender,
     renderFilter: nativeFilterRender,
-    filterMethod: handleFilterMethod,
+    defaultFilterMethod: handleFilterMethod,
     renderItemContent: nativeItemRender
   },
   textarea: {
@@ -548,7 +548,7 @@ const renderMap = {
         renderOpts.optionGroups ? renderNativeOptgroups(h, renderOpts, params, renderNativeOptions) : renderNativeOptions(h, renderOpts.options, renderOpts, params))
       })
     },
-    filterMethod: handleFilterMethod,
+    defaultFilterMethod: handleFilterMethod,
     renderItemContent (h, renderOpts, params) {
       return [
         h('select', {
@@ -586,7 +586,7 @@ const renderMap = {
     },
     renderDefault: defaultEditRender,
     renderFilter: defaultFilterRender,
-    filterMethod: handleFilterMethod,
+    defaultFilterMethod: handleFilterMethod,
     renderItemContent: defaultItemRender
   },
   $textarea: {
@@ -622,7 +622,7 @@ const renderMap = {
         })
       })
     },
-    filterMethod: handleFilterMethod,
+    defaultFilterMethod: handleFilterMethod,
     renderItemContent (h, renderOpts, params) {
       const { data, property } = params
       const { options, optionProps, optionGroups, optionGroupProps } = renderOpts

package/packages/validator/src/mixin.js

@@ -24,8 +24,12 @@ class Rule {
    * 获取校验不通过的消息
    * 支持国际化翻译
    */
+  get content () {
+    return UtilTools.getFuncText(this.$options.content || this.$options.message)
+  }
+
   get message () {
-    return UtilTools.getFuncText(this.$options.message)
+    return this.content
   }
 }
 
@@ -245,13 +249,13 @@ export default {
                 if (customValid) {
                   if (XEUtils.isError(customValid)) {
                     this.validRuleErr = true
-                    errorRules.push(new Rule({ type: 'custom', trigger, message: customValid.message, rule: new Rule(rule) }))
+                    errorRules.push(new Rule({ type: 'custom', trigger, content: customValid.message, rule: new Rule(rule) }))
                   } else if (customValid.catch) {
                     // 如果为异步校验（注：异步校验是并发无序的）
                     syncVailds.push(
                       customValid.catch(e => {
                         this.validRuleErr = true
-                        errorRules.push(new Rule({ type: 'custom', trigger, message: e && e.message ? e.message : rule.message, rule: new Rule(rule) }))
+                        errorRules.push(new Rule({ type: 'custom', trigger, content: e && e.message ? e.message : (rule.content || rule.message), rule: new Rule(rule) }))
                       })
                     )
                   }
@@ -324,7 +328,7 @@ export default {
       const { $refs, height, tableData, validOpts } = this
       const { rule, row, column, cell } = params
       const validTip = $refs.validTip
-      const content = rule.message
+      const content = rule.content
       return this.$nextTick(() => {
         Object.assign(this.validStore, {
           row,

package/styles/button.scss

@@ -124,7 +124,7 @@ $btnThemeList: (
     line-height: 1;
     border: 1px solid $vxe-input-border-color;
     &.is--round {
-      border-radius: $vxe-button-height-default / 2;
+      border-radius: $vxe-button-height-default * 0.5;
     }
     &:not(.is--round) {
       border-radius: $vxe-border-radius;
@@ -223,7 +223,7 @@ $btnThemeList: (
         min-width: $vxe-button-height-medium;
       }
       &.is--round {
-        border-radius: $vxe-button-height-medium / 2;
+        border-radius: $vxe-button-height-medium * 0.5;
       }
     }
     .vxe-button--loading-icon,
@@ -239,7 +239,7 @@ $btnThemeList: (
         min-width: $vxe-button-height-small;
       }
       &.is--round {
-        border-radius: $vxe-button-height-small / 2;
+        border-radius: $vxe-button-height-small * 0.5;
       }
     }
     .vxe-button--loading-icon,
@@ -255,7 +255,7 @@ $btnThemeList: (
         min-width: $vxe-button-height-mini;
       }
       &.is--round {
-        border-radius: $vxe-button-height-mini / 2;
+        border-radius: $vxe-button-height-mini * 0.5;
       }
     }
     .vxe-button--loading-icon,

package/styles/header.scss

@@ -14,7 +14,7 @@
   /*排序*/
   .vxe-cell--sort {
     width: 1.5em;
-    height: 1.5em;
+    height: 1.35em;
     vertical-align: middle;
     text-align: center;
     display: inline-block;
@@ -36,10 +36,10 @@
     }
   }
   .vxe-sort--asc-btn {
-    top: -0.04em;
+    top: -0.15em;
   }
   .vxe-sort--desc-btn {
-    bottom: -0.04em;
+    bottom: -0.15em;
   }
 }
 
@@ -80,12 +80,12 @@
       top: 0.2em;
     }
   }
-  .vxe-cell--required-icon,
-  .vxe-cell--edit-icon,
-  .vxe-cell-help-icon,
-  .vxe-cell--title {
-    vertical-align: middle;
-  }
+  // .vxe-cell--required-icon,
+  // .vxe-cell--edit-icon,
+  // .vxe-cell-help-icon,
+  // .vxe-cell--title {
+  //   vertical-align: middle;
+  // }
   .vxe-cell--required-icon {
     margin-right: 0.1em;
   }
@@ -96,9 +96,6 @@
   .vxe-cell-help-icon {
     cursor: help;
   }
-  .vxe-cell--title {
-    line-height: 1.5;
-  }
   .vxe-resizable {
     position: absolute;
     right: -7px;