vxe-table 4.13.17 → 4.13.19

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

@@ -272,7 +272,7 @@ export default {
           year: 'yyyy'
         },
         weeks: {
-          w: 'Tuần',
+          w: '',
           w0: 'Mặt trời',
           w1: 'Mon',
           w2: 'TUE',

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

@@ -272,7 +272,7 @@ export default {
           year: 'yyyy'
         },
         weeks: {
-          w: '週',
+          w: '',
           w0: '週日',
           w1: '週一',
           w2: '週二',

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

@@ -272,7 +272,7 @@ export default {
           year: 'yyyy'
         },
         weeks: {
-          w: '周',
+          w: '',
           w0: '周日',
           w1: '周一',
           w2: '周二',

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

@@ -1158,7 +1158,7 @@ export default defineComponent({
     nextTick(() => {
       const customOpts = computeCustomOpts.value
       const { mode } = customOpts
-      if (!VxeUIModalComponent) {
+      if (!VxeUIModalComponent && (mode === 'modal')) {
         errLog('vxe.error.reqComp', ['vxe-modal'])
       }
       if (!VxeUIDrawerComponent && (mode === 'drawer')) {

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

@@ -315,10 +315,18 @@ hooks.add('tableFilterModule', {
         handleFilterConfirmFilter(null)
         return nextTick()
       },
+      saveFilterPanelByEvent (evnt) {
+        handleFilterConfirmFilter(evnt)
+        return nextTick()
+      },
       resetFilterPanel () {
         handleFilterResetFilter(null)
         return nextTick()
       },
+      resetFilterPanelByEvent (evnt) {
+        handleFilterResetFilter(evnt)
+        return nextTick()
+      },
       getCheckedFilters () {
         const { tableFullColumn } = internalData
         const filterList: any[] = []

package/packages/table/render/index.ts

@@ -422,12 +422,15 @@ function renderNativeOptgroups (renderOpts: any, params: any, renderOptionsMetho
   const { optionGroups, optionGroupProps = {} } = renderOpts
   const groupOptions = optionGroupProps.options || 'options'
   const groupLabel = optionGroupProps.label || 'label'
-  return optionGroups.map((group: any, gIndex: any) => {
-    return h('optgroup', {
-      key: gIndex,
-      label: group[groupLabel]
-    }, renderOptionsMethods(group[groupOptions], renderOpts, params))
-  })
+  if (optionGroups) {
+    return optionGroups.map((group: any, gIndex: any) => {
+      return h('optgroup', {
+        key: gIndex,
+        label: group[groupLabel]
+      }, renderOptionsMethods(group[groupOptions], renderOpts, params))
+    })
+  }
+  return []
 }
 
 /**
@@ -440,15 +443,18 @@ function renderNativeOptions (options: any, renderOpts: any, params: any) {
   const valueProp = optionProps.value || 'value'
   const disabledProp = optionProps.disabled || 'disabled'
   const cellValue = isImmediateCell(renderOpts, params) ? getCellValue(row, column) : column.model.value
-  return options.map((option: any, oIndex: any) => {
-    return h('option', {
-      key: oIndex,
-      value: option[valueProp],
-      disabled: option[disabledProp],
-      /* eslint-disable eqeqeq */
-      selected: option[valueProp] == cellValue
-    }, option[labelProp])
-  })
+  if (options) {
+    return options.map((option: any, oIndex: any) => {
+      return h('option', {
+        key: oIndex,
+        value: option[valueProp],
+        disabled: option[disabledProp],
+        /* eslint-disable eqeqeq */
+        selected: option[valueProp] == cellValue
+      }, option[labelProp])
+    })
+  }
+  return []
 }
 
 function nativeFilterRender (renderOpts: any, params: any) {

package/packages/table/src/body.ts

@@ -818,7 +818,8 @@ export default defineComponent({
             xid: xID,
             cellspacing: 0,
             cellpadding: 0,
-            border: 0
+            border: 0,
+            xvm: isOptimizeMode ? '1' : null
           }, [
             /**
              * 列宽

package/packages/table/src/table.ts

@@ -1,6 +1,6 @@
 import { defineComponent, h, ComponentPublicInstance, reactive, ref, Ref, provide, inject, nextTick, onActivated, onDeactivated, onBeforeUnmount, onUnmounted, watch, computed, onMounted } from 'vue'
 import XEUtils from 'xe-utils'
-import { initTpImg, getTpImg, isPx, isScale, hasClass, addClass, removeClass, getEventTargetNode, getPaddingTopBottomSize, getOffsetPos, setScrollTop, setScrollLeft, toCssUnit, hasControlKey } from '../../ui/src/dom'
+import { initTpImg, getTpImg, isPx, isScale, hasClass, addClass, removeClass, getEventTargetNode, getPaddingTopBottomSize, setScrollTop, setScrollLeft, toCssUnit, hasControlKey } from '../../ui/src/dom'
 import { getLastZIndex, nextZIndex, hasChildrenList, getFuncText, isEnableConf, formatText, eqEmptyValue } from '../../ui/src/utils'
 import { VxeUI } from '../../ui'
 import Cell from './cell'
@@ -7609,8 +7609,9 @@ export default defineComponent({
         evnt.stopPropagation()
         evnt.preventDefault()
         const { column } = params
-        const { overflowX, scrollbarHeight } = reactData
+        const { columnStore, overflowX, scrollbarHeight } = reactData
         const { elemStore, visibleColumn } = internalData
+        const { leftList, rightList } = columnStore
         const resizableOpts = computeResizableOpts.value
         const osbHeight = overflowX ? scrollbarHeight : 0
         const tableEl = refElem.value
@@ -7620,10 +7621,11 @@ export default defineComponent({
         if (!resizeBarElem) {
           return
         }
+        const isLeftFixed = fixedType === 'left'
+        const isRightFixed = fixedType === 'right'
         const resizeTipElem = resizeBarElem.firstElementChild as HTMLDivElement
         const scrollbarXToTop = computeScrollbarXToTop.value
         const { clientX: dragClientX } = evnt
-        const wrapperElem = refElem.value
         const dragBtnElem = evnt.target as HTMLDivElement
         let resizeColumn = column
         if (column.children && column.children.length) {
@@ -7638,30 +7640,34 @@ export default defineComponent({
         if (!bodyScrollElem) {
           return
         }
-        const pos = getOffsetPos(dragBtnElem, wrapperElem)
+        const tableRect = tableEl.getBoundingClientRect()
+        const rightContainerRect = rightContainerElem ? rightContainerElem.getBoundingClientRect() : null
+        const cellRect = cell.getBoundingClientRect()
+        const dragBtnRect = dragBtnElem.getBoundingClientRect()
+
         const dragBtnWidth = dragBtnElem.clientWidth
         const dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2)
+        const dragPosLeft = dragBtnRect.x - tableRect.x + dragBtnOffsetWidth
+
         const minInterval = getColReMinWidth(cellParams) - dragBtnOffsetWidth // 列之间的最小间距
-        let dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval
-        let dragPosLeft = pos.left + dragBtnOffsetWidth
-        const isLeftFixed = fixedType === 'left'
-        const isRightFixed = fixedType === 'right'
+        const dragMinLeft = isRightFixed ? 0 : (cellRect.x - tableRect.x + dragBtnWidth + minInterval)
+        const dragMaxLeft = cellRect.x - tableRect.x + cell.clientWidth - minInterval
 
-        // 计算左右侧固定列偏移量
-        let fixedOffsetWidth = 0
+        let fixedLeftRemainWidth = 0
+        let fixedRightRemainWidth = 0
         if (isLeftFixed || isRightFixed) {
-          const siblingProp = isLeftFixed ? 'nextElementSibling' : 'previousElementSibling'
-          let tempCellElem = cell[siblingProp] as HTMLTableCellElement
-          while (tempCellElem) {
-            if (hasClass(tempCellElem, 'fixed--hidden')) {
-              break
-            } else if (!hasClass(tempCellElem, 'col--group')) {
-              fixedOffsetWidth += tempCellElem.offsetWidth
+          let isMach = false
+          const fixedColumn = isLeftFixed ? leftList : rightList
+          for (let i = 0; i < fixedColumn.length; i++) {
+            const item = fixedColumn[i]
+            if (isMach) {
+              fixedLeftRemainWidth += item.renderWidth
+            } else {
+              isMach = item.id === resizeColumn.id
+              if (!isMach) {
+                fixedRightRemainWidth += item.renderWidth
+              }
             }
-            tempCellElem = tempCellElem[siblingProp] as HTMLTableCellElement
-          }
-          if (isRightFixed && rightContainerElem) {
-            dragPosLeft = rightContainerElem.offsetLeft + fixedOffsetWidth
           }
         }
 
@@ -7672,27 +7678,27 @@ export default defineComponent({
           const tableHeight = tableEl.clientHeight
           const offsetX = evnt.clientX - dragClientX
           let left = dragPosLeft + offsetX
-          const scrollLeft = fixedType ? 0 : bodyScrollElem.scrollLeft
+
           if (isLeftFixed) {
-          // 左固定列（不允许超过右侧固定列、不允许超过右边距）
-            left = Math.min(left, (rightContainerElem ? rightContainerElem.offsetLeft : bodyScrollElem.clientWidth) - fixedOffsetWidth - minInterval)
+            if (rightContainerRect) {
+              left = Math.min(left, rightContainerRect.x - tableRect.x - fixedLeftRemainWidth - minInterval)
+            }
           } else if (isRightFixed) {
-          // 右侧固定列（不允许超过左侧固定列、不允许超过左边距）
-            dragMinLeft = (leftContainerElem ? leftContainerElem.clientWidth : 0) + fixedOffsetWidth + minInterval
-            left = Math.min(left, dragPosLeft + cell.clientWidth - minInterval)
-          } else {
-            dragMinLeft = Math.max(bodyScrollElem.scrollLeft, dragMinLeft)
-          // left = Math.min(left, bodyScrollElem.clientWidth + bodyScrollElem.scrollLeft - 40)
+            if (leftContainerElem) {
+              left = Math.max(left, leftContainerElem.clientWidth + fixedRightRemainWidth + minInterval)
+            }
+            left = Math.min(left, dragMaxLeft)
           }
+
           dragLeft = Math.max(left, dragMinLeft)
-          const resizeBarLeft = Math.max(1, dragLeft - scrollLeft)
+
+          const resizeBarLeft = Math.max(1, dragLeft)
           resizeBarElem.style.left = `${resizeBarLeft}px`
           resizeBarElem.style.top = `${scrollbarXToTop ? osbHeight : 0}px`
           resizeBarElem.style.height = `${scrollbarXToTop ? tableHeight - osbHeight : tableHeight}px`
           if (resizableOpts.showDragTip && resizeTipElem) {
-            resizeTipElem.textContent = getI18n('vxe.table.resizeColTip', [resizeColumn.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft)])
+            resizeTipElem.textContent = getI18n('vxe.table.resizeColTip', [Math.floor(resizeColumn.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft))])
             const tableWrapperWidth = tableEl.clientWidth
-            const wrapperRect = wrapperElem.getBoundingClientRect()
             const resizeBarWidth = resizeBarElem.clientWidth
             const resizeTipWidth = resizeTipElem.clientWidth
             const resizeTipHeight = resizeTipElem.clientHeight
@@ -7703,7 +7709,7 @@ export default defineComponent({
               resizeTipLeft += tableWrapperWidth - resizeBarLeft
             }
             resizeTipElem.style.left = `${resizeTipLeft}px`
-            resizeTipElem.style.top = `${Math.min(tableHeight - resizeTipHeight, Math.max(0, evnt.clientY - wrapperRect.y - resizeTipHeight / 2))}px`
+            resizeTipElem.style.top = `${Math.min(tableHeight - resizeTipHeight, Math.max(0, evnt.clientY - tableRect.y - resizeTipHeight / 2))}px`
           }
           reactData.isDragResize = true
         }
@@ -8663,24 +8669,26 @@ export default defineComponent({
         const { selectRadioRow: oldValue } = reactData
         const { row } = params
         const radioOpts = computeRadioOpts.value
-        const { trigger } = radioOpts
+        const { trigger, checkMethod } = radioOpts
         if (trigger === 'manual') {
           return
         }
         evnt.stopPropagation()
-        let newValue = row
-        let isChange = oldValue !== newValue
-        if (isChange) {
-          handleCheckedRadioRow(newValue)
-        } else if (!radioOpts.strict) {
-          isChange = oldValue === newValue
+        if (!checkMethod || checkMethod({ $table: $xeTable, row })) {
+          let newValue = row
+          let isChange = oldValue !== newValue
           if (isChange) {
-            newValue = null
-            $xeTable.clearRadioRow()
+            handleCheckedRadioRow(newValue)
+          } else if (!radioOpts.strict) {
+            isChange = oldValue === newValue
+            if (isChange) {
+              newValue = null
+              $xeTable.clearRadioRow()
+            }
+          }
+          if (isChange) {
+            dispatchEvent('radio-change', { oldValue, newValue, ...params }, evnt)
           }
-        }
-        if (isChange) {
-          dispatchEvent('radio-change', { oldValue, newValue, ...params }, evnt)
         }
       },
       triggerCurrentColumnEvent (evnt, params) {
@@ -11211,8 +11219,8 @@ export default defineComponent({
         if (props.editConfig && (editOpts.showStatus || editOpts.showUpdateStatus || editOpts.showInsertStatus) && !props.keepSource) {
           warnLog('vxe.error.reqProp', ['keep-source'])
         }
-        if (treeConfig && (treeOpts.showLine || treeOpts.line) && (!(props.rowKey || rowOpts.useKey) || !showOverflow)) {
-          warnLog('vxe.error.reqProp', ['row-config.useKey | show-overflow'])
+        if (treeConfig && (treeOpts.showLine || treeOpts.line) && !showOverflow) {
+          warnLog('vxe.error.reqProp', ['show-overflow'])
         }
         if (treeConfig && !treeOpts.transform && props.stripe) {
           warnLog('vxe.error.noTree', ['stripe'])

package/lib/locale/lang/zh-TC.umd.js

@@ -1,23 +0,0 @@
-(function (global, factory) {
-  if (typeof define === "function" && define.amd) {
-    define("vxe-table-lang.zh-TC", ["exports", "./zh-CHT"], factory);
-  } else if (typeof exports !== "undefined") {
-    factory(exports, require("./zh-CHT"));
-  } else {
-    var mod = {
-      exports: {}
-    };
-    factory(mod.exports, global.zhCHT);
-    global.vxeTableLangZhTC = mod.exports;
-  }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _zhCHT) {
-  "use strict";
-
-  Object.defineProperty(_exports, "__esModule", {
-    value: true
-  });
-  _exports.default = void 0;
-  _zhCHT = _interopRequireDefault(_zhCHT);
-  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-  var _default = _exports.default = _zhCHT.default;
-});