vxe-table 3.7.0-beta.6 → 3.7.0-beta.8

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 替换
@@ -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

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

@@ -1,6 +1,52 @@
-import VXEStore from './store'
+import XEUtils from 'xe-utils'
+import { warnLog } from '../../tools/log'
 
-export const formats = new VXEStore()
+class VXEFormatsStore {
+  constructor () {
+    this.store = {}
+  }
+
+  mixin (options) {
+    XEUtils.each(options, (item, key) => {
+      this.add(key, item)
+    })
+    return VXEFormatsStore
+  }
+
+  get (name) {
+    return this.store[name]
+  }
+
+  add (name, render) {
+    const conf = this.store[name]
+    // 兼容
+    if (XEUtils.isFunction(render)) {
+      // warnLog('vxe.error.delProp', ['callback', 'formatMethod'])
+      render = {
+        formatMethod: 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 VXEFormatsStore
+  }
+
+  delete (name) {
+    delete this.store[name]
+    return VXEFormatsStore
+  }
+}
+
+export const formats = new VXEFormatsStore()
 
 if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
   Object.assign(formats, { _name: 'Formats' })

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

@@ -1,6 +1,52 @@
-import VXEStore from './store'
+import XEUtils from 'xe-utils'
+import { warnLog } from '../../tools/log'
 
-export const menus = new VXEStore()
+class VXEMenusStore {
+  constructor () {
+    this.store = {}
+  }
+
+  mixin (options) {
+    XEUtils.each(options, (item, key) => {
+      this.add(key, item)
+    })
+    return VXEMenusStore
+  }
+
+  get (name) {
+    return this.store[name]
+  }
+
+  add (name, render) {
+    const conf = this.store[name]
+    // 兼容
+    if (XEUtils.isFunction(render)) {
+      // warnLog('vxe.error.delProp', ['callback', 'menuMethod'])
+      render = {
+        menuMethod: 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 VXEMenusStore
+  }
+
+  delete (name) {
+    delete this.store[name]
+    return VXEMenusStore
+  }
+}
+
+export const menus = new VXEMenusStore()
 
 if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
   Object.assign(menus, { _name: 'Menus' })

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

@@ -1,7 +1,7 @@
 import XEUtils from 'xe-utils'
 import GlobalConfig from '../../v-x-e-table/src/conf'
 import UtilTools, { getFuncText } from '../../tools/utils'
-import { warnLog } from '../../tools/log'
+import { errLog, warnLog } from '../../tools/log'
 
 const defaultCompProps = { transfer: true }
 
@@ -103,6 +103,11 @@ function getNativeOns (renderOpts, params) {
   const nativeOns = {}
   XEUtils.objectEach(nativeEvents, (func, key) => {
     nativeOns[key] = function (...args) {
+      if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        if (!XEUtils.isFunction(key)) {
+          errLog('vxe.error.errFunc', [key])
+        }
+      }
       func(params, ...args)
     }
   })
@@ -117,6 +122,11 @@ function getOns (renderOpts, params, inputFunc, changeFunc) {
   const ons = {}
   XEUtils.objectEach(events, (func, key) => {
     ons[key] = function (...args) {
+      if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        if (!XEUtils.isFunction(key)) {
+          errLog('vxe.error.errFunc', [key])
+        }
+      }
       func(params, ...args)
     }
   })

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

@@ -9,8 +9,10 @@ class Store {
     this.store = {}
   }
 
-  mixin (map) {
-    Object.assign(this.store, map)
+  mixin (options) {
+    XEUtils.each(options, (item, key) => {
+      this.add(key, item)
+    })
     return Store
   }
 

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

@@ -0,0 +1,7 @@
+import VXEStore from './store'
+
+export const validators = new VXEStore()
+
+if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+  Object.assign(validators, { _name: 'Validators' })
+}

package/packages/validator/src/mixin.js

@@ -1,6 +1,8 @@
 import XEUtils from 'xe-utils'
+import VXETable from '../../v-x-e-table'
 import GlobalConfig from '../../v-x-e-table/src/conf'
 import { eqEmptyValue, getFuncText } from '../../tools/utils'
+import { warnLog, errLog } from '../../tools/log'
 import DomTools from '../../tools/dom'
 
 /**
@@ -248,10 +250,10 @@ export default {
         if (rules) {
           const cellValue = XEUtils.isUndefined(val) ? XEUtils.get(row, property) : val
           rules.forEach(rule => {
-            const { type, trigger, required } = rule
+            const { type, trigger, required, validator } = rule
             if (validType === 'all' || !trigger || validType === trigger) {
-              if (XEUtils.isFunction(rule.validator)) {
-                const customValid = rule.validator({
+              if (validator) {
+                const validParams = {
                   cellValue,
                   rule,
                   rules,
@@ -261,7 +263,26 @@ export default {
                   columnIndex: this.getColumnIndex(column),
                   field: column.property,
                   $table: this
-                })
+                }
+                let customValid
+                if (XEUtils.isString(validator)) {
+                  const gvItem = VXETable.validators.get(validator)
+                  if (gvItem) {
+                    if (gvItem.cellValidatorMethod) {
+                      customValid = gvItem.cellValidatorMethod(validParams)
+                    } else {
+                      if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+                        warnLog('vxe.error.notValidators', [validator])
+                      }
+                    }
+                  } else {
+                    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+                      errLog('vxe.error.notValidators', [validator])
+                    }
+                  }
+                } else {
+                  customValid = validator(validParams)
+                }
                 if (customValid) {
                   if (XEUtils.isError(customValid)) {
                     this.validRuleErr = true

package/styles/all.scss

@@ -0,0 +1,30 @@
+@import './variable.scss';
+// @import './css-variable.scss';
+@import './icon.scss';
+@import './filter.scss';
+@import './menu.scss';
+@import './export.scss';
+
+@import './table.scss';
+@import './grid.scss';
+@import './toolbar.scss';
+@import './pager.scss';
+@import './checkbox.scss';
+@import './checkbox-group.scss';
+@import './radio.scss';
+@import './radio-group.scss';
+@import './radio-button.scss';
+@import './input.scss';
+@import './textarea.scss';
+@import './button.scss';
+@import './modal.scss';
+@import './tooltip.scss';
+@import './form.scss';
+@import './form-item.scss';
+@import './form-gather.scss';
+@import './select.scss';
+@import './optgroup.scss';
+@import './option.scss';
+@import './switch.scss';
+@import './list.scss';
+@import './pulldown.scss';