e-virt-table 0.0.3

package/dist/lib/Tooltip.js

@@ -0,0 +1,204 @@
+import { computePosition, offset, arrow, flip, shift } from '@floating-ui/dom';
+export default class Tooltip {
+    constructor(ctx) {
+        Object.defineProperty(this, "ctx", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "enable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "contentEl", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "floatingEl", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "arrowEl", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.ctx = ctx;
+        const { TOOLTIP_BG_COLOR, TOOLTIP_TEXT_COLOR, TOOLTIP_ZINDEX, TOOLTIP_CUSTOM_STYLE, CSS_PREFIX } = this.ctx.config;
+        this.contentEl = document.createElement('div');
+        this.arrowEl = document.createElement('div');
+        this.floatingEl = document.createElement('div');
+        this.floatingEl.className = `${CSS_PREFIX}-tooltip`;
+        this.contentEl.className = `${CSS_PREFIX}-tooltip-content`;
+        this.arrowEl.className = `${CSS_PREFIX}-tooltip-arrow`;
+        const floatingStyle = {
+            display: 'none',
+            position: 'absolute',
+            background: TOOLTIP_BG_COLOR,
+            color: TOOLTIP_TEXT_COLOR,
+            boxSizing: 'border-box',
+            zIndex: TOOLTIP_ZINDEX,
+            padding: '8px',
+            borderRadius: `4px`,
+            fontSize: `12px`,
+            ...TOOLTIP_CUSTOM_STYLE,
+        };
+        const arrowStyle = {
+            position: 'absolute',
+            width: '10px',
+            height: '10px',
+            background: floatingStyle.background,
+            backgroundColor: floatingStyle.backgroundColor,
+            transform: 'rotate(45deg)',
+            zIndex: floatingStyle.zIndex,
+        };
+        Object.assign(this.arrowEl.style, arrowStyle);
+        Object.assign(this.floatingEl.style, floatingStyle);
+        this.floatingEl.appendChild(this.contentEl);
+        this.floatingEl.appendChild(this.arrowEl);
+        this.ctx.targetContainer.appendChild(this.floatingEl);
+        this.init();
+    }
+    init() {
+        this.ctx.on('mousemove', (e) => {
+            // 鼠标移动时，判断是否在target上，不在则隐藏
+            // if (!this.ctx.isTarget(e.target)) {
+            //   return;
+            // }
+            const targetRect = this.ctx.target.getBoundingClientRect();
+            if (!targetRect) {
+                return;
+            }
+            if (e.clientX < targetRect.x ||
+                e.clientX > targetRect.x + targetRect.width ||
+                e.clientY < targetRect.y ||
+                e.clientY > targetRect.y + targetRect.height) {
+                this.hide();
+            }
+        });
+        // 开始编辑时隐藏
+        this.ctx.on('startEdit', () => {
+            this.hide();
+        });
+        this.ctx.on('visibleCellHoverChange', (cell) => {
+            // 有移除或者有错误message时显示
+            if (cell.ellipsis || cell.message) {
+                this.show(cell);
+            }
+        });
+        this.ctx.on('visibleCellMouseleave', () => {
+            this.hide();
+        });
+    }
+    show(cell) {
+        // 如果没有设置overflowTooltipShow=true，则不显示
+        if (!cell.overflowTooltipShow) {
+            return;
+        }
+        // 如果是鼠标按下状态，则不显示
+        if (this.ctx.mousedown) {
+            return;
+        }
+        this.floatingEl.style.display = 'block';
+        let text = cell.getText();
+        // 如果有message，则显示message
+        if (cell.message) {
+            text = cell.message;
+        }
+        const targetRect = this.ctx.target.getBoundingClientRect();
+        if (!targetRect) {
+            return;
+        }
+        this.enable = true;
+        // 设置最大宽度
+        this.contentEl.style.maxWidth = `${cell.overflowTooltipMaxWidth || 500}px`;
+        this.contentEl.style.width = '100%';
+        this.contentEl.style.display = 'inline-block';
+        this.contentEl.style.wordBreak = 'break-all';
+        this.contentEl.style.lineHeight = '1.5';
+        this.contentEl.innerText = text;
+        const cellX = cell.drawX + targetRect.x;
+        const cellY = cell.drawY + targetRect.y;
+        // 这个是相对于视口的位置
+        const virtualEl = {
+            getBoundingClientRect() {
+                return {
+                    width: cell.visibleWidth,
+                    height: cell.visibleHeight,
+                    x: cellX,
+                    y: cellY,
+                    left: cellX,
+                    right: cellX + cell.visibleWidth,
+                    top: cellY,
+                    bottom: cellY + cell.visibleHeight,
+                };
+            },
+        };
+        computePosition(virtualEl, this.floatingEl, {
+            placement: cell.overflowTooltipPlacement,
+            middleware: [shift(), flip(), offset(6), arrow({ element: this.arrowEl })],
+        }).then((val) => {
+            const { x, y, placement, middlewareData } = val;
+            Object.assign(this.floatingEl.style, {
+                top: `${y}px`,
+                left: `${x}px`,
+            });
+            if (middlewareData.arrow) {
+                const arrow = middlewareData.arrow;
+                if (['left', 'left-start', 'left-end'].includes(placement)) {
+                    Object.assign(this.arrowEl.style, {
+                        top: `${arrow.y}px`,
+                        bottom: '',
+                        left: '',
+                        right: `-5px`,
+                    });
+                }
+                else if (['right', 'right-start', 'right-end'].includes(placement)) {
+                    Object.assign(this.arrowEl.style, {
+                        top: `${arrow.y}px`,
+                        bottom: '',
+                        left: `-5px`,
+                        right: '',
+                    });
+                }
+                else if (['bottom', 'bottom-start', 'bottom-end'].includes(placement)) {
+                    Object.assign(this.arrowEl.style, {
+                        top: `-5px`,
+                        bottom: '',
+                        left: `${arrow.x}px`,
+                        right: '',
+                    });
+                }
+                else if (['top', 'top-start', 'top-end'].includes(placement)) {
+                    Object.assign(this.arrowEl.style, {
+                        top: '',
+                        bottom: `-5px`,
+                        left: `${arrow.x}px`,
+                        right: '',
+                    });
+                }
+            }
+        });
+    }
+    hide() {
+        if (!this.enable) {
+            return;
+        }
+        this.enable = false;
+        this.floatingEl.style.display = 'none';
+    }
+    destroy() {
+        this.contentEl.remove();
+        this.arrowEl.remove();
+        this.floatingEl.remove();
+    }
+}
+//# sourceMappingURL=Tooltip.js.map

package/dist/lib/Tooltip.js.map

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

package/dist/lib/index.d.ts

@@ -0,0 +1,3 @@
+import EVirtTable from "./EVirtTable";
+export * from "./types";
+export default EVirtTable;

package/dist/lib/index.js

@@ -0,0 +1,4 @@
+import EVirtTable from "./EVirtTable";
+export * from "./types";
+export default EVirtTable;
+//# sourceMappingURL=index.js.map

package/dist/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,eAAe,UAAU,CAAC"}

package/dist/lib/types.d.ts

@@ -0,0 +1,160 @@
+import type Cell from './Cell';
+import type CellHeader from './CellHeader';
+import type { RuleItem } from 'async-validator';
+import Config from './Config';
+export type EVirtTableOptions = {
+    data: any[];
+    footerData: any[];
+    columns: Column[];
+    config?: ConfigType;
+};
+export type EventCallback = (...args: any[]) => void;
+export type ChangeItem = {
+    value: any;
+    key: string;
+    rowKey: string;
+    row: any;
+};
+export type OverflowTooltipPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end' | 'bottom' | 'bottom-start' | 'bottom-end';
+export type VerticalAlign = 'top' | 'middle' | 'bottom';
+export type Align = 'left' | 'center' | 'right';
+export type Fixed = 'left' | 'right';
+export type Type = 'index' | 'selection' | 'index-selection' | 'tree';
+export type TypeCheckbox = 'checkbox-uncheck' | 'checkbox-check' | 'checkbox-check-disabled' | 'checkbox-disabled' | 'checkbox-hover' | 'checkbox-indeterminate';
+export type CellType = 'header' | 'body' | 'footer';
+export type RowType = CellType;
+export type MenuItem = {
+    label: string;
+    value: string | 'copy' | 'paste' | 'cut' | 'clearSelected';
+    children?: MenuItem[];
+    event?: Function;
+};
+export type OverlayerView = {
+    key: 'left' | 'center' | 'right';
+    style: any;
+    cells: Cell[] | CellHeader[];
+};
+export type OverlayerWrapper = {
+    type: 'body' | 'footer' | 'header';
+    class: string;
+    style: any;
+    views: OverlayerView[];
+};
+export type OverlayerContainer = {
+    style: any;
+    views: OverlayerWrapper[];
+};
+export type ContextmenuItem = {
+    label: string;
+    value: string | number;
+    render: Function;
+};
+export type Render = Function | string | undefined;
+export interface KRuleItem extends RuleItem {
+    column?: Column;
+    row?: any;
+    rowIndex?: number;
+    colIndex?: number;
+}
+export type Rule = KRuleItem | KRuleItem[];
+export type ValidateItemError = {
+    rowIndex: number;
+    key: string;
+    message: string;
+};
+export type Rules = {
+    [x: string]: Rule;
+};
+export type Position = {
+    height: number;
+    top: number;
+    bottom: number;
+};
+export interface Column {
+    type: Type;
+    editorType: string;
+    hoverIconName: string;
+    title: string;
+    width: number;
+    widthFillDisable: boolean;
+    align: Align;
+    verticalAlign: VerticalAlign;
+    fixed: Fixed;
+    level: number;
+    text: string;
+    colspan: number;
+    rowspan: number;
+    key: string;
+    render: Function;
+    renderFooter: Function;
+    renderHeader: Function;
+    formatter: FormatterMethod;
+    overflowTooltipShow: boolean;
+    overflowTooltipMaxWidth: number;
+    overflowTooltipPlacement: OverflowTooltipPlacement;
+    required: boolean;
+    readonly: boolean;
+    children: Column[];
+    column: Column;
+    rules: Rules;
+    options: any[];
+}
+export type OverlayerTooltip = {
+    style: any;
+    text: string;
+    show: boolean;
+};
+export type OverlayerContextmenu = {
+    style: any;
+    list: any[];
+    show: boolean;
+};
+export type CellStyleOptions = {
+    color?: string;
+    backgroundColor?: string;
+};
+export type CellParams = {
+    row: any;
+    rowIndex: number;
+    colIndex: number;
+    column: Column;
+    value: any;
+};
+export type CellHeaderParams = {
+    colIndex?: number;
+    column?: Column;
+};
+export type SpanType = {
+    rowspan: number;
+    colspan: number;
+};
+export type SpanParams = {
+    row: any;
+    rowIndex: number;
+    colIndex: number;
+    column: Column;
+    visibleLeafColumns: Column[];
+    value: any;
+    headIndex: number;
+    headPosition: Position;
+    visibleRows: any[];
+    rows: any[];
+};
+export type SelectableParams = {
+    row: any;
+    rowIndex: number;
+};
+export type ConfigType = Partial<Config>;
+export type FilterMethod = (rows: any[]) => any[];
+export type FormatterMethod = (params: CellParams) => string | void;
+export type CellStyleMethod = (params: CellParams) => CellStyleOptions | void;
+export type CellHeaderStyleMethod = (params: CellHeaderParams) => CellStyleOptions | void;
+export type CellReadonlyMethod = (params: CellParams) => boolean | void;
+export type CellRulesMethod = (params: CellParams) => Rules | void;
+export type CellTypeMethod = (params: CellParams) => Type | void;
+export type CellEditorTypeMethod = (params: CellParams) => string | void;
+export type CellRenderMethod = (params: CellParams) => string | void;
+export type CellHoverIconMethod = (params: CellParams) => string | void;
+export type SpanMethod = (params: SpanParams) => SpanType | void;
+export type SelectableMethod = (params: SelectableParams) => boolean | void;
+export type ExpandLazyMethod = (params: CellParams) => Promise<any[]>;

package/dist/lib/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/dist/lib/util.d.ts

@@ -0,0 +1,15 @@
+import { Column } from "./types";
+declare function generateShortUUID(): string;
+declare function throttle<T extends (...args: any) => any>(func: T, delay: number): T;
+/**
+ * 根据children获取最大深度
+ * @param data
+ * @returns
+ */
+declare function getMaxRow(data: Column[]): number;
+declare function sortFixed(arr?: Column[]): Column[];
+declare function calCrossSpan(arr?: Column[], maxRow?: number, level?: number): Column[];
+declare function toLeaf(arr?: Column[]): Column[];
+type DebouncedFunction<F extends (...args: any[]) => any> = (...args: Parameters<F>) => void;
+declare function debounce<F extends (...args: any[]) => any>(func: F, delay: number): DebouncedFunction<F>;
+export { debounce, throttle, generateShortUUID, toLeaf, sortFixed, calCrossSpan, getMaxRow, };

package/dist/lib/util.js

@@ -0,0 +1,113 @@
+function generateShortUUID() {
+    return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function (c) {
+        const r = (Math.random() * 16) | 0;
+        const v = c === "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    });
+}
+function throttle(func, delay) {
+    let lastCalledTime = 0;
+    let timeoutId;
+    return function (...args) {
+        const now = new Date().getTime();
+        const elapsedTime = now - lastCalledTime;
+        if (!lastCalledTime || elapsedTime >= delay) {
+            func.apply(this, args);
+            lastCalledTime = now;
+        }
+        else if (!timeoutId) {
+            timeoutId = setTimeout(() => {
+                func.apply(this, args);
+                lastCalledTime = new Date().getTime();
+                timeoutId = undefined;
+            }, delay - elapsedTime);
+        }
+        return undefined;
+    };
+}
+/**
+ * 根据children获取最大深度
+ * @param data
+ * @returns
+ */
+function getMaxRow(data) {
+    if (data) {
+        return data
+            .map((item) => getMaxRow(item.children) + 1)
+            .sort((a, b) => b - a)[0];
+    }
+    return 0;
+}
+function sortFixed(arr = []) {
+    let lefts = [];
+    let centers = [];
+    let right = [];
+    arr.forEach((item) => {
+        if (item.fixed === "left") {
+            lefts.push(item);
+        }
+        else if (item.fixed === "right") {
+            right.push(item);
+        }
+        else {
+            centers.push(item);
+        }
+    });
+    return [...lefts, ...centers, ...right];
+}
+function calCrossSpan(arr = [], maxRow = 1, level = 0) {
+    return arr.map((config) => {
+        if (config.children) {
+            let colspan = 0;
+            let fixed = config.fixed;
+            config.children.forEach((item) => {
+                item.fixed = fixed;
+            });
+            const children = calCrossSpan(config.children, maxRow - 1, level + 1);
+            if (children) {
+                children.forEach((item) => {
+                    colspan += item.colspan;
+                });
+            }
+            return {
+                ...config,
+                width: config.width,
+                level,
+                rowspan: 1,
+                colspan,
+                children,
+            };
+        }
+        return {
+            ...config,
+            level,
+            rowspan: maxRow,
+            colspan: 1,
+        };
+    });
+}
+function toLeaf(arr = []) {
+    let tmp = [];
+    arr.forEach((item) => {
+        if (item.children) {
+            tmp = tmp.concat(toLeaf(item.children));
+        }
+        else {
+            tmp.push(item);
+        }
+    });
+    return tmp;
+}
+function debounce(func, delay) {
+    let timeoutId = null;
+    return function (...args) {
+        if (timeoutId !== null) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            func(...args);
+        }, delay);
+    };
+}
+export { debounce, throttle, generateShortUUID, toLeaf, sortFixed, calCrossSpan, getMaxRow, };
+//# sourceMappingURL=util.js.map

package/dist/lib/util.js.map

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

package/package.json

@@ -0,0 +1,37 @@
+{
+    "name": "e-virt-table",
+    "private": false,
+    "version": "0.0.3",
+    "description": "A powerful data table based on canvas. You can use it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc.",
+    "main": "dist/index.js",
+    "module": "dist/index.es.js",
+    "types": "dist/lib/index.d.ts",
+    "scripts": {
+        "dev": "vite",
+        "dev:install": "cd docs && npm run i",
+        "dev:docs": "cd docs && npm run dev",
+        "build": "vite build && tsc",
+        "preview": "vite preview"
+    },
+    "license": "MIT",
+    "author": "laichuangwen",
+    "bugs": {
+        "url": "https://github.com/laichuangwen/e-virt-table/issues"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git@github.com:laichuangwen/e-virt-table.git"
+    },
+    "files": [
+        "dist"
+    ],
+    "devDependencies": {
+        "rollup-plugin-copy": "^3.5.0",
+        "typescript": "^5.5.3",
+        "vite": "^5.4.1"
+    },
+    "dependencies": {
+        "@floating-ui/dom": "^1.6.11",
+        "async-validator": "^4.2.5"
+    }
+}