vxe-table 4.18.0-beta.2 → 4.18.0-beta.20

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'A feltöltés sikertelen',
       uploadSuccess: 'Töltse fel sikeresen',
       moreBtnText: 'Tovább ({0})',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: 'Kattintson a megtekintéshez',
       morePopup: {
         readTitle: 'Lista megtekintése',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: '上传失败',
       uploadSuccess: '上传成功',
       moreBtnText: '更多（{0}）',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: '点击查看',
       morePopup: {
         readTitle: '查看列表',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'Unggah gagal',
       uploadSuccess: 'Unggah berhasil',
       moreBtnText: 'Lebih ({0})',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: 'Klik untuk dilihat',
       morePopup: {
         readTitle: 'Daftar Lihat',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'Caricamento non riuscito',
       uploadSuccess: 'Carica correttamente',
       moreBtnText: 'Altro ({0})',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: 'Fare clic per visualizzare',
       morePopup: {
         readTitle: 'Visualizza elenco',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'アップロードに失敗しました',
       uploadSuccess: '正常にアップロードします',
       moreBtnText: 'その他（{0}）',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: 'クリックして表示します',
       morePopup: {
         readTitle: 'リストを表示します',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: '업로드 실패',
       uploadSuccess: '성공적으로 업로드하십시오',
       moreBtnText: 'more ({0})',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: '보려면 클릭하십시오',
       morePopup: {
         readTitle: '목록을보십시오',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'Muat naik gagal',
       uploadSuccess: 'Muat naik dengan jayanya',
       moreBtnText: 'Lebih ({0})',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: 'Klik untuk Lihat',
       morePopup: {
         readTitle: 'Lihat senarai',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'Opplasting mislyktes',
       uploadSuccess: 'Last opp vellykket',
       moreBtnText: 'Mer ({0})',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: 'Klikk for å se',
       morePopup: {
         readTitle: 'Vis liste',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'Falha no upload',
       uploadSuccess: 'Carregar com sucesso',
       moreBtnText: 'Mais ({0})',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: 'Clique para visualizar',
       morePopup: {
         readTitle: 'Lista de visualização',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'Загрузка не удалась',
       uploadSuccess: 'Загрузить успешно',
       moreBtnText: 'Больше ({0})',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: 'Нажмите, чтобы просмотреть',
       morePopup: {
         readTitle: 'Просмотреть список',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'การอัปโหลดล้มเหลว',
       uploadSuccess: 'อัปโหลดสำเร็จ',
       moreBtnText: 'เพิ่มเติม ({0})',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: 'คลิกเพื่อดู',
       morePopup: {
         readTitle: 'รายการดู',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'چىقىرىش مەغلۇپ بولدى',
       uploadSuccess: 'چىقىرىش ئوڭۇشلۇق بولدى',
       moreBtnText: 'تىخىمۇ كۆپ（{0}）',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: 'بىسىپ كۆرۈڭ',
       morePopup: {
         readTitle: 'توپلامنى كۆرۈش',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'Завантаження не вдалося',
       uploadSuccess: 'Завантажте успішно',
       moreBtnText: 'Більше ({0})',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: 'Клацніть, щоб переглянути',
       morePopup: {
         readTitle: 'Переглянути список',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '¥'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'Yuklash muvaffaqiyatsiz tugadi',
       uploadSuccess: 'Muvaffaqiyatli yuklang',
       moreBtnText: "Ko'proq ({0})",
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: "Ko'rish uchun bosing",
       morePopup: {
         readTitle: "Ro'yxatni ko'rish",

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '$'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: 'Tải lên không thành công',
       uploadSuccess: 'Tải lên thành công',
       moreBtnText: 'Thêm ({0})',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: 'Bấm để xem',
       morePopup: {
         readTitle: 'Xem danh sách',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '¥'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: '上傳失敗',
       uploadSuccess: '上傳成功',
       moreBtnText: '更多（{0}）',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: '點擊查看',
       morePopup: {
         readTitle: '查看列表',

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

@@ -333,6 +333,10 @@ export default {
         }
       }
     },
+    calendar: {
+      yearLabel: '{0} 年',
+      monthLabel: '{0} 月'
+    },
     numberInput: {
       currencySymbol: '¥'
     },
@@ -368,6 +372,8 @@ export default {
       uploadErr: '上传失败',
       uploadSuccess: '上传成功',
       moreBtnText: '更多（{0}）',
+      moreImgBtnText: '图片（{0}）',
+      moreFileBtnText: '文件（{0}）',
       viewItemTitle: '点击查看',
       morePopup: {
         readTitle: '查看列表',

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

@@ -10,16 +10,21 @@ const tableCustomMethodKeys: (keyof TableCustomMethods)[] = ['openCustom', 'clos
 VxeUI.hooks.add('tableCustomModule', {
   setupTable ($xeTable) {
     const { reactData, internalData } = $xeTable
-    const { computeCustomOpts, computeRowGroupFields } = $xeTable.getComputeMaps()
+    const { computeCustomOpts, computeRowGroupFields, computeCustomSimpleMode } = $xeTable.getComputeMaps()
     const { refElem } = $xeTable.getRefMaps()
 
     const $xeGantt = $xeTable.xeGantt
 
-    const calcMaxHeight = () => {
+    const updatePopupStyle = () => {
       const { customStore } = reactData
+      const customOpts = computeCustomOpts.value
+      const customSimpleMode = computeCustomSimpleMode.value
+      const showCustomSimpleOutside = customSimpleMode === 'outside'
+      const { popupOptions } = customOpts
+      const { maxHeight } = popupOptions || {}
       let wrapperEl = refElem.value
-      // 判断面板不能大于表格高度
-      let tableHeight = 0
+      let popupTop = 0
+      let popupMaxHeight: string | number = 0
       if ($xeGantt) {
         const { refGanttContainerElem } = $xeGantt.getRefMaps()
         const ganttContainerElem = refGanttContainerElem.value
@@ -27,10 +32,20 @@ VxeUI.hooks.add('tableCustomModule', {
           wrapperEl = ganttContainerElem
         }
       }
-      if (wrapperEl) {
-        tableHeight = wrapperEl.clientHeight - 28
+      if (showCustomSimpleOutside) {
+        if (wrapperEl) {
+          popupTop = wrapperEl.offsetTop
+        }
+        popupMaxHeight = XEUtils.eqNull(maxHeight) ? 360 : maxHeight
+      } else {
+        // 判断面板不能大于表格高度
+        if (wrapperEl) {
+          popupMaxHeight = wrapperEl.clientHeight - 22
+        }
+        popupMaxHeight = Math.max(88, popupMaxHeight)
       }
-      customStore.maxHeight = Math.max(88, tableHeight)
+      customStore.popupTop = popupTop
+      customStore.maxHeight = XEUtils.eqNull(maxHeight) ? popupMaxHeight : maxHeight
     }
 
     const openCustom = () => {
@@ -39,8 +54,8 @@ VxeUI.hooks.add('tableCustomModule', {
       initStore.custom = true
       handleUpdateCustomColumn()
       checkCustomStatus()
-      calcMaxHeight()
-      return nextTick().then(() => calcMaxHeight())
+      updatePopupStyle()
+      return nextTick().then(() => updatePopupStyle())
     }
 
     const handleUpdateCustomColumn = () => {

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

@@ -2,11 +2,11 @@ import { h, inject, ref, Ref, provide, VNode, PropType, nextTick, TransitionGrou
 import { defineVxeComponent } from '../../../ui/src/comp'
 import { VxeUI } from '../../../ui'
 import { formatText } from '../../../ui/src/utils'
-import { getTpImg, addClass, removeClass, hasControlKey } from '../../../ui/src/dom'
+import { getTpImg, addClass, removeClass, hasControlKey, toCssUnit } from '../../../ui/src/dom'
 import { errLog } from '../../../ui/src/log'
 import XEUtils from 'xe-utils'
 
-import type { VxeButtonEvents } from 'vxe-pc-ui'
+import type { VxeButtonEvents, VxeComponentStyleType } from 'vxe-pc-ui'
 import type { VxeTableDefines, VxeTablePrivateMethods, VxeTableConstructor, VxeTableMethods, VxeColumnPropTypes, VxeTableCustomPanelConstructor, TableCustomPanelReactData, TableCustomPanelInternalData, TableCustomPanelPrivateRef, TableCustomPanelPrivateComputed } from '../../../../types'
 
 const { getI18n, getIcon, renderEmptyElement } = VxeUI
@@ -616,7 +616,7 @@ export default defineVxeComponent({
       const customOpts = computeCustomOpts.value
       const { immediate } = customOpts
       const columnDragOpts = computeColumnDragOpts.value
-      const { maxHeight } = customStore
+      const { maxHeight, popupTop } = customStore
       const { checkMethod, visibleMethod, allowVisible, allowSort, allowFixed, trigger, placement } = customOpts
       const isMaxFixedColumn = computeIsMaxFixedColumn.value
       const { isCrossDrag } = columnDragOpts
@@ -754,17 +754,18 @@ export default defineVxeComponent({
           )
         }
       })
+      const popupStys: VxeComponentStyleType = {}
+      if (maxHeight && !['left', 'right'].includes(placement || '')) {
+        popupStys.top = toCssUnit(popupTop)
+        popupStys.maxHeight = toCssUnit(maxHeight)
+      }
       return h('div', {
         ref: refElem,
         key: 'simple',
         class: ['vxe-table-custom-wrapper', `placement--${placement}`, {
           'is--active': customStore.visible
         }],
-        style: maxHeight && !['left', 'right'].includes(placement || '')
-          ? {
-              maxHeight: `${maxHeight}px`
-            }
-          : {}
+        style: popupStys
       }, customStore.visible
         ? [
             h('div', {
@@ -1099,6 +1100,11 @@ export default defineVxeComponent({
           }, defaultSlot
             ? $xeTable.callSlot(defaultSlot, params)
             : [
+                !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel
+                  ? h($xeTable.getPivotTableAggregatePopupPanel(), {
+                    customStore
+                  })
+                  : renderEmptyElement($xeTable),
                 h('div', {
                   ref: refCustomBodyElem,
                   class: 'vxe-table-custom-popup--handle-wrapper'
@@ -1177,12 +1183,7 @@ export default defineVxeComponent({
                     }, $xeTable.callSlot(bottomSlot, params))
                     : renderEmptyElement($xeTable),
                   renderDragTip()
-                ]),
-                !treeConfig && (aggregateConfig || rowGroupConfig) && $xeTable.getPivotTableAggregatePopupPanel
-                  ? h($xeTable.getPivotTableAggregatePopupPanel(), {
-                    customStore
-                  })
-                  : renderEmptyElement($xeTable)
+                ])
               ])
         },
         footer: () => {

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

@@ -139,7 +139,7 @@ hooks.add('tableEditModule', {
           if (treeConfig) {
             throw new Error(getI18n('vxe.error.noTree', ['insert']))
           }
-          warnLog(getI18n('vxe.error.noGroup', ['remove']))
+          errLog(getI18n('vxe.error.noGroup', ['insert']))
           // insertGroupRow(newRecords, false)
         } else {
           newRecords.forEach(item => {
@@ -168,7 +168,7 @@ hooks.add('tableEditModule', {
             if (treeConfig) {
               throw new Error(getI18n('vxe.error.noTree', ['insert']))
             }
-            warnLog(getI18n('vxe.error.noGroup', ['remove']))
+            errLog(getI18n('vxe.error.noGroup', ['insert']))
             // insertGroupRow(newRecords, true)
           } else {
             newRecords.forEach(item => {
@@ -239,7 +239,7 @@ hooks.add('tableEditModule', {
             if (treeConfig) {
               throw new Error(getI18n('vxe.error.noTree', ['insert']))
             }
-            warnLog(getI18n('vxe.error.noGroup', ['remove']))
+            errLog(getI18n('vxe.error.noGroup', ['insert']))
           } else {
             if (treeConfig) {
               throw new Error(getI18n('vxe.error.noTree', ['insert']))

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

@@ -1382,7 +1382,19 @@ hooks.add('tableExportModule', {
                 return Promise.resolve((beforeQueryAll || ajaxMethods)(params))
                   .then(rest => {
                     const listProp = resConfigs.list
-                    handleOptions.data = (listProp ? (XEUtils.isFunction(listProp) ? listProp({ data: rest, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }) : XEUtils.get(rest, listProp)) : rest) || []
+                    let tdData: any[] = []
+                    if (listProp) {
+                      if (XEUtils.isFunction(listProp)) {
+                        tdData = listProp({ data: rest, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt })
+                      } else {
+                        tdData = XEUtils.isArray(rest) ? rest : XEUtils.get(rest, listProp)
+                      }
+                    } else {
+                      if (XEUtils.isArray(rest)) {
+                        tdData = rest
+                      }
+                    }
+                    handleOptions.data = tdData
                     if (afterQueryAll) {
                       afterQueryAll(params)
                     }

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

@@ -223,9 +223,16 @@ export default defineVxeComponent({
       const filterOpts = computeFilterOpts.value
       const hasCheckOption = computeHasCheckOption.value
       const { filterRender, filterMultiple } = column
+      const { confirmButtonText, resetButtonText, showFooter } = filterOpts
       const compConf = isEnableConf(filterRender) ? renderer.get(filterRender.name) : null
       const isDisabled = !hasCheckOption && !filterStore.isAllSelected && !filterStore.isIndeterminate
-      return (compConf ? !(compConf.showTableFilterFooter === false || compConf.showFilterFooter === false || compConf.isFooter === false) : filterMultiple)
+      let showFlFoot = !!filterMultiple
+      if (XEUtils.isBoolean(showFooter)) {
+        showFlFoot = showFooter
+      } else if (compConf) {
+        showFlFoot = !(compConf.showTableFilterFooter === false || compConf.showFilterFooter === false || compConf.isFooter === false)
+      }
+      return showFlFoot
         ? [
             h('div', {
               class: 'vxe-table--filter-footer'
@@ -236,10 +243,10 @@ export default defineVxeComponent({
                 },
                 disabled: isDisabled,
                 onClick: confirmFilter
-              }, filterOpts.confirmButtonText || getI18n('vxe.table.confirmFilter')),
+              }, confirmButtonText || getI18n('vxe.table.confirmFilter')),
               h('button', {
                 onClick: resetFilter
-              }, filterOpts.resetButtonText || getI18n('vxe.table.resetFilter'))
+              }, resetButtonText || getI18n('vxe.table.resetFilter'))
             ])
           ]
         : []

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

@@ -123,19 +123,20 @@ function validRuleValue (rule: VxeTableDefines.ValidatorRule, val: any, required
   return true
 }
 
-function checkRuleStatus (rule: VxeTableDefines.ValidatorRule, val: any) {
-  const { required } = rule
-  const isEmptyVal = XEUtils.isArray(val) ? !val.length : eqEmptyValue(val)
+function checkRuleStatus (rule: VxeTableDefines.ValidatorRule, row: any, val: any) {
+  const { required, field } = rule
+  const currVal = field ? XEUtils.get(row, field) : val
+  const isEmptyVal = XEUtils.isArray(currVal) ? !currVal.length : eqEmptyValue(currVal)
   if (required) {
     if (isEmptyVal) {
       return false
     }
-    if (!validRuleValue(rule, val, required)) {
+    if (!validRuleValue(rule, currVal, required)) {
       return false
     }
   } else {
     if (!isEmptyVal) {
-      if (!validRuleValue(rule, val, required)) {
+      if (!validRuleValue(rule, currVal, required)) {
         return false
       }
     }
@@ -519,7 +520,7 @@ hooks.add('tableValidatorModule', {
                     }
                   }
                 } else {
-                  if (!checkRuleStatus(rule, cellValue)) {
+                  if (!checkRuleStatus(rule, row, cellValue)) {
                     internalData.validRuleErr = true
                     errorRules.push(new Rule(rule))
                   }

package/packages/table/render/index.ts

@@ -764,6 +764,9 @@ function handleNumberCell (renderOpts: VxeGlobalRendererHandles.RenderTableDefau
         cellValue = `${props.currencySymbol || numberInputConfig.currencySymbol || getI18n('vxe.numberInput.currencySymbol') || ''}${cellValue}`
       }
     } else {
+      if (type === 'integer') {
+        cellValue = XEUtils.toInteger(cellValue)
+      }
       if (showNegativeStatus) {
         if (XEUtils.toNumber(cellValue) < 0) {
           isNegative = true
@@ -778,6 +781,17 @@ function handleNumberCell (renderOpts: VxeGlobalRendererHandles.RenderTableDefau
     : {})
 }
 
+function handleFormatDatePicker (renderOpts: VxeGlobalRendererHandles.RenderTableDefaultOptions, params: VxeGlobalRendererHandles.TableCellFormatterParams) {
+  const { props = {} } = renderOpts
+  const { cellValue } = params
+  if (cellValue) {
+    if (props.type !== 'time') {
+      return getLabelFormatDate(cellValue, props)
+    }
+  }
+  return cellValue
+}
+
 function handleFormatSelect (renderOpts: VxeGlobalRendererHandles.RenderTableDefaultOptions, params: VxeGlobalRendererHandles.TableCellFormatterParams | VxeGlobalRendererHandles.TableCellCopyMethodParams) {
   const { cellValue } = params
   return handleSelectCellValue(cellValue, renderOpts)
@@ -1007,8 +1021,10 @@ renderer.mixin({
           cellValue = getLabelFormatDate(cellValue, props)
         }
       }
+
       return getCellLabelVNs(renderOpts, params, cellValue)
     },
+    tableCellFormatter: handleFormatDatePicker,
     renderTableDefault: defaultEditRender,
     createTableFilterOptions: defaultFilterOptions,
     renderTableFilter: defaultFilterRender,