e-virt-table 0.0.3

package/dist/lib/Body.js

@@ -0,0 +1,382 @@
+import Row from './Row';
+export default class Body {
+    constructor(ctx) {
+        Object.defineProperty(this, "resizeTarget", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        }); //调整行大小的目标
+        Object.defineProperty(this, "isMouseDown", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        }); // 是否按下
+        Object.defineProperty(this, "resizeDiff", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        }); // 是否移动中
+        Object.defineProperty(this, "offsetY", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        }); // 鼠标按下时的y轴位置
+        Object.defineProperty(this, "ctx", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "x", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "y", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "width", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "height", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "headIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "tailIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "isResizing", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        }); //是否正在调整大小
+        Object.defineProperty(this, "renderRows", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "visibleRows", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "visibleHeight", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "visibleWidth", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "data", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        this.ctx = ctx;
+        this.init();
+        this.initResizeRow();
+    }
+    init() {
+        const { target, header, database, config: { FOOTER_FIXED, SCROLLER_TRACK_SIZE = 0, BORDER_COLOR, BORDER_RADIUS, HEIGHT, EMPTY_BODY_HEIGHT = 0, MAX_HEIGHT = 0, ENABLE_OFFSET_HEIGHT = 0, OFFSET_HEIGHT = 0, }, } = this.ctx;
+        if (!header.width) {
+            return;
+        }
+        this.x = 0;
+        this.y = header.height; //更新body的y轴位置
+        const { data, sumHeight } = database.getData();
+        // 更新高度
+        this.height = sumHeight;
+        // 更新数据
+        this.data = data;
+        const { top } = target.getBoundingClientRect();
+        // 更新宽度
+        this.width = header.width;
+        this.visibleWidth = target.width - SCROLLER_TRACK_SIZE;
+        // 底部高度
+        const footerHeight = this.ctx.footer.height;
+        if (!this.data.length) {
+            this.height = EMPTY_BODY_HEIGHT;
+        }
+        const isEmpty = !this.data.length ? 'empty' : 'not-empty';
+        this.ctx.emit('emptyChange', {
+            isEmpty,
+            type: isEmpty,
+            headerHeight: header.height,
+            bodyHeight: this.height,
+            footerHeight,
+            width: this.width,
+            height: !this.data.length ? EMPTY_BODY_HEIGHT + footerHeight : 0,
+        });
+        let containerHeight = this.height + header.height + SCROLLER_TRACK_SIZE;
+        // 如果有底部,加上底部高度
+        containerHeight += footerHeight;
+        let stageHeight = 0;
+        if (this.data.length && ENABLE_OFFSET_HEIGHT) {
+            const windowInnerHeight = window.innerHeight;
+            const visibleHeight = windowInnerHeight - top;
+            stageHeight = visibleHeight - OFFSET_HEIGHT;
+            if (stageHeight < 0) {
+                stageHeight = 32;
+                console.error('There is an error in the height calculation ENABLE_OFFSET_HEIGHT and OFFSET_HEIGHT are invalid');
+            }
+        }
+        else if (this.data.length && HEIGHT) {
+            stageHeight = HEIGHT;
+        }
+        else if (this.data.length && MAX_HEIGHT && containerHeight > MAX_HEIGHT) {
+            stageHeight = MAX_HEIGHT;
+        }
+        else {
+            stageHeight = containerHeight;
+        }
+        // 更新窗口高度
+        if (stageHeight > 0) {
+            this.ctx.target.height = stageHeight;
+        }
+        // 可视区高度
+        let _visibleHeight = target.height - header.height - SCROLLER_TRACK_SIZE;
+        // 底部高度,如果是固定底部,可视区减上底部高度
+        if (FOOTER_FIXED) {
+            this.visibleHeight = _visibleHeight - footerHeight;
+        }
+        else {
+            this.visibleHeight = _visibleHeight;
+        }
+        this.ctx.body.x = this.x;
+        this.ctx.body.y = this.y;
+        this.ctx.body.width = this.width;
+        this.ctx.body.height = this.height;
+        this.ctx.body.visibleWidth = this.visibleWidth;
+        this.ctx.body.visibleHeight = this.visibleHeight;
+        this.ctx.body.data = data;
+        // 外层容器样式
+        this.ctx.target.setAttribute('style', `outline: none; position: relative; border-radius: ${BORDER_RADIUS}px; border: 1px solid ${BORDER_COLOR}; height:${this.ctx.target.height}px;width:${this.ctx.target.width - 1}px;`);
+    }
+    // 调整行的高度
+    initResizeRow() {
+        const { config: { ENABLE_RESIZE_ROW }, } = this.ctx;
+        if (!ENABLE_RESIZE_ROW) {
+            return;
+        }
+        // 鼠标移动
+        this.ctx.on('mouseup', () => {
+            this.isMouseDown = false;
+            if (this.resizeDiff !== 0 && this.resizeTarget) {
+                // 调整宽度
+                this.resizeRow(this.resizeTarget, this.resizeDiff);
+            }
+            this.resizeTarget = null;
+            this.resizeDiff = 0;
+            this.isResizing = false;
+            this.ctx.rowResizing = false;
+            this.offsetY = 0;
+        });
+        this.ctx.on('mousedown', (e) => {
+            if (!this.ctx.isTarget(e.target)) {
+                return;
+            }
+            this.offsetY = e.offsetY;
+            if (this.resizeTarget) {
+                this.isResizing = true;
+                // 传递给上下文，防止其他事件触发，行调整大小时，不触发选择器
+                this.ctx.rowResizing = true;
+            }
+            else {
+                this.isResizing = false;
+            }
+            this.isMouseDown = true;
+        });
+        this.ctx.on('mousemove', (e) => {
+            // 编辑中不触发mousemove
+            if (this.ctx.editing)
+                return;
+            const y = e.offsetY;
+            const x = e.offsetX;
+            const { target, scrollY, config: { RESIZE_ROW_MIN_HEIGHT = 0 }, } = this.ctx;
+            if (this.isResizing && this.resizeTarget) {
+                const resizeTargetHeight = this.resizeTarget.height;
+                let diff = y - this.offsetY;
+                if (diff + resizeTargetHeight < RESIZE_ROW_MIN_HEIGHT) {
+                    diff = -(resizeTargetHeight - RESIZE_ROW_MIN_HEIGHT);
+                }
+                this.resizeDiff = diff;
+                this.ctx.emit('draw');
+            }
+            else {
+                this.resizeTarget = null;
+                // 按下时不改变样式，有可能是多选表头
+                if (this.isMouseDown) {
+                    return;
+                }
+                // 如果是拖动选择
+                if (this.ctx.target.style.cursor === 'crosshair') {
+                    return;
+                }
+                if (this.ctx.target.style.cursor === 'row-resize') {
+                    // 恢复默认样式
+                    this.ctx.target.style.cursor = 'default';
+                }
+                for (let i = 0; i < this.renderRows.length; i++) {
+                    const row = this.renderRows[i];
+                    const isYRange = y > row.y - scrollY + row.height - 1.5 &&
+                        y < row.y - scrollY + row.height + 1.5 &&
+                        y < target.height - 4;
+                    if (isYRange) {
+                        for (let j = 0; j < row.cells.length; j++) {
+                            const cell = row.cells[j];
+                            if (x > cell.drawX + 10 &&
+                                x < cell.drawX + cell.width - 10 &&
+                                cell.rowspan === 1 //没有被合并的单元格
+                            ) {
+                                this.ctx.target.style.cursor = 'row-resize';
+                                this.resizeTarget = row;
+                            }
+                        }
+                    }
+                }
+            }
+        });
+    }
+    resizeRow(row, diff) {
+        const { rowIndex, height, rowKey, data } = row;
+        this.ctx.database.setRowHeight(rowIndex, height + diff);
+        this.init();
+        this.ctx.emit('draw');
+        this.ctx.emit('resizeRowChange', {
+            rowIndex,
+            oldHeight: height,
+            height: height + diff,
+            rowKey,
+            row: data,
+            data: this.data,
+        });
+    }
+    drawTipLine() {
+        if (this.isResizing && this.resizeTarget) {
+            const { target, scrollY, config: { RESIZE_ROW_LINE_COLOR }, } = this.ctx;
+            const resizeTargetDrawY = this.resizeTarget.y - scrollY;
+            const resizeTargetHeight = this.resizeTarget.height;
+            const y = resizeTargetDrawY + resizeTargetHeight + this.resizeDiff - 0.5;
+            const poins = [0, y + 0.5, target.width, y + 0.5];
+            this.ctx.paint.drawLine(poins, {
+                borderColor: RESIZE_ROW_LINE_COLOR,
+                borderWidth: 1,
+            });
+        }
+    }
+    drawFiexShadow() {
+        const { fixedLeftWidth, fixedRightWidth, scrollX, header, target, config: { HEADER_BG_COLOR, SCROLLER_TRACK_SIZE }, } = this.ctx;
+        if (scrollX > 0 && fixedLeftWidth !== 0) {
+            this.ctx.paint.drawShadow(this.x, this.y, fixedLeftWidth, this.height, {
+                fillColor: HEADER_BG_COLOR,
+                side: 'right',
+                shadowWidth: 4,
+                colorStart: 'rgba(0,0,0,0.1)',
+                colorEnd: 'rgba(0,0,0,0)',
+            });
+        }
+        // 右边阴影
+        if (scrollX < Math.floor(header.width - header.visibleWidth - 1) && fixedRightWidth !== SCROLLER_TRACK_SIZE) {
+            const x = header.width - (this.x + this.width) + target.width - fixedRightWidth;
+            this.ctx.paint.drawShadow(x + 1, this.y, fixedRightWidth, this.height, {
+                fillColor: HEADER_BG_COLOR,
+                side: 'left',
+                shadowWidth: 4,
+                colorStart: 'rgba(0,0,0,0)',
+                colorEnd: 'rgba(0,0,0,0.1)',
+            });
+        }
+    }
+    binarySearch(list, value) {
+        let start = 0;
+        let end = list.length - 1;
+        let tempIndex = -1;
+        while (start <= end) {
+            let midIndex = Math.floor((start + end) / 2);
+            let midValue = list[midIndex].bottom;
+            if (midValue === value) {
+                return midIndex;
+            }
+            else if (midValue < value) {
+                start = midIndex + 1;
+            }
+            else {
+                tempIndex = midIndex; // 记录当前的 midIndex
+                end = midIndex - 1;
+            }
+        }
+        return tempIndex;
+    }
+    update() {
+        this.init();
+        const { header, database, scrollY } = this.ctx;
+        const offset = scrollY;
+        const { data, positions } = database.getData();
+        // 更新最大行数
+        this.ctx.maxRowIndex = data.length - 1;
+        const _headIndex = this.binarySearch(positions, offset);
+        let _tailIndex = this.binarySearch(positions, offset + this.visibleHeight);
+        // 找不到就为data.length
+        if (_tailIndex === -1) {
+            _tailIndex = data.length;
+        }
+        this.headIndex = Math.max(0, _headIndex);
+        this.tailIndex = Math.min(this.ctx.maxRowIndex, _tailIndex + 1);
+        this.visibleRows = data.slice(this.headIndex, this.tailIndex + 1);
+        this.ctx.body.headIndex = this.headIndex;
+        this.ctx.body.tailIndex = this.tailIndex;
+        this.ctx.body.visibleRows = this.visibleRows;
+        const rows = [];
+        for (let i = 0; i < this.visibleRows.length; i++) {
+            const index = this.headIndex + i;
+            const data = this.visibleRows[i];
+            const { height, top } = this.ctx.database.getPositionForRowIndex(index);
+            const row = new Row(this.ctx, index, 0, top + this.y, header.width, height, data);
+            rows.push(row);
+        }
+        this.renderRows = rows;
+        this.ctx.body.renderRows = rows;
+    }
+    draw() {
+        this.renderRows.forEach((row) => {
+            row.drawCenter();
+        });
+        this.drawFiexShadow();
+        this.renderRows.forEach((row) => {
+            row.drawFixed();
+        });
+        this.drawTipLine();
+    }
+}
+//# sourceMappingURL=Body.js.map

package/dist/lib/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../src/Body.ts"],"names":[],"mappings":"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"}

package/dist/lib/Cell.d.ts

@@ -0,0 +1,101 @@
+import type { Rule } from 'async-validator';
+import type { Column, Fixed, Type, Align, VerticalAlign, CellType, Render, FormatterMethod, OverflowTooltipPlacement } from './types';
+import Context from './Context';
+import BaseCell from './BaseCell';
+export default class Cell extends BaseCell {
+    formatter?: FormatterMethod;
+    hoverIconName: string;
+    align: Align;
+    verticalAlign: VerticalAlign;
+    fixed?: Fixed;
+    type: Type;
+    editorType: string;
+    cellType: CellType;
+    level: number;
+    colspan: number;
+    rowspan: number;
+    key: string;
+    column: Column;
+    rowIndex: number;
+    colIndex: number;
+    rowKey: string;
+    row: any;
+    private value;
+    render: Render;
+    renderFooter: Render;
+    style: any;
+    rules: Rule;
+    message: string;
+    text: string;
+    displayText: string;
+    visibleWidth: number;
+    visibleHeight: number;
+    drawX: number;
+    drawY: number;
+    drawCellBgColor: string;
+    drawCellSkyBgColor: string;
+    drawTextColor: string;
+    drawTextX: number;
+    drawTextY: number;
+    drawImageX: number;
+    drawImageY: number;
+    drawImageWidth: number;
+    drawImageHeight: number;
+    drawImageName: string;
+    drawImageSource?: HTMLImageElement;
+    ellipsis: boolean;
+    overflowTooltipShow: boolean;
+    overflowTooltipMaxWidth: number;
+    overflowTooltipPlacement: OverflowTooltipPlacement;
+    constructor(ctx: Context, rowIndex: number, colIndex: number, x: number, y: number, width: number, height: number, column: Column, row: any, cellType?: CellType);
+    getValidationMessage(): string;
+    update(): void;
+    updateSpan(): void;
+    updateType(): void;
+    updateEditorType(): void;
+    updateRender(): void;
+    validate(): void;
+    /**
+     * 更新样式
+     */
+    updateStyle(): void;
+    private updateTree;
+    private updateContainer;
+    private updateSelection;
+    private updateHoverIcon;
+    /**
+     * 获取显示文本
+     * @returns
+     */
+    getDisplayText(): string;
+    /**
+     * 获取文本
+     * @returns
+     */
+    getText(): any;
+    getValue(): any;
+    /**
+     * 获取样式
+     */
+    getOverlayerViewsStyle(): {
+        position: string;
+        overflow: string;
+        left: string;
+        top: string;
+        width: string;
+        height: string;
+        pointerEvents: string;
+    };
+    draw(): void;
+    /**
+     * 根据列的索引获取列的宽度
+     * @param {Number} colIndex
+     */
+    private getWidthByColIndexColSpan;
+    private drawText;
+    private drawImage;
+    private drawAutofillPiont;
+    private drawSelector;
+    private drawErrorTip;
+    private drawBorder;
+}