vxe-table 4.19.1 → 4.19.3

package/packages/locale/lang/zh-CHT.ts

@@ -166,7 +166,7 @@ export default {
       cstmDragTarget: '移動：{0}',
       setting: {
         colSort: '排序',
-        sortHelpTip: '點擊並拖動圖標可以調整順序',
+        sortHelpTip: '点击图标开始拖动',
         colTitle: '列標題',
         colResizable: '列寬（像素）',
         colVisible: '是否顯示',
@@ -240,6 +240,10 @@ export default {
       expMergeTitle: '如果存在，則支持帶有合併結構的單元格',
       expOptAllExpand: '展開樹',
       expAllExpandTitle: '如果存在，則支持將帶有層級結構的數據全部展開',
+      expOptTreeAllExpand: '展开树',
+      expTreeAllExpandTitle: '如果存在，则自动展开所有树层级',
+      expOptRowGroupAllExpand: '展开分组',
+      expRowGroupAllExpandTitle: '如果存在，则自动展开所有分组层级',
       expOptUseStyle: '樣式',
       expUseStyleTitle: '如果存在，則支持帶樣式的單元格',
       expOptOriginal: '源數據',
@@ -652,7 +656,7 @@ export default {
           groupPlaceholder: '拖至此處進行分組',
           valuesPlaceholder: '拖至此處進行聚合',
           dragExistCol: '該列已存在',
-          sortHelpTip: '點擊並拖動圖標可以調整順序'
+          sortHelpTip: '点击图标开始拖动'
         },
         aggFuncs: {
           sum: '求和',

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

@@ -166,7 +166,7 @@ export default {
       cstmDragTarget: '移动：{0}',
       setting: {
         colSort: '排序',
-        sortHelpTip: '点击并拖动图标可以调整顺序',
+        sortHelpTip: '点击图标开始拖动',
         colTitle: '列标题',
         colResizable: '列宽（像素）',
         colVisible: '是否显示',
@@ -240,6 +240,10 @@ export default {
       expMergeTitle: '如果存在，则支持带有合并结构的单元格',
       expOptAllExpand: '展开树',
       expAllExpandTitle: '如果存在，则支持将带有层级结构的数据全部展开',
+      expOptTreeAllExpand: '展开树',
+      expTreeAllExpandTitle: '如果存在，则自动展开所有树层级',
+      expOptRowGroupAllExpand: '展开分组',
+      expRowGroupAllExpandTitle: '如果存在，则自动展开所有分组层级',
       expOptUseStyle: '样式',
       expUseStyleTitle: '如果存在，则支持带样式的单元格',
       expOptOriginal: '源数据',
@@ -652,7 +656,7 @@ export default {
           groupPlaceholder: '拖至此处进行分组',
           valuesPlaceholder: '拖至此处进行聚合',
           dragExistCol: '该列已存在',
-          sortHelpTip: '点击并拖动图标可以调整顺序'
+          sortHelpTip: '点击图标开始拖动'
         },
         aggFuncs: {
           sum: '求和',

package/packages/table/module/custom/panel.ts

@@ -348,7 +348,7 @@ export default defineVxeComponent({
       const { immediate } = customOpts
       const trEl = evnt.currentTarget as HTMLElement
       const columnDragOpts = computeColumnDragOpts.value
-      const { isCrossDrag, isSelfToChildDrag, isToChildDrag, dragEndMethod } = columnDragOpts
+      const { isCrossDrag, isPeerDrag, isSelfToChildDrag, isToChildDrag, dragEndMethod } = columnDragOpts
       const { dragCol } = customPanelReactData
       const { prevDragCol, prevDragGroupField, prevDragAggFnColid, prevDragPos, prevDragToChild } = customPanelInternalData
       const dragOffsetIndex = prevDragPos === 'bottom' ? 1 : 0
@@ -393,20 +393,28 @@ export default defineVxeComponent({
               if (dragColumn.parentId && newColumn.parentId) {
               // 子到子
 
-                if (!isCrossDrag) {
-                  return
-                }
-                if (oldAllMaps[newColumn.id]) {
-                  isSelfToChildStatus = true
-                  if (!(isCrossDrag && isSelfToChildDrag)) {
-                    if (VxeUI.modal) {
-                      VxeUI.modal.message({
-                        status: 'error',
-                        content: getI18n('vxe.error.treeDragChild')
-                      })
-                    }
+                if (isPeerDrag && !isCrossDrag) {
+                  if (dragColumn.parentId !== newColumn.parentId) {
+                    // 非同级
                     return
                   }
+                } else {
+                  if (!isCrossDrag) {
+                    return
+                  }
+
+                  if (oldAllMaps[newColumn.id]) {
+                    isSelfToChildStatus = true
+                    if (!(isCrossDrag && isSelfToChildDrag)) {
+                      if (VxeUI.modal) {
+                        VxeUI.modal.message({
+                          status: 'error',
+                          content: getI18n('vxe.error.treeDragChild')
+                        })
+                      }
+                      return
+                    }
+                  }
                 }
               } else if (dragColumn.parentId) {
               // 子到根
@@ -539,7 +547,7 @@ export default defineVxeComponent({
       const customOpts = computeCustomOpts.value
       const { showSortDragButton, allowSort, immediate } = customOpts
       const columnDragOpts = computeColumnDragOpts.value
-      const { isCrossDrag, isToChildDrag } = columnDragOpts
+      const { isCrossDrag, isPeerDrag, isToChildDrag } = columnDragOpts
       const optEl = evnt.currentTarget as HTMLElement
       const isControlKey = hasControlKey(evnt)
       const colid = optEl.getAttribute('colid')
@@ -548,7 +556,7 @@ export default defineVxeComponent({
       customPanelInternalData.prevDragGroupField = null
       customPanelInternalData.prevDragAggFnColid = null
       // 是否移入有效列
-      if (column && (isCrossDrag || column.level === 1)) {
+      if (column && (isCrossDrag || isPeerDrag || column.level === 1)) {
         evnt.preventDefault()
         const offsetY = evnt.clientY - optEl.getBoundingClientRect().y
         const dragPos = offsetY < optEl.clientHeight / 2 ? 'top' : 'bottom'
@@ -556,9 +564,9 @@ export default defineVxeComponent({
           !dragCol ||
           !(showSortDragButton && allowSort) ||
           (dragCol && dragCol.id === column.id) ||
-          (!isCrossDrag && column.level > 1) ||
+          (!isCrossDrag && (isPeerDrag ? dragCol.parentId !== column.parentId : column.level > 1)) ||
           (!immediate && column.level > 1) ||
-          (!isCrossDrag && dragCol.level > 1) ||
+          (!isCrossDrag && (isPeerDrag ? dragCol.parentId !== column.parentId : dragCol.level > 1)) ||
           (!immediate && dragCol.level > 1)
         ) {
           showDropTip(evnt, optEl, false, dragPos)
@@ -697,13 +705,12 @@ export default defineVxeComponent({
       const { treeConfig, rowGroupConfig, aggregateConfig } = tableProps
       const { isCustomStatus, customColumnList, isCustomDragStatus } = tableReactData
       const customOpts = computeCustomOpts.value
-      const { immediate } = customOpts
       const columnDragOpts = computeColumnDragOpts.value
       const { popupStyle } = customStore
-      const { checkMethod, visibleMethod, allowVisible, allowSort, allowFixed, allowGroup, allowValues, trigger, placement, showSortDragButton, showSortMoveButton, showSortPutButton } = customOpts
+      const { immediate, checkMethod, visibleMethod, allowVisible, allowSort, allowFixed, allowGroup, allowValues, trigger, placement, showSortDragButton, showSortMoveButton, showSortPutButton } = customOpts
       const isMaxFixedColumn = computeIsMaxFixedColumn.value
       const vSize = computeSize.value
-      const { isCrossDrag } = columnDragOpts
+      const { isCrossDrag, isPeerDrag } = columnDragOpts
       const slots = customOpts.slots || {}
       const headerSlot = slots.header
       const topSlot = slots.top
@@ -737,7 +744,7 @@ export default defineVxeComponent({
           const colTitle = formatText(column.getTitle(), 1)
           const isDisabled = checkMethod ? !checkMethod({ $table: $xeTable, column }) : false
           const isHidden = !isChecked
-          const showSortBtn = ((isCrossDrag ? immediate : false) || column.level === 1)
+          const showSortBtn = (isCrossDrag || isPeerDrag ? immediate : false) || column.level === 1
           colVNs.push(
             h('li', {
               key: column.id,
@@ -1048,7 +1055,7 @@ export default defineVxeComponent({
       const modalOpts = Object.assign({}, modalOptions)
       const drawerOpts = Object.assign({}, drawerOptions)
       const isMaxFixedColumn = computeIsMaxFixedColumn.value
-      const { isCrossDrag } = columnDragOpts
+      const { isCrossDrag, isPeerDrag } = columnDragOpts
       const slots = customOpts.slots || {}
       const headerSlot = slots.header
       const topSlot = slots.top
@@ -1096,7 +1103,7 @@ export default defineVxeComponent({
           const isColGroup = column.children && column.children.length
           const isDisabled = checkMethod ? !checkMethod({ $table: $xeTable, column }) : false
           const isHidden = !isChecked
-          const showSortBtn = ((isCrossDrag ? immediate : false) || column.level === 1)
+          const showSortBtn = (isCrossDrag || isPeerDrag ? immediate : false) || column.level === 1
           trVNs.push(
             h('tr', {
               key: column.id,

package/packages/table/module/export/export-panel.ts

@@ -173,7 +173,7 @@ export default defineVxeComponent({
 
       const { defaultOptions, storeData } = props
       const { isAll: isAllChecked, isIndeterminate: isAllIndeterminate } = reactData
-      const { hasTree, hasMerge, isPrint, hasColgroup, columns } = storeData
+      const { hasTree, hasRowGroup, hasMerge, isPrint, hasColgroup, columns } = storeData
       const { isHeader } = defaultOptions
       const colVNs: VNode[] = []
       const checkedAll = computeCheckedAll.value
@@ -407,6 +407,17 @@ export default defineVxeComponent({
                                       }
                                     })
                                     : renderEmptyElement($xeTable),
+                                  VxeUICheckboxComponent
+                                    ? h(VxeUICheckboxComponent, {
+                                      modelValue: defaultOptions.isFooter,
+                                      disabled: !storeData.hasFooter,
+                                      title: getI18n('vxe.export.expFooterTitle'),
+                                      content: getI18n('vxe.export.expOptFooter'),
+                                      'onUpdate:modelValue' (value: any) {
+                                        defaultOptions.isFooter = value
+                                      }
+                                    })
+                                    : renderEmptyElement($xeTable),
                                   VxeUICheckboxComponent
                                     ? h(VxeUICheckboxComponent, {
                                       modelValue: isHeader ? defaultOptions.isTitle : false,
@@ -465,30 +476,30 @@ export default defineVxeComponent({
                                       'onUpdate:modelValue' (value: any) {
                                         defaultOptions.useStyle = value
                                       }
-                                    }),
+                                    })
+                                ]),
+                                h('div', {
+                                  class: 'vxe-table-export--panel-option-row'
+                                }, [
                                   VxeUICheckboxComponent
                                     ? h(VxeUICheckboxComponent, {
-                                      modelValue: hasTree ? defaultOptions.isAllExpand : false,
+                                      modelValue: hasTree ? defaultOptions.isTreeAllExpanded : false,
                                       disabled: hasEmptyData || !hasTree,
-                                      title: getI18n('vxe.export.expAllExpandTitle'),
-                                      content: getI18n('vxe.export.expOptAllExpand'),
+                                      title: getI18n('vxe.export.expTreeAllExpandTitle'),
+                                      content: getI18n('vxe.export.expOptTreeAllExpand'),
                                       'onUpdate:modelValue' (value: any) {
-                                        defaultOptions.isAllExpand = value
+                                        defaultOptions.isTreeAllExpanded = value
                                       }
                                     })
-                                    : renderEmptyElement($xeTable)
-                                ]),
-                                h('div', {
-                                  class: 'vxe-table-export--panel-option-row'
-                                }, [
+                                    : renderEmptyElement($xeTable),
                                   VxeUICheckboxComponent
                                     ? h(VxeUICheckboxComponent, {
-                                      modelValue: defaultOptions.isFooter,
-                                      disabled: !storeData.hasFooter,
-                                      title: getI18n('vxe.export.expFooterTitle'),
-                                      content: getI18n('vxe.export.expOptFooter'),
+                                      modelValue: hasRowGroup ? defaultOptions.isRowGroupAllExpanded : false,
+                                      disabled: hasEmptyData || !hasRowGroup,
+                                      title: getI18n('vxe.export.expRowGroupAllExpandTitle'),
+                                      content: getI18n('vxe.export.expOptRowGroupAllExpand'),
                                       'onUpdate:modelValue' (value: any) {
-                                        defaultOptions.isFooter = value
+                                        defaultOptions.isRowGroupAllExpanded = value
                                       }
                                     })
                                     : renderEmptyElement($xeTable)

package/packages/table/module/export/hook.ts

@@ -302,13 +302,7 @@ const tableExportMethodKeys: (keyof TableExportMethods)[] = ['exportData', 'impo
 hooks.add('tableExportModule', {
   setupTable ($xeTable) {
     const { props, reactData, internalData } = $xeTable
-    const { computeTreeOpts, computePrintOpts, computeExportOpts, computeImportOpts, computeCustomOpts, computeSeqOpts, computeRadioOpts, computeCheckboxOpts, computeColumnOpts } = $xeTable.getComputeMaps()
-
-    const hasTreeChildren = (row: any) => {
-      const treeOpts = computeTreeOpts.value
-      const childrenField = treeOpts.children || treeOpts.childrenField
-      return row[childrenField] && row[childrenField].length
-    }
+    const { computeTreeOpts, computePrintOpts, computeExportOpts, computeImportOpts, computeCustomOpts, computeSeqOpts, computeRadioOpts, computeCheckboxOpts, computeColumnOpts, computeAggregateOpts } = $xeTable.getComputeMaps()
 
     const getSeq = (cellValue: any, row: any, $rowIndex: number, column: VxeTableDefines.ColumnInfo, $columnIndex: number) => {
       const seqOpts = computeSeqOpts.value
@@ -344,32 +338,116 @@ hooks.add('tableExportModule', {
     }
 
     const getBodyLabelData = (opts: VxeTablePropTypes.ExportHandleOptions, columns: VxeTableDefines.ColumnInfo[], datas: any[]) => {
-      const { isAllExpand, mode } = opts
+      const { isTreeAllExpanded, isRowGroupAllExpanded, mode } = opts
       const { treeConfig } = props
+      const { isRowGroupStatus } = reactData
       const radioOpts = computeRadioOpts.value
       const checkboxOpts = computeCheckboxOpts.value
       const treeOpts = computeTreeOpts.value
       const columnOpts = computeColumnOpts.value
+      const aggregateOpts = computeAggregateOpts.value
       if (!htmlCellElem) {
         htmlCellElem = document.createElement('div')
       }
+      const { handleGetRowId } = createHandleGetRowId($xeTable)
+      if (isRowGroupStatus) {
+        // 如果是数据分组
+        const { mapChildrenField } = aggregateOpts
+        const rest: any[] = []
+        const expandMaps: Record<string, boolean> = {}
+        const useMaps: Record<string, boolean> = {}
+        XEUtils.eachTree(datas, (item, $rowIndex, items, path, parentItem, nodes) => {
+          const row = item._row || item
+          const rowid = handleGetRowId(row)
+          if (useMaps[rowid]) {
+            return
+          }
+          const parentRow = parentItem && parentItem._row ? parentItem._row : parentItem
+          const pRowid = parentRow ? handleGetRowId(parentRow) : ''
+          if ((isRowGroupAllExpanded || !parentRow || (expandMaps[pRowid] && $xeTable.isRowExpandByRow(parentRow)))) {
+            const hasRowChild = mapChildrenField && row[mapChildrenField] && row[mapChildrenField].length
+            const item: any = {
+              _row: row,
+              _level: nodes.length - 1,
+              _hasChild: hasRowChild,
+              _expand: hasRowChild && $xeTable.isRowExpandByRow(row)
+            }
+            columns.forEach((column, $columnIndex) => {
+              let cellValue: string | number | boolean | null = ''
+              const renderOpts = column.editRender || column.cellRender
+              let bodyExportMethod: VxeColumnPropTypes.ExportMethod | undefined = column.exportMethod || columnOpts.exportMethod
+              if (!bodyExportMethod && renderOpts && renderOpts.name) {
+                const compConf = renderer.get(renderOpts.name)
+                if (compConf) {
+                  bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod
+                }
+              }
+              if (!bodyExportMethod) {
+                bodyExportMethod = columnOpts.exportMethod
+              }
+              if (bodyExportMethod) {
+                cellValue = bodyExportMethod({ $table: $xeTable, row, column, options: opts })
+              } else {
+                switch (column.type) {
+                  case 'seq': {
+                    const seqVal = path.map((num, i) => i % 2 === 0 ? (Number(num) + 1) : '.').join('')
+                    cellValue = mode === 'all' ? seqVal : getSeq(seqVal, row, $rowIndex, column, $columnIndex)
+                    break
+                  }
+                  case 'checkbox':
+                    cellValue = toBooleanValue($xeTable.isCheckedByCheckboxRow(row))
+                    item._checkboxLabel = checkboxOpts.labelField ? XEUtils.get(row, checkboxOpts.labelField) : ''
+                    item._checkboxDisabled = checkboxOpts.checkMethod && !checkboxOpts.checkMethod({ $table: $xeTable, row })
+                    break
+                  case 'radio':
+                    cellValue = toBooleanValue($xeTable.isCheckedByRadioRow(row))
+                    item._radioLabel = radioOpts.labelField ? XEUtils.get(row, radioOpts.labelField) : ''
+                    item._radioDisabled = radioOpts.checkMethod && !radioOpts.checkMethod({ $table: $xeTable, row })
+                    break
+                  default:
+                    if (opts.original) {
+                      cellValue = getCellValue(row, column)
+                    } else {
+                      cellValue = $xeTable.getCellLabel(row, column)
+                      if (column.type === 'html') {
+                        htmlCellElem.innerHTML = cellValue
+                        cellValue = htmlCellElem.innerText.trim()
+                      } else {
+                        const cell = $xeTable.getCellElement(row, column)
+                        if (cell && !hasClass(cell, 'is--progress')) {
+                          cellValue = cell.innerText.trim()
+                        }
+                      }
+                    }
+                }
+              }
+              item[column.id] = toStringValue(cellValue)
+            })
+            useMaps[rowid] = true
+            if (pRowid) {
+              expandMaps[pRowid] = true
+            }
+            rest.push(Object.assign(item, row))
+          }
+        }, { children: mapChildrenField })
+        return rest
+      }
       if (treeConfig) {
+        // 如果是树结构
         const childrenField = treeOpts.children || treeOpts.childrenField
-        // 如果是树表格只允许导出数据源
         const rest: any[] = []
         const expandMaps: Record<string, boolean> = {}
         const useMaps: Record<string, boolean> = {}
-        const { handleGetRowId } = createHandleGetRowId($xeTable)
-        XEUtils.eachTree(datas, (item, $rowIndex, items, path, parent, nodes) => {
+        XEUtils.eachTree(datas, (item, $rowIndex, items, path, parentItem, nodes) => {
           const row = item._row || item
           const rowid = handleGetRowId(row)
           if (useMaps[rowid]) {
             return
           }
-          const parentRow = parent && parent._row ? parent._row : parent
+          const parentRow = parentItem && parentItem._row ? parentItem._row : parentItem
           const pRowid = parentRow ? handleGetRowId(parentRow) : ''
-          if ((isAllExpand || !parentRow || (expandMaps[pRowid] && $xeTable.isTreeExpandByRow(parentRow)))) {
-            const hasRowChild = hasTreeChildren(row)
+          if ((isTreeAllExpanded || !parentRow || (expandMaps[pRowid] && $xeTable.isTreeExpandByRow(parentRow)))) {
+            const hasRowChild = row[childrenField] && row[childrenField].length
             const item: any = {
               _row: row,
               _level: nodes.length - 1,
@@ -1037,10 +1115,11 @@ hooks.add('tableExportModule', {
       const $xeGGWrapper = $xeGrid || $xeGantt
 
       const { treeConfig, showHeader, showFooter } = props
-      const { initStore, isGroup, footerTableData, exportStore, exportParams } = reactData
+      const { initStore, isGroup, rowGroupList, footerTableData, exportStore, exportParams } = reactData
       const { collectColumn, mergeBodyList, mergeFooterList } = internalData
       const exportOpts = computeExportOpts.value
-      const hasTree = treeConfig
+      const hasTree = !!treeConfig
+      const hasRowGroup = rowGroupList.length > 0
       const customOpts = computeCustomOpts.value
       const selectRecords = $xeTable.getCheckboxRecords()
       const proxyOpts = $xeGGWrapper ? $xeGGWrapper.getComputeMaps().computeProxyOpts.value : {} as VxeGridPropTypes.ProxyOpts
@@ -1057,6 +1136,13 @@ hooks.add('tableExportModule', {
         current: 'current',
         modes: (proxyOpts.ajax && proxyOpts.ajax.queryAll ? ['all'] : []).concat(['current', 'selected', 'empty'])
       }, options)
+
+      // 已废弃，参数 isAllExpand
+      if (XEUtils.isBoolean((defOpts as any).isAllExpand)) {
+        warnLog('vxe.error.delProp', ['isAllExpand', 'isTreeAllExpanded'])
+        defOpts.isTreeAllExpanded = (defOpts as any).isAllExpand
+      }
+
       const types: string[] = defOpts.types || XEUtils.keys(exportOpts._typeMaps)
       const modes: string[] = defOpts.modes || []
       const checkMethod = customOpts.checkMethod
@@ -1097,17 +1183,16 @@ hooks.add('tableExportModule', {
         column.disabled = (parent && parent.disabled) || (checkMethod ? !checkMethod({ $table: $xeTable, column }) : false)
       })
       // 更新条件
-      Object.assign(exportStore, {
-        columns: exportColumns,
-        typeList,
-        modeList,
-        hasFooter,
-        hasMerge,
-        hasTree,
-        isPrint,
-        hasColgroup: isGroup,
-        visible: true
-      })
+      exportStore.columns = exportColumns
+      exportStore.typeList = typeList
+      exportStore.modeList = modeList
+      exportStore.hasFooter = hasFooter
+      exportStore.hasMerge = hasMerge
+      exportStore.hasTree = hasTree
+      exportStore.hasRowGroup = hasRowGroup
+      exportStore.isPrint = !!isPrint
+      exportStore.hasColgroup = isGroup
+      exportStore.visible = true
       // 默认参数
       Object.assign(exportParams, {
         mode: selectRecords.length ? 'selected' : 'current'
@@ -1188,7 +1273,8 @@ hooks.add('tableExportModule', {
           // filename: '',
           // sheetName: '',
           // original: false,
-          // isAllExpand: false,
+          // isTreeAllExpanded: false,
+          // isRowGroupAllExpanded: false,
           // data: null,
           // remote: false,
           // dataFilterMethod: null,
@@ -1198,6 +1284,13 @@ hooks.add('tableExportModule', {
           // beforeExportMethod: null,
           // afterExportMethod: null
         }, exportOpts, options)
+
+        // 已废弃，参数 isAllExpand
+        if (XEUtils.isBoolean((opts as any).isAllExpand)) {
+          warnLog('vxe.error.delProp', ['isAllExpand', 'isTreeAllExpanded'])
+          opts.isTreeAllExpanded = (opts as any).isAllExpand
+        }
+
         let { filename, sheetName, type, mode, columns, original, columnFilterMethod, beforeExportMethod, includeFields, excludeFields } = opts
         let groups: any[] = []
         const selectRecords = $xeTable.getCheckboxRecords()

package/packages/table/module/validator/hook.ts

@@ -469,7 +469,7 @@ hooks.add('tableValidatorModule', {
         const errorRules: Rule[] = []
         const syncValidList: Promise<any>[] = []
         if (field && editRules) {
-          const rules = XEUtils.get(editRules, field)
+          const rules = column.rules ? column.rules : XEUtils.get(editRules, field)
           if (rules) {
             const cellValue = XEUtils.isUndefined(val) ? XEUtils.get(row, field) : val
             rules.forEach((rule) => {
@@ -540,7 +540,7 @@ hooks.add('tableValidatorModule', {
         const { editRules } = props
         const { field } = column
         if (field && editRules) {
-          const rules = XEUtils.get(editRules, field)
+          const rules = column.rules ? column.rules : XEUtils.get(editRules, field)
           return rules && !!XEUtils.find(rules, rule => type === 'all' || !rule.trigger || type === rule.trigger)
         }
         return false

package/packages/table/src/cell.ts

@@ -1165,7 +1165,7 @@ export const Cell = {
     const editRenderOpts = isEnableEdit && isEnableConf(editRender) ? editRender : null
     let isRequired = false
     if (editRules) {
-      const columnRules = XEUtils.get(editRules, column.field) as VxeTableDefines.ValidatorRule[]
+      const columnRules = column.rules ? column.rules : XEUtils.get(editRules, column.field)
       if (columnRules) {
         isRequired = columnRules.some((rule) => rule.required)
       }

package/packages/table/src/column.ts

@@ -96,6 +96,8 @@ export const columnProps = {
   filterRender: Object as PropType<VxeColumnPropTypes.FilterRender>,
   // 是否显示浮动筛选
   floatingFilters: Object as PropType<VxeColumnPropTypes.FloatingFilters>,
+  // 列的校验规则
+  rules: Array as PropType<VxeColumnPropTypes.Rules>,
   // 设置为分组节点
   rowGroupNode: Boolean as PropType<VxeColumnPropTypes.RowGroupNode>,
   // 设置为树节点

package/packages/table/src/columnInfo.ts

@@ -113,6 +113,7 @@ export class ColumnInfo {
       filterRecoverMethod: _vm.filterRecoverMethod,
       filterRender: filterRender,
       floatingFilters: _vm.floatingFilters,
+      rules: _vm.rules,
       rowGroupNode: _vm.rowGroupNode,
       treeNode: _vm.treeNode,
       dragSort: _vm.dragSort,