k-vtable 1.0.0

package/cjs/state/spark-line/index.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.updateChartHover = exports.clearChartHover = void 0;
+
+const vrender_1 = require("./../../vrender"), TABLE_EVENT_TYPE_1 = require("../../core/TABLE_EVENT_TYPE");
+
+function clearChartHover(col, row, table) {
+    const sparkline = table.scenegraph.getCell(col, row).getChildByName("sparkline"), highlightLine = null == sparkline ? void 0 : sparkline.getChildByName("highlight-line"), highlightSymbol = null == sparkline ? void 0 : sparkline.getChildByName("highlight-symbol");
+    highlightLine && highlightLine.setAttributes({
+        visible: !1,
+        pickable: !1
+    }), highlightSymbol && highlightSymbol.setAttributes({
+        visible: !1,
+        pickable: !1
+    }), table.scenegraph.updateNextFrame();
+}
+
+function updateChartHover(col, row, x, y, table) {
+    var _a, _b;
+    const sparkline = table.scenegraph.getCell(col, row).getChildByName("sparkline"), line = null == sparkline ? void 0 : sparkline.getChildByName("sparkline-line"), symbol = null == sparkline ? void 0 : sparkline.getChildByName("sparkline-symbol-group");
+    if (!line) return !1;
+    const bandwidth = line.bandwidth, min = line.min, max = line.max, points = line.attribute.points;
+    let chartPoint;
+    x -= sparkline.globalAABBBounds.x1, sparkline.globalAABBBounds.y1;
+    for (let i = 0; i < points.length; i++) {
+        const {x: pointX, y: pointY, defined: defined, rawData: rawData} = points[i];
+        if (Math.abs(x - pointX) < bandwidth / 2 && (chartPoint = {
+            point: points[i],
+            points: points,
+            pointsBandWidth: bandwidth,
+            pointData: rawData
+        }, defined)) {
+            const highlightLine = sparkline.getChildByName("highlight-line");
+            if (highlightLine) highlightLine.setAttributes({
+                points: [ {
+                    x: pointX,
+                    y: max
+                }, {
+                    x: pointX,
+                    y: min
+                } ],
+                visible: !0,
+                pickable: !0
+            }); else {
+                const highlightLine = (0, vrender_1.createLine)({
+                    points: [ {
+                        x: pointX,
+                        y: max
+                    }, {
+                        x: pointX,
+                        y: min
+                    } ],
+                    lineWidth: null === (_a = line.hover) || void 0 === _a ? void 0 : _a.strokeWidth,
+                    stroke: null === (_b = line.hover) || void 0 === _b ? void 0 : _b.stroke
+                });
+                highlightLine.name = "highlight-line", sparkline.addChild(highlightLine);
+            }
+            const highlightSymbol = sparkline.getChildByName("highlight-symbol");
+            if (highlightSymbol) highlightSymbol.setAttributes({
+                x: pointX,
+                y: pointY,
+                visible: !0,
+                pickable: !0
+            }); else {
+                const highlightSymbol = (0, vrender_1.createSymbol)({
+                    x: pointX,
+                    y: pointY,
+                    stroke: symbol.hover.stroke,
+                    lineWidth: symbol.hover.strokeWidth,
+                    fill: symbol.hover.fill,
+                    size: 2 * symbol.hover.size,
+                    symbolType: "circle"
+                });
+                highlightSymbol.name = "highlight-symbol", sparkline.addChild(highlightSymbol);
+            }
+            break;
+        }
+    }
+    if (table.scenegraph.updateNextFrame(), chartPoint) {
+        const eventInfo = {
+            col: col,
+            row: row,
+            field: table.getHeaderField(col, row),
+            value: table.getCellValue(col, row),
+            dataValue: table.getCellOriginValue(col, row),
+            cellHeaderPaths: table.internalProps.layoutMap.getCellHeaderPaths(col, row),
+            title: table.getBodyColumnDefine(col, row).title,
+            cellRange: table.getCellRelativeRect(col, row),
+            sparkline: {
+                pointData: chartPoint.pointData
+            },
+            scaleRatio: table.canvas.getBoundingClientRect().width / table.canvas.offsetWidth
+        };
+        table.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.MOUSEOVER_CHART_SYMBOL, eventInfo);
+    }
+    return !0;
+}
+
+exports.clearChartHover = clearChartHover, exports.updateChartHover = updateChartHover;
+//# sourceMappingURL=index.js.map

package/cjs/state/spark-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/spark-line/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { createLine, createSymbol } from './../../vrender';\nimport { TABLE_EVENT_TYPE } from '../../core/TABLE_EVENT_TYPE';\nimport type { MousePointerSparklineEvent } from '../../ts-types';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\nexport function clearChartHover(col: number, row: number, table: BaseTableAPI) {\n  const cellGroup = table.scenegraph.getCell(col, row);\n  const sparkline = cellGroup.getChildByName('sparkline');\n  const highlightLine = sparkline?.getChildByName('highlight-line');\n  const highlightSymbol = sparkline?.getChildByName('highlight-symbol');\n  if (highlightLine) {\n    highlightLine.setAttributes({\n      visible: false,\n      pickable: false\n    });\n  }\n  if (highlightSymbol) {\n    highlightSymbol.setAttributes({\n      visible: false,\n      pickable: false\n    });\n  }\n\n  table.scenegraph.updateNextFrame();\n}\n\nexport function updateChartHover(col: number, row: number, x: number, y: number, table: BaseTableAPI): boolean {\n  const cellGroup = table.scenegraph.getCell(col, row);\n  const sparkline = cellGroup.getChildByName('sparkline');\n  const line = sparkline?.getChildByName('sparkline-line');\n  const symbol = sparkline?.getChildByName('sparkline-symbol-group');\n  if (!line) {\n    return false;\n  }\n  const bandwidth = (line as any).bandwidth;\n  const min = (line as any).min;\n  const max = (line as any).max;\n  const points = line.attribute.points;\n  x = x - sparkline.globalAABBBounds.x1;\n  y = y - sparkline.globalAABBBounds.y1;\n\n  let chartPoint;\n  for (let i = 0; i < points.length; i++) {\n    const { x: pointX, y: pointY, defined, rawData } = points[i];\n\n    if (Math.abs(x - pointX) < bandwidth / 2) {\n      chartPoint = {\n        point: points[i],\n        points,\n        pointsBandWidth: bandwidth,\n        pointData: rawData\n      };\n      if (defined) {\n        // 添加highlight line\n        const highlightLine = sparkline.getChildByName('highlight-line');\n        if (highlightLine) {\n          highlightLine.setAttributes({\n            // x: pointX,\n            points: [\n              { x: pointX, y: max },\n              { x: pointX, y: min }\n            ],\n            visible: true,\n            pickable: true\n          });\n        } else {\n          const highlightLine = createLine({\n            // x: 0,\n            // y: 0,\n            points: [\n              { x: pointX, y: max },\n              { x: pointX, y: min }\n            ],\n            lineWidth: line.hover?.strokeWidth,\n            stroke: line.hover?.stroke\n          });\n          highlightLine.name = 'highlight-line';\n          sparkline.addChild(highlightLine);\n        }\n\n        // 添加highlight symbol\n        const highlightSymbol = sparkline.getChildByName('highlight-symbol');\n        if (highlightSymbol) {\n          highlightSymbol.setAttributes({\n            x: pointX,\n            y: pointY,\n            visible: true,\n            pickable: true\n          });\n        } else {\n          const highlightSymbol = createSymbol({\n            x: pointX,\n            y: pointY,\n            stroke: symbol.hover.stroke,\n            lineWidth: symbol.hover.strokeWidth,\n            fill: symbol.hover.fill,\n            size: symbol.hover.size * 2, // 之前配置的是圆半径\n            symbolType: 'circle'\n          });\n          highlightSymbol.name = 'highlight-symbol';\n          sparkline.addChild(highlightSymbol);\n        }\n        break;\n      }\n    }\n  }\n  table.scenegraph.updateNextFrame();\n\n  if (chartPoint) {\n    const eventInfo: Omit<MousePointerSparklineEvent, 'target'> = {\n      col,\n      row,\n      field: table.getHeaderField(col, row),\n      value: table.getCellValue(col, row),\n      dataValue: table.getCellOriginValue(col, row),\n      cellHeaderPaths: table.internalProps.layoutMap.getCellHeaderPaths(col, row),\n      title: table.getBodyColumnDefine(col, row).title,\n      cellRange: table.getCellRelativeRect(col, row),\n      sparkline: {\n        pointData: chartPoint.pointData\n      },\n      scaleRatio: table.canvas.getBoundingClientRect().width / table.canvas.offsetWidth\n    };\n    table.fireListeners(TABLE_EVENT_TYPE.MOUSEOVER_CHART_SYMBOL, eventInfo as MousePointerSparklineEvent);\n  }\n  return true;\n}\n"]}

package/cjs/state/state.d.ts

@@ -0,0 +1,206 @@
+import type { Group } from '../scenegraph/graphic/group';
+import type { Icon } from '../scenegraph/graphic/icon';
+import type { CellAddress, CellPosition, CellRange, DropDownMenuHighlightInfo, MenuListItem, SortOrder, SortState } from '../ts-types';
+import { HighlightScope, InteractionState } from '../ts-types';
+import { Bounds } from '@visactor/vutils';
+import type { FederatedWheelEvent } from './../vrender';
+import type { BaseTableAPI } from '../ts-types/base-table';
+export type CustomSelectionStyle = {
+    cellBorderColor?: string;
+    cellBorderLineWidth?: number;
+    cellBorderLineDash?: number[];
+    cellBgColor?: string;
+};
+export declare class StateManager {
+    table: BaseTableAPI;
+    interactionState: InteractionState;
+    interactionStateBeforeScroll?: InteractionState;
+    select: {
+        ranges: (CellRange & {
+            skipBodyMerge?: boolean;
+        })[];
+        highlightScope: HighlightScope;
+        cellPos: CellPosition;
+        singleStyle?: boolean;
+        disableHeader?: boolean;
+        disableCtrlMultiSelect?: boolean;
+        headerSelectMode?: 'inline' | 'cell' | 'body';
+        highlightInRange?: boolean;
+        selecting: boolean;
+        customSelectRanges?: {
+            range: CellRange;
+            style: CustomSelectionStyle;
+        }[];
+    };
+    fillHandle: {
+        direction?: 'top' | 'bottom' | 'left' | 'right';
+        directionRow?: boolean;
+        isFilling: boolean;
+        startX: number;
+        startY: number;
+        beforeFillMinCol?: number;
+        beforeFillMinRow?: number;
+        beforeFillMaxCol?: number;
+        beforeFillMaxRow?: number;
+    };
+    hover: {
+        highlightScope: HighlightScope;
+        singleStyle?: boolean;
+        disableHeader?: boolean;
+        cellPos: CellPosition;
+        cellPosContainHeader?: CellPosition;
+    };
+    hoverIcon: {
+        col: number;
+        row: number;
+        icon: Icon | null;
+    };
+    residentHoverIcon?: {
+        col: number;
+        row: number;
+        icon: Icon | null;
+    };
+    columnResize: {
+        col: number;
+        x: number;
+        resizing: boolean;
+        isRightFrozen?: boolean;
+    };
+    rowResize: {
+        row: number;
+        y: number;
+        resizing: boolean;
+        isBottomFrozen?: boolean;
+    };
+    columnMove: {
+        colSource: number;
+        colTarget: number;
+        rowSource: number;
+        rowTarget: number;
+        x: number;
+        y: number;
+        moving: boolean;
+    };
+    menu: {
+        x: number;
+        y: number;
+        isShow: boolean;
+        itemList: MenuListItem[];
+        bounds: Bounds;
+        highlightIndex: number;
+        dropDownMenuHighlight?: DropDownMenuHighlightInfo[];
+    };
+    sort: Array<{
+        col: number;
+        row: number;
+        field?: string;
+        order: SortOrder;
+        icon?: Icon;
+    }>;
+    frozen: {
+        col: number;
+        row: number;
+        icon?: Icon;
+    };
+    scroll: {
+        horizontalBarPos: number;
+        verticalBarPos: number;
+    };
+    tablePosition: {
+        absoluteX: number;
+        absoluteY: number;
+    };
+    drill: {
+        dimensionKey?: string;
+        title?: string;
+        drillDown?: boolean;
+        drillUp?: boolean;
+        col: number;
+        row: number;
+    };
+    sparkLine: {
+        col: number;
+        row: number;
+    };
+    _clearVerticalScrollBar: any;
+    _clearHorizontalScrollBar: any;
+    fastScrolling: boolean;
+    checkedState: Map<string | number, Record<string | number, boolean | 'indeterminate'>>;
+    headerCheckedState: Record<string | number, boolean | 'indeterminate'>;
+    _checkboxCellTypeFields: (string | number)[];
+    _headerCheckFuncs: Record<string | number, Function>;
+    radioState: Record<string | number, boolean | number | Record<number, number>>;
+    resetInteractionState: (this: any, ...args: any) => any;
+    constructor(table: BaseTableAPI);
+    initState(): void;
+    updateOptionSetState(): void;
+    _updateOptionSetState(): void;
+    _initState(): void;
+    setHoverState(): void;
+    setSelectState(): void;
+    isSelected(col: number, row: number): boolean;
+    setSortState(sortState: SortState | SortState[]): void;
+    setFrozenState(): void;
+    updateInteractionState(mode: InteractionState): void;
+    updateHoverhighlightScope(mode: HighlightScope): void;
+    updateHoverPos(col: number, row: number): void;
+    updateSelectPos(col: number, row: number, isShift?: boolean, isCtrl?: boolean, isSelectAll?: boolean, makeSelectCellVisible?: boolean, skipBodyMerge?: boolean): void;
+    checkCellRangeInSelect(cellPosStart: CellAddress, cellPosEnd: CellAddress): boolean;
+    updateHoverIcon(col: number, row: number, target: any, cellGroup: Group): void;
+    isResizeCol(): boolean;
+    isResizeRow(): boolean;
+    isFillHandle(): boolean;
+    isSelecting(): boolean;
+    endSelectCells(fireListener?: boolean, fireClear?: boolean): void;
+    endResizeCol(): void;
+    startResizeCol(col: number, x: number, y: number, isRightFrozen?: boolean): void;
+    updateResizeCol(xInTable: number, yInTable: number): void;
+    endResizeRow(): void;
+    startResizeRow(row: number, x: number, y: number, isBottomFrozen?: boolean): void;
+    updateResizeRow(xInTable: number, yInTable: number): void;
+    startFillSelect(x: number, y: number): void;
+    endFillSelect(): void;
+    startMoveCol(col: number, row: number, x: number, y: number, event: MouseEvent | PointerEvent | TouchEvent): void;
+    updateMoveCol(col: number, row: number, x: number, y: number, event: MouseEvent | PointerEvent | TouchEvent): void;
+    isMoveCol(): boolean;
+    endMoveCol(): boolean;
+    checkFrozen(): void;
+    setFrozenCol(col: number): void;
+    setFrozenRow(row: number): void;
+    checkVerticalScrollBarEnd(): void;
+    checkHorizontalScrollBarEnd(): void;
+    updateVerticalScrollBar(yRatio: number): void;
+    updateHorizontalScrollBar(xRatio: number): void;
+    setScrollTop(top: number, event?: FederatedWheelEvent, triggerEvent?: boolean): void;
+    setScrollLeft(left: number, event?: FederatedWheelEvent, triggerEvent?: boolean): void;
+    hideVerticalScrollBar(): void;
+    showVerticalScrollBar(autoHide?: boolean): void;
+    hideHorizontalScrollBar(): void;
+    showHorizontalScrollBar(autoHide?: boolean): void;
+    triggerContextMenu(col: number, row: number, x: number, y: number): void;
+    showContextMenu(col: number, row: number, x: number, y: number): void;
+    triggerDropDownMenu(col: number, row: number, x: number, y: number, event: Event): void;
+    showDropDownMenu(col: number, row: number, x: number, y: number): void;
+    hideMenu(): void;
+    setDropDownMenuHighlight(dropDownMenuInfo: DropDownMenuHighlightInfo[]): void;
+    dropDownMenuIsHighlight(colNow: number, rowNow: number, index: number): boolean;
+    triggerSort(col: number, row: number, iconMark: Icon, event: Event): void;
+    updateSortState(sortState: SortState[]): void;
+    triggerFreeze(col: number, row: number, iconMark: Icon): void;
+    updateCursor(mode?: string): void;
+    updateDrillState(dimensionKey: string, title: string, drillDown: boolean, drillUp: boolean, col: number, row: number): void;
+    updateSparklineHoverPose(col: number, row: number, x: number, y: number): void;
+    setCheckedState(col: number, row: number, field: string | number, checked: boolean | 'indeterminate'): void;
+    setHeaderCheckedState(field: string | number, checked: boolean | 'indeterminate'): void;
+    syncCheckedState(col: number, row: number, field: string | number, checked: boolean): boolean | 'indeterminate';
+    initCheckedState(records: any[]): void;
+    updateHeaderCheckedState(field: string | number, col: number, row: number): boolean | 'indeterminate';
+    initLeftRecordsCheckState(records: any[]): void;
+    setRadioState(col: number, row: number, field: string | number, radioType: 'column' | 'cell', indexInCell: number | undefined): void;
+    syncRadioState(col: number, row: number, field: string | number, radioType: 'column' | 'cell', indexInCell: number | undefined, isChecked: boolean): boolean;
+    changeCheckboxAndRadioOrder(sourceIndex: number, targetIndex: number): void;
+    setCustomSelectRanges(customSelectRanges: {
+        range: CellRange;
+        style: CustomSelectionStyle;
+    }[]): void;
+}