vxe-table 4.17.11 → 4.17.13

package/packages/locale/lang/fr-FR.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: 'Déplacer: {0}',
       resizeColTip: 'Largeur: {0} pixels',
       resizeRowTip: 'Hauteur: {0} pixels',
-      rowGroupContentTotal: '{0} ({1})'
+      rowGroupContentTotal: '{0} ({1})',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'Veuillez sélectionner au moins un enregistrement!',

package/packages/locale/lang/hu-HU.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: 'Mozgás: {0}',
       resizeColTip: 'Szélesség: {0} pixelek',
       resizeRowTip: 'Magasság: {0} pixelek',
-      rowGroupContentTotal: '{0} ({1})'
+      rowGroupContentTotal: '{0} ({1})',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'Kérjük, válasszon legalább egy rekordot!',

package/packages/locale/lang/hy-AM.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: '移动：{0}',
       resizeColTip: '宽：{0} 像素',
       resizeRowTip: '高：{0} 像素',
-      rowGroupContentTotal: '{0}（{1}）'
+      rowGroupContentTotal: '{0}（{1}）',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: '请至少选择一条记录！',

package/packages/locale/lang/id-ID.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: 'Pindahkan: {0}',
       resizeColTip: 'Lebar: {0} piksel',
       resizeRowTip: 'Tinggi: {0} piksel',
-      rowGroupContentTotal: '{0} ({1})'
+      rowGroupContentTotal: '{0} ({1})',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'Pilih setidaknya satu catatan!',

package/packages/locale/lang/it-IT.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: 'Muovi: {0}',
       resizeColTip: 'Larghezza: {0} pixel',
       resizeRowTip: 'Altezza: {0} pixel',
-      rowGroupContentTotal: '{0} ({1})'
+      rowGroupContentTotal: '{0} ({1})',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'Seleziona almeno un record!',

package/packages/locale/lang/ja-JP.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: '移動：{0}',
       resizeColTip: '幅：{0}ピクセル',
       resizeRowTip: '高：{0}ピクセル',
-      rowGroupContentTotal: '{0}（{1}）'
+      rowGroupContentTotal: '{0}（{1}）',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: '少なくとも1つのレコードを選択してください！',

package/packages/locale/lang/ko-KR.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: '움직임 : {0}',
       resizeColTip: '너비 : {0} 픽셀',
       resizeRowTip: '높음 : {0} 픽셀',
-      rowGroupContentTotal: '{0}（{1}）'
+      rowGroupContentTotal: '{0}（{1}）',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: '하나 이상의 레코드를 선택하십시오!',

package/packages/locale/lang/ms-MY.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: 'Bergerak: {0}',
       resizeColTip: 'Lebar: {0} piksel',
       resizeRowTip: 'Tinggi: {0} piksel',
-      rowGroupContentTotal: '{0}（{1}）'
+      rowGroupContentTotal: '{0}（{1}）',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'Sila pilih sekurang -kurangnya satu rekod!',

package/packages/locale/lang/nb-NO.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: 'Flytt: {0}',
       resizeColTip: 'Bredde: {0} piksler',
       resizeRowTip: 'Høyde: {0} piksler',
-      rowGroupContentTotal: '{0} ({1})'
+      rowGroupContentTotal: '{0} ({1})',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'Velg minst en post!',

package/packages/locale/lang/pt-BR.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: 'Move: {0}',
       resizeColTip: 'Largura: {0} pixels',
       resizeRowTip: 'Altura: {0} pixels',
-      rowGroupContentTotal: '{0} ({1})'
+      rowGroupContentTotal: '{0} ({1})',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'Selecione pelo menos um registro!',

package/packages/locale/lang/ru-RU.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: 'MOVE: {0}',
       resizeColTip: 'Ширина: {0} пиксели',
       resizeRowTip: 'Высокий: {0} пиксели',
-      rowGroupContentTotal: '{0}（{1}）'
+      rowGroupContentTotal: '{0}（{1}）',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'Пожалуйста, выберите хотя бы одну запись!',

package/packages/locale/lang/th-TH.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: 'ย้าย: {0}',
       resizeColTip: 'ความกว้าง: {0} พิกเซล',
       resizeRowTip: 'ความสูง: {0} พิกเซล',
-      rowGroupContentTotal: '{0} ({1})'
+      rowGroupContentTotal: '{0} ({1})',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'กรุณาเลือกอย่างน้อยหนึ่งบันทึก!',

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

@@ -89,7 +89,8 @@ export default {
       dragTip: 'يۆتكەش：{0}',
       resizeColTip: '宽：{0} 像素',
       resizeRowTip: '高：{0} 像素',
-      rowGroupContentTotal: '{0}（{1}）'
+      rowGroupContentTotal: '{0}（{1}）',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'كەم بولغاندا بىر تال ئۇچۇر تاللاڭ',

package/packages/locale/lang/uk-UA.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: 'Перемістити: {0}',
       resizeColTip: 'Ширина: {0} пікселів',
       resizeRowTip: 'Висота: {0} пікселів',
-      rowGroupContentTotal: '{0} ({1})'
+      rowGroupContentTotal: '{0} ({1})',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'Виберіть принаймні один запис!',

package/packages/locale/lang/uz-UZ.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: "Ko'chiring: {0}",
       resizeColTip: 'Kengligi: {0} piksel',
       resizeRowTip: 'Yuqori: {0} piksel',
-      rowGroupContentTotal: '{0}（{1}）'
+      rowGroupContentTotal: '{0}（{1}）',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'Iltimos, kamida bitta yozuvni tanlang!',

package/packages/locale/lang/vi-VN.ts

@@ -89,7 +89,8 @@ export default {
       dragTip: 'Di chuyển: {0}',
       resizeColTip: 'Chiều rộng: {0} pixel',
       resizeRowTip: 'Cao: {0} pixel',
-      rowGroupContentTotal: '{0}（{1}）'
+      rowGroupContentTotal: '{0}（{1}）',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: 'Vui lòng chọn ít nhất một bản ghi!',

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

@@ -89,7 +89,8 @@ export default {
       dragTip: '移動：{0}',
       resizeColTip: '寬：{0} 像素',
       resizeRowTip: '高：{0} 像素',
-      rowGroupContentTotal: '{0}（{1}）'
+      rowGroupContentTotal: '{0}（{1}）',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: '請至少選擇一條記錄！',

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

@@ -89,7 +89,8 @@ export default {
       dragTip: '移动：{0}',
       resizeColTip: '宽：{0} 像素',
       resizeRowTip: '高：{0} 像素',
-      rowGroupContentTotal: '{0}（{1}）'
+      rowGroupContentTotal: '{0}（{1}）',
+      menuLoading: '加载中...'
     },
     grid: {
       selectOneRecord: '请至少选择一条记录！',

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

@@ -517,15 +517,12 @@ hooks.add('tableExportModule', {
       if (!footLabelMethod) {
         footLabelMethod = columnOpts.footerExportMethod
       }
-      const _columnIndex = $xeTable.getVTColumnIndex(column)
       if (footLabelMethod) {
+        const _columnIndex = $xeTable.getVTColumnIndex(column)
         return footLabelMethod({ $table: $xeTable, items: row, itemIndex: _columnIndex, row, _columnIndex, column, options: opts })
       }
-      // 兼容老模式
-      if (XEUtils.isArray(row)) {
-        return XEUtils.toValueString(row[_columnIndex])
-      }
-      return XEUtils.get(row, column.field)
+      const cellValue = $xeTable.getFooterCellLabel(row, column)
+      return cellValue
     }
 
     const toCsv = ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, opts: VxeTablePropTypes.ExportHandleOptions, columns: VxeTableDefines.ColumnInfo[], datas: any[]) => {

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

@@ -248,7 +248,7 @@ hooks.add('tableMenuModule', {
         menuMethods.closeMenu()
       },
       ctxMenuMouseoverEvent (evnt, item, child) {
-        const menuElem = evnt.currentTarget
+        const menuElem = evnt.currentTarget as HTMLDivElement
         const { ctxMenuStore } = reactData
         evnt.preventDefault()
         evnt.stopPropagation()
@@ -258,7 +258,7 @@ hooks.add('tableMenuModule', {
           ctxMenuStore.showChild = hasChildrenList(item)
           if (ctxMenuStore.showChild) {
             nextTick(() => {
-              const childWrapperElem = menuElem.nextElementSibling
+              const childWrapperElem = menuElem.nextElementSibling as HTMLDivElement
               if (childWrapperElem) {
                 const { boundingTop, boundingLeft, visibleHeight, visibleWidth } = getAbsolutePos(menuElem)
                 const posTop = boundingTop + menuElem.offsetHeight
@@ -301,7 +301,7 @@ hooks.add('tableMenuModule', {
         const $xeGantt = $xeTable.xeGantt
 
         // 如果一级菜单有配置 code 则允许点击，否则不能点击
-        if (!menu.disabled && (menu.code || !menu.children || !menu.children.length)) {
+        if (!menu.loading && !menu.disabled && (menu.code || !menu.children || !menu.children.length)) {
           const gMenuOpts = menus.get(menu.code)
           const params = Object.assign({}, internalData._currMenuParams, { menu, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, $event: evnt })
           const tmMethod = gMenuOpts ? (gMenuOpts.tableMenuMethod || gMenuOpts.menuMethod) : null

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

@@ -7,7 +7,7 @@ import { getSlotVNs } from '../../../ui/src/vn'
 
 import type { VxeTablePrivateMethods, VxeTableConstructor, VxeTableMethods } from '../../../../types'
 
-const { getIcon, renderEmptyElement } = VxeUI
+const { getIcon, getI18n, renderEmptyElement } = VxeUI
 
 export default defineVxeComponent({
   name: 'VxeTableMenuPanel',
@@ -56,7 +56,8 @@ export default defineVxeComponent({
                 class: 'vxe-context-menu--option-wrapper',
                 key: gIndex
               }, options.map((item, index) => {
-                const hasChildMenus = item.children && item.children.some((child) => child.visible !== false)
+                const { children, loading } = item
+                const hasChildMenus = children && children.some((child) => child.visible !== false)
                 const prefixOpts = Object.assign({}, item.prefixConfig)
                 const prefixIcon = prefixOpts.icon || item.prefixIcon
                 const suffixOpts = Object.assign({}, item.suffixConfig)
@@ -66,6 +67,7 @@ export default defineVxeComponent({
                   ? renderEmptyElement($xeTable)
                   : h('li', {
                     class: [item.className, {
+                      'link--loading': loading,
                       'link--disabled': item.disabled,
                       'link--active': item === ctxMenuStore.selected
                     }],
@@ -86,17 +88,23 @@ export default defineVxeComponent({
                       h('div', {
                         class: ['vxe-context-menu--link-prefix', prefixOpts.className || '']
                       }, [
-                        prefixIcon && XEUtils.isFunction(prefixIcon)
-                          ? h('span', {}, getSlotVNs(prefixIcon({})))
-                          : h('i', {
-                            class: prefixIcon
-                          }),
+                        loading
+                          ? h('span', {
+                            class: getIcon('TABLE_MENU_OPTION_LOADING')
+                          })
+                          : (prefixIcon && XEUtils.isFunction(prefixIcon)
+                              ? h('span', {}, getSlotVNs(prefixIcon({})))
+                              : h('span', {}, [
+                                h('i', {
+                                  class: prefixIcon
+                                })
+                              ])),
                         prefixOpts.content ? h('span', {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)
                       ]),
                       h('div', {
                         class: 'vxe-context-menu--link-content',
                         title: menuContent
-                      }, menuContent),
+                      }, loading ? getI18n('vxe.table.menuLoading') : menuContent),
                       h('div', {
                         class: ['vxe-context-menu--link-suffix', suffixOpts.className || '']
                       }, [
@@ -114,6 +122,7 @@ export default defineVxeComponent({
                           'is--show': item === ctxMenuStore.selected && ctxMenuStore.showChild
                         }]
                       }, item.children.map((child, cIndex) => {
+                        const { loading: childLoading } = child
                         const childPrefixOpts = Object.assign({}, child.prefixConfig)
                         const childPrefixIcon = childPrefixOpts.icon || child.prefixIcon
                         const childSuffixOpts = Object.assign({}, child.suffixConfig)
@@ -123,6 +132,7 @@ export default defineVxeComponent({
                           ? null
                           : h('li', {
                             class: [child.className, {
+                              'link--loading': childLoading,
                               'link--disabled': child.disabled,
                               'link--active': child === ctxMenuStore.selectChild
                             }],
@@ -143,17 +153,23 @@ export default defineVxeComponent({
                               h('div', {
                                 class: ['vxe-context-menu--link-prefix', childPrefixOpts.className || '']
                               }, [
-                                childPrefixIcon && XEUtils.isFunction(childPrefixIcon)
-                                  ? h('span', {}, getSlotVNs(childPrefixIcon({})))
-                                  : h('i', {
-                                    class: childPrefixIcon
-                                  }),
+                                child.loading
+                                  ? h('span', {
+                                    class: getIcon('TABLE_MENU_OPTION_LOADING')
+                                  })
+                                  : (childPrefixIcon && XEUtils.isFunction(childPrefixIcon)
+                                      ? h('span', {}, getSlotVNs(childPrefixIcon({})))
+                                      : h('span', {}, [
+                                        h('i', {
+                                          class: childPrefixIcon
+                                        })
+                                      ])),
                                 childPrefixOpts.content ? h('span', `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)
                               ]),
                               h('div', {
                                 class: 'vxe-context-menu--link-content',
                                 title: childMenuContent
-                              }, childMenuContent),
+                              }, childLoading ? getI18n('vxe.table.menuLoading') : childMenuContent),
                               h('div', {
                                 class: ['vxe-context-menu--link-suffix', childSuffixOpts.className || '']
                               }, [

package/packages/table/src/cell.ts

@@ -8,7 +8,7 @@ import { getSlotVNs } from '../../ui/src/vn'
 
 import type { VxeTableConstructor, VxeTableDefines, VxeTablePrivateMethods, VxeComponentSlotType } from '../../../types'
 
-const { getI18n, getIcon, renderer, formats, renderEmptyElement } = VxeUI
+const { getI18n, getIcon, renderer, renderEmptyElement } = VxeUI
 
 function renderTitlePrefixIcon (params: VxeTableDefines.CellRenderHeaderParams & { $table: VxeTableConstructor & VxeTablePrivateMethods }) {
   const { $table, column } = params
@@ -232,53 +232,23 @@ function renderTitleContent (params: VxeTableDefines.CellRenderHeaderParams & {
 }
 
 function getFooterContent (params: VxeTableDefines.CellRenderFooterParams & { $table: VxeTableConstructor & VxeTablePrivateMethods }) {
-  const { $table, column, _columnIndex, items, row } = params
-  const { slots, editRender, cellRender, footerFormatter } = column
+  const { $table, column, row } = params
+  const { slots, editRender, cellRender } = column
   const renderOpts = editRender || cellRender
   const footerSlot = slots ? slots.footer : null
   if (footerSlot) {
     return $table.callSlot(footerSlot, params)
   }
-  let itemValue = ''
-  // 兼容老模式
-  if (XEUtils.isArray(items)) {
-    itemValue = items[_columnIndex]
-  } else {
-    itemValue = XEUtils.get(row, column.field)
-  }
-  const footParams = Object.assign(params, {
-    cellValue: itemValue,
-    itemValue
-  })
-  if (footerFormatter) {
-    if (XEUtils.isFunction(footerFormatter)) {
-      return [
-        h('span', {
-          class: 'vxe-cell--label'
-        }, `${footerFormatter(footParams)}`)
-      ]
-    }
-    const isArr = XEUtils.isArray(footerFormatter)
-    const gFormatOpts = isArr ? formats.get(footerFormatter[0]) : formats.get(footerFormatter)
-    const footerFormatMethod = gFormatOpts ? gFormatOpts.tableFooterCellFormatMethod : null
-    if (footerFormatMethod) {
-      return [
-        h('span', {
-          class: 'vxe-cell--label'
-        }, `${isArr ? footerFormatMethod(footParams, ...footerFormatter.slice(1)) : footerFormatMethod(footParams)}`)
-      ]
-    }
-    return [
-      h('span', {
-        class: 'vxe-cell--label'
-      }, '')
-    ]
-  }
+  const itemValue = $table.getFooterCellLabel(row, column)
   if (renderOpts) {
     const compConf = renderer.get(renderOpts.name)
     if (compConf) {
       const rtFooter = compConf.renderTableFooter || compConf.renderFooter
       if (rtFooter) {
+        const footParams = Object.assign(params, {
+          cellValue: itemValue,
+          itemValue
+        })
         return getSlotVNs(rtFooter(renderOpts, footParams))
       }
     }

package/packages/table/src/columnInfo.ts

@@ -16,7 +16,7 @@ export class ColumnInfo {
     const $xeGantt = $xeTable.xeGantt
     const $xeGGWrapper = $xeGrid || $xeGantt
 
-    const { field, editRender, filterRender } = _vm
+    const { field, editRender, filterRender, headerFormatter } = _vm
 
     const colId = _vm.colId || XEUtils.uniqueId('col_')
 
@@ -28,6 +28,10 @@ export class ColumnInfo {
 
     const filters = toFilters(_vm.filters, colId)
 
+    if (headerFormatter) {
+      errLog('vxe.error.notProp', ['header-formatter'])
+    }
+
     const types = ['seq', 'checkbox', 'radio', 'expand', 'html']
     if (_vm.type && types.indexOf(_vm.type) === -1) {
       warnLog('vxe.error.errProp', [`type=${_vm.type}`, types.join(', ')])

package/packages/table/src/table.ts

@@ -5284,7 +5284,13 @@ export default defineVxeComponent({
               }
             }
           }
-          const formatParams = { cellValue, row, rowIndex: tableMethods.getRowIndex(row), column, columnIndex: tableMethods.getColumnIndex(column) }
+          const formatParams = {
+            cellValue,
+            row,
+            rowIndex: $xeTable.getRowIndex(row),
+            column,
+            columnIndex: $xeTable.getColumnIndex(column)
+          }
           if (XEUtils.isString(formatter)) {
             const gFormatOpts = formats.get(formatter)
             const tcFormatMethod = gFormatOpts ? (gFormatOpts.tableCellFormatMethod || gFormatOpts.cellFormatMethod) : null
@@ -5302,6 +5308,70 @@ export default defineVxeComponent({
         }
         return cellLabel
       },
+      getFooterCellLabel (row, fieldOrColumn) {
+        const column = handleFieldOrColumn($xeTable, fieldOrColumn)
+        if (!column) {
+          return null
+        }
+        const { footerFormatter } = column
+        const _columnIndex = $xeTable.getVTColumnIndex(column)
+        let itemValue = ''
+        // 兼容老模式
+        if (XEUtils.isArray(row)) {
+          itemValue = row[_columnIndex]
+        } else {
+          itemValue = XEUtils.get(row, column.field)
+        }
+        let cellLabel: any = itemValue
+        if (footerFormatter) {
+          let formatData
+          const { footerTableData } = reactData
+          const { footerFullDataRowData } = internalData
+          const colid = column.id
+          const $rowIndex = footerTableData.indexOf(row)
+          let rowRest: any = null
+          if ($rowIndex > -1) {
+            rowRest = footerFullDataRowData[$rowIndex]
+            if (!rowRest) {
+              rowRest = footerFullDataRowData[$rowIndex] = {}
+            }
+            formatData = rowRest.formatData
+            if (!formatData) {
+              formatData = footerFullDataRowData[$rowIndex].formatData = {}
+            }
+            if (rowRest && formatData[colid]) {
+              if (formatData[colid].value === itemValue) {
+                return formatData[colid].label
+              }
+            }
+          }
+          const footerFormatParams = {
+            cellValue: itemValue,
+            itemValue,
+            row,
+            items: row,
+            $rowIndex,
+            column,
+            _columnIndex,
+            columnIndex: $xeTable.getColumnIndex(column)
+          }
+          if (XEUtils.isString(footerFormatter)) {
+            const gFormatOpts = formats.get(footerFormatter)
+            const fcFormatMethod = gFormatOpts ? gFormatOpts.tableFooterCellFormatMethod : null
+            cellLabel = fcFormatMethod ? fcFormatMethod(footerFormatParams) : ''
+          } else if (XEUtils.isArray(footerFormatter)) {
+            const gFormatOpts = formats.get(footerFormatter[0])
+            const fcFormatMethod = gFormatOpts ? gFormatOpts.tableFooterCellFormatMethod : null
+            cellLabel = fcFormatMethod ? fcFormatMethod(footerFormatParams, ...footerFormatter.slice(1)) : ''
+          } else {
+            cellLabel = footerFormatter(footerFormatParams)
+          }
+          if (formatData) {
+            formatData[colid] = { value: itemValue, label: cellLabel }
+          }
+        }
+        return cellLabel
+      },
       /**
        * 检查是否为临时行数据
        */
@@ -13101,6 +13171,7 @@ export default defineVxeComponent({
       footFlag.value++
     })
     watch(footFlag, () => {
+      internalData.footerFullDataRowData = {}
       $xeTable.updateFooter()
     })
 

package/packages/table/src/util.ts

@@ -80,6 +80,9 @@ export function createInternalData (): TableInternalData {
     fullDataRowIdData: {},
     // 数据集（仅可视）
     visibleDataRowIdData: {},
+
+    footerFullDataRowData: {},
+
     // 渲染中缓存数据
     sourceDataRowIdData: {},
     fullColumnIdData: {},

package/packages/ui/index.ts

@@ -341,6 +341,7 @@ VxeUI.setIcon({
   TABLE_RADIO_DISABLED_UNCHECKED: iconPrefix + 'radio-unchecked-fill',
   TABLE_CUSTOM_SORT: iconPrefix + 'drag-handle',
   TABLE_MENU_OPTIONS: iconPrefix + 'arrow-right',
+  TABLE_MENU_OPTION_LOADING: iconPrefix + 'repeat roll',
   TABLE_DRAG_ROW: iconPrefix + 'drag-handle',
   TABLE_DRAG_COLUMN: iconPrefix + 'drag-handle',
   TABLE_DRAG_STATUS_ROW: iconPrefix + 'sort',

package/styles/components/table-module/menu.scss

@@ -61,6 +61,7 @@
         color: #2B2B2B;
       }
     }
+    &.link--loading,
     &.link--disabled {
       & > .vxe-context-menu--link {
         color: var(--vxe-ui-font-disabled-color);