vxe-table 3.12.1-beta.3 → 3.12.1-beta.4

package/es/table/src/header.js

@@ -3,7 +3,7 @@ import { VxeUI } from '../../ui';
 import { getClass } from '../../ui/src/utils';
 import { getOffsetPos, hasClass, addClass, removeClass } from '../../ui/src/dom';
 import { convertHeaderColumnToRows, getColReMinWidth } from './util';
-const { renderer, renderEmptyElement } = VxeUI;
+const { getI18n, renderer, renderEmptyElement } = VxeUI;
 const cellType = 'header';
 const renderRows = (h, _vm, cols, $rowIndex) => {
     const $xeTable = _vm.$parent;
@@ -100,7 +100,8 @@ const renderRows = (h, _vm, cols, $rowIndex) => {
                             'is--line': !border || border === 'none'
                         }],
                     on: {
-                        mousedown: (evnt) => _vm.resizeMousedown(evnt, params)
+                        mousedown: (evnt) => _vm.resizeMousedownEvent(evnt, params),
+                        dblclick: (evnt) => $xeTable.handleResizeDblclickEvent(evnt, params)
                     }
                 })
                 : null
@@ -321,7 +322,7 @@ export default {
             const { $parent: $xetable } = this;
             this.headerColumn = $xetable.isGroup ? convertHeaderColumnToRows(this.tableGroupColumn) : [];
         },
-        resizeMousedown(evnt, params) {
+        resizeMousedownEvent(evnt, params) {
             const $xeTable = this.$parent;
             const tableInternalData = $xeTable;
             const { column } = params;
@@ -332,15 +333,17 @@ export default {
             const resizeBarElem = $xetable.$refs.resizeBar;
             const resizeTipElem = $xetable.$refs.refCellResizeTip;
             const wrapperElem = this.$el;
-            const { target: dragBtnElem, clientX: dragClientX } = evnt;
-            const cell = params.cell = dragBtnElem.parentNode;
+            const { clientX: dragClientX } = evnt;
+            const dragBtnElem = evnt.target;
+            const cell = dragBtnElem.parentNode;
+            const cellParams = Object.assign(params, { cell });
             const resizableOpts = $xeTable.computeResizableOpts;
             let dragLeft = 0;
             const tableBodyElem = tableBody.$el;
             const pos = getOffsetPos(dragBtnElem, tableEl);
             const dragBtnWidth = dragBtnElem.clientWidth;
             const dragBtnOffsetWidth = Math.floor(dragBtnWidth / 2);
-            const minInterval = getColReMinWidth(params) - dragBtnOffsetWidth; // 列之间的最小间距
+            const minInterval = getColReMinWidth(cellParams) - dragBtnOffsetWidth; // 列之间的最小间距
             let dragMinLeft = pos.left - cell.clientWidth + dragBtnWidth + minInterval;
             let dragPosLeft = pos.left + dragBtnOffsetWidth;
             const domMousemove = document.onmousemove;
@@ -403,7 +406,7 @@ export default {
                     }
                     resizeTipElem.style.left = `${resizeTipLeft}px`;
                     resizeTipElem.style.top = `${Math.min(tableEl.clientHeight - resizeTipHeight, Math.max(0, evnt.clientY - wrapperRect.y - resizeTipHeight / 2))}px`;
-                    resizeTipElem.textContent = `${column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft)}px`;
+                    resizeTipElem.textContent = getI18n('vxe.table.resizeColTip', [column.renderWidth + (isRightFixed ? dragPosLeft - dragLeft : dragLeft - dragPosLeft)]);
                 }
             };
             $xetable._isResize = true;