vxe-table 4.2.4-beta.2 → 4.2.4

package/es/all.js

@@ -7,7 +7,6 @@ import { Edit } from './edit';
 import { Export } from './export';
 import { Keyboard } from './keyboard';
 import { Validator } from './validator';
-import { Header } from './header';
 import { Footer } from './footer';
 import { Column } from './column';
 import { Colgroup } from './colgroup';
@@ -38,7 +37,6 @@ import zhCN from './locale/lang/zh-CN';
 // 按需加载的组件
 var components = [
     // 功能模块
-    Header,
     Footer,
     Icon,
     Filter,

package/es/button/style.css

@@ -343,11 +343,6 @@
 .vxe-button + .vxe-button--dropdown {
   margin-left: 12px; }
 
-.vxe-button--loading-icon,
-.vxe-button--icon,
-.vxe-button--content {
-  vertical-align: middle; }
-
 .vxe-button--loading-icon,
 .vxe-button--icon {
   min-width: 14px; }

package/es/checkbox/src/checkbox.js

@@ -22,6 +22,8 @@ export default defineComponent({
     ],
     setup: function (props, context) {
         var slots = context.slots, emit = context.emit;
+        var $xeform = inject('$xeform', null);
+        var $xeformiteminfo = inject('$xeformiteminfo', null);
         var xID = XEUtils.uniqueId();
         var $xecheckbox = {
             xID: xID,
@@ -50,6 +52,10 @@ export default defineComponent({
                 else {
                     emit('update:modelValue', value);
                     checkboxMethods.dispatchEvent('change', params, evnt);
+                    // 自动更新校验状态
+                    if ($xeform && $xeformiteminfo) {
+                        $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, value);
+                    }
                 }
             }
         };

package/es/checkbox/src/group.js

@@ -1,4 +1,4 @@
-import { defineComponent, h, provide } from 'vue';
+import { defineComponent, h, provide, inject } from 'vue';
 import GlobalConfig from '../../v-x-e-table/src/conf';
 import XEUtils from 'xe-utils';
 import { useSize } from '../../hooks/size';
@@ -15,6 +15,8 @@ export default defineComponent({
     ],
     setup: function (props, context) {
         var slots = context.slots, emit = context.emit;
+        var $xeform = inject('$xeform', null);
+        var $xeformiteminfo = inject('$xeformiteminfo', null);
         var xID = XEUtils.uniqueId();
         var $xecheckboxgroup = {
             xID: xID,
@@ -42,6 +44,10 @@ export default defineComponent({
                 }
                 emit('update:modelValue', checklist);
                 $xecheckboxgroup.dispatchEvent('change', Object.assign({ checklist: checklist }, params), evnt);
+                // 自动更新校验状态
+                if ($xeform && $xeformiteminfo) {
+                    $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, checklist);
+                }
             }
         };
         Object.assign($xecheckboxgroup, checkboxGroupMethods, checkboxGroupPrivateMethods);

package/es/edit/src/hook.js

@@ -461,6 +461,9 @@ var editHook = {
                 return [];
             },
             getActiveRecord: function () {
+                return this.getEditRecord();
+            },
+            getEditRecord: function () {
                 var editStore = reactData.editStore;
                 var afterFullData = internalData.afterFullData;
                 var el = refElem.value;
@@ -481,10 +484,17 @@ var editHook = {
                 }
                 return null;
             },
+            clearActived: function (evnt) {
+                // if (process.env.NODE_ENV === 'development') {
+                //   warnLog('vxe.error.delFunc', ['clearActived', 'clearEdit'])
+                // }
+                // 即将废弃
+                return this.clearEdit(evnt);
+            },
             /**
              * 清除激活的编辑
              */
-            clearActived: function (evnt) {
+            clearEdit: function (evnt) {
                 var editStore = reactData.editStore;
                 var actived = editStore.actived;
                 var row = actived.row, column = actived.column;
@@ -516,25 +526,46 @@ var editHook = {
                 removeCellSelectedClass();
                 return nextTick();
             },
+            isActiveByRow: function (row) {
+                // if (process.env.NODE_ENV === 'development') {
+                //   warnLog('vxe.error.delFunc', ['isActiveByRow', 'isEditByRow'])
+                // }
+                // 即将废弃
+                return this.isEditByRow(row);
+            },
             /**
              * 判断行是否为激活编辑状态
              * @param {Row} row 行对象
              */
-            isActiveByRow: function (row) {
+            isEditByRow: function (row) {
                 var editStore = reactData.editStore;
                 return editStore.actived.row === row;
             },
+            setActiveRow: function (row) {
+                // if (process.env.NODE_ENV === 'development') {
+                //   warnLog('vxe.error.delFunc', ['setActiveRow', 'setEditRow'])
+                // }
+                // 即将废弃
+                return editMethods.setEditRow(row);
+            },
             /**
              * 激活行编辑
              */
-            setActiveRow: function (row) {
+            setEditRow: function (row) {
                 var visibleColumn = internalData.visibleColumn;
                 return $xetable.setActiveCell(row, XEUtils.find(visibleColumn, function (column) { return isEnableConf(column.editRender); }));
             },
+            setActiveCell: function (row, fieldOrColumn) {
+                // if (process.env.NODE_ENV === 'development') {
+                //   warnLog('vxe.error.delFunc', ['setActiveCell', 'setEditCell'])
+                // }
+                // 即将废弃
+                return editMethods.setEditCell(row, fieldOrColumn);
+            },
             /**
              * 激活单元格编辑
              */
-            setActiveCell: function (row, fieldOrColumn) {
+            setEditCell: function (row, fieldOrColumn) {
                 var editConfig = props.editConfig;
                 var column = XEUtils.isString(fieldOrColumn) ? $xetable.getColumnByField(fieldOrColumn) : fieldOrColumn;
                 if (row && column && isEnableConf(editConfig) && isEnableConf(column.editRender)) {

package/es/form/src/form-config-item.js

@@ -0,0 +1,152 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { defineComponent, h, inject, provide, createCommentVNode } 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 { renderTitle } from './render';
+var VxeFormConfigItem = defineComponent({
+    name: 'VxeFormConfigItem',
+    props: {
+        itemConfig2: Object,
+        itemConfig: Object
+    },
+    setup: function (props) {
+        var $xeform = inject('$xeform', {});
+        var xeformiteminfo = { itemConfig: props.itemConfig };
+        provide('$xeformiteminfo', xeformiteminfo);
+        provide('$xeformgather', null);
+        var renderVN = function () {
+            var reactData = $xeform.reactData;
+            var _a = $xeform.props, data = _a.data, rules = _a.rules, allSpan = _a.span, allAlign = _a.align, allTitleAlign = _a.titleAlign, allTitleWidth = _a.titleWidth, allTitleColon = _a.titleColon, allTitleAsterisk = _a.titleAsterisk, allTitleOverflow = _a.titleOverflow;
+            var computeValidOpts = $xeform.getComputeMaps().computeValidOpts;
+            var item = props.itemConfig;
+            var collapseAll = reactData.collapseAll;
+            var validOpts = computeValidOpts.value;
+            var slots = item.slots, title = item.title, visible = item.visible, folding = item.folding, visibleMethod = item.visibleMethod, field = item.field, collapseNode = item.collapseNode, itemRender = item.itemRender, showError = item.showError, errRule = item.errRule, className = item.className, titleOverflow = item.titleOverflow, children = item.children;
+            var compConf = isEnableConf(itemRender) ? VXETable.renderer.get(itemRender.name) : null;
+            var defaultSlot = slots ? slots.default : null;
+            var titleSlot = slots ? slots.title : null;
+            var span = item.span || allSpan;
+            var align = item.align || allAlign;
+            var titleAlign = item.titleAlign || allTitleAlign;
+            var titleWidth = item.titleWidth || allTitleWidth;
+            var titleColon = item.titleColon === null ? allTitleColon : item.titleColon;
+            var titleAsterisk = item.titleAsterisk === null ? allTitleAsterisk : item.titleAsterisk;
+            var itemOverflow = (XEUtils.isUndefined(titleOverflow) || XEUtils.isNull(titleOverflow)) ? allTitleOverflow : titleOverflow;
+            var showEllipsis = itemOverflow === 'ellipsis';
+            var showTitle = itemOverflow === 'title';
+            var showTooltip = itemOverflow === true || itemOverflow === 'tooltip';
+            var hasEllipsis = showTitle || showTooltip || showEllipsis;
+            var itemVisibleMethod = visibleMethod;
+            var params = { data: data, field: field, property: field, item: item, $form: $xeform };
+            if (visible === false) {
+                return createCommentVNode();
+            }
+            var isRequired = false;
+            if (rules) {
+                var itemRules = rules[field];
+                if (itemRules) {
+                    isRequired = itemRules.some(function (rule) { return rule.required; });
+                }
+            }
+            // 如果为项集合
+            var isGather = children && children.length > 0;
+            if (isGather) {
+                var childVNs = children.map(function (childItem, index) {
+                    return h(VxeFormConfigItem, {
+                        key: index,
+                        itemConfig: childItem
+                    });
+                });
+                return childVNs.length ? h('div', {
+                    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;
+            }
+            var contentVNs = [];
+            if (defaultSlot) {
+                contentVNs = $xeform.callSlot(defaultSlot, params);
+            }
+            else if (compConf && compConf.renderItemContent) {
+                contentVNs = compConf.renderItemContent(itemRender, params);
+            }
+            else if (field) {
+                contentVNs = ["" + XEUtils.get(data, field)];
+            }
+            if (collapseNode) {
+                contentVNs.push(h('div', {
+                    class: 'vxe-form--item-trigger-node',
+                    onClick: $xeform.toggleCollapseEvent
+                }, [
+                    h('span', {
+                        class: 'vxe-form--item-trigger-text'
+                    }, collapseAll ? GlobalConfig.i18n('vxe.form.unfolding') : GlobalConfig.i18n('vxe.form.folding')),
+                    h('i', {
+                        class: ['vxe-form--item-trigger-icon', collapseAll ? GlobalConfig.icon.FORM_FOLDING : GlobalConfig.icon.FORM_UNFOLDING]
+                    })
+                ]));
+            }
+            if (errRule && validOpts.showMessage) {
+                contentVNs.push(h('div', {
+                    class: 'vxe-form--item-valid',
+                    style: errRule.maxWidth ? {
+                        width: errRule.maxWidth + "px"
+                    } : null
+                }, errRule.content));
+            }
+            var ons = showTooltip ? {
+                onMouseenter: function (evnt) {
+                    $xeform.triggerTitleTipEvent(evnt, params);
+                },
+                onMouseleave: $xeform.handleTitleTipLeaveEvent
+            } : {};
+            return h('div', {
+                class: ['vxe-form--item', item.id, span ? "vxe-col--" + span + " is--span" : '', className ? (XEUtils.isFunction(className) ? className(params) : className) : '', {
+                        'is--title': title,
+                        'is--colon': titleColon,
+                        'is--asterisk': titleAsterisk,
+                        'is--required': isRequired,
+                        'is--hidden': folding && collapseAll,
+                        'is--active': !itemVisibleMethod || itemVisibleMethod(params),
+                        'is--error': showError
+                    }],
+                itemConfig: item,
+                key: item.id
+            }, [
+                h('div', {
+                    class: 'vxe-form--item-inner'
+                }, [
+                    title || titleSlot ? h('div', __assign({ class: ['vxe-form--item-title', titleAlign ? "align--" + titleAlign : null, {
+                                'is--ellipsis': hasEllipsis
+                            }], style: titleWidth ? {
+                            width: isNaN(titleWidth) ? titleWidth : titleWidth + "px"
+                        } : null, title: showTitle ? getFuncText(title) : null }, ons), renderTitle($xeform, item)) : null,
+                    h('div', {
+                        class: ['vxe-form--item-content', align ? "align--" + align : null]
+                    }, contentVNs)
+                ])
+            ]);
+        };
+        var $xeformconfigitem = {
+            renderVN: renderVN
+        };
+        return $xeformconfigitem;
+    },
+    render: function () {
+        return this.renderVN();
+    }
+});
+export default VxeFormConfigItem;

package/es/form/src/form-gather.js

@@ -9,12 +9,15 @@ export default defineComponent({
         var slots = _a.slots;
         var refElem = ref();
         var $xeform = inject('$xeform', {});
-        var formGather = inject('xeformgather', null);
+        var formGather = inject('$xeformgather', null);
         var defaultSlot = slots.default;
         var formItem = reactive(createItem($xeform, props));
         var xeformitem = { formItem: formItem };
+        var xeformiteminfo = { itemConfig: formItem };
         formItem.children = [];
-        provide('xeformgather', xeformitem);
+        provide('$xeformiteminfo', xeformiteminfo);
+        provide('$xeformgather', xeformitem);
+        provide('$xeformitem', null);
         watchItem(props, formItem);
         onMounted(function () {
             assemItem($xeform, refElem.value, formItem, formGather);
@@ -34,6 +37,12 @@ export default defineComponent({
                 ref: refElem
             }, defaultSlot ? defaultSlot() : []);
         };
-        return renderVN;
+        var $xeformgather = {
+            renderVN: renderVN
+        };
+        return $xeformgather;
+    },
+    render: function () {
+        return this.renderVN();
     }
 });

package/es/form/src/form-item.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { defineComponent, h, onUnmounted, inject, ref, onMounted } from 'vue';
+import { defineComponent, h, onUnmounted, inject, ref, provide, onMounted } from 'vue';
 import XEUtils from 'xe-utils';
 import GlobalConfig from '../../v-x-e-table/src/conf';
 import { VXETable } from '../../v-x-e-table';
@@ -23,6 +23,14 @@ export var formItemProps = {
     align: String,
     titleAlign: String,
     titleWidth: [String, Number],
+    titleColon: {
+        type: Boolean,
+        default: null
+    },
+    titleAsterisk: {
+        type: Boolean,
+        default: null
+    },
     className: [String, Function],
     titleOverflow: { type: [Boolean, String], default: null },
     titlePrefix: Object,
@@ -41,9 +49,14 @@ export default defineComponent({
         var slots = _a.slots;
         var refElem = ref();
         var $xeform = inject('$xeform', {});
-        var formGather = inject('xeformgather', null);
+        var formGather = inject('$xeformgather', null);
         var formItem = createItem($xeform, props);
+        var xeformitem = { formItem: formItem };
+        var xeformiteminfo = { itemConfig: formItem };
         formItem.slots = slots;
+        provide('$xeformiteminfo', xeformiteminfo);
+        provide('$xeformitem', xeformitem);
+        provide('$xeformgather', null);
         watchItem(props, formItem);
         onMounted(function () {
             assemItem($xeform, refElem.value, formItem, formGather);
@@ -149,6 +162,12 @@ export default defineComponent({
                 ref: refElem
             });
         };
-        return renderVN;
+        var $xeformitem = {
+            renderVN: renderVN
+        };
+        return $xeformitem;
+    },
+    render: function () {
+        return this.renderVN();
     }
 });

package/es/form/src/form.js

@@ -17,8 +17,8 @@ import { getFuncText, isEnableConf, eqEmptyValue } from '../../tools/utils';
 import { errLog } from '../../tools/log';
 import { scrollToView } from '../../tools/dom';
 import { createItem, handleFieldOrItem } from './util';
-import { renderTitle } from './render';
 import { useSize } from '../../hooks/size';
+import VxeFormConfigItem from './form-config-item';
 var Rule = /** @class */ (function () {
     function Rule(rule) {
         Object.assign(this, {
@@ -319,7 +319,7 @@ export default defineComponent({
                             }
                             else {
                                 var isArrType = type === 'array';
-                                var hasEmpty = isArrType ? (!XEUtils.isArray(itemValue_1) || !itemValue_1.length) : eqEmptyValue(itemValue_1);
+                                var hasEmpty = isArrType || XEUtils.isArray(itemValue_1) ? (!XEUtils.isArray(itemValue_1) || !itemValue_1.length) : eqEmptyValue(itemValue_1);
                                 if (required ? (hasEmpty || validErrorRuleValue(rule, itemValue_1)) : (!hasEmpty && validErrorRuleValue(rule, itemValue_1))) {
                                     errorRules.push(new Rule(rule));
                                 }
@@ -470,130 +470,31 @@ export default defineComponent({
                 closeTooltip();
             }
         };
-        /**
-         * 更新项状态
-         * 如果组件值 v-model 发生 change 时，调用改函数用于更新某一项编辑状态
-         * 如果单元格配置了校验规则，则会进行校验
-         */
-        var updateStatus = function (scope, itemValue) {
-            var property = scope.property;
-            if (property) {
-                validItemRules('change', property, itemValue)
+        var triggerItemEvent = function (evnt, field, itemValue) {
+            if (field) {
+                return validItemRules(evnt ? evnt.type : 'all', field, itemValue)
                     .then(function () {
-                    clearValidate(property);
+                    clearValidate(field);
                 })
                     .catch(function (_a) {
                     var rule = _a.rule;
-                    var item = getItemByField(property);
+                    var item = getItemByField(field);
                     if (item) {
                         item.showError = true;
                         item.errRule = rule;
                     }
                 });
             }
+            return nextTick();
         };
-        var renderItems = function (itemList) {
-            var data = props.data, rules = props.rules, allTitleOverflow = props.titleOverflow;
-            var collapseAll = reactData.collapseAll;
-            var validOpts = computeValidOpts.value;
-            return itemList.map(function (item) {
-                var slots = item.slots, title = item.title, visible = item.visible, folding = item.folding, visibleMethod = item.visibleMethod, field = item.field, collapseNode = item.collapseNode, itemRender = item.itemRender, showError = item.showError, errRule = item.errRule, className = item.className, titleOverflow = item.titleOverflow, children = item.children;
-                var compConf = isEnableConf(itemRender) ? VXETable.renderer.get(itemRender.name) : null;
-                var defaultSlot = slots ? slots.default : null;
-                var titleSlot = slots ? slots.title : null;
-                var span = item.span || props.span;
-                var align = item.align || props.align;
-                var titleAlign = item.titleAlign || props.titleAlign;
-                var titleWidth = item.titleWidth || props.titleWidth;
-                var itemOverflow = (XEUtils.isUndefined(titleOverflow) || XEUtils.isNull(titleOverflow)) ? allTitleOverflow : titleOverflow;
-                var showEllipsis = itemOverflow === 'ellipsis';
-                var showTitle = itemOverflow === 'title';
-                var showTooltip = itemOverflow === true || itemOverflow === 'tooltip';
-                var hasEllipsis = showTitle || showTooltip || showEllipsis;
-                var itemVisibleMethod = visibleMethod;
-                var params = { data: data, field: field, property: field, item: item, $form: $xeform };
-                if (visible === false) {
-                    return createCommentVNode();
-                }
-                var isRequired = false;
-                if (rules) {
-                    var itemRules = rules[field];
-                    if (itemRules) {
-                        isRequired = itemRules.some(function (rule) { return rule.required; });
-                    }
-                }
-                // 如果为项集合
-                var isGather = children && children.length > 0;
-                if (isGather) {
-                    var childVNs = renderItems(item.children);
-                    return childVNs.length ? h('div', {
-                        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;
-                }
-                var contentVNs = [];
-                if (defaultSlot) {
-                    contentVNs = callSlot(defaultSlot, params);
-                }
-                else if (compConf && compConf.renderItemContent) {
-                    contentVNs = compConf.renderItemContent(itemRender, params);
-                }
-                else if (field) {
-                    contentVNs = ["" + XEUtils.get(data, field)];
-                }
-                if (collapseNode) {
-                    contentVNs.push(h('div', {
-                        class: 'vxe-form--item-trigger-node',
-                        onClick: toggleCollapseEvent
-                    }, [
-                        h('span', {
-                            class: 'vxe-form--item-trigger-text'
-                        }, collapseAll ? GlobalConfig.i18n('vxe.form.unfolding') : GlobalConfig.i18n('vxe.form.folding')),
-                        h('i', {
-                            class: ['vxe-form--item-trigger-icon', collapseAll ? GlobalConfig.icon.FORM_FOLDING : GlobalConfig.icon.FORM_UNFOLDING]
-                        })
-                    ]));
-                }
-                if (errRule && validOpts.showMessage) {
-                    contentVNs.push(h('div', {
-                        class: 'vxe-form--item-valid',
-                        style: errRule.maxWidth ? {
-                            width: errRule.maxWidth + "px"
-                        } : null
-                    }, errRule.content));
-                }
-                var ons = showTooltip ? {
-                    onMouseenter: function (evnt) {
-                        triggerTitleTipEvent(evnt, params);
-                    },
-                    onMouseleave: handleTitleTipLeaveEvent
-                } : {};
-                return h('div', {
-                    class: ['vxe-form--item', item.id, span ? "vxe-col--" + span + " is--span" : '', className ? (XEUtils.isFunction(className) ? className(params) : className) : '', {
-                            'is--title': title,
-                            'is--required': isRequired,
-                            'is--hidden': folding && collapseAll,
-                            'is--active': !itemVisibleMethod || itemVisibleMethod(params),
-                            'is--error': showError
-                        }],
-                    key: item.id
-                }, [
-                    h('div', {
-                        class: 'vxe-form--item-inner'
-                    }, [
-                        title || titleSlot ? h('div', __assign({ class: ['vxe-form--item-title', titleAlign ? "align--" + titleAlign : null, {
-                                    'is--ellipsis': hasEllipsis
-                                }], style: titleWidth ? {
-                                width: isNaN(titleWidth) ? titleWidth : titleWidth + "px"
-                            } : null, title: showTitle ? getFuncText(title) : null }, ons), renderTitle($xeform, item)) : null,
-                        h('div', {
-                            class: ['vxe-form--item-content', align ? "align--" + align : null]
-                        }, contentVNs)
-                    ])
-                ]);
-            });
+        /**
+         * 更新项状态
+         * 如果组件值 v-model 发生 change 时，调用改函数用于更新某一项编辑状态
+         * 如果单元格配置了校验规则，则会进行校验
+         */
+        var updateStatus = function (scope, itemValue) {
+            var field = scope.field;
+            return triggerItemEvent(new Event('change'), field, itemValue);
         };
         formMethods = {
             dispatchEvent: function (type, params, evnt) {
@@ -611,6 +512,7 @@ export default defineComponent({
         };
         var formPrivateMethods = {
             callSlot: callSlot,
+            triggerItemEvent: triggerItemEvent,
             toggleCollapseEvent: toggleCollapseEvent,
             triggerTitleTipEvent: triggerTitleTipEvent,
             handleTitleTipLeaveEvent: handleTitleTipLeaveEvent
@@ -637,7 +539,7 @@ export default defineComponent({
         });
         var renderVN = function () {
             var _a;
-            var loading = props.loading, className = props.className, data = props.data, titleColon = props.titleColon, titleAsterisk = props.titleAsterisk, customLayout = props.customLayout;
+            var loading = props.loading, className = props.className, data = props.data, customLayout = props.customLayout;
             var formItems = reactData.formItems;
             // const formItems: any[] = []
             var vSize = computeSize.value;
@@ -647,8 +549,6 @@ export default defineComponent({
                 ref: refElem,
                 class: ['vxe-form', className ? (XEUtils.isFunction(className) ? className({ items: formItems, data: data, $form: $xeform }) : className) : '', (_a = {},
                         _a["size--" + vSize] = vSize,
-                        _a['is--colon'] = titleColon,
-                        _a['is--asterisk'] = titleAsterisk,
                         _a['is--loading'] = loading,
                         _a)],
                 onSubmit: submitEvent,
@@ -656,7 +556,13 @@ export default defineComponent({
             }, [
                 h('div', {
                     class: 'vxe-form--wrapper vxe-row'
-                }, customLayout ? (defaultSlot ? defaultSlot({}) : []) : renderItems(formItems)),
+                }, customLayout ? (defaultSlot ? defaultSlot({}) : []) : formItems.map(function (item, index) {
+                    return h(VxeFormConfigItem, {
+                        key: index,
+                        itemConfig2: item,
+                        itemConfig: item
+                    });
+                })),
                 h('div', {
                     class: 'vxe-form-slots',
                     ref: 'hideItem'
@@ -678,6 +584,9 @@ export default defineComponent({
         };
         $xeform.renderVN = renderVN;
         provide('$xeform', $xeform);
+        provide('$xeformgather', null);
+        provide('$xeformitem', null);
+        provide('$xeformiteminfo', null);
         return $xeform;
     },
     render: function () {

package/es/form/src/itemInfo.js

@@ -9,6 +9,8 @@ var ItemInfo = /** @class */ (function () {
             align: item.align,
             titleAlign: item.titleAlign,
             titleWidth: item.titleWidth,
+            titleColon: item.titleColon,
+            titleAsterisk: item.titleAsterisk,
             titlePrefix: item.titlePrefix,
             titleSuffix: item.titleSuffix,
             titleOverflow: item.titleOverflow,

package/es/form/style.css

@@ -112,7 +112,12 @@
   .vxe-form .vxe-form--item.is--active:not(.is--hidden) {
     display: inline-block; }
 
-.vxe-form.is--asterisk .vxe-form--item.is--required .vxe-form--item-title-content:before {
+.vxe-form--item.is--colon .vxe-form--item-title-postfix:after {
+  content: ":";
+  font-weight: normal;
+  margin-left: 0.2em; }
+
+.vxe-form--item.is--asterisk.is--required .vxe-form--item-title-content:before {
   content: "*";
   color: #f56c6c;
   font-family: Verdana,Arial,Tahoma;
@@ -120,11 +125,6 @@
   font-weight: normal;
   vertical-align: middle; }
 
-.vxe-form.is--colon .vxe-form--item-title-postfix:after {
-  content: ":";
-  font-weight: normal;
-  margin-left: 0.2em; }
-
 .vxe-form--item.is--span .vxe-default-input:not([type="submit"]):not([type="reset"]),
 .vxe-form--item.is--span .vxe-default-textarea,
 .vxe-form--item.is--span .vxe-default-select,