vxe-table 3.7.0-beta.5 → 3.7.0-beta.7

package/packages/locale/lang/zh-CN.js

@@ -1,5 +1,9 @@
 export default {
   vxe: {
+    base: {
+      pleaseInput: '请输入',
+      pleaseSelect: '请选择'
+    },
     loading: {
       text: '加载中...'
     },
@@ -19,6 +23,9 @@ export default {
       errProp: '不支持的参数 "{0}"，可能为 "{1}"',
       colRepet: 'column.{0}="{1}" 重复了，这可能会导致某些功能无法使用',
       notFunc: '方法 "{0}" 不存在',
+      notValidators: '全局校验 "{0}" 不存在',
+      notFormats: '全局格式化 "{0}" 不存在',
+      notCommands: '全局指令 "{0}" 不存在',
       notSlot: '插槽 "{0}" 不存在',
       noTree: '树结构不支持 "{0}"',
       notProp: '不支持的参数 "{0}"',

package/packages/locale/lang/zh-TC.js

@@ -1,5 +1,9 @@
 export default {
   vxe: {
+    base: {
+      pleaseInput: '请输入',
+      pleaseSelect: '请选择'
+    },
     loading: {
       text: '加載中...'
     },
@@ -19,6 +23,9 @@ export default {
       errProp: '不支持的參數 "{0}"，可能為 "{1}"',
       colRepet: 'column.{0}="{1}" 重複了，這可能會導致某些功能無法使用',
       notFunc: '方法 "{0}" 不存在',
+      notValidators: '全局校验 "{0}" 不存在',
+      notFormats: '全局格式化 "{0}" 不存在',
+      notCommands: '全局指令 "{0}" 不存在',
       notSlot: '插槽 "{0}" 不存在',
       noTree: '樹狀結構不支援 {0}',
       notProp: '不支持的參數 "{0}"',

package/packages/menu/src/mixin.js

@@ -249,10 +249,10 @@ export default {
     ctxMenuLinkEvent (evnt, menu) {
       // 如果一级菜单有配置 code 则允许点击，否则不能点击
       if (!menu.disabled && (menu.code || !menu.children || !menu.children.length)) {
-        const ctxMenuMethod = VXETable.menus.get(menu.code)
+        const gMenuOpts = VXETable.menus.get(menu.code)
         const params = Object.assign({ menu, $grid: this.$xegrid, $table: this, $event: evnt }, this.ctxMenuStore.args)
-        if (ctxMenuMethod) {
-          ctxMenuMethod.call(this, params, evnt)
+        if (gMenuOpts && gMenuOpts.menuMethod) {
+          gMenuOpts.menuMethod(params, evnt)
         }
         // 在 v4 中废弃事件 context-menu-click
         if (this.$listeners['context-menu-click']) {

package/packages/select/src/select.js

@@ -241,7 +241,10 @@ export default {
   props: {
     value: null,
     clearable: Boolean,
-    placeholder: String,
+    placeholder: {
+      type: String,
+      default: () => XEUtils.eqNull(GlobalConfig.select.placeholder) ? GlobalConfig.i18n('vxe.base.pleaseSelect') : GlobalConfig.select.placeholder
+    },
     loading: Boolean,
     disabled: Boolean,
     multiple: Boolean,

package/packages/table/src/cell.js

@@ -407,7 +407,7 @@ export const Cell = {
   },
   renderCheckboxCell (h, params) {
     const { $table, row, column, isHidden } = params
-    const { treeConfig, treeIndeterminates, selection } = $table
+    const { treeConfig, treeIndeterminates, selectCheckboxRows } = $table
     const { labelField, checkMethod, visibleMethod } = $table.checkboxOpts
     const { slots } = column
     const defaultSlot = slots ? slots.default : null
@@ -418,7 +418,7 @@ export const Cell = {
     let isDisabled = !!checkMethod
     let on
     if (!isHidden) {
-      isChecked = $table.findRowIndexOf(selection, row) > -1
+      isChecked = $table.findRowIndexOf(selectCheckboxRows, row) > -1
       on = {
         click (evnt) {
           if (!isDisabled && isVisible) {
@@ -639,6 +639,7 @@ export const Cell = {
           },
           on: {
             click (evnt) {
+              evnt.stopPropagation()
               $table.triggerSortEvent(evnt, column, 'asc')
             }
           }
@@ -652,6 +653,7 @@ export const Cell = {
           },
           on: {
             click (evnt) {
+              evnt.stopPropagation()
               $table.triggerSortEvent(evnt, column, 'desc')
             }
           }

package/packages/table/src/columnInfo.js

@@ -40,14 +40,14 @@ export class ColumnInfo {
       }
       if (formatter) {
         if (XEUtils.isString(formatter)) {
-          const globalFunc = formats.get(formatter) || XEUtils[formatter]
-          if (!XEUtils.isFunction(globalFunc)) {
-            errLog('vxe.error.notFunc', [formatter])
+          const gFormatOpts = formats.get(formatter) || XEUtils[formatter]
+          if (!gFormatOpts || !XEUtils.isFunction(gFormatOpts.formatMethod)) {
+            errLog('vxe.error.notFormats', [formatter])
           }
         } else if (XEUtils.isArray(formatter)) {
-          const globalFunc = formats.get(formatter[0]) || XEUtils[formatter[0]]
-          if (!XEUtils.isFunction(globalFunc)) {
-            errLog('vxe.error.notFunc', [formatter[0]])
+          const gFormatOpts = formats.get(formatter[0]) || XEUtils[formatter[0]]
+          if (!gFormatOpts || !XEUtils.isFunction(gFormatOpts.formatMethod)) {
+            errLog('vxe.error.notFormats', [formatter[0]])
           }
         }
       }

package/packages/table/src/methods.js

@@ -1167,11 +1167,11 @@ const Methods = {
         rowList = currTableData.filter(row => XEUtils.get(row, checkField))
       }
     } else {
-      const { selection } = this
+      const { selectCheckboxRows } = this
       if (treeConfig) {
-        rowList = XEUtils.filterTree(currTableData, row => this.findRowIndexOf(selection, row) > -1, { children: transform ? mapChildren : children })
+        rowList = XEUtils.filterTree(currTableData, row => this.findRowIndexOf(selectCheckboxRows, row) > -1, { children: transform ? mapChildren : children })
       } else {
-        rowList = currTableData.filter(row => this.findRowIndexOf(selection, row) > -1)
+        rowList = currTableData.filter(row => this.findRowIndexOf(selectCheckboxRows, row) > -1)
       }
     }
     return rowList
@@ -2049,6 +2049,7 @@ const Methods = {
   },
   updateHeight () {
     this.customHeight = calcHeight(this, 'height')
+    this.customMinHeight = calcHeight(this, 'minHeight')
     this.customMaxHeight = calcHeight(this, 'maxHeight')
   },
   updateStyle () {
@@ -2058,6 +2059,7 @@ const Methods = {
       fullColumnIdData,
       tableColumn,
       customHeight,
+      customMinHeight,
       customMaxHeight,
       border,
       headerHeight,
@@ -2170,15 +2172,22 @@ const Methods = {
         } else if (layout === 'body') {
           const emptyBlockElem = elemStore[`${name}-${layout}-emptyBlock`]
           if (isNodeElement(wrapperElem)) {
+            const bodyMinHeight = fixedType ? ((customMinHeight - headerHeight - footerHeight) - (showFooter ? 0 : scrollbarHeight)) : (customMinHeight - headerHeight - footerHeight)
+            let bodyMaxHeight = 0
             if (customMaxHeight) {
-              wrapperElem.style.maxHeight = `${fixedType ? customMaxHeight - headerHeight - (showFooter ? 0 : scrollbarHeight) : customMaxHeight - headerHeight - footerHeight}px`
-            } else {
-              if (customHeight > 0) {
-                wrapperElem.style.height = `${fixedType ? (customHeight > 0 ? customHeight - headerHeight - footerHeight : tableHeight) - (showFooter ? 0 : scrollbarHeight) : customHeight - headerHeight - footerHeight}px`
-              } else {
-                wrapperElem.style.height = ''
+              bodyMaxHeight = Math.max(bodyMinHeight, fixedType ? (customMaxHeight - headerHeight - (showFooter ? 0 : scrollbarHeight)) : (customMaxHeight - headerHeight - footerHeight))
+              wrapperElem.style.maxHeight = `${bodyMaxHeight}px`
+            }
+            if (customHeight > 0) {
+              let bodyHeight = fixedType ? ((customHeight > 0 ? customHeight - headerHeight - footerHeight : tableHeight) - (showFooter ? 0 : scrollbarHeight)) : (customHeight - headerHeight - footerHeight)
+              if (bodyMaxHeight) {
+                bodyHeight = Math.min(bodyMaxHeight, bodyHeight)
               }
+              wrapperElem.style.height = `${Math.max(bodyMinHeight, bodyHeight)}px`
+            } else {
+              wrapperElem.style.height = ''
             }
+            wrapperElem.style.minHeight = `${bodyMinHeight}px`
           }
 
           // 如果是固定列
@@ -2947,12 +2956,12 @@ const Methods = {
     return this.handleCheckedCheckboxRow(rows, value, true)
   },
   isCheckedByCheckboxRow (row) {
-    const { selection } = this
+    const { selectCheckboxRows } = this
     const { checkField } = this.checkboxOpts
     if (checkField) {
       return XEUtils.get(row, checkField)
     }
-    return this.findRowIndexOf(selection, row) > -1
+    return this.findRowIndexOf(selectCheckboxRows, row) > -1
   },
   isIndeterminateByCheckboxRow (row) {
     const { treeIndeterminates } = this
@@ -2963,7 +2972,7 @@ const Methods = {
    * value 选中true 不选false 半选-1
    */
   handleSelectRow ({ row }, value, isForce) {
-    const { selection, afterFullData, treeConfig, treeOpts, treeIndeterminates, checkboxOpts } = this
+    const { selectCheckboxRows, afterFullData, treeConfig, treeOpts, treeIndeterminates, checkboxOpts } = this
     const { checkField, checkStrictly, checkMethod } = checkboxOpts
     if (checkField) {
       if (treeConfig && !checkStrictly) {
@@ -3008,15 +3017,15 @@ const Methods = {
           if (this.findRowIndexOf(treeIndeterminates, row) === -1) {
             treeIndeterminates.push(row)
           }
-          XEUtils.remove(selection, item => this.eqRow(item, row))
+          XEUtils.remove(selectCheckboxRows, item => this.eqRow(item, row))
         } else {
           // 更新子节点状态
           XEUtils.eachTree([row], (item) => {
             if (this.eqRow(item, row) || (isForce || (!checkMethod || checkMethod({ row: item })))) {
               if (value) {
-                selection.push(item)
+                selectCheckboxRows.push(item)
               } else {
-                XEUtils.remove(selection, select => this.eqRow(select, item))
+                XEUtils.remove(selectCheckboxRows, select => this.eqRow(select, item))
               }
               XEUtils.remove(treeIndeterminates, half => this.eqRow(half, item))
               this.handleCheckboxReserveRow(row, value)
@@ -3032,7 +3041,7 @@ const Methods = {
           if (indeterminatesItem) {
             parentStatus = -1
           } else {
-            const selectItems = matchObj.items.filter(item => this.findRowIndexOf(selection, item) > -1)
+            const selectItems = matchObj.items.filter(item => this.findRowIndexOf(selectCheckboxRows, item) > -1)
             parentStatus = selectItems.filter(item => this.findRowIndexOf(vItems, item) > -1).length === vItems.length ? true : (selectItems.length || value === -1 ? -1 : false)
           }
           return this.handleSelectRow({ row: matchObj.parent }, parentStatus, isForce)
@@ -3040,11 +3049,11 @@ const Methods = {
       } else {
         if (isForce || (!checkMethod || checkMethod({ row }))) {
           if (value) {
-            if (this.findRowIndexOf(selection, row) === -1) {
-              selection.push(row)
+            if (this.findRowIndexOf(selectCheckboxRows, row) === -1) {
+              selectCheckboxRows.push(row)
             }
           } else {
-            XEUtils.remove(selection, item => this.eqRow(item, row))
+            XEUtils.remove(selectCheckboxRows, item => this.eqRow(item, row))
           }
           this.handleCheckboxReserveRow(row, value)
         }
@@ -3053,10 +3062,10 @@ const Methods = {
     this.checkSelectionStatus()
   },
   handleToggleCheckRowEvent (evnt, params) {
-    const { selection, checkboxOpts } = this
+    const { selectCheckboxRows, checkboxOpts } = this
     const { checkField } = checkboxOpts
     const { row } = params
-    const value = checkField ? !XEUtils.get(row, checkField) : this.findRowIndexOf(selection, row) === -1
+    const value = checkField ? !XEUtils.get(row, checkField) : this.findRowIndexOf(selectCheckboxRows, row) === -1
     if (evnt) {
       this.triggerCheckRowEvent(evnt, params, value)
     } else {
@@ -3079,17 +3088,17 @@ const Methods = {
    * 多选，切换某一行的选中状态
    */
   toggleCheckboxRow (row) {
-    const { selection, checkboxOpts } = this
+    const { selectCheckboxRows, checkboxOpts } = this
     const { checkField } = checkboxOpts
-    const value = checkField ? !XEUtils.get(row, checkField) : this.findRowIndexOf(selection, row) === -1
+    const value = checkField ? !XEUtils.get(row, checkField) : this.findRowIndexOf(selectCheckboxRows, row) === -1
     this.handleSelectRow({ row }, value, true)
     return this.$nextTick()
   },
   handleCheckedAllCheckboxRow (value, isForce) {
-    const { afterFullData, treeConfig, treeOpts, selection, checkboxReserveRowMap, checkboxOpts } = this
+    const { afterFullData, treeConfig, treeOpts, selectCheckboxRows, checkboxReserveRowMap, checkboxOpts } = this
     const { checkField, reserve, checkStrictly, checkMethod } = checkboxOpts
     let selectRows = []
-    const beforeSelection = treeConfig ? [] : selection.filter(row => this.findRowIndexOf(afterFullData, row) === -1)
+    const beforeSelection = treeConfig ? [] : selectCheckboxRows.filter(row => this.findRowIndexOf(afterFullData, row) === -1)
     if (checkStrictly) {
       this.isAllSelected = value
     } else {
@@ -3136,7 +3145,7 @@ const Methods = {
              */
             if (!isForce && checkMethod) {
               XEUtils.eachTree(afterFullData, (row) => {
-                if (checkMethod({ row }) ? 0 : this.findRowIndexOf(selection, row) > -1) {
+                if (checkMethod({ row }) ? 0 : this.findRowIndexOf(selectCheckboxRows, row) > -1) {
                   selectRows.push(row)
                 }
               }, treeOpts)
@@ -3150,7 +3159,7 @@ const Methods = {
              * 如果不存在选中方法，则添加所有数据到临时集合中
              */
             if (!isForce && checkMethod) {
-              selectRows = afterFullData.filter((row) => this.findRowIndexOf(selection, row) > -1 || checkMethod({ row }))
+              selectRows = afterFullData.filter((row) => this.findRowIndexOf(selectCheckboxRows, row) > -1 || checkMethod({ row }))
             } else {
               selectRows = afterFullData.slice(0)
             }
@@ -3161,7 +3170,7 @@ const Methods = {
              * 如果不存在选中方法，无需处理，临时集合默认为空
              */
             if (!isForce && checkMethod) {
-              selectRows = afterFullData.filter((row) => checkMethod({ row }) ? 0 : this.findRowIndexOf(selection, row) > -1)
+              selectRows = afterFullData.filter((row) => checkMethod({ row }) ? 0 : this.findRowIndexOf(selectCheckboxRows, row) > -1)
             }
           }
         }
@@ -3175,7 +3184,7 @@ const Methods = {
           afterFullData.forEach(row => this.handleCheckboxReserveRow(row, false))
         }
       }
-      this.selection = checkField ? [] : beforeSelection.concat(selectRows)
+      this.selectCheckboxRows = checkField ? [] : beforeSelection.concat(selectRows)
     }
     this.treeIndeterminates = []
     this.checkSelectionStatus()
@@ -3189,7 +3198,7 @@ const Methods = {
     return this.handleCheckedAllCheckboxRow(value, true)
   },
   checkSelectionStatus () {
-    const { afterFullData, selection, treeIndeterminates, checkboxOpts, treeConfig } = this
+    const { afterFullData, selectCheckboxRows, treeIndeterminates, checkboxOpts, treeConfig } = this
     const { checkField, halfField, checkStrictly, checkMethod } = checkboxOpts
     if (!checkStrictly) {
       const disableRows = []
@@ -3235,19 +3244,19 @@ const Methods = {
                   disableRows.push(row)
                   return true
                 }
-                if (this.findRowIndexOf(selection, row) > -1) {
+                if (this.findRowIndexOf(selectCheckboxRows, row) > -1) {
                   checkRows.push(row)
                   return true
                 }
                 return false
               }
-            : row => this.findRowIndexOf(selection, row) > -1
+            : row => this.findRowIndexOf(selectCheckboxRows, row) > -1
         )
         isAllSelected = isAllResolve && afterFullData.length !== disableRows.length
         if (treeConfig) {
-          isIndeterminate = !isAllSelected && afterFullData.some(row => this.findRowIndexOf(treeIndeterminates, row) > -1 || this.findRowIndexOf(selection, row) > -1)
+          isIndeterminate = !isAllSelected && afterFullData.some(row => this.findRowIndexOf(treeIndeterminates, row) > -1 || this.findRowIndexOf(selectCheckboxRows, row) > -1)
         } else {
-          isIndeterminate = !isAllSelected && afterFullData.some(row => this.findRowIndexOf(selection, row) > -1)
+          isIndeterminate = !isAllSelected && afterFullData.some(row => this.findRowIndexOf(selectCheckboxRows, row) > -1)
         }
       }
       this.isAllSelected = isAllSelected
@@ -3256,7 +3265,7 @@ const Methods = {
   },
   // 还原展开、选中等相关状态
   handleReserveStatus () {
-    const { expandColumn, treeOpts, treeConfig, fullDataRowIdData, fullAllDataRowMap, currentRow, selectRow, radioReserveRow, radioOpts, checkboxOpts, selection, rowExpandeds, treeExpandeds, expandOpts } = this
+    const { expandColumn, treeOpts, treeConfig, fullDataRowIdData, fullAllDataRowMap, currentRow, selectRow, radioReserveRow, radioOpts, checkboxOpts, selectCheckboxRows, rowExpandeds, treeExpandeds, expandOpts } = this
     // 单选框
     if (selectRow && !fullAllDataRowMap.has(selectRow)) {
       this.selectRow = null // 刷新单选行状态
@@ -3269,7 +3278,7 @@ const Methods = {
       }
     }
     // 复选框
-    this.selection = getRecoverRow(this, selection) // 刷新多选行状态
+    this.selectCheckboxRows = getRecoverRow(this, selectCheckboxRows) // 刷新多选行状态
     // 还原保留选中状态
     if (checkboxOpts.reserve) {
       this.handleCheckedCheckboxRow(handleReserveRow(this, this.checkboxReserveRowMap), true, true)
@@ -3407,7 +3416,7 @@ const Methods = {
     }
     this.isAllSelected = false
     this.isIndeterminate = false
-    this.selection = []
+    this.selectCheckboxRows = []
     this.treeIndeterminates = []
     return this.$nextTick()
   },
@@ -3757,7 +3766,10 @@ const Methods = {
       } else {
         this.sort({ field, order })
       }
-      const params = { column, field, property: field, order: column.order, sortList: this.getSortColumns() }
+      const params = { $table: this, $event: evnt, column, field, property: field, order: column.order, sortList: this.getSortColumns(), sortTime: column.sortTime }
+      if (this.mouseConfig && this.mouseOpts.area && this.handleSortEvent) {
+        return this.handleSortEvent(evnt, params)
+      }
       this.emitEvent('sort-change', params, evnt)
     }
   },
@@ -3972,7 +3984,16 @@ const Methods = {
    * @param {Boolean} expanded 是否展开
    */
   setAllRowExpand (expanded) {
-    return this.setRowExpand(this.expandOpts.lazy ? this.tableData : this.tableFullData, expanded)
+    const { treeConfig, treeOpts, tableFullData, tableFullTreeData } = this
+    let expandedRows = []
+    if (treeConfig) {
+      XEUtils.eachTree(tableFullTreeData, (row) => {
+        expandedRows.push(row)
+      }, treeOpts)
+    } else {
+      expandedRows = tableFullData
+    }
+    return this.setRowExpand(expandedRows, expanded)
   },
   handleAsyncRowExpand (row) {
     const rest = this.fullAllDataRowMap.get(row)
@@ -4671,12 +4692,12 @@ const Methods = {
    * 如果组件值 v-model 发生 change 时，调用改函数用于更新某一列编辑状态
    * 如果单元格配置了校验规则，则会进行校验
    */
-  updateStatus (scope, cellValue) {
+  updateStatus (slotParams, cellValue) {
     const customVal = !XEUtils.isUndefined(cellValue)
     return this.$nextTick().then(() => {
       const { $refs, editRules, validStore } = this
-      if (scope && $refs.tableBody && editRules) {
-        const { row, column } = scope
+      if (slotParams && $refs.tableBody && editRules) {
+        const { row, column } = slotParams
         const type = 'change'
         if (this.hasCellRules(type, row, column)) {
           const cell = this.getCell(row, column)
@@ -4843,11 +4864,11 @@ const Methods = {
       }
       const formatParams = { cellValue, row, rowIndex: this.getRowIndex(row), column, columnIndex: this.getColumnIndex(column) }
       if (XEUtils.isString(formatter)) {
-        const globalFunc = formats.get(formatter)
-        cellLabel = globalFunc ? globalFunc(formatParams) : ''
+        const gFormatOpts = formats.get(formatter)
+        cellLabel = gFormatOpts && gFormatOpts.formatMethod ? gFormatOpts.formatMethod(formatParams) : ''
       } else if (XEUtils.isArray(formatter)) {
-        const globalFunc = formats.get(formatter[0])
-        cellLabel = globalFunc ? globalFunc(formatParams, ...formatter.slice(1)) : ''
+        const gFormatOpts = formats.get(formatter[0])
+        cellLabel = gFormatOpts && gFormatOpts.formatMethod ? gFormatOpts.formatMethod(formatParams, ...formatter.slice(1)) : ''
       } else {
         cellLabel = formatter(formatParams)
       }

package/packages/table/src/table.js

@@ -96,6 +96,8 @@ export default {
     data: Array,
     // 表格的高度
     height: [Number, String],
+    // 表格的最小高度
+    minHeight: { type: [Number, String], default: () => GlobalConfig.table.minHeight },
     // 表格的最大高度
     maxHeight: [Number, String],
     // 已废弃，被 column-config.resizable 替换
@@ -303,7 +305,7 @@ export default {
       // 复选框属性，有选中且非全选状态
       isIndeterminate: false,
       // 复选框属性，已选中的行
-      selection: [],
+      selectCheckboxRows: [],
       // 当前行
       currentRow: null,
       // 单选框属性，选中列
@@ -1015,11 +1017,13 @@ export default {
       hasTip,
       columnOpts,
       rowOpts,
-      loadingOpts
+      loadingOpts,
+      editRules
     } = this
     const { leftList, rightList } = columnStore
     return h('div', {
       class: ['vxe-table', 'vxe-table--render-default', `tid_${tId}`, vSize ? `size--${vSize}` : '', `border--${tableBorder}`, {
+        [`vaild-msg--${validOpts.msgMode}`]: !!editRules,
         'vxe-editable': !!editConfig,
         'cell--highlight': highlightCell,
         'cell--selected': mouseConfig && mouseOpts.selected,

package/packages/textarea/src/textarea.js

@@ -18,7 +18,10 @@ export default {
     name: String,
     readonly: Boolean,
     disabled: Boolean,
-    placeholder: String,
+    placeholder: {
+      type: String,
+      default: () => XEUtils.eqNull(GlobalConfig.textarea.placeholder) ? GlobalConfig.i18n('vxe.base.pleaseInput') : GlobalConfig.textarea.placeholder
+    },
     maxlength: [String, Number],
     rows: { type: [String, Number], default: 2 },
     cols: { type: [String, Number], default: null },

package/packages/toolbar/src/toolbar.js

@@ -649,10 +649,16 @@ export default {
         if ($xegrid) {
           $xegrid.triggerToolbarBtnEvent(item, evnt)
         } else {
-          const commandMethod = VXETable.commands.get(code)
+          const gCommandOpts = VXETable.commands.get(code)
           const params = { code, button: item, $table: $xetable, $grid: $xegrid, $event: evnt }
-          if (commandMethod) {
-            commandMethod.call(this, params, evnt)
+          if (gCommandOpts) {
+            if (gCommandOpts.commandMethod) {
+              gCommandOpts.commandMethod(params)
+            } else {
+              if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+                errLog('vxe.error.notCommands', [code])
+              }
+            }
           }
           this.$emit('button-click', params)
         }
@@ -665,10 +671,16 @@ export default {
         if ($xegrid) {
           $xegrid.triggerToolbarTolEvent(item, evnt)
         } else {
-          const commandMethod = VXETable.commands.get(code)
+          const gCommandOpts = VXETable.commands.get(code)
           const params = { code, tool: item, $xegrid, $table: $xetable, $event: evnt }
-          if (commandMethod) {
-            commandMethod.call(this, params, evnt)
+          if (gCommandOpts) {
+            if (gCommandOpts.commandMethod) {
+              gCommandOpts.commandMethod(params)
+            } else {
+              if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+                errLog('vxe.error.notCommands', [code])
+              }
+            }
           }
           this.$emit('tool-click', params)
         }

package/packages/v-x-e-table/index.js

@@ -5,6 +5,7 @@ import { renderer } from './src/renderer'
 import { commands } from './src/commands'
 import { menus } from './src/menus'
 import { formats } from './src/formats'
+import { validators } from './src/validators'
 import { setup } from './src/setup'
 import { UtilTools } from '../tools/utils'
 import { errLog } from '../tools/log'
@@ -98,6 +99,7 @@ export const VXETable = {
   commands,
   formats,
   menus,
+  validators,
   config,
   t,
   _t

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

@@ -1,6 +1,52 @@
-import VXEStore from './store'
+import XEUtils from 'xe-utils'
+import { warnLog } from '../../tools/log'
 
-export const commands = new VXEStore()
+class VXECommandsStore {
+  constructor () {
+    this.store = {}
+  }
+
+  mixin (options) {
+    XEUtils.each(options, (item, key) => {
+      this.add(key, item)
+    })
+    return VXECommandsStore
+  }
+
+  get (name) {
+    return this.store[name]
+  }
+
+  add (name, render) {
+    const conf = this.store[name]
+    // 兼容
+    if (XEUtils.isFunction(render)) {
+      // warnLog('vxe.error.delProp', ['callback', 'commandMethod'])
+      render = {
+        commandMethod: render
+      }
+    }
+
+    // 检测是否覆盖
+    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+      const confKeys = XEUtils.keys(conf)
+      XEUtils.each(render, (item, key) => {
+        if (confKeys.includes(key)) {
+          warnLog('vxe.error.coverProp', [name, key])
+        }
+      })
+    }
+    this.store[name] = conf ? XEUtils.merge(conf, render) : render
+    return VXECommandsStore
+  }
+
+  delete (name) {
+    delete this.store[name]
+    return VXECommandsStore
+  }
+}
+
+export const commands = new VXECommandsStore()
 
 if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
   Object.assign(commands, { _name: 'Commands' })

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

@@ -13,6 +13,7 @@ export default {
     animat: true,
     delayHover: 250,
     autoResize: true,
+    minHeight: 144,
     // keepSource: false,
     // showOverflow: null,
     // showHeaderOverflow: null,
@@ -46,7 +47,9 @@ export default {
     },
     validConfig: {
       showMessage: true,
-      message: 'default'
+      autoClear: true,
+      message: 'inline',
+      msgMode: 'single'
     },
     columnConfig: {
       maxFixedSize: 4