vxe-table 4.2.7-beta.2 → 4.2.8

package/lib/tools/log.js

@@ -12,7 +12,7 @@ var _conf = _interopRequireDefault(require("../v-x-e-table/src/conf"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function getLog(message, params) {
-  return "[vxe-table v" + "4.2.7-beta.2" + "] " + _conf.default.i18n(message, params);
+  return "[vxe-table v" + "4.2.8" + "] " + _conf.default.i18n(message, params);
 }
 
 function outLog(type) {

package/lib/tools/log.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.errLog=void 0,exports.getLog=getLog,exports.warnLog=void 0;var _conf=_interopRequireDefault(require("../v-x-e-table/src/conf"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getLog(e,r){return"[vxe-table v4.2.7-beta.2] "+_conf.default.i18n(e,r)}function outLog(o){return function(e,r){r=getLog(e,r);return console[o](r),r}}var warnLog=outLog("warn");exports.warnLog=warnLog;var errLog=outLog("error");exports.errLog=errLog;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.errLog=void 0,exports.getLog=getLog,exports.warnLog=void 0;var _conf=_interopRequireDefault(require("../v-x-e-table/src/conf"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getLog(e,r){return"[vxe-table v4.2.8] "+_conf.default.i18n(e,r)}function outLog(o){return function(e,r){r=getLog(e,r);return console[o](r),r}}var warnLog=outLog("warn");exports.warnLog=warnLog;var errLog=outLog("error");exports.errLog=errLog;

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

@@ -212,7 +212,7 @@ var v = 'v4';
 exports.v = v;
 var VXETable = {
   v: v,
-  version: "4.2.7-beta.2",
+  version: "4.2.8",
   setup: _setup.setup,
   interceptor: _interceptor.interceptor,
   renderer: _renderer.renderer,

package/lib/v-x-e-table/index.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={use:!0,t:!0,_t:!0,config:!0,v:!0,VXETable:!0};exports.VXETable=void 0,exports._t=_t,exports.default=exports.config=void 0,exports.t=t,exports.use=use,exports.v=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("./src/conf")),_interceptor=require("./src/interceptor");Object.keys(_interceptor).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_interceptor[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _interceptor[e]}}))});var _renderer=require("./src/renderer");Object.keys(_renderer).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_renderer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _renderer[e]}}))});var _commands=require("./src/commands");Object.keys(_commands).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_commands[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _commands[e]}}))});var _menus=require("./src/menus");Object.keys(_menus).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_menus[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _menus[e]}}))});var _formats=require("./src/formats");Object.keys(_formats).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formats[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formats[e]}}))});var _hooks=require("./src/hooks");Object.keys(_hooks).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_hooks[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _hooks[e]}}))});var _setup=require("./src/setup");Object.keys(_setup).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_setup[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _setup[e]}}))});var _utils=require("../tools/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getExportOrImpotType(e,r){var o=[];return _xeUtils.default.objectEach(e,function(e,t){0!==e&&e!==r||o.push(t)}),o}var installedPlugins=[];function use(e,t){return e&&e.install&&-1===installedPlugins.indexOf(e)&&(e.install(VXETable,t),installedPlugins.push(e)),VXETable}function t(e,t){return _conf.default.i18n(e,t)}function _t(e,t){return e?_xeUtils.default.toValueString(_conf.default.translate?_conf.default.translate(e,t):e):""}var VXETableConfig=function(){function e(){}return Object.defineProperty(e.prototype,"zIndex",{get:function(){return(0,_utils.getLastZIndex)()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"nextZIndex",{get:function(){return(0,_utils.nextZIndex)()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"exportTypes",{get:function(){return getExportOrImpotType(_conf.default.export.types,1)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"importTypes",{get:function(){return getExportOrImpotType(_conf.default.export.types,2)},enumerable:!1,configurable:!0}),e}(),config=new VXETableConfig;exports.config=config;var v="v4",VXETable={v:exports.v=v,version:"4.2.7-beta.2",setup:_setup.setup,interceptor:_interceptor.interceptor,renderer:_renderer.renderer,commands:_commands.commands,formats:_formats.formats,menus:_menus.menus,hooks:_hooks.hooks,config:config,use:use,t:t,_t:_t},_default=exports.VXETable=VXETable;exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={use:!0,t:!0,_t:!0,config:!0,v:!0,VXETable:!0};exports.VXETable=void 0,exports._t=_t,exports.default=exports.config=void 0,exports.t=t,exports.use=use,exports.v=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("./src/conf")),_interceptor=require("./src/interceptor");Object.keys(_interceptor).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_interceptor[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _interceptor[e]}}))});var _renderer=require("./src/renderer");Object.keys(_renderer).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_renderer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _renderer[e]}}))});var _commands=require("./src/commands");Object.keys(_commands).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_commands[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _commands[e]}}))});var _menus=require("./src/menus");Object.keys(_menus).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_menus[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _menus[e]}}))});var _formats=require("./src/formats");Object.keys(_formats).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formats[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formats[e]}}))});var _hooks=require("./src/hooks");Object.keys(_hooks).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_hooks[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _hooks[e]}}))});var _setup=require("./src/setup");Object.keys(_setup).forEach(function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_setup[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _setup[e]}}))});var _utils=require("../tools/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getExportOrImpotType(e,r){var o=[];return _xeUtils.default.objectEach(e,function(e,t){0!==e&&e!==r||o.push(t)}),o}var installedPlugins=[];function use(e,t){return e&&e.install&&-1===installedPlugins.indexOf(e)&&(e.install(VXETable,t),installedPlugins.push(e)),VXETable}function t(e,t){return _conf.default.i18n(e,t)}function _t(e,t){return e?_xeUtils.default.toValueString(_conf.default.translate?_conf.default.translate(e,t):e):""}var VXETableConfig=function(){function e(){}return Object.defineProperty(e.prototype,"zIndex",{get:function(){return(0,_utils.getLastZIndex)()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"nextZIndex",{get:function(){return(0,_utils.nextZIndex)()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"exportTypes",{get:function(){return getExportOrImpotType(_conf.default.export.types,1)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"importTypes",{get:function(){return getExportOrImpotType(_conf.default.export.types,2)},enumerable:!1,configurable:!0}),e}(),config=new VXETableConfig;exports.config=config;var v="v4",VXETable={v:exports.v=v,version:"4.2.8",setup:_setup.setup,interceptor:_interceptor.interceptor,renderer:_renderer.renderer,commands:_commands.commands,formats:_formats.formats,menus:_menus.menus,hooks:_hooks.hooks,config:config,use:use,t:t,_t:_t},_default=exports.VXETable=VXETable;exports.default=_default;

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

@@ -35,14 +35,19 @@ function () {
   };
 
   Store.prototype.add = function (name, render) {
-    // 检测是否覆盖
+    var conf = this.store[name]; // 检测是否覆盖
+
     if (process.env.NODE_ENV === 'development') {
-      if (!_xeUtils.default.eqNull(this.store[name]) && this.store[name] !== render) {
-        (0, _log.warnLog)('vxe.error.coverProp', [this._name, name]);
-      }
+      var confKeys_1 = _xeUtils.default.keys(conf);
+
+      _xeUtils.default.each(render, function (item, key) {
+        if (confKeys_1.includes(key)) {
+          (0, _log.warnLog)('vxe.error.coverProp', [name, key]);
+        }
+      });
     }
 
-    this.store[name] = render;
+    this.store[name] = conf ? _xeUtils.default.merge(conf, render) : render;
     return this;
   };
 

package/lib/v-x-e-table/src/store.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Store=void 0;var _log=require("../../tools/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}var Store=function(){function t(){this.store={}}return t.prototype.mixin=function(t){return Object.assign(this.store,t),this},t.prototype.has=function(t){return!!this.get(t)},t.prototype.get=function(t){return this.store[t]},t.prototype.add=function(t,e){return"development"===process.env.NODE_ENV&&(_xeUtils.default.eqNull(this.store[t])||this.store[t]===e||(0,_log.warnLog)("vxe.error.coverProp",[this._name,t])),this.store[t]=e,this},t.prototype.delete=function(t){delete this.store[t]},t.prototype.forEach=function(t){_xeUtils.default.objectEach(this.store,t)},t}(),_default=exports.Store=Store;exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Store=void 0;var _log=require("../../tools/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var Store=function(){function e(){this.store={}}return e.prototype.mixin=function(e){return Object.assign(this.store,e),this},e.prototype.has=function(e){return!!this.get(e)},e.prototype.get=function(e){return this.store[e]},e.prototype.add=function(o,e){var r,t=this.store[o];return"development"===process.env.NODE_ENV&&(r=_xeUtils.default.keys(t),_xeUtils.default.each(e,function(e,t){r.includes(t)&&(0,_log.warnLog)("vxe.error.coverProp",[o,t])})),this.store[o]=t?_xeUtils.default.merge(t,e):e,this},e.prototype.delete=function(e){delete this.store[e]},e.prototype.forEach=function(e){_xeUtils.default.objectEach(this.store,e)},e}(),_default=exports.Store=Store;exports.default=_default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-table",
-  "version": "4.2.7-beta.2",
+  "version": "4.2.8",
   "description": "一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等...",
   "scripts": {
     "serve": "vue-cli-service serve",

package/packages/button/src/button.ts

@@ -298,6 +298,12 @@ export default defineComponent({
             class: ['vxe-button--loading-icon', GlobalConfig.icon.BUTTON_LOADING]
           })
         )
+      } else if (slots.icon) {
+        contVNs.push(
+          h('span', {
+            class: 'vxe-button--custom-icon'
+          }, slots.icon({}))
+        )
       } else if (icon) {
         contVNs.push(
           h('i', {

package/packages/edit/src/hook.ts

@@ -669,18 +669,21 @@ const editHook: VxeGlobalHooksHandles.HookOptions = {
         const { editRender } = column
         if (isEnableConf(editRender)) {
           const compRender = renderer.get(editRender.name)
-          const { autofocus, autoselect } = editRender
+          let { autofocus, autoselect } = editRender
           let inputElem
+          if (!autofocus && compRender) {
+            autofocus = compRender.autofocus
+          }
           // 如果指定了聚焦 class
-          if (autofocus) {
+          if (XEUtils.isFunction(autofocus)) {
+            inputElem = autofocus.call(this, params)
+          } else if (autofocus) {
             inputElem = cell.querySelector(autofocus)
-          }
-          // 渲染器的聚焦处理
-          if (!inputElem && compRender && compRender.autofocus) {
-            inputElem = cell.querySelector(compRender.autofocus)
+            if (inputElem) {
+              inputElem.focus()
+            }
           }
           if (inputElem) {
-            inputElem.focus()
             if (autoselect) {
               inputElem.select()
             } else {

package/packages/filter/src/panel.ts

@@ -220,7 +220,6 @@ export default defineComponent({
         class: [
           'vxe-table--filter-wrapper',
           'filter--prevent-default',
-          compConf && compConf.className ? compConf.className : '',
           getPropClass(filterClassName, params),
           {
             'is--animat': $xetable.props.animat,

package/packages/form/src/form-config-item.ts

@@ -4,6 +4,7 @@ import GlobalConfig from '../../v-x-e-table/src/conf'
 import { VXETable } from '../../v-x-e-table'
 import { getFuncText, isEnableConf } from '../../tools/utils'
 import { renderTitle } from './render'
+import { isActivetem } from './util'
 
 import { VxeFormConstructor, VxeFormDefines, VxeFormPrivateMethods } from '../../../types/all'
 
@@ -27,7 +28,7 @@ const VxeFormConfigItem = defineComponent({
       const item = props.itemConfig as VxeFormDefines.ItemInfo
       const { collapseAll } = reactData
       const validOpts = computeValidOpts.value
-      const { slots, title, visible, folding, visibleMethod, field, collapseNode, itemRender, showError, errRule, className, titleOverflow, children } = item
+      const { slots, title, visible, folding, field, collapseNode, itemRender, showError, errRule, className, titleOverflow, children } = item
       const compConf = isEnableConf(itemRender) ? VXETable.renderer.get(itemRender.name) : null
       const itemClassName = compConf ? compConf.itemClassName : ''
       const defaultSlot = slots ? slots.default : null
@@ -43,7 +44,6 @@ const VxeFormConfigItem = defineComponent({
       const showTitle = itemOverflow === 'title'
       const showTooltip = itemOverflow === true || itemOverflow === 'tooltip'
       const hasEllipsis = showTitle || showTooltip || showEllipsis
-      let itemVisibleMethod = visibleMethod
       const params = { data, field, property: field, item, $form: $xeform }
       if (visible === false) {
         return createCommentVNode()
@@ -68,9 +68,6 @@ const VxeFormConfigItem = defineComponent({
           class: ['vxe-form--gather vxe-row', item.id, span ? `vxe-col--${span} is--span` : '', className ? (XEUtils.isFunction(className) ? className(params) : className) : '']
         }, childVNs) : createCommentVNode()
       }
-      if (!itemVisibleMethod && compConf && compConf.itemVisibleMethod) {
-        itemVisibleMethod = compConf.itemVisibleMethod
-      }
       let contentVNs: any[] = []
       if (defaultSlot) {
         contentVNs = $xeform.callSlot(defaultSlot, params)
@@ -123,7 +120,7 @@ const VxeFormConfigItem = defineComponent({
             'is--asterisk': titleAsterisk,
             'is--required': isRequired,
             'is--hidden': folding && collapseAll,
-            'is--active': !itemVisibleMethod || itemVisibleMethod(params),
+            'is--active': isActivetem($xeform, item),
             'is--error': showError
           }
         ],

package/packages/form/src/form-item.ts

@@ -1,9 +1,9 @@
-import { defineComponent, h, onUnmounted, inject, ref, Ref, provide, onMounted, PropType } from 'vue'
+import { defineComponent, h, onUnmounted, inject, ref, Ref, provide, onMounted, PropType, createCommentVNode, reactive } from 'vue'
 import XEUtils from 'xe-utils'
 import GlobalConfig from '../../v-x-e-table/src/conf'
 import { VXETable } from '../../v-x-e-table'
 import { getFuncText, isEnableConf } from '../../tools/utils'
-import { createItem, watchItem, destroyItem, assemItem, XEFormItemProvide } from './util'
+import { createItem, watchItem, destroyItem, assemItem, XEFormItemProvide, isActivetem } from './util'
 import { renderTitle } from './render'
 
 import { VxeFormConstructor, VxeFormDefines, VxeFormItemPropTypes, VxeFormPrivateMethods } from '../../../types/all'
@@ -42,7 +42,7 @@ export default defineComponent({
     const refElem = ref() as Ref<HTMLDivElement>
     const $xeform = inject('$xeform', {} as VxeFormConstructor & VxeFormPrivateMethods)
     const formGather = inject('$xeformgather', null as XEFormItemProvide | null)
-    const formItem = createItem($xeform, props)
+    const formItem = reactive(createItem($xeform, props))
     const xeformitem: XEFormItemProvide = { formItem }
     const xeformiteminfo = { itemConfig: formItem }
     formItem.slots = slots
@@ -67,7 +67,7 @@ export default defineComponent({
       const { collapseAll } = reactData
       const { computeValidOpts } = $xeform.getComputeMaps()
       const validOpts = computeValidOpts.value
-      const { slots, title, visible, folding, visibleMethod, field, collapseNode, itemRender, showError, errRule, className, titleOverflow } = item
+      const { slots, title, visible, folding, field, collapseNode, itemRender, showError, errRule, className, titleOverflow } = item
       const compConf = isEnableConf(itemRender) ? VXETable.renderer.get(itemRender.name) : null
       const itemClassName = compConf ? compConf.itemClassName : ''
       const defaultSlot = slots ? slots.default : null
@@ -81,18 +81,17 @@ export default defineComponent({
       const showTitle = itemOverflow === 'title'
       const showTooltip = itemOverflow === true || itemOverflow === 'tooltip'
       const hasEllipsis = showTitle || showTooltip || showEllipsis
-      let itemVisibleMethod = visibleMethod
       const params = { data, field, property: field, item, $form: $xeform }
       let isRequired = false
+      if (visible === false) {
+        return createCommentVNode()
+      }
       if (rules) {
         const itemRules = rules[field]
         if (itemRules) {
           isRequired = itemRules.some((rule) => rule.required)
         }
       }
-      if (!itemVisibleMethod && compConf && compConf.itemVisibleMethod) {
-        itemVisibleMethod = compConf.itemVisibleMethod
-      }
       let contentVNs: any[] = []
       if (defaultSlot) {
         contentVNs = $xeform.callSlot(defaultSlot, params)
@@ -143,8 +142,8 @@ export default defineComponent({
           {
             'is--title': title,
             'is--required': isRequired,
-            'is--hidden': visible === false || (folding && collapseAll),
-            'is--active': !itemVisibleMethod || itemVisibleMethod(params),
+            'is--hidden': folding && collapseAll,
+            'is--active': isActivetem($xeform, item),
             'is--error': showError
           }
         ]

package/packages/form/src/form.ts

@@ -5,7 +5,7 @@ import { VXETable } from '../../v-x-e-table'
 import { getFuncText, isEnableConf, eqEmptyValue } from '../../tools/utils'
 import { errLog } from '../../tools/log'
 import { scrollToView } from '../../tools/dom'
-import { createItem, handleFieldOrItem } from './util'
+import { createItem, handleFieldOrItem, isHiddenItem, isActivetem } from './util'
 import { useSize } from '../../hooks/size'
 import VxeFormConfigItem from './form-config-item'
 import VxeLoading from '../../loading/index'
@@ -361,7 +361,7 @@ export default defineComponent({
       if (data && formRules) {
         itemList.forEach((item) => {
           const { field } = item
-          if (field) {
+          if (field && !isHiddenItem($xeform, item) && isActivetem($xeform, item)) {
             itemValids.push(
               validItemRules(type || 'all', field).then(() => {
                 item.errRule = null
@@ -494,7 +494,7 @@ export default defineComponent({
 
     const triggerItemEvent = (evnt: Event, field: string, itemValue?: any) => {
       if (field) {
-        return validItemRules(evnt ? evnt.type : 'all', field, itemValue)
+        return validItemRules(evnt ? (['blur'].includes(evnt.type) ? 'blur' : 'change') : 'all', field, itemValue)
           .then(() => {
             clearValidate(field)
           })

package/packages/form/src/util.ts

@@ -1,6 +1,8 @@
 import { watch } from 'vue'
+import { VXETable } from '../../v-x-e-table'
 import XEUtils from 'xe-utils'
 import { ItemInfo } from './itemInfo'
+import { isEnableConf } from '../../tools/utils'
 
 import { VxeFormConstructor, VxeFormDefines } from '../../../types/all'
 
@@ -16,13 +18,36 @@ export function createItem ($xeform: VxeFormConstructor, _vm: any) {
   return isFormItem(_vm) ? _vm : new ItemInfo($xeform, _vm)
 }
 
-export const handleFieldOrItem = ($xeform: VxeFormConstructor, fieldOrItem: string | VxeFormDefines.ItemInfo) => {
+export function handleFieldOrItem ($xeform: VxeFormConstructor, fieldOrItem: string | VxeFormDefines.ItemInfo) {
   if (fieldOrItem) {
     return XEUtils.isString(fieldOrItem) ? $xeform.getItemByField(fieldOrItem) : fieldOrItem
   }
   return null
 }
 
+export function isHiddenItem ($xeform: VxeFormConstructor, formItem: VxeFormDefines.ItemInfo) {
+  const { reactData } = $xeform
+  const { collapseAll } = reactData
+  const { folding, visible } = formItem
+  return visible === false || (folding && collapseAll)
+}
+
+export function isActivetem ($xeform: VxeFormConstructor, formItem: VxeFormDefines.ItemInfo) {
+  let { visibleMethod, itemRender, visible, field } = formItem
+  if (visible === false) {
+    return visible
+  }
+  const compConf = isEnableConf(itemRender) ? VXETable.renderer.get(itemRender.name) : null
+  if (!visibleMethod && compConf && compConf.itemVisibleMethod) {
+    visibleMethod = compConf.itemVisibleMethod
+  }
+  if (!visibleMethod) {
+    return true
+  }
+  const { data } = $xeform.props
+  return visibleMethod({ data, field, property: field, item: formItem, $form: $xeform })
+}
+
 export function watchItem (props: any, formItem: ItemInfo) {
   Object.keys(props).forEach(name => {
     watch(() => props[name], (value: any) => {

package/packages/header/src/header.ts

@@ -110,7 +110,8 @@ export default defineComponent({
       document.onmouseup = function (evnt) {
         document.onmousemove = domMousemove
         document.onmouseup = domMouseup
-        column.resizeWidth = column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft)
+        const resizeWidth = column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft)
+        column.resizeWidth = resizeWidth
         resizeBarElem.style.display = 'none'
         tableInternalData._isResize = false
         tableInternalData._lastResizeTime = Date.now()
@@ -118,7 +119,7 @@ export default defineComponent({
         $xetable.recalculate(true).then(() => {
           $xetable.saveCustomResizable()
           $xetable.updateCellAreas()
-          $xetable.dispatchEvent('resizable-change', params, evnt)
+          $xetable.dispatchEvent('resizable-change', { ...params, resizeWidth }, evnt)
         })
         removeClass(tableEl, 'drag--resize')
       }

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

@@ -21,13 +21,17 @@ export class Store {
   }
 
   add (name: string, render: any): Store {
+    const conf = this.store[name]
     // 检测是否覆盖
     if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-      if (!XEUtils.eqNull(this.store[name]) && this.store[name] !== render) {
-        warnLog('vxe.error.coverProp', [(this as any)._name, name])
-      }
+      const confKeys = XEUtils.keys(conf)
+      XEUtils.each(render, (item, key) => {
+        if (confKeys.includes(key)) {
+          warnLog('vxe.error.coverProp', [name, key])
+        }
+      })
     }
-    this.store[name] = render
+    this.store[name] = conf ? XEUtils.merge(conf, render) : render
     return this
   }
 

package/types/table.d.ts

@@ -2466,7 +2466,9 @@ export namespace VxeTableDefines {
   export interface FilterVisibleEventParams extends TableEventParams, FilterVisibleParams { }
 
   export interface ResizableChangeParams extends TableBaseHeaderCellParams { }
-  export interface ResizableChangeEventParams extends TableEventParams, ResizableChangeParams { }
+  export interface ResizableChangeEventParams extends TableEventParams, ResizableChangeParams {
+    resizeWidth: number
+  }
 
   export interface ToggleRowExpandParams extends TableBaseCellParams { }
   export interface ToggleRowExpandEventParams extends TableEventParams, ToggleRowExpandParams { }

package/types/v-x-e-table/renderer.d.ts

@@ -30,7 +30,7 @@ export interface DefineRendererOption<T> {
   footerExportMethod?(params: VxeGlobalRendererHandles.FooterExportMethodParams): string
 
   // 编辑渲染
-  autofocus?: string
+  autofocus?: string | ((params: VxeGlobalRendererHandles.RenderEditParams | VxeGlobalRendererHandles.RenderCellParams) => HTMLElement | null)
   renderEdit?(renderOpts: VxeGlobalRendererHandles.RenderEditOptions, params: VxeGlobalRendererHandles.RenderEditParams): T
   renderCell?(renderOpts: VxeGlobalRendererHandles.RenderCellOptions, params: VxeGlobalRendererHandles.RenderCellParams): T