@visactor/vtable-calendar 1.11.1-alpha.0 → 1.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vtable-calendar.js +114 -69
- package/dist/vtable-calendar.min.js +1 -1
- package/package.json +3 -3
package/dist/vtable-calendar.js
CHANGED
|
@@ -32081,7 +32081,9 @@
|
|
|
32081
32081
|
this._cellWidth = width, this._originCellWidth = width, this.layout();
|
|
32082
32082
|
}
|
|
32083
32083
|
updateHeight(height) {
|
|
32084
|
-
this._cellHeight = height, this._cellWidth = this._originCellWidth
|
|
32084
|
+
this._cellHeight = height, this._cellWidth = this._originCellWidth;
|
|
32085
|
+
const textMark = this.getChildByName("text", !0);
|
|
32086
|
+
textMark && textMark.setAttribute("heightLimit", height), this.layout();
|
|
32085
32087
|
}
|
|
32086
32088
|
}
|
|
32087
32089
|
|
|
@@ -32720,7 +32722,7 @@
|
|
|
32720
32722
|
return cellGroup.onBeforeAttributeUpdate = onBeforeAttributeUpdateForInvertHighlight, cellGroup;
|
|
32721
32723
|
}
|
|
32722
32724
|
function updateCell$1(col, row, table, addNew, isShadow) {
|
|
32723
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
32725
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
32724
32726
|
const oldCellGroup = table.scenegraph.highPerformanceGetCell(col, row, !0),
|
|
32725
32727
|
cellLocation = table.getCellLocation(col, row);
|
|
32726
32728
|
let isMerge,
|
|
@@ -32773,6 +32775,7 @@
|
|
|
32773
32775
|
strokeArrayColor: null !== (_l = null === (_k = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _k ? void 0 : _k.strokeArrayColor) && void 0 !== _l ? _l : void 0,
|
|
32774
32776
|
cursor: null !== (_o = null === (_m = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _m ? void 0 : _m.cursor) && void 0 !== _o ? _o : void 0,
|
|
32775
32777
|
cornerRadius: null !== (_q = null === (_p = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _p ? void 0 : _p.cornerRadius) && void 0 !== _q ? _q : 0,
|
|
32778
|
+
lineDash: null !== (_s = null === (_r = null == cellTheme ? void 0 : cellTheme.group) || void 0 === _r ? void 0 : _r.lineDash) && void 0 !== _s ? _s : void 0,
|
|
32776
32779
|
y: table.scenegraph.getCellGroupY(row)
|
|
32777
32780
|
}), oldCellGroup.forEachChildren(child => {
|
|
32778
32781
|
child.setAttributes({
|
|
@@ -32789,7 +32792,7 @@
|
|
|
32789
32792
|
} = breakString(text, table),
|
|
32790
32793
|
hierarchyOffset = getHierarchyOffset(col, row, table),
|
|
32791
32794
|
lineClamp = cellStyle.lineClamp,
|
|
32792
|
-
padding = null !== (
|
|
32795
|
+
padding = null !== (_t = getQuadProps(getProp("padding", cellStyle, col, row, table))) && void 0 !== _t ? _t : [0, 0, 0, 0],
|
|
32793
32796
|
textAlign = cellTheme.text.textAlign;
|
|
32794
32797
|
let x = 0;
|
|
32795
32798
|
x = "center" === textAlign ? padding[3] + (cellWidth - (padding[1] + padding[3])) / 2 : "right" === textAlign ? padding[3] + cellWidth - (padding[1] + padding[3]) : padding[3];
|
|
@@ -32818,7 +32821,7 @@
|
|
|
32818
32821
|
return oldCellGroup;
|
|
32819
32822
|
}
|
|
32820
32823
|
if (!addNew && "empty" === oldCellGroup.role) return;
|
|
32821
|
-
const type = isVtableMerge || isCustomMerge ? "text" : table.isHeader(col, row) ? null !== (
|
|
32824
|
+
const type = isVtableMerge || isCustomMerge ? "text" : table.isHeader(col, row) ? null !== (_u = table._getHeaderLayoutMap(col, row).headerType) && void 0 !== _u ? _u : "text" : null !== (_v = table.getBodyColumnType(col, row)) && void 0 !== _v ? _v : "text",
|
|
32822
32825
|
padding = cellTheme._vtable.padding,
|
|
32823
32826
|
textAlign = cellTheme.text.textAlign,
|
|
32824
32827
|
textBaseline = cellTheme.text.textBaseline;
|
|
@@ -32918,13 +32921,14 @@
|
|
|
32918
32921
|
resizeCellGroup(cellGroup, table.getColWidth(col), rangeHeight, range, table);
|
|
32919
32922
|
}
|
|
32920
32923
|
function resizeCellGroup(cellGroup, rangeWidth, rangeHeight, range, table) {
|
|
32921
|
-
var _a;
|
|
32924
|
+
var _a, _b;
|
|
32922
32925
|
const {
|
|
32923
32926
|
col: col,
|
|
32924
32927
|
row: row
|
|
32925
32928
|
} = cellGroup,
|
|
32926
|
-
dx = -table.getColsWidth(range.start.col, col - 1)
|
|
32927
|
-
|
|
32929
|
+
dx = -table.getColsWidth(range.start.col, col - 1);
|
|
32930
|
+
let dy = 0;
|
|
32931
|
+
if (null === (_a = table.options.customConfig) || void 0 === _a ? void 0 : _a._disableColumnAndRowSizeRound) for (let i = range.start.row; i <= row - 1; i++) dy -= table.getRowHeight(i);else dy = -table.getRowsHeight(range.start.row, row - 1);
|
|
32928
32932
|
cellGroup.forEachChildren(child => {
|
|
32929
32933
|
var _a, _b, _c, _d, _e, _f;
|
|
32930
32934
|
"number" == typeof child._dx ? (child.skipMergeUpdate = !0, child.setAttributes({
|
|
@@ -32937,7 +32941,7 @@
|
|
|
32937
32941
|
dy: (null !== (_f = child.attribute.dy) && void 0 !== _f ? _f : 0) + dy
|
|
32938
32942
|
}), child.skipMergeUpdate = !1);
|
|
32939
32943
|
});
|
|
32940
|
-
const lineWidth = null !== (
|
|
32944
|
+
const lineWidth = null !== (_b = cellGroup.attribute.strokeArrayWidth) && void 0 !== _b ? _b : cellGroup.attribute.lineWidth,
|
|
32941
32945
|
isLineWidthArray = isArray$1(lineWidth),
|
|
32942
32946
|
newLineWidth = [0, 0, 0, 0];
|
|
32943
32947
|
col === range.start.col && (newLineWidth[3] = isLineWidthArray ? lineWidth[3] : lineWidth), row === range.start.row && (newLineWidth[0] = isLineWidthArray ? lineWidth[0] : lineWidth), col === range.end.col && (newLineWidth[1] = isLineWidthArray ? lineWidth[1] : lineWidth), row === range.end.row && (newLineWidth[2] = isLineWidthArray ? lineWidth[2] : lineWidth);
|
|
@@ -37681,7 +37685,9 @@
|
|
|
37681
37685
|
}
|
|
37682
37686
|
|
|
37683
37687
|
function updateAllSelectComponent(scene) {
|
|
37684
|
-
scene.
|
|
37688
|
+
scene.customSelectedRangeComponents.forEach((selectComp, key) => {
|
|
37689
|
+
updateComponent(selectComp, key, scene);
|
|
37690
|
+
}), scene.selectingRangeComponents.forEach((selectComp, key) => {
|
|
37685
37691
|
updateComponent(selectComp, key, scene);
|
|
37686
37692
|
}), scene.selectedRangeComponents.forEach((selectComp, key) => {
|
|
37687
37693
|
updateComponent(selectComp, key, scene);
|
|
@@ -39112,6 +39118,15 @@
|
|
|
39112
39118
|
}
|
|
39113
39119
|
}
|
|
39114
39120
|
|
|
39121
|
+
function temporarilyUpdateSelectRectStyle(rectAttribute, scene) {
|
|
39122
|
+
const {
|
|
39123
|
+
selectedRangeComponents: selectedRangeComponents
|
|
39124
|
+
} = scene;
|
|
39125
|
+
selectedRangeComponents.forEach((selectComp, key) => {
|
|
39126
|
+
selectComp.rect.setAttributes(rectAttribute);
|
|
39127
|
+
}), scene.updateNextFrame();
|
|
39128
|
+
}
|
|
39129
|
+
|
|
39115
39130
|
registerForVrender(), container.load(splitModule), container.load(textMeasureModule);
|
|
39116
39131
|
class Scenegraph {
|
|
39117
39132
|
constructor(table) {
|
|
@@ -39241,7 +39256,7 @@
|
|
|
39241
39256
|
this.stage.background = this.table.theme.underlayBackgroundColor, this.stage.renderNextFrame();
|
|
39242
39257
|
}
|
|
39243
39258
|
createComponent() {
|
|
39244
|
-
this.component = new TableComponent(this.table), this.component.addToGroup(this.componentGroup), this.selectedRangeComponents = new Map(), this.selectingRangeComponents = new Map();
|
|
39259
|
+
this.component = new TableComponent(this.table), this.component.addToGroup(this.componentGroup), this.selectedRangeComponents = new Map(), this.selectingRangeComponents = new Map(), this.customSelectedRangeComponents = new Map();
|
|
39245
39260
|
}
|
|
39246
39261
|
updateComponent() {
|
|
39247
39262
|
this.component.updateStyle();
|
|
@@ -39298,8 +39313,8 @@
|
|
|
39298
39313
|
this.updateContainerSync(), this.resetAllSelectComponent(), this.stage.renderNextFrame();
|
|
39299
39314
|
}
|
|
39300
39315
|
resetAllSelectComponent() {
|
|
39301
|
-
var _a, _b;
|
|
39302
|
-
(null === (_b = null === (_a = this.table.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length) > 0 && updateAllSelectComponent(this);
|
|
39316
|
+
var _a, _b, _c, _d;
|
|
39317
|
+
((null === (_b = null === (_a = this.table.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length) > 0 || (null === (_d = null === (_c = this.table.stateManager.select) || void 0 === _c ? void 0 : _c.customSelectRanges) || void 0 === _d ? void 0 : _d.length) > 0) && updateAllSelectComponent(this);
|
|
39303
39318
|
}
|
|
39304
39319
|
hideHoverIcon(col, row) {
|
|
39305
39320
|
hideHoverIcon(col, row, this);
|
|
@@ -39836,6 +39851,12 @@
|
|
|
39836
39851
|
dealWithIcon(loadingIcon, iconGraphic, col, row);
|
|
39837
39852
|
}
|
|
39838
39853
|
}
|
|
39854
|
+
temporarilyUpdateSelectRectStyle(rectAttribute) {
|
|
39855
|
+
temporarilyUpdateSelectRectStyle(rectAttribute, this);
|
|
39856
|
+
}
|
|
39857
|
+
resetSelectRectStyle() {
|
|
39858
|
+
this.recreateAllSelectRangeComponents();
|
|
39859
|
+
}
|
|
39839
39860
|
}
|
|
39840
39861
|
|
|
39841
39862
|
function checkCellInSelect(col, row, cellRanges) {
|
|
@@ -40512,8 +40533,8 @@
|
|
|
40512
40533
|
"row" === moveContext.moveType && "tree" === state.table.internalProps.layoutMap.rowHierarchyType && (rowMax = moveContext.targetIndex > moveContext.sourceIndex ? rowMax + moveContext.targetSize - 1 : rowMax + moveContext.sourceSize - 1), !state.table.transpose && state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) && (state.table.changeRecordOrder(moveContext.sourceIndex, moveContext.targetIndex), state.changeCheckboxAndRadioOrder(moveContext.sourceIndex, moveContext.targetIndex)), "column" === moveContext.moveType ? clearWidthsAndHeightsCache(colMin, colMax, 0, -1, state.table) : clearWidthsAndHeightsCache(0, -1, rowMin, rowMax, state.table), state.table.clearCellStyleCache(), state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) ? state.table.scenegraph.updateHeaderPosition(state.table.scenegraph.proxy.colStart, state.table.scenegraph.proxy.colEnd, state.table.scenegraph.proxy.rowStart, state.table.scenegraph.proxy.rowEnd, moveContext.moveType) : "column" === moveContext.moveType ? state.table.scenegraph.updateHeaderPosition(colMin, colMax, 0, -1, moveContext.moveType) : state.table.scenegraph.updateHeaderPosition(0, -1, rowMin, rowMax, moveContext.moveType), "adjustFrozenCount" === state.table.internalProps.frozenColDragHeaderMode && state.table.isListTable() && (state.table.isLeftFrozenColumn(state.columnMove.colTarget) && !state.table.isLeftFrozenColumn(state.columnMove.colSource) ? state.table.frozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isLeftFrozenColumn(state.columnMove.colSource) && !state.table.isLeftFrozenColumn(state.columnMove.colTarget) && (state.table.frozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1), state.table.isRightFrozenColumn(state.columnMove.colTarget) && !state.table.isRightFrozenColumn(state.columnMove.colSource) ? state.table.rightFrozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isRightFrozenColumn(state.columnMove.colSource) && !state.table.isRightFrozenColumn(state.columnMove.colTarget) && (state.table.rightFrozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1)), moveColResult = !0;
|
|
40513
40534
|
}
|
|
40514
40535
|
}
|
|
40515
|
-
return setTimeout(() => {
|
|
40516
|
-
|
|
40536
|
+
return state.columnMove.moving = !1, setTimeout(() => {
|
|
40537
|
+
delete state.columnMove.colSource, delete state.columnMove.rowSource, delete state.columnMove.colTarget, delete state.columnMove.rowTarget;
|
|
40517
40538
|
}, 0), state.table.scenegraph.component.hideMoveCol(), state.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose ? (state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen), state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount)) : state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount && !state.table.isPivotTable() && !state.table.transpose ? state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount) : state.table.options.frozenColCount ? state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1) : state.table.options.rightFrozenColCount && state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount), state.table.scenegraph.updateNextFrame(), !0 === (null === (_b = state.table.options.customConfig) || void 0 === _b ? void 0 : _b.notUpdateInColumnRowMove) || moveColResult;
|
|
40518
40539
|
}
|
|
40519
40540
|
function clearWidthsAndHeightsCache(colMin, colMax, rowMin, rowMax, table) {
|
|
@@ -40870,6 +40891,38 @@
|
|
|
40870
40891
|
}
|
|
40871
40892
|
}
|
|
40872
40893
|
|
|
40894
|
+
function deletaCustomSelectRanges(state) {
|
|
40895
|
+
const {
|
|
40896
|
+
customSelectedRangeComponents: customSelectedRangeComponents
|
|
40897
|
+
} = state.table.scenegraph;
|
|
40898
|
+
customSelectedRangeComponents.forEach((selectComp, key) => {
|
|
40899
|
+
selectComp.rect.delete();
|
|
40900
|
+
}), customSelectedRangeComponents.clear(), state.select.customSelectRanges = [];
|
|
40901
|
+
}
|
|
40902
|
+
function addCustomSelectRanges(customSelectRanges, state) {
|
|
40903
|
+
const {
|
|
40904
|
+
customSelectedRangeComponents: customSelectedRangeComponents
|
|
40905
|
+
} = state.table.scenegraph;
|
|
40906
|
+
customSelectRanges.forEach(customRange => {
|
|
40907
|
+
var _a, _b, _c, _d;
|
|
40908
|
+
const {
|
|
40909
|
+
range: range,
|
|
40910
|
+
style: style
|
|
40911
|
+
} = customRange,
|
|
40912
|
+
rect = createRect({
|
|
40913
|
+
fill: null !== (_a = style.cellBgColor) && void 0 !== _a && _a,
|
|
40914
|
+
stroke: null !== (_b = style.cellBorderColor) && void 0 !== _b && _b,
|
|
40915
|
+
lineWidth: null !== (_c = style.cellBorderLineWidth) && void 0 !== _c ? _c : 0,
|
|
40916
|
+
lineDash: null !== (_d = style.cellBorderLineDash) && void 0 !== _d ? _d : [],
|
|
40917
|
+
pickable: !1
|
|
40918
|
+
});
|
|
40919
|
+
customSelectedRangeComponents.set(`${range.start.col}-${range.start.row}-${range.end.col}-${range.end.row}`, {
|
|
40920
|
+
rect: rect,
|
|
40921
|
+
role: "body"
|
|
40922
|
+
});
|
|
40923
|
+
}), state.select.customSelectRanges = customSelectRanges, updateAllSelectComponent(state.table.scenegraph), state.table.scenegraph.updateNextFrame();
|
|
40924
|
+
}
|
|
40925
|
+
|
|
40873
40926
|
class StateManager {
|
|
40874
40927
|
constructor(table) {
|
|
40875
40928
|
this.fastScrolling = !1, this.checkedState = [], this.headerCheckedState = {}, this._checkboxCellTypeFields = [], this._headerCheckFuncs = {}, this.radioState = {}, this.resetInteractionState = debounce(state => {
|
|
@@ -41559,6 +41612,9 @@
|
|
|
41559
41612
|
changeCheckboxAndRadioOrder(sourceIndex, targetIndex) {
|
|
41560
41613
|
this.checkedState.length && changeCheckboxOrder(sourceIndex, targetIndex, this), this.radioState.length && changeRadioOrder(sourceIndex, targetIndex, this);
|
|
41561
41614
|
}
|
|
41615
|
+
setCustomSelectRanges(customSelectRanges) {
|
|
41616
|
+
deletaCustomSelectRanges(this), addCustomSelectRanges(customSelectRanges, this);
|
|
41617
|
+
}
|
|
41562
41618
|
}
|
|
41563
41619
|
|
|
41564
41620
|
function bindMediaClick(table) {
|
|
@@ -41745,6 +41801,31 @@
|
|
|
41745
41801
|
}
|
|
41746
41802
|
}
|
|
41747
41803
|
|
|
41804
|
+
function fireMoveColEventListeners(table, endMoveColSuccess, e) {
|
|
41805
|
+
var _a, _b, _c, _d;
|
|
41806
|
+
endMoveColSuccess && -1 !== (null === (_a = table.stateManager.columnMove) || void 0 === _a ? void 0 : _a.colSource) && -1 !== (null === (_b = table.stateManager.columnMove) || void 0 === _b ? void 0 : _b.rowSource) && -1 !== (null === (_c = table.stateManager.columnMove) || void 0 === _c ? void 0 : _c.colTarget) && -1 !== (null === (_d = table.stateManager.columnMove) || void 0 === _d ? void 0 : _d.rowTarget) ? table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION) && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION, {
|
|
41807
|
+
target: {
|
|
41808
|
+
col: table.stateManager.columnMove.colTarget,
|
|
41809
|
+
row: table.stateManager.columnMove.rowTarget
|
|
41810
|
+
},
|
|
41811
|
+
source: {
|
|
41812
|
+
col: table.stateManager.columnMove.colSource,
|
|
41813
|
+
row: table.stateManager.columnMove.rowSource
|
|
41814
|
+
},
|
|
41815
|
+
event: e
|
|
41816
|
+
}) : endMoveColSuccess || table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL) && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL, {
|
|
41817
|
+
target: {
|
|
41818
|
+
col: table.stateManager.columnMove.colTarget,
|
|
41819
|
+
row: table.stateManager.columnMove.rowTarget
|
|
41820
|
+
},
|
|
41821
|
+
source: {
|
|
41822
|
+
col: table.stateManager.columnMove.colSource,
|
|
41823
|
+
row: table.stateManager.columnMove.rowSource
|
|
41824
|
+
},
|
|
41825
|
+
event: e
|
|
41826
|
+
});
|
|
41827
|
+
}
|
|
41828
|
+
|
|
41748
41829
|
function bindTableGroupListener(eventManager) {
|
|
41749
41830
|
const table = eventManager.table,
|
|
41750
41831
|
stateManager = table.stateManager;
|
|
@@ -41941,29 +42022,8 @@
|
|
|
41941
42022
|
if (0 === e.button) {
|
|
41942
42023
|
if ("grabing" === stateManager.interactionState) {
|
|
41943
42024
|
if (stateManager.updateInteractionState(InteractionState.default), stateManager.isResizeCol()) endResizeCol(table);else if (stateManager.isResizeRow()) endResizeRow(table);else if (stateManager.isMoveCol()) {
|
|
41944
|
-
const
|
|
41945
|
-
|
|
41946
|
-
endMoveColSuccess && eventArgsSet.eventArgs && table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION) ? table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION, {
|
|
41947
|
-
target: {
|
|
41948
|
-
col: eventArgsSet.eventArgs.col,
|
|
41949
|
-
row: eventArgsSet.eventArgs.row
|
|
41950
|
-
},
|
|
41951
|
-
source: {
|
|
41952
|
-
col: table.stateManager.columnMove.colSource,
|
|
41953
|
-
row: table.stateManager.columnMove.rowSource
|
|
41954
|
-
},
|
|
41955
|
-
event: e.nativeEvent
|
|
41956
|
-
}) : endMoveColSuccess || table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL) && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL, {
|
|
41957
|
-
target: {
|
|
41958
|
-
col: table.stateManager.columnMove.colTarget,
|
|
41959
|
-
row: table.stateManager.columnMove.rowTarget
|
|
41960
|
-
},
|
|
41961
|
-
source: {
|
|
41962
|
-
col: table.stateManager.columnMove.colSource,
|
|
41963
|
-
row: table.stateManager.columnMove.rowSource
|
|
41964
|
-
},
|
|
41965
|
-
event: e
|
|
41966
|
-
});
|
|
42025
|
+
const endMoveColSuccess = table.stateManager.endMoveCol();
|
|
42026
|
+
fireMoveColEventListeners(table, endMoveColSuccess, e.nativeEvent);
|
|
41967
42027
|
} else if (stateManager.isSelecting()) {
|
|
41968
42028
|
table.stateManager.endSelectCells(), table.stateManager.isFillHandle() && table.stateManager.endFillSelect();
|
|
41969
42029
|
const eventArgsSet = getCellEventArgsSet(e);
|
|
@@ -42544,34 +42604,14 @@
|
|
|
42544
42604
|
callback: globalPointerdownCallback
|
|
42545
42605
|
}), document.body.addEventListener("pointerdown", globalPointerdownCallback);
|
|
42546
42606
|
const globalPointerupCallback = e => {
|
|
42547
|
-
e.target !== table.canvas && (e => {
|
|
42548
|
-
var _a, _b
|
|
42607
|
+
if (e.target !== table.canvas && (e => {
|
|
42608
|
+
var _a, _b;
|
|
42549
42609
|
if (stateManager.menu.isShow && setTimeout(() => {
|
|
42550
42610
|
table.internalProps.menuHandler.pointInMenuElement(e.clientX, e.clientY) || stateManager.menu.isShow && stateManager.hideMenu();
|
|
42551
42611
|
}, 0), stateManager.isResizeCol()) endResizeCol(table);else if (stateManager.isResizeRow()) endResizeRow(table);else if (stateManager.isMoveCol()) {
|
|
42552
42612
|
const endMoveColSuccess = table.stateManager.endMoveCol();
|
|
42553
|
-
|
|
42554
|
-
|
|
42555
|
-
col: table.stateManager.columnMove.colTarget,
|
|
42556
|
-
row: table.stateManager.columnMove.rowTarget
|
|
42557
|
-
},
|
|
42558
|
-
source: {
|
|
42559
|
-
col: table.stateManager.columnMove.colSource,
|
|
42560
|
-
row: table.stateManager.columnMove.rowSource
|
|
42561
|
-
},
|
|
42562
|
-
event: e
|
|
42563
|
-
}) : endMoveColSuccess || table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL) && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_FAIL, {
|
|
42564
|
-
target: {
|
|
42565
|
-
col: table.stateManager.columnMove.colTarget,
|
|
42566
|
-
row: table.stateManager.columnMove.rowTarget
|
|
42567
|
-
},
|
|
42568
|
-
source: {
|
|
42569
|
-
col: table.stateManager.columnMove.colSource,
|
|
42570
|
-
row: table.stateManager.columnMove.rowSource
|
|
42571
|
-
},
|
|
42572
|
-
event: e
|
|
42573
|
-
});
|
|
42574
|
-
} else if (stateManager.isSelecting() && (null === (_f = null === (_e = table.stateManager.select) || void 0 === _e ? void 0 : _e.ranges) || void 0 === _f ? void 0 : _f.length)) {
|
|
42613
|
+
fireMoveColEventListeners(table, endMoveColSuccess, e);
|
|
42614
|
+
} else if (stateManager.isSelecting() && (null === (_b = null === (_a = table.stateManager.select) || void 0 === _a ? void 0 : _a.ranges) || void 0 === _b ? void 0 : _b.length)) {
|
|
42575
42615
|
const lastCol = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end.col,
|
|
42576
42616
|
lastRow = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end.row;
|
|
42577
42617
|
if (table.stateManager.endSelectCells(), table.hasListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END)) {
|
|
@@ -42586,7 +42626,10 @@
|
|
|
42586
42626
|
cellsEvent.cells = table.getSelectedCellInfos(), table.fireListeners(TABLE_EVENT_TYPE.DRAG_SELECT_END, cellsEvent);
|
|
42587
42627
|
}
|
|
42588
42628
|
}
|
|
42589
|
-
})(e), table.eventManager.LastBodyPointerXY = null, table.eventManager.isDown = !1, table.eventManager.isDraging = !1, table.eventManager.inertiaScroll.endInertia(), "grabing" === stateManager.interactionState && stateManager.isResizeCol()
|
|
42629
|
+
})(e), table.eventManager.LastBodyPointerXY = null, table.eventManager.isDown = !1, table.eventManager.isDraging = !1, table.eventManager.inertiaScroll.endInertia(), "grabing" === stateManager.interactionState && stateManager.isResizeCol()) endResizeCol(table);else if ("grabing" === stateManager.interactionState && stateManager.isResizeRow()) endResizeRow(table);else if (stateManager.isMoveCol()) {
|
|
42630
|
+
const endMoveColSuccess = table.stateManager.endMoveCol();
|
|
42631
|
+
fireMoveColEventListeners(table, endMoveColSuccess, e);
|
|
42632
|
+
}
|
|
42590
42633
|
};
|
|
42591
42634
|
eventManager.globalEventListeners.push({
|
|
42592
42635
|
name: "pointerup",
|
|
@@ -44351,7 +44394,7 @@
|
|
|
44351
44394
|
const range = this.table.getCellRange(col, row);
|
|
44352
44395
|
for (let c = range.start.col; c <= range.end.col; c++) for (let r = range.start.row; r <= range.end.row; r++) this.table.scenegraph.updateCellContent(c, r);
|
|
44353
44396
|
} else this.table.scenegraph.updateCellContent(cellPos.col, cellPos.row);
|
|
44354
|
-
|
|
44397
|
+
this.table.scenegraph.updateNextFrame();
|
|
44355
44398
|
}
|
|
44356
44399
|
}
|
|
44357
44400
|
updateCustomCell(customCellStyle, customCellStyleArrangement) {
|
|
@@ -45431,7 +45474,7 @@
|
|
|
45431
45474
|
constructor(container) {
|
|
45432
45475
|
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
45433
45476
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
45434
|
-
if (super(), this.showFrozenIcon = !0, this.version = "1.11.1
|
|
45477
|
+
if (super(), this.showFrozenIcon = !0, this.version = "1.11.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
|
|
45435
45478
|
const {
|
|
45436
45479
|
frozenColCount = 0,
|
|
45437
45480
|
frozenRowCount: frozenRowCount,
|
|
@@ -48604,7 +48647,7 @@
|
|
|
48604
48647
|
|
|
48605
48648
|
class EditManeger {
|
|
48606
48649
|
constructor(table) {
|
|
48607
|
-
this.table = table, this.bindEvent();
|
|
48650
|
+
this.isValidatingValue = !1, this.table = table, this.bindEvent();
|
|
48608
48651
|
}
|
|
48609
48652
|
bindEvent() {
|
|
48610
48653
|
this.table.internalProps.handler;
|
|
@@ -48668,6 +48711,7 @@
|
|
|
48668
48711
|
completeEdit(e) {
|
|
48669
48712
|
var _a, _b;
|
|
48670
48713
|
if (!this.editingEditor) return !0;
|
|
48714
|
+
if (this.isValidatingValue) return !1;
|
|
48671
48715
|
const target = null == e ? void 0 : e.target,
|
|
48672
48716
|
{
|
|
48673
48717
|
editingEditor: editor
|
|
@@ -48676,12 +48720,13 @@
|
|
|
48676
48720
|
if (editor.targetIsOnEditor(target)) return !1;
|
|
48677
48721
|
} else if (!editor.isEditorElement || editor.isEditorElement(target)) return !1;
|
|
48678
48722
|
if (this.editingEditor.getValue, this.editingEditor.validateValue) {
|
|
48723
|
+
this.isValidatingValue = !0;
|
|
48679
48724
|
const maybePromiseOrValue = null === (_b = (_a = this.editingEditor).validateValue) || void 0 === _b ? void 0 : _b.call(_a);
|
|
48680
48725
|
return isPromise(maybePromiseOrValue) ? new Promise((resolve, reject) => {
|
|
48681
48726
|
maybePromiseOrValue.then(result => {
|
|
48682
|
-
result ? (this.doExit(), resolve(!0)) : resolve(!1);
|
|
48727
|
+
result ? (this.doExit(), resolve(!0)) : (this.isValidatingValue = !1, resolve(!1));
|
|
48683
48728
|
}).catch(err => {
|
|
48684
|
-
reject(err);
|
|
48729
|
+
this.isValidatingValue = !1, reject(err);
|
|
48685
48730
|
});
|
|
48686
48731
|
}) : !!maybePromiseOrValue && (this.doExit(), !0);
|
|
48687
48732
|
}
|
|
@@ -48697,7 +48742,7 @@
|
|
|
48697
48742
|
for (let col = range.start.col; col <= range.end.col; col++) rowChangedValues.push(changedValue);
|
|
48698
48743
|
changedValues.push(rowChangedValues);
|
|
48699
48744
|
}
|
|
48700
|
-
this.table.changeCellValues(range.start.col, range.start.row, changedValues), this.editingEditor.exit, null === (_d = (_c = this.editingEditor).exit) || void 0 === _d || _d.call(_c), null === (_f = (_e = this.editingEditor).onEnd) || void 0 === _f || _f.call(_e), this.editingEditor = null;
|
|
48745
|
+
this.table.changeCellValues(range.start.col, range.start.row, changedValues), this.editingEditor.exit, null === (_d = (_c = this.editingEditor).exit) || void 0 === _d || _d.call(_c), null === (_f = (_e = this.editingEditor).onEnd) || void 0 === _f || _f.call(_e), this.editingEditor = null, this.isValidatingValue = !1;
|
|
48701
48746
|
}
|
|
48702
48747
|
cancelEdit() {
|
|
48703
48748
|
var _a, _b, _c, _d;
|
|
@@ -51549,7 +51594,7 @@
|
|
|
51549
51594
|
disappearDelay: null !== (_a = table.internalProps.tooltip.overflowTextTooltipDisappearDelay) && void 0 !== _a ? _a : 0,
|
|
51550
51595
|
style: table.theme.tooltipStyle
|
|
51551
51596
|
};
|
|
51552
|
-
} else if (isFunction$1(null === (_b = table.internalProps.tooltip) || void 0 === _b ? void 0 : _b.isShowOverflowTextTooltip)
|
|
51597
|
+
} else if (isFunction$1(null === (_b = table.internalProps.tooltip) || void 0 === _b ? void 0 : _b.isShowOverflowTextTooltip) ? table.internalProps.tooltip.isShowOverflowTextTooltip(col, row, table) : table.internalProps.tooltip.isShowOverflowTextTooltip) {
|
|
51553
51598
|
const overflowText = table.getCellOverflowText(col, row),
|
|
51554
51599
|
rect = table.getCellRangeRelativeRect({
|
|
51555
51600
|
col: col,
|