@wimi/vtable-gantt 1.0.0

package/cjs/ts-types/zoom-scale.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ts-types/zoom-scale.ts"],"names":[],"mappings":"","file":"zoom-scale.js","sourcesContent":["import type { ITimelineScale } from './gantt-engine';\n\n/**\n * DataZoomAxis 配置接口\n */\nexport interface IDataZoomAxisConfig {\n  /** 是否启用 DataZoomAxis */\n  enabled?: boolean;\n  /** DataZoomAxis 容器 ID（可选，如果不提供会自动从 Gantt 实例获取） */\n  containerId?: string;\n  /** DataZoomAxis 宽度（默认自动使用 Gantt 时间轴区域宽度，即容器宽度减去左侧表头宽度） */\n  width?: number;\n  /** DataZoomAxis 高度 */\n  height?: number;\n  /** X 坐标（相对于容器左侧，默认排除左侧表头宽度，与时间轴内容区域对齐） */\n  x?: number;\n  /** Y 坐标（相对于容器底边界的偏移，正值向下，默认 0） */\n  y?: number;\n  /** 事件触发延迟时间 */\n  delayTime?: number;\n}\n\n/**\n * ZoomScale 配置接口\n * 用于定义多级别的时间轴缩放系统\n */\nexport interface IZoomScale {\n  /** 是否启用 ZoomScale 功能 */\n  enabled?: boolean;\n\n  /** DataZoomAxis 集成配置 */\n  dataZoomAxis?: IDataZoomAxisConfig;\n\n  /** 最小 millisecondsPerPixel 值（毫秒/像素） */\n  minMillisecondsPerPixel?: number;\n\n  /** 最大 millisecondsPerPixel 值（毫秒/像素） */\n  maxMillisecondsPerPixel?: number;\n\n  /** 缩放步长：控制缩放的精细程度，现由系统自动计算 */\n  step?: number;\n\n  /**\n   * 级别定义：二维数组，每个级别是完整的 scales 组合\n   */\n  levels: ITimelineScale[][];\n}\n\n/**\n * 级别阈值信息\n * 用于级别选择算法\n */\nexport interface ILevelThreshold {\n  /** 级别索引 */\n  levelIndex: number;\n\n  /** 该级别可用的最小 millisecondsPerPixel 值 */\n  minMillisecondsPerPixel: number;\n\n  /** 该级别可用的最大 millisecondsPerPixel 值 */\n  maxMillisecondsPerPixel: number;\n\n  /** 最小时间单位描述 */\n  minUnit: string;\n\n  /** 最小时间单位的毫秒数 */\n  minUnitMs: number;\n}\n\n/**\n * 缩放事件参数接口\n * 当 Gantt 发生缩放时触发的事件数据\n */\nexport interface IZoomEventArgs {\n  /** 缩放前的列宽 */\n  oldWidth: number;\n  /** 缩放后的列宽 */\n  newWidth: number;\n  /** 缩放比例 (newWidth / oldWidth) */\n  scale: number;\n  /** 缩放前的millisecondsPerPixel */\n  oldMillisecondsPerPixel?: number;\n  /** 缩放后的millisecondsPerPixel */\n  newMillisecondsPerPixel?: number;\n}\n"]}

package/cjs/vrender.d.ts

@@ -0,0 +1 @@
+export { Group, Text, Image, Arc, Area, Circle, Line, Path, Rect, RichText } from '@visactor/vtable/es/vrender';

package/cjs/vrender.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RichText = exports.Rect = exports.Path = exports.Line = exports.Circle = exports.Area = exports.Arc = exports.Image = exports.Text = exports.Group = void 0;
+
+var vrender_1 = require("@visactor/vtable/es/vrender");
+
+Object.defineProperty(exports, "Group", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.Group;
+    }
+}), Object.defineProperty(exports, "Text", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.Text;
+    }
+}), Object.defineProperty(exports, "Image", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.Image;
+    }
+}), Object.defineProperty(exports, "Arc", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.Arc;
+    }
+}), Object.defineProperty(exports, "Area", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.Area;
+    }
+}), Object.defineProperty(exports, "Circle", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.Circle;
+    }
+}), Object.defineProperty(exports, "Line", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.Line;
+    }
+}), Object.defineProperty(exports, "Path", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.Path;
+    }
+}), Object.defineProperty(exports, "Rect", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.Rect;
+    }
+}), Object.defineProperty(exports, "RichText", {
+    enumerable: !0,
+    get: function() {
+        return vrender_1.RichText;
+    }
+});
+//# sourceMappingURL=vrender.js.map

package/cjs/vrender.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":";;;AAAA,uDAAgH;AAAvG,gGAAA,KAAK,OAAA;AAAE,+FAAA,IAAI,OAAA;AAAE,gGAAA,KAAK,OAAA;AAAE,8FAAA,GAAG,OAAA;AAAE,+FAAA,IAAI,OAAA;AAAE,iGAAA,MAAM,OAAA;AAAE,+FAAA,IAAI,OAAA;AAAE,+FAAA,IAAI,OAAA;AAAE,+FAAA,IAAI,OAAA;AAAE,mGAAA,QAAQ,OAAA","file":"vrender.js","sourcesContent":["export { Group, Text, Image, Arc, Area, Circle, Line, Path, Rect, RichText } from '@visactor/vtable/es/vrender';\n"]}

package/cjs/vtable.d.ts

@@ -0,0 +1 @@
+export { register, themes, CustomLayout, TYPES, TABLE_EVENT_TYPE } from '@visactor/vtable';

package/cjs/vtable.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TABLE_EVENT_TYPE = exports.TYPES = exports.CustomLayout = exports.themes = exports.register = void 0;
+
+var vtable_1 = require("@visactor/vtable");
+
+Object.defineProperty(exports, "register", {
+    enumerable: !0,
+    get: function() {
+        return vtable_1.register;
+    }
+}), Object.defineProperty(exports, "themes", {
+    enumerable: !0,
+    get: function() {
+        return vtable_1.themes;
+    }
+}), Object.defineProperty(exports, "CustomLayout", {
+    enumerable: !0,
+    get: function() {
+        return vtable_1.CustomLayout;
+    }
+}), Object.defineProperty(exports, "TYPES", {
+    enumerable: !0,
+    get: function() {
+        return vtable_1.TYPES;
+    }
+}), Object.defineProperty(exports, "TABLE_EVENT_TYPE", {
+    enumerable: !0,
+    get: function() {
+        return vtable_1.TABLE_EVENT_TYPE;
+    }
+});
+//# sourceMappingURL=vtable.js.map

package/cjs/vtable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vtable.ts"],"names":[],"mappings":";;;AAAA,2CAA2F;AAAlF,kGAAA,QAAQ,OAAA;AAAE,gGAAA,MAAM,OAAA;AAAE,sGAAA,YAAY,OAAA;AAAE,+FAAA,KAAK,OAAA;AAAE,0GAAA,gBAAgB,OAAA","file":"vtable.js","sourcesContent":["export { register, themes, CustomLayout, TYPES, TABLE_EVENT_TYPE } from '@visactor/vtable';\n"]}

package/cjs/zoom-scale/DataZoomIntegration.d.ts

@@ -0,0 +1,50 @@
+import type { Gantt } from '../Gantt';
+export interface DataZoomConfig {
+    containerId?: string;
+    start?: number;
+    end?: number;
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+    delayTime?: number;
+}
+export interface DataZoomLimits {
+    minRangeRatio: number;
+    maxRangeRatio: number;
+    minMillisecondsPerPixel: number;
+    maxMillisecondsPerPixel: number;
+}
+export declare class DataZoomIntegration {
+    private gantt;
+    private dataZoomAxis;
+    private stage;
+    private canvas;
+    private isUpdatingFromDataZoom;
+    private isUpdatingFromGantt;
+    private lastDataZoomState;
+    private cleanupCallbacks;
+    private resizeTimeout;
+    private isInitializing;
+    constructor(gantt: Gantt, config: DataZoomConfig);
+    private getContainerId;
+    private initializeDataZoom;
+    private setupEventListeners;
+    private calculateDataZoomLimits;
+    private updateDataZoomLimits;
+    private getGanttViewBoundaries;
+    private applyDataZoomRangeToGantt;
+    private syncInitialPosition;
+    syncToGantt(): void;
+    syncToDataZoom(): void;
+    private syncToGanttWithState;
+    setRange(start: number, end: number): void;
+    getRange(): {
+        start: number;
+        end: number;
+    };
+    resize(width?: number, height?: number): void;
+    updateResponsive(): void;
+    updatePosition(x?: number, y?: number): void;
+    destroy(): void;
+}

package/cjs/zoom-scale/DataZoomIntegration.js

@@ -0,0 +1,261 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DataZoomIntegration = void 0;
+
+const vrender_1 = require("@visactor/vtable/es/vrender");
+
+class DataZoomIntegration {
+    constructor(gantt, config) {
+        this.isUpdatingFromDataZoom = !1, this.isUpdatingFromGantt = !1, this.lastDataZoomState = {
+            start: .2,
+            end: .5
+        }, this.cleanupCallbacks = [], this.resizeTimeout = null, this.isInitializing = !0, 
+        this.gantt = gantt, this.initializeDataZoom(config), this.setupEventListeners(), 
+        this.updateDataZoomLimits();
+    }
+    getContainerId(providedId) {
+        if (providedId) return providedId;
+        const ganttContainer = this.gantt.container;
+        if (null == ganttContainer ? void 0 : ganttContainer.id) return ganttContainer.id;
+        const ganttElements = document.querySelectorAll('[id*="gantt"], [id*="table"], [class*="gantt"], [class*="vtable"]');
+        if (ganttElements.length > 0) {
+            const element = ganttElements[0];
+            if (element.id) return element.id;
+        }
+        return "vTable";
+    }
+    initializeDataZoom(config) {
+        var _a, _b;
+        const containerId = this.getContainerId(config.containerId);
+        if (!document.getElementById(containerId)) throw new Error(`DataZoom container with ID "${containerId}" not found`);
+        const ganttContainer = this.gantt.container;
+        if (!ganttContainer) throw new Error("Gantt container not found");
+        const taskTableWidth = this.gantt.taskTableWidth || 0, defaultWidth = (ganttContainer.offsetWidth || 1e3) - taskTableWidth, defaultX = this.gantt.taskTableWidth || 0, {start: start = .2, end: end = .5, width: width = defaultWidth, height: height = 30, x: x = defaultX, y: y = 0, delayTime: delayTime = 10} = config;
+        "static" === window.getComputedStyle(ganttContainer).position && (ganttContainer.style.position = "relative");
+        const dataZoomWrapper = document.createElement("div");
+        dataZoomWrapper.id = "dataZoomWrapper", dataZoomWrapper.style.cssText = `\n      width: 100%;\n      height: ${height}px;\n      position: absolute;\n      bottom: ${y}px;\n      left: 0px;\n      background: transparent;\n      overflow: visible;\n      pointer-events: none;\n      z-index: 1000;\n    `, 
+        this.canvas = document.createElement("canvas"), this.canvas.id = "dataZoomCanvas", 
+        this.canvas.width = width, this.canvas.height = height, this.canvas.style.cssText = `\n      width: ${width}px;\n      height: ${height}px;\n      position: absolute;\n      top: 0px;\n      left: ${x}px;\n      pointer-events: auto;\n    `, 
+        dataZoomWrapper.appendChild(this.canvas), ganttContainer.appendChild(dataZoomWrapper), 
+        this.stage = (0, vrender_1.createStage)({
+            canvas: this.canvas,
+            width: width,
+            height: height,
+            autoRender: !0
+        }), this.dataZoomAxis = new vrender_1.DataZoom({
+            start: start,
+            end: end,
+            position: {
+                x: 0,
+                y: 0
+            },
+            size: {
+                width: width,
+                height: height - 1
+            },
+            showDetail: !1,
+            delayTime: delayTime,
+            brushSelect: !1,
+            backgroundChartStyle: {
+                line: {
+                    visible: !0,
+                    stroke: "#ddd"
+                },
+                area: {
+                    visible: !0,
+                    fill: "#f5f5f5"
+                }
+            },
+            startHandlerStyle: {
+                symbolType: "M-0.5-2.4h0.9c0.4,0,0.7,0.3,0.7,0.7v3.3c0,0.4-0.3,0.7-0.7,0.7h-0.9c-0.4,0-0.7-0.3-0.7-0.7v-3.3\nC-1.2-2-0.9-2.4-0.5-2.4z M-0.4-1.4L-0.4-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\nC-0.4-1.4-0.4-1.4-0.4-1.4z M0.3-1.4L0.3-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\nC0.3-1.4,0.3-1.4,0.3-1.4z;",
+                fill: "#fff",
+                size: null !== (_a = config.width) && void 0 !== _a ? _a : 30,
+                stroke: "#c2c8cf",
+                lineWidth: 1
+            },
+            endHandlerStyle: {
+                symbolType: "M-0.5-2.4h0.9c0.4,0,0.7,0.3,0.7,0.7v3.3c0,0.4-0.3,0.7-0.7,0.7h-0.9c-0.4,0-0.7-0.3-0.7-0.7v-3.3\nC-1.2-2-0.9-2.4-0.5-2.4z M-0.4-1.4L-0.4-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\nC-0.4-1.4-0.4-1.4-0.4-1.4z M0.3-1.4L0.3-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\nC0.3-1.4,0.3-1.4,0.3-1.4z;",
+                fill: "#fff",
+                size: null !== (_b = config.width) && void 0 !== _b ? _b : 30,
+                stroke: "#c2c8cf",
+                lineWidth: 1
+            },
+            middleHandlerStyle: {
+                visible: !1
+            }
+        }), this.stage.defaultLayer.add(this.dataZoomAxis), vrender_1.vglobal.getRequestAnimationFrame()((() => {
+            if (this.isInitializing) {
+                const boundaries = this.getGanttViewBoundaries();
+                this.dataZoomAxis.setStartAndEnd(boundaries.startRatio, boundaries.endRatio), this.isInitializing = !1;
+            }
+            this.stage.render();
+        })), this.lastDataZoomState = {
+            start: start,
+            end: end
+        };
+    }
+    setupEventListeners() {
+        const dataZoomChangeHandler = event => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            if (this.isUpdatingFromGantt) return;
+            this.isUpdatingFromDataZoom = !0;
+            let start = null !== (_c = null !== (_a = event.start) && void 0 !== _a ? _a : null === (_b = event.detail) || void 0 === _b ? void 0 : _b.start) && void 0 !== _c ? _c : null === (_e = null === (_d = event.currentTarget) || void 0 === _d ? void 0 : _d.attribute) || void 0 === _e ? void 0 : _e.start, end = null !== (_h = null !== (_f = event.end) && void 0 !== _f ? _f : null === (_g = event.detail) || void 0 === _g ? void 0 : _g.end) && void 0 !== _h ? _h : null === (_k = null === (_j = event.currentTarget) || void 0 === _j ? void 0 : _j.attribute) || void 0 === _k ? void 0 : _k.end;
+            void 0 !== start && void 0 !== end || (start = this.dataZoomAxis.attribute.start, 
+            end = this.dataZoomAxis.attribute.end), void 0 === start || void 0 === end || isNaN(start) || isNaN(end) || this.applyDataZoomRangeToGantt(start, end), 
+            setTimeout((() => {
+                this.isUpdatingFromDataZoom = !1;
+            }), 50);
+        };
+        this.dataZoomAxis.addEventListener("change", dataZoomChangeHandler), this.cleanupCallbacks.push((() => {
+            this.dataZoomAxis.removeEventListener("change", dataZoomChangeHandler);
+        }));
+        const ganttScrollHandler = event => {
+            if (this.isUpdatingFromDataZoom) return;
+            if ("horizontal" !== event.scrollDirection) return;
+            this.isUpdatingFromGantt = !0;
+            const boundaries = this.getGanttViewBoundaries();
+            this.dataZoomAxis.setStartAndEnd(boundaries.startRatio, boundaries.endRatio), this.stage.render(), 
+            setTimeout((() => {
+                this.dataZoomAxis.setAttribute("disableTriggerEvent", !1), this.isUpdatingFromGantt = !1;
+            }), 10);
+        };
+        this.gantt.addEventListener("scroll", ganttScrollHandler), this.cleanupCallbacks.push((() => {
+            this.gantt.removeEventListener("scroll", ganttScrollHandler);
+        }));
+        const windowResizeHandler = () => {
+            clearTimeout(this.resizeTimeout), this.resizeTimeout = setTimeout((() => {
+                this.updateResponsive(), this.updateDataZoomLimits();
+            }), 50);
+        };
+        window.addEventListener("resize", windowResizeHandler), this.cleanupCallbacks.push((() => {
+            window.removeEventListener("resize", windowResizeHandler), this.resizeTimeout && clearTimeout(this.resizeTimeout);
+        }));
+        const ganttZoomHandler = () => {
+            setTimeout((() => {
+                this.updateDataZoomLimits(), this.isUpdatingFromDataZoom || this.syncToDataZoom();
+            }), 50);
+        };
+        this.gantt.addEventListener("zoom", ganttZoomHandler), this.cleanupCallbacks.push((() => {
+            this.gantt.removeEventListener("zoom", ganttZoomHandler);
+        }));
+    }
+    calculateDataZoomLimits() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        let minMillisecondsPerPixel, maxMillisecondsPerPixel;
+        this.gantt.zoomScaleManager ? (minMillisecondsPerPixel = (null === (_b = (_a = this.gantt.zoomScaleManager).getGlobalMinMillisecondsPerPixel) || void 0 === _b ? void 0 : _b.call(_a)) || 1e3, 
+        maxMillisecondsPerPixel = (null === (_d = (_c = this.gantt.zoomScaleManager).getGlobalMaxMillisecondsPerPixel) || void 0 === _d ? void 0 : _d.call(_c)) || 6e6) : (minMillisecondsPerPixel = null !== (_f = null === (_e = this.gantt.parsedOptions.zoom) || void 0 === _e ? void 0 : _e.minMillisecondsPerPixel) && void 0 !== _f ? _f : 1e3, 
+        maxMillisecondsPerPixel = null !== (_h = null === (_g = this.gantt.parsedOptions.zoom) || void 0 === _g ? void 0 : _g.maxMillisecondsPerPixel) && void 0 !== _h ? _h : 6e6);
+        const viewportWidth = this.gantt.tableNoFrameWidth, totalTimeRange = this.gantt.parsedOptions._maxDateTime - this.gantt.parsedOptions._minDateTime, minViewTimeRange = minMillisecondsPerPixel * viewportWidth, minRangeRatio = Math.min(1, minViewTimeRange / totalTimeRange), maxViewTimeRange = maxMillisecondsPerPixel * viewportWidth, maxRangeRatio = Math.min(1, maxViewTimeRange / totalTimeRange);
+        return {
+            minRangeRatio: Math.min(minRangeRatio, maxRangeRatio),
+            maxRangeRatio: Math.max(minRangeRatio, maxRangeRatio),
+            minMillisecondsPerPixel: minMillisecondsPerPixel,
+            maxMillisecondsPerPixel: maxMillisecondsPerPixel
+        };
+    }
+    updateDataZoomLimits() {
+        const limits = this.calculateDataZoomLimits();
+        this.dataZoomAxis.setAttributes({
+            minSpan: limits.minRangeRatio,
+            maxSpan: limits.maxRangeRatio
+        }), this.stage.render();
+    }
+    getGanttViewBoundaries() {
+        const scrollLeft = this.gantt.stateManager.scrollLeft, totalWidth = this.gantt.getAllDateColsWidth(), viewportWidth = this.gantt.tableNoFrameWidth;
+        return {
+            scrollLeft: scrollLeft,
+            totalWidth: totalWidth,
+            viewportWidth: viewportWidth,
+            startRatio: Math.max(0, Math.min(1, scrollLeft / totalWidth)),
+            endRatio: Math.max(0, Math.min(1, (scrollLeft + viewportWidth) / totalWidth))
+        };
+    }
+    applyDataZoomRangeToGantt(start, end) {
+        if (void 0 === start || void 0 === end || isNaN(start) || isNaN(end)) return;
+        this.lastDataZoomState = {
+            start: start,
+            end: end
+        };
+        const currentViewportWidth = this.gantt.tableNoFrameWidth, currentMillisecondsPerPixel = this.gantt.getCurrentMillisecondsPerPixel(), rangeRatio = end - start, targetMillisecondsPerPixel = (this.gantt.parsedOptions._maxDateTime - this.gantt.parsedOptions._minDateTime) * rangeRatio / currentViewportWidth;
+        if (Math.abs(targetMillisecondsPerPixel - currentMillisecondsPerPixel) > .01 * currentMillisecondsPerPixel) if (this.gantt.zoomScaleManager) {
+            const targetLevel = this.gantt.zoomScaleManager.findOptimalLevel(targetMillisecondsPerPixel);
+            targetLevel !== this.gantt.zoomScaleManager.getCurrentLevel() && this.gantt.zoomScaleManager.switchToLevel(targetLevel), 
+            this.gantt.setMillisecondsPerPixel(targetMillisecondsPerPixel);
+        } else this.gantt.setMillisecondsPerPixel(targetMillisecondsPerPixel);
+        const targetScrollLeft = start * this.gantt.getAllDateColsWidth();
+        this.gantt.stateManager.setScrollLeft(targetScrollLeft);
+    }
+    syncInitialPosition() {
+        setTimeout((() => {
+            const boundaries = this.getGanttViewBoundaries();
+            (boundaries.startRatio > 0 || boundaries.endRatio < 1) && this.dataZoomAxis.setStartAndEnd(boundaries.startRatio, boundaries.endRatio);
+        }), 100);
+    }
+    syncToGantt() {
+        const start = this.dataZoomAxis.attribute.start || 0, end = this.dataZoomAxis.attribute.end || 1;
+        this.applyDataZoomRangeToGantt(start, end);
+    }
+    syncToDataZoom() {
+        const boundaries = this.getGanttViewBoundaries();
+        this.dataZoomAxis.setStartAndEnd(boundaries.startRatio, boundaries.endRatio);
+    }
+    syncToGanttWithState(start, end) {
+        this.isUpdatingFromDataZoom = !0, this.applyDataZoomRangeToGantt(start, end), setTimeout((() => {
+            this.isUpdatingFromDataZoom = !1;
+        }), 50);
+    }
+    setRange(start, end) {
+        this.dataZoomAxis.setStartAndEnd(start, end);
+    }
+    getRange() {
+        return {
+            start: this.dataZoomAxis.attribute.start || 0,
+            end: this.dataZoomAxis.attribute.end || 1
+        };
+    }
+    resize(width, height) {
+        if (void 0 === width) {
+            const ganttContainer = this.gantt.container;
+            if (ganttContainer) {
+                const taskTableWidth = this.gantt.taskTableWidth || 0;
+                width = ganttContainer.offsetWidth - taskTableWidth;
+            } else width = 1e3;
+        }
+        void 0 === height && (height = 30), this.canvas.width = width, this.canvas.height = height, 
+        this.canvas.style.width = `${width}px`, this.canvas.style.height = `${height}px`, 
+        this.stage.resize(width, height), this.dataZoomAxis.setAttributes({
+            size: {
+                width: width,
+                height: height - 1
+            }
+        }), this.stage.render();
+    }
+    updateResponsive() {
+        const ganttContainer = this.gantt.container;
+        if (!ganttContainer) return;
+        const taskTableWidth = this.gantt.taskTableWidth || 0, newWidth = ganttContainer.offsetWidth - taskTableWidth;
+        this.resize(newWidth);
+        const defaultX = this.gantt.taskTableWidth || 0;
+        this.updatePosition(defaultX, 0), setTimeout((() => {
+            this.syncToDataZoom();
+        }), 10);
+    }
+    updatePosition(x, y) {
+        var _a;
+        const xPos = null !== (_a = null != x ? x : this.gantt.taskTableWidth) && void 0 !== _a ? _a : 0;
+        this.canvas.style.left = `${xPos}px`;
+    }
+    destroy() {
+        if (this.cleanupCallbacks.forEach((cleanup => cleanup())), this.cleanupCallbacks = [], 
+        this.canvas && this.canvas.parentNode) {
+            const wrapper = this.canvas.parentNode;
+            wrapper && "dataZoomWrapper" === wrapper.id && wrapper.parentNode ? wrapper.parentNode.removeChild(wrapper) : wrapper.removeChild(this.canvas);
+        }
+        this.stage && this.stage.release();
+    }
+}
+
+exports.DataZoomIntegration = DataZoomIntegration;
+//# sourceMappingURL=DataZoomIntegration.js.map

package/cjs/zoom-scale/DataZoomIntegration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/zoom-scale/DataZoomIntegration.ts"],"names":[],"mappings":"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","file":"DataZoomIntegration.js","sourcesContent":["import type { Gantt } from '../Gantt';\nimport { DataZoom, createStage, vglobal } from '@visactor/vtable/es/vrender';\n\nexport interface DataZoomConfig {\n  /** DataZoom 容器 ID（可选，如果不提供会自动从 Gantt 实例获取） */\n  containerId?: string;\n  /** DataZoom 初始开始位置 (0-1) */\n  start?: number;\n  /** DataZoom 初始结束位置 (0-1) */\n  end?: number;\n  /** DataZoom 宽度 */\n  width?: number;\n  /** DataZoom 高度 */\n  height?: number;\n  /** X 坐标 */\n  x?: number;\n  /** Y 坐标 */\n  y?: number;\n  /** 事件触发延迟时间 */\n  delayTime?: number;\n}\n\nexport interface DataZoomLimits {\n  minRangeRatio: number;\n  maxRangeRatio: number;\n  minMillisecondsPerPixel: number;\n  maxMillisecondsPerPixel: number;\n}\n\n/**\n * DataZoom 与 Gantt 集成管理器\n * 负责 DataZoom 组件与 Gantt 图表的双向同步\n */\nexport class DataZoomIntegration {\n  private gantt: Gantt;\n  private dataZoomAxis: DataZoom;\n  private stage: any;\n  private canvas: HTMLCanvasElement;\n  private isUpdatingFromDataZoom = false;\n  private isUpdatingFromGantt = false;\n  private lastDataZoomState = { start: 0.2, end: 0.5 };\n  private cleanupCallbacks: (() => void)[] = [];\n  private resizeTimeout: NodeJS.Timeout | null = null;\n  private isInitializing = true;\n\n  constructor(gantt: Gantt, config: DataZoomConfig) {\n    this.gantt = gantt;\n    this.initializeDataZoom(config);\n    this.setupEventListeners();\n    this.updateDataZoomLimits();\n  }\n\n  /**\n   * 获取容器 ID\n   */\n  private getContainerId(providedId?: string): string {\n    if (providedId) {\n      return providedId;\n    }\n\n    // 尝试从 Gantt 实例获取容器 ID\n    const ganttContainer = (this.gantt as any).container;\n    if (ganttContainer?.id) {\n      return ganttContainer.id;\n    }\n\n    const ganttElements = document.querySelectorAll(\n      '[id*=\"gantt\"], [id*=\"table\"], [class*=\"gantt\"], [class*=\"vtable\"]'\n    );\n    if (ganttElements.length > 0) {\n      const element = ganttElements[0] as HTMLElement;\n      if (element.id) {\n        return element.id;\n      }\n    }\n\n    // 生成默认 ID\n    return 'vTable';\n  }\n\n  /**\n   * 初始化 DataZoom 组件\n   */\n  private initializeDataZoom(config: DataZoomConfig): void {\n    // 自动获取容器 ID\n    const containerId = this.getContainerId(config.containerId);\n    const container = document.getElementById(containerId);\n    if (!container) {\n      throw new Error(`DataZoom container with ID \"${containerId}\" not found`);\n    }\n\n    // 获取甘特图容器（VTable 容器）\n    const ganttContainer = this.gantt.container as HTMLElement;\n    if (!ganttContainer) {\n      throw new Error('Gantt container not found');\n    }\n\n    // 计算 DataZoom 的默认宽度：甘特图容器宽度减去左侧表头宽度\n    const taskTableWidth = this.gantt.taskTableWidth || 0;\n    const ganttContainerWidth = ganttContainer.offsetWidth || 1000;\n    const defaultWidth = ganttContainerWidth - taskTableWidth;\n\n    // 计算默认 x 坐标，排除左侧表头宽度\n    const defaultX = this.gantt.taskTableWidth || 0;\n\n    const {\n      start = 0.2,\n      end = 0.5,\n      width = defaultWidth, // 默认使用容器宽度\n      height = 30,\n      x = defaultX, // 默认排除左侧表头宽度，与时间轴内容区域对齐\n      y = 0, // 默认贴着容器底部\n      delayTime = 10\n    } = config;\n\n    // 确保 VTable 容器有相对定位\n    const containerStyle = window.getComputedStyle(ganttContainer);\n    if (containerStyle.position === 'static') {\n      ganttContainer.style.position = 'relative';\n    }\n\n    const dataZoomWrapper = document.createElement('div');\n    dataZoomWrapper.id = 'dataZoomWrapper';\n    dataZoomWrapper.style.cssText = `\n      width: 100%;\n      height: ${height}px;\n      position: absolute;\n      bottom: ${y}px;\n      left: 0px;\n      background: transparent;\n      overflow: visible;\n      pointer-events: none;\n      z-index: 1000;\n    `;\n\n    // 创建独立的 Canvas 和 Stage\n    this.canvas = document.createElement('canvas');\n    this.canvas.id = 'dataZoomCanvas';\n    this.canvas.width = width;\n    this.canvas.height = height;\n\n    this.canvas.style.cssText = `\n      width: ${width}px;\n      height: ${height}px;\n      position: absolute;\n      top: 0px;\n      left: ${x}px;\n      pointer-events: auto;\n    `;\n\n    // 将 Canvas 添加到包装器，再将包装器添加到 VTable 容器\n    dataZoomWrapper.appendChild(this.canvas);\n    ganttContainer.appendChild(dataZoomWrapper);\n\n    this.stage = createStage({\n      canvas: this.canvas,\n      width,\n      height,\n      autoRender: true\n    });\n\n    // 创建 DataZoom 实例\n    this.dataZoomAxis = new DataZoom({\n      start,\n      end,\n      position: { x: 0, y: 0 },\n      size: { width, height: height - 1 },\n      showDetail: false,\n      delayTime,\n      brushSelect: false,\n      backgroundChartStyle: {\n        line: { visible: true, stroke: '#ddd' },\n        area: { visible: true, fill: '#f5f5f5' }\n      },\n      startHandlerStyle: {\n        symbolType:\n          'M-0.5-2.4h0.9c0.4,0,0.7,0.3,0.7,0.7v3.3c0,0.4-0.3,0.7-0.7,0.7h-0.9c-0.4,0-0.7-0.3-0.7-0.7v-3.3\\n' +\n          'C-1.2-2-0.9-2.4-0.5-2.4z M-0.4-1.4L-0.4-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1' +\n          'v-2.6\\nC-0.4-1.4-0.4-1.4-0.4-1.4z M0.3-1.4L0.3-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,' +\n          '0-0.1,0-0.1v-2.6\\nC0.3-1.4,0.3-1.4,0.3-1.4z;',\n        fill: '#fff',\n        size: config.width ?? 30,\n        stroke: '#c2c8cf',\n        lineWidth: 1\n      },\n      endHandlerStyle: {\n        symbolType:\n          'M-0.5-2.4h0.9c0.4,0,0.7,0.3,0.7,0.7v3.3c0,0.4-0.3,0.7-0.7,0.7h-0.9c-0.4,0-0.7-0.3-0.7-0.7v-3.3\\n' +\n          'C-1.2-2-0.9-2.4-0.5-2.4z M-0.4-1.4L-0.4-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1' +\n          'v-2.6\\nC-0.4-1.4-0.4-1.4-0.4-1.4z M0.3-1.4L0.3-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,' +\n          '0-0.1,0-0.1v-2.6\\nC0.3-1.4,0.3-1.4,0.3-1.4z;',\n        fill: '#fff',\n        size: config.width ?? 30,\n        stroke: '#c2c8cf',\n        lineWidth: 1\n      },\n      middleHandlerStyle: {\n        visible: false\n      }\n    });\n\n    this.stage.defaultLayer.add(this.dataZoomAxis as any);\n\n    vglobal.getRequestAnimationFrame()(() => {\n      if (this.isInitializing) {\n        const boundaries = this.getGanttViewBoundaries();\n        this.dataZoomAxis.setStartAndEnd(boundaries.startRatio, boundaries.endRatio);\n        this.isInitializing = false;\n      }\n      this.stage.render();\n    });\n\n    this.lastDataZoomState = { start, end };\n  }\n\n  /**\n   * 设置事件监听器\n   */\n  private setupEventListeners(): void {\n    // DataZoom 变化时同步到 Gantt\n    const dataZoomChangeHandler = (event: any) => {\n      if (this.isUpdatingFromGantt) {\n        return;\n      }\n\n      this.isUpdatingFromDataZoom = true;\n\n      let start = event.start ?? event.detail?.start ?? event.currentTarget?.attribute?.start;\n      let end = event.end ?? event.detail?.end ?? event.currentTarget?.attribute?.end;\n\n      if (start === undefined || end === undefined) {\n        start = this.dataZoomAxis.attribute.start;\n        end = this.dataZoomAxis.attribute.end;\n      }\n\n      if (start !== undefined && end !== undefined && !isNaN(start) && !isNaN(end)) {\n        this.applyDataZoomRangeToGantt(start, end);\n      }\n\n      setTimeout(() => {\n        this.isUpdatingFromDataZoom = false;\n      }, 50);\n    };\n\n    this.dataZoomAxis.addEventListener('change', dataZoomChangeHandler);\n    this.cleanupCallbacks.push(() => {\n      this.dataZoomAxis.removeEventListener('change', dataZoomChangeHandler);\n    });\n\n    // Gantt 滚动时同步到 DataZoom\n    const ganttScrollHandler = (event: any) => {\n      if (this.isUpdatingFromDataZoom) {\n        return;\n      }\n      if (event.scrollDirection !== 'horizontal') {\n        return;\n      }\n\n      this.isUpdatingFromGantt = true;\n      const boundaries = this.getGanttViewBoundaries();\n      this.dataZoomAxis.setStartAndEnd(boundaries.startRatio, boundaries.endRatio);\n\n      this.stage.render();\n\n      setTimeout(() => {\n        this.dataZoomAxis.setAttribute('disableTriggerEvent', false);\n        this.isUpdatingFromGantt = false;\n      }, 10);\n    };\n\n    this.gantt.addEventListener('scroll', ganttScrollHandler);\n    this.cleanupCallbacks.push(() => {\n      this.gantt.removeEventListener('scroll', ganttScrollHandler);\n    });\n\n    // 窗口大小变化时的响应式更新\n    const windowResizeHandler = () => {\n      clearTimeout(this.resizeTimeout);\n      this.resizeTimeout = setTimeout(() => {\n        this.updateResponsive();\n        this.updateDataZoomLimits();\n      }, 50);\n    };\n\n    window.addEventListener('resize', windowResizeHandler);\n    this.cleanupCallbacks.push(() => {\n      window.removeEventListener('resize', windowResizeHandler);\n      if (this.resizeTimeout) {\n        clearTimeout(this.resizeTimeout);\n      }\n    });\n\n    // 监听 Gantt 的缩放事件，重新计算限制并同步 DataZoom 位置\n    const ganttZoomHandler = () => {\n      setTimeout(() => {\n        this.updateDataZoomLimits();\n        // 同步 DataZoom 位置到当前 Gantt 视图\n        if (!this.isUpdatingFromDataZoom) {\n          this.syncToDataZoom();\n        }\n      }, 50);\n    };\n\n    this.gantt.addEventListener('zoom', ganttZoomHandler);\n    this.cleanupCallbacks.push(() => {\n      this.gantt.removeEventListener('zoom', ganttZoomHandler);\n    });\n  }\n\n  /**\n   * 计算 DataZoom 的合理范围限制\n   */\n  private calculateDataZoomLimits(): DataZoomLimits {\n    // 获取 Gantt 的缩放限制\n    let minMillisecondsPerPixel: number;\n    let maxMillisecondsPerPixel: number;\n\n    if (this.gantt.zoomScaleManager) {\n      minMillisecondsPerPixel = this.gantt.zoomScaleManager.getGlobalMinMillisecondsPerPixel?.() || 1000;\n      maxMillisecondsPerPixel = this.gantt.zoomScaleManager.getGlobalMaxMillisecondsPerPixel?.() || 6000000;\n    } else {\n      minMillisecondsPerPixel = this.gantt.parsedOptions.zoom?.minMillisecondsPerPixel ?? 1000;\n      maxMillisecondsPerPixel = this.gantt.parsedOptions.zoom?.maxMillisecondsPerPixel ?? 6000000;\n    }\n\n    // 获取关键参数\n    const viewportWidth = this.gantt.tableNoFrameWidth; // 视口宽度（像素）\n    const totalTimeRange = this.gantt.parsedOptions._maxDateTime - this.gantt.parsedOptions._minDateTime; // 总时间范围\n\n    // 计算 minSpan：当使用 minMillisecondsPerPixel 时，视口能显示的时间范围占总时间的比例\n    const minViewTimeRange = minMillisecondsPerPixel * viewportWidth; // 最小缩放时视口显示的时间范围\n    const minRangeRatio = Math.min(1.0, minViewTimeRange / totalTimeRange);\n\n    // 计算 maxSpan：当使用 maxMillisecondsPerPixel 时，视口能显示的时间范围占总时间的比例\n    const maxViewTimeRange = maxMillisecondsPerPixel * viewportWidth; // 最大缩放时视口显示的时间范围\n    const maxRangeRatio = Math.min(1.0, maxViewTimeRange / totalTimeRange);\n\n    // 确保逻辑正确：minSpan < maxSpan\n    const finalMinRangeRatio = Math.min(minRangeRatio, maxRangeRatio);\n    const finalMaxRangeRatio = Math.max(minRangeRatio, maxRangeRatio);\n\n    return {\n      minRangeRatio: finalMinRangeRatio,\n      maxRangeRatio: finalMaxRangeRatio,\n      minMillisecondsPerPixel,\n      maxMillisecondsPerPixel\n    };\n  }\n\n  /**\n   * 更新 DataZoom 的范围限制\n   */\n  private updateDataZoomLimits(): void {\n    const limits = this.calculateDataZoomLimits();\n\n    this.dataZoomAxis.setAttributes({\n      minSpan: limits.minRangeRatio,\n      maxSpan: limits.maxRangeRatio\n    });\n\n    this.stage.render();\n  }\n\n  /**\n   * 获取 Gantt 视图边界信息\n   */\n  private getGanttViewBoundaries() {\n    const scrollLeft = this.gantt.stateManager.scrollLeft;\n    const totalWidth = this.gantt.getAllDateColsWidth();\n    const viewportWidth = this.gantt.tableNoFrameWidth;\n\n    const startRatio = Math.max(0, Math.min(1, scrollLeft / totalWidth));\n    const endRatio = Math.max(0, Math.min(1, (scrollLeft + viewportWidth) / totalWidth));\n\n    return {\n      scrollLeft,\n      totalWidth,\n      viewportWidth,\n      startRatio,\n      endRatio\n    };\n  }\n\n  /**\n   * 将 DataZoom 范围应用到 Gantt 视图\n   */\n  private applyDataZoomRangeToGantt(start: number, end: number): void {\n    if (start === undefined || end === undefined || isNaN(start) || isNaN(end)) {\n      return;\n    }\n\n    // 更新状态记录\n    this.lastDataZoomState = { start, end };\n\n    // 获取当前 Gantt 的基础信息\n    const currentViewportWidth = this.gantt.tableNoFrameWidth;\n    const currentMillisecondsPerPixel = this.gantt.getCurrentMillisecondsPerPixel();\n    const rangeRatio = end - start;\n\n    // 根据 DataZoom 范围计算目标 millisecondsPerPixel\n    const totalTimeRange = this.gantt.parsedOptions._maxDateTime - this.gantt.parsedOptions._minDateTime;\n    const selectedTimeRange = totalTimeRange * rangeRatio;\n    const targetMillisecondsPerPixel = selectedTimeRange / currentViewportWidth;\n\n    // 应用新的 millisecondsPerPixel\n    if (Math.abs(targetMillisecondsPerPixel - currentMillisecondsPerPixel) > currentMillisecondsPerPixel * 0.01) {\n      if (this.gantt.zoomScaleManager) {\n        const targetLevel = this.gantt.zoomScaleManager.findOptimalLevel(targetMillisecondsPerPixel);\n        const currentLevel = this.gantt.zoomScaleManager.getCurrentLevel();\n\n        if (targetLevel !== currentLevel) {\n          this.gantt.zoomScaleManager.switchToLevel(targetLevel);\n        }\n\n        this.gantt.setMillisecondsPerPixel(targetMillisecondsPerPixel);\n      } else {\n        this.gantt.setMillisecondsPerPixel(targetMillisecondsPerPixel);\n      }\n    }\n\n    // 重新计算滚动位置\n    const newTotalWidth = this.gantt.getAllDateColsWidth();\n    const targetScrollLeft = start * newTotalWidth;\n    this.gantt.stateManager.setScrollLeft(targetScrollLeft);\n  }\n\n  /**\n   * 同步初始位置\n   */\n  private syncInitialPosition(): void {\n    setTimeout(() => {\n      const boundaries = this.getGanttViewBoundaries();\n      if (boundaries.startRatio > 0 || boundaries.endRatio < 1) {\n        this.dataZoomAxis.setStartAndEnd(boundaries.startRatio, boundaries.endRatio);\n      }\n    }, 100);\n  }\n\n  /**\n   * 手动同步 DataZoom 到 Gantt 当前视图\n   */\n  syncToGantt(): void {\n    const start = this.dataZoomAxis.attribute.start || 0;\n    const end = this.dataZoomAxis.attribute.end || 1;\n    this.applyDataZoomRangeToGantt(start, end);\n  }\n\n  /**\n   * 手动同步 Gantt 当前视图到 DataZoom\n   */\n  syncToDataZoom(): void {\n    const boundaries = this.getGanttViewBoundaries();\n\n    this.dataZoomAxis.setStartAndEnd(boundaries.startRatio, boundaries.endRatio);\n  }\n\n  /**\n   * 私有方法：同步 DataZoom 范围到 Gantt\n   */\n  private syncToGanttWithState(start: number, end: number): void {\n    this.isUpdatingFromDataZoom = true;\n    this.applyDataZoomRangeToGantt(start, end);\n    setTimeout(() => {\n      this.isUpdatingFromDataZoom = false;\n    }, 50);\n  }\n\n  /**\n   * 设置 DataZoom 的范围\n   */\n  setRange(start: number, end: number): void {\n    this.dataZoomAxis.setStartAndEnd(start, end);\n  }\n\n  /**\n   * 获取 DataZoom 当前范围\n   */\n  getRange(): { start: number; end: number } {\n    return {\n      start: this.dataZoomAxis.attribute.start || 0,\n      end: this.dataZoomAxis.attribute.end || 1\n    };\n  }\n\n  /**\n   * 更新 DataZoom 尺寸\n   */\n  resize(width?: number, height?: number): void {\n    if (width === undefined) {\n      // 使用甘特图容器而不是外部容器来计算宽度\n      const ganttContainer = this.gantt.container as HTMLElement;\n      if (ganttContainer) {\n        const taskTableWidth = this.gantt.taskTableWidth || 0;\n        width = ganttContainer.offsetWidth - taskTableWidth;\n      } else {\n        width = 1000;\n      }\n    }\n\n    if (height === undefined) {\n      height = 30;\n    }\n\n    this.canvas.width = width;\n    this.canvas.height = height;\n    this.canvas.style.width = `${width}px`;\n    this.canvas.style.height = `${height}px`;\n\n    this.stage.resize(width, height);\n    this.dataZoomAxis.setAttributes({\n      size: { width, height: height - 1 }\n    });\n\n    // 强制重新渲染\n    this.stage.render();\n  }\n\n  /**\n   * 响应式更新 DataZoom 大小和位置\n   * 当容器大小或位置发生变化时调用\n   */\n  updateResponsive(): void {\n    const ganttContainer = this.gantt.container as HTMLElement;\n    if (!ganttContainer) {\n      return;\n    }\n\n    // 计算新宽度：甘特图容器宽度减去左侧表头宽度\n    const taskTableWidth = this.gantt.taskTableWidth || 0;\n    const newWidth = ganttContainer.offsetWidth - taskTableWidth;\n\n    this.resize(newWidth);\n\n    // 更新位置（保持与时间轴内容区域对齐，排除左侧表头）\n    const defaultX = this.gantt.taskTableWidth || 0;\n    this.updatePosition(defaultX, 0);\n\n    // 重新同步 DataZoom 状态，因为视图宽度变化会影响时间范围的显示比例\n    setTimeout(() => {\n      this.syncToDataZoom();\n    }, 10);\n  }\n\n  /**\n   * 更新 DataZoom 位置\n   * 当容器位置发生变化时调用\n   */\n  updatePosition(x?: number, y?: number): void {\n    const xPos = x ?? this.gantt.taskTableWidth ?? 0;\n    this.canvas.style.left = `${xPos}px`;\n  }\n\n  /**\n   * 销毁 DataZoom 集成\n   */\n  destroy(): void {\n    this.cleanupCallbacks.forEach(cleanup => cleanup());\n    this.cleanupCallbacks = [];\n\n    // 清理包装器和 Canvas\n    if (this.canvas && this.canvas.parentNode) {\n      const wrapper = this.canvas.parentNode as HTMLElement;\n      if (wrapper && wrapper.id === 'dataZoomWrapper' && wrapper.parentNode) {\n        // 移除整个包装器\n        wrapper.parentNode.removeChild(wrapper);\n      } else {\n        // 如果没有包装器，直接移除 Canvas\n        wrapper.removeChild(this.canvas);\n      }\n    }\n\n    if (this.stage) {\n      this.stage.release();\n    }\n  }\n}\n"]}

package/cjs/zoom-scale/ZoomScaleManager.d.ts

@@ -0,0 +1,55 @@
+import type { Gantt } from '../Gantt';
+import type { IZoomScale } from '../ts-types/zoom-scale';
+import type { ITimelineScale } from '../ts-types/gantt-engine';
+import { DataZoomIntegration, type DataZoomConfig } from './DataZoomIntegration';
+export declare class ZoomScaleManager {
+    private readonly gantt;
+    readonly config: IZoomScale;
+    private currentLevelIndex;
+    private levelBoundaries;
+    private globalMinMillisecondsPerPixel;
+    private globalMaxMillisecondsPerPixel;
+    private dataZoomIntegration;
+    constructor(gantt: Gantt, config: IZoomScale);
+    private initializeZoomLimits;
+    private initializeDataZoomIfNeeded;
+    handleTableWidthChange(): void;
+    private sortLevelsByCoarseness;
+    private calculateGlobalMillisecondsPerPixelRange;
+    private calculateLevelBoundaries;
+    updateZoomLimits(): void;
+    getGlobalMinMillisecondsPerPixel(): number;
+    getGlobalMaxMillisecondsPerPixel(): number;
+    private calculateInitialMillisecondsPerPixel;
+    private initializeWithMillisecondsPerPixel;
+    private setInitialLevel;
+    findOptimalLevel(millisecondsPerPixel: number): number;
+    switchToLevel(levelIndex: number): boolean;
+    findMinTimeUnit(scales: ITimelineScale[]): ITimelineScale;
+    private getUnitMilliseconds;
+    private getMinColWidthForUnit;
+    getCurrentLevel(): number;
+    getInitialMillisecondsPerPixel(): number;
+    getCurrentZoomState(): {
+        minUnit: "year" | "month" | "quarter" | "week" | "day" | "hour" | "minute" | "second";
+        step: number;
+        levelNum: number;
+        currentColWidth: number;
+    };
+    setZoomPosition(params: {
+        minUnit?: string;
+        step?: number;
+        levelNum?: number;
+        colWidth?: number;
+    }): boolean;
+    private findLevelByMinUnit;
+    zoomIn(factor?: number, center?: boolean, centerX?: number): void;
+    zoomOut(factor?: number, center?: boolean, centerX?: number): void;
+    zoomByPercentage(percentage: number, center?: boolean, centerX?: number): void;
+    getDataZoomIntegration(): DataZoomIntegration | null;
+    createDataZoomIntegration(config: DataZoomConfig): DataZoomIntegration;
+    destroyDataZoomIntegration(): void;
+    updateDataZoomResponsive(): void;
+    recalculateTimeScale(): void;
+    zoomByFactor(factor: number, keepCenter?: boolean, centerX?: number): void;
+}