@xpyjs/gantt-core 0.0.1-alpha.2 → 0.0.1-alpha.4

package/types/rendering/chart/ChartBody.d.ts

@@ -0,0 +1,102 @@
+import Konva from "konva";
+import { IContext } from "@/types/render";
+import { type Task } from "@/models/Task";
+export declare class BodyGroup {
+    private context;
+    private stage;
+    private layer;
+    private bgLayer;
+    private rowsGroup;
+    private rowsCache;
+    private rowBgGroup;
+    private width;
+    private height;
+    private offsetX;
+    private offsetY;
+    private highlightedRowId;
+    private highlightRect;
+    private selectedRowId;
+    private selectedRect;
+    constructor(context: IContext, stage: Konva.Stage, layer: Konva.Layer, bgLayer: Konva.Layer);
+    /**
+     * 调整大小
+     */
+    resize(width: number, height: number): void;
+    /**
+     * 设置偏移量 (响应滚动)
+     */
+    setOffset(x: number, y: number): void;
+    /**
+     * 渲染主体内容
+     * @param tasks 任务数据
+     */
+    render(tasks: Task[]): void;
+    /**
+     * 更新任务
+     */
+    updateTask(task: Task): void;
+    /**
+     * 添加 body 事件
+     */
+    private bindEvents;
+    /**
+     * 注册事件监听
+     */
+    private registerEvents;
+    /**
+     * 处理鼠标移动
+     */
+    private handleMouseMove;
+    /**
+     * 处理鼠标离开
+     */
+    private handleMouseLeave;
+    /**
+     * 处理点击
+     */
+    private handleClick;
+    /**
+     * 处理双击
+     */
+    private handleDblClick;
+    /**
+     * 处理右键菜单
+     */
+    private handleContextMenu;
+    /**
+     * 按照位置获取任务
+     */
+    private getTaskByPosition;
+    /**
+     * 高亮指定行
+     */
+    private highlightRow;
+    /**
+     * 取消行高亮
+     */
+    private unhighlightRow;
+    /**
+     * 更新高亮矩形的位置
+     */
+    private updateHighlightPosition;
+    /**
+     * 清除内容
+     */
+    private clearHighlight;
+    /**
+     * 选中指定行
+     */
+    private selectRow;
+    /**
+     * 取消选中指定行
+     */
+    private unselectRow;
+    /**
+     * 更新选中矩形的位置
+     */
+    private updateSelectedPosition;
+    /**
+     * 销毁层
+     */
+    destroy(): void;
+}

package/types/rendering/chart/ChartGrid.d.ts

@@ -0,0 +1,37 @@
+import { IContext } from "@/types/render";
+import Konva from "konva";
+export declare class GridGroup {
+    private context;
+    private layer;
+    private verticalLines;
+    private horizontalLines;
+    private width;
+    private height;
+    private offsetX;
+    private offsetY;
+    constructor(context: IContext, layer: Konva.Layer);
+    /**
+     * 调整网格大小
+     */
+    resize(width: number, height: number): void;
+    /**
+     * 设置偏移量 (响应滚动)
+     */
+    setOffset(x: number, y: number): void;
+    /**
+     * 渲染网格
+     */
+    render(): void;
+    /**
+     * 销毁网格层
+     */
+    destroy(): void;
+    /**
+     * 计算网格位置
+     */
+    private calculateGrid;
+    /**
+     * 清除网格线
+     */
+    private clearGrid;
+}

package/types/rendering/chart/ChartHeader.d.ts

@@ -0,0 +1,54 @@
+import Konva from "konva";
+import { IContext } from "@/types/render";
+export declare class HeaderLayer {
+    private context;
+    private stage;
+    layer: Konva.Layer;
+    private background;
+    private groupHeader;
+    private cellHeader;
+    private cellCache;
+    private width;
+    private height;
+    private offsetX;
+    constructor(context: IContext, stage: Konva.Stage);
+    /**
+     * 调整表头大小
+     */
+    resize(width: number): void;
+    /**
+     * 设置偏移量 (响应滚动)
+     * 表头只需要水平滚动，不需要垂直滚动
+     */
+    setOffset(x: number, y: number): void;
+    /**
+     * 注册事件监听
+     */
+    private registerEvents;
+    /**
+     * 渲染表头
+     */
+    render(): void;
+    /**
+     * 计算并绘制表头
+     */
+    private calculateHeader;
+    private createCell;
+    /**
+     * 清除表头内容
+     */
+    private clearHeader;
+    /**
+     * 销毁表头层
+     */
+    destroy(): void;
+    /**
+     * 高亮日期
+     */
+    private highlightDate;
+    /**
+     * 取消高亮日期
+     */
+    private unhighlightDate;
+    private handleHighlight;
+}

package/types/rendering/chart/ChartHoliday.d.ts

@@ -0,0 +1,38 @@
+import Konva from "konva";
+import { IContext } from "@/types/render";
+/**
+ * 假期渲染
+ * 用于在甘特图中标记假期区域
+ */
+export declare class HolidayGroup {
+    private context;
+    private layer;
+    private width;
+    private height;
+    private offsetX;
+    private offsetY;
+    private holidayGroup;
+    private patternImage;
+    constructor(context: IContext, layer: Konva.Layer);
+    /**
+     * 调整假期大小
+     */
+    resize(width: number, height: number): void;
+    /**
+     * 设置偏移量 (响应滚动)
+     */
+    setOffset(x: number, y: number): void;
+    /**
+     * 渲染假期
+     */
+    render(): void;
+    /**
+     * 销毁假期层
+     */
+    destroy(): void;
+    private clearHoliday;
+    /**
+     * 计算假期
+     */
+    private calculateHoliday;
+}

package/types/rendering/chart/ChartLink.d.ts

@@ -0,0 +1,87 @@
+import Konva from "konva";
+import { IContext } from "@/types/render";
+import type { Task } from "@/models/Task";
+export declare class LinkGroup {
+    private context;
+    private stage;
+    private layer;
+    private tasks;
+    private pointGroup;
+    private linksGroup;
+    private templateArrow;
+    private isDragging;
+    private isSliderMoving;
+    private selectedMap;
+    private width;
+    private height;
+    private offsetX;
+    private offsetY;
+    constructor(context: IContext, stage: Konva.Stage, layer: Konva.Layer);
+    /**
+     * 注册事件
+     */
+    private registerEvents;
+    /**
+     * 调整关联线大小
+     */
+    resize(width: number, height: number): void;
+    /**
+     * 设置偏移量 (响应滚动)
+     */
+    setOffset(x: number, y: number): void;
+    /**
+     * 更新数据
+     */
+    update(): void;
+    /**
+     * 渲染关联线
+     */
+    render(tasks: Task[]): void;
+    /**
+     * 销毁关联线
+     */
+    destroy(): void;
+    /**
+     * 计算点组位置
+     */
+    private calculatePoints;
+    /**
+     * 计算关联线位置
+     */
+    private calculateLinks;
+    private createId;
+    /** 生成 FS 连线 */
+    private createFS;
+    /** 生成 FF 连线 */
+    private createFF;
+    /** 生成 SS 连线 */
+    private createSS;
+    /** 生成 SF 连线 */
+    private createSF;
+    /**
+     * 处理连线被点击后的移动
+     */
+    private handleDrag;
+    /**
+     * 处理连线被点击后的移动
+     */
+    private createLink;
+    /**
+     * 按照位置获取任务
+     */
+    private getTaskByPosition;
+    /**
+     * 检查当前连接点是否可以被创建
+     */
+    private isAllowDrop;
+    /**
+     * 操作高亮关联线
+     */
+    private handleHighlight;
+    /** 高亮创建点 */
+    private highlightPoint;
+    /** 取消高亮创建点 */
+    private unhighlightPoint;
+    /** 操作创建点的高亮 */
+    private handlePointHighlight;
+}

package/types/rendering/chart/ChartRow.d.ts

@@ -0,0 +1,17 @@
+import Konva from "konva";
+import { ChartSlider } from "./ChartSlider";
+import { IContext } from "@/types/render";
+import type { Task } from "@/models/Task";
+export declare class ChartRow {
+    private context;
+    task: Task;
+    private width;
+    private height;
+    row: Konva.Group;
+    slider: ChartSlider;
+    cacheKey: string;
+    constructor(context: IContext, task: Task, id: string, x: number, y: number, width: number, height: number);
+    update(x: number, y: number): void;
+    setOffset(x: number, y: number): void;
+    destroy(): void;
+}

package/types/rendering/chart/ChartSlider.d.ts

@@ -0,0 +1,58 @@
+import Konva from "konva";
+import { IContext } from "@/types/render";
+import type { Task } from "@/models/Task";
+export declare class ChartSlider {
+    private context;
+    private x;
+    private y;
+    private task;
+    private rowWidth;
+    private offsetX;
+    private offsetY;
+    sliderGroup: Konva.Group;
+    private slider;
+    private sliderBar;
+    private sliderType;
+    private leftHandleGroup;
+    private rightHandleGroup;
+    private progressGroup;
+    private handlerWidth;
+    private autoMoveTimer;
+    private autoScrollTimer;
+    private autoExpandTimer;
+    private readonly EDGE_THRESHOLD;
+    private readonly SCROLL_STEP;
+    private readonly MOVE_INTERVAL;
+    private readonly AUTO_EXPAND_INTERVAL;
+    private isDragging;
+    private draggingDirection;
+    private oldTasks;
+    constructor(context: IContext, x: number, y: number, task: Task, rowWidth: number);
+    update(x: number, y: number): void;
+    setOffset(x: number, y: number): void;
+    /** 太多需要 function 的判断，搞一个统一的转换 */
+    private unpackFunc;
+    private render;
+    private renderText;
+    private renderProgress;
+    private bindEvents;
+    /**
+     * 移动后更新任务时间
+     */
+    private emitUpdate;
+    private handleDragStart;
+    private handleDragMove;
+    private handleDragEnd;
+    private handleMove;
+    private resizeMove;
+    private startAutoExpand;
+    private startAutoScroll;
+    private stopAutoMove;
+    private stopAutoScroll;
+    private stopAutoExpand;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleResizeHighlight;
+    /** 鼠标移入高亮 */
+    private handleBarHighlight;
+}

package/types/rendering/chart/ChartToday.d.ts

@@ -0,0 +1,31 @@
+import Konva from "konva";
+import { IContext } from "@/types/render";
+export declare class ChartToday {
+    private context;
+    private bgLayer;
+    private headerLayer;
+    private arrowAnimation?;
+    private todayLine?;
+    private triangle?;
+    private width;
+    private height;
+    private offsetX;
+    private offsetY;
+    constructor(context: IContext, bgLayer: Konva.Layer, headerLayer: Konva.Layer);
+    /**
+     * 调整大小
+     */
+    resize(width: number, height: number): void;
+    /**
+     * 设置偏移量 (响应滚动)
+     */
+    setOffset(x: number, y: number): void;
+    /**
+     * 渲染今日线
+     */
+    render(): void;
+    /**
+     * 销毁今日线
+     */
+    destroy(): void;
+}

package/types/rendering/chart/ChartWeekend.d.ts

@@ -0,0 +1,43 @@
+import Konva from "konva";
+import dayjs from "../../utils/time";
+import { IContext } from "@/types/render";
+/**
+ * 周末周末渲染
+ * 用于在甘特图中标记周末区域
+ */
+export declare class WeekendGroup {
+    private context;
+    private layer;
+    private width;
+    private height;
+    private offsetX;
+    private offsetY;
+    private weekendGroup;
+    private patternImage;
+    constructor(context: IContext, layer: Konva.Layer);
+    /**
+     * 检查日期是否为周末
+     */
+    isWeekend(date: dayjs.Dayjs): boolean;
+    /**
+     * 调整周末大小
+     */
+    resize(width: number, height: number): void;
+    /**
+     * 设置偏移量 (响应滚动)
+     */
+    setOffset(x: number, y: number): void;
+    /**
+     * 渲染周末
+     */
+    render(): void;
+    /**
+     * 销毁周末层
+     */
+    destroy(): void;
+    private clearWeekend;
+    /**
+     * 计算周末
+     */
+    private calculateWeekend;
+}

package/types/rendering/chart/Pattern.d.ts

@@ -0,0 +1,19 @@
+import { IPattern } from "@/types/styles";
+export declare class Pattern {
+    private constructor();
+    static createPattern(pattern?: IPattern & {
+        backgroundColor?: string;
+    }): Promise<HTMLImageElement | null>;
+    /**
+     * 创建条纹图案
+     */
+    private static createStripePattern;
+    /**
+     * 创建圆点图案
+     */
+    private static createDotPattern;
+    /**
+     * 创建网格图案
+     */
+    private static createGridPattern;
+}

package/types/rendering/chart/index.d.ts

@@ -0,0 +1,34 @@
+import { IContext } from "@/types/render";
+import type { Task } from "@/models/Task";
+export declare class Chart {
+    private context;
+    private container;
+    private stage;
+    private headerLayer;
+    private bodyGroup;
+    private gridGroup;
+    private weekendGroup;
+    private holidayGroup;
+    private todayLayer;
+    private linkGroup;
+    private baselineGroup;
+    private bgLayer;
+    private bodyLayer;
+    private width;
+    private height;
+    constructor(context: IContext, container: HTMLDivElement);
+    /**
+     * 调整大小
+     */
+    resize(width: number, height: number): void;
+    render(x: number, y: number, tasks: Task[]): void;
+    /**
+     * 刷新图表（用于滚动或局部更新时的高效渲染）
+     */
+    refresh(x: number, y: number, tasks: Task[]): void;
+    /**
+     * 更新任务
+     */
+    updateTask(task: Task): void;
+    destroy(): void;
+}

package/types/rendering/other/GuideLine.d.ts

@@ -0,0 +1,50 @@
+import { IContext } from "@/types/render";
+/**
+ * 全局指示线类
+ * 用于在拖拽调整大小时显示垂直参考线
+ */
+export declare class GuideLine {
+    private context;
+    private element;
+    private container;
+    private visible;
+    /**
+     * @param container 指示线的容器元素
+     */
+    constructor(context: IContext, container: HTMLElement);
+    /**
+     * 初始化指示线元素
+     */
+    private initElement;
+    /**
+     * 初始化事件监听
+     */
+    private initEvents;
+    /**
+     * 设置指示线容器
+     * @param container 新的容器元素
+     */
+    setContainer(container: HTMLElement): void;
+    /**
+     * 设置指示线左侧位置
+     * @param left 左侧位置值，单位px
+     */
+    setLeft(left: number): void;
+    /**
+     * 显示指示线
+     * @param left 可选参数，显示时设置的左侧位置
+     */
+    show(left?: number): void;
+    /**
+     * 隐藏指示线
+     */
+    hide(): void;
+    /**
+     * 检查指示线是否可见
+     */
+    isVisible(): boolean;
+    /**
+     * 获取当前位置
+     */
+    getLeft(): number;
+}

package/types/rendering/other/MiddleResizeLine.d.ts

@@ -0,0 +1,15 @@
+import { IContext } from "@/types/render";
+export declare class MiddleResizeLine {
+    private root;
+    private container;
+    private line;
+    private initialX;
+    private initialWidth;
+    private collapseButton;
+    constructor(root: IContext, container: HTMLElement);
+    setOffset(x: number): void;
+    /**
+     * 添加拖拽事件
+     */
+    private addDragEvents;
+}