timeline-canvas 1.3.1 → 1.4.1

package/dist/{types-CHhzteRO.d.mts → types-Do4sfz9k.d.mts}

@@ -74,6 +74,87 @@ interface ContextMenuStyle {
   borderWidth: number;
   minWidth: number;
 }
+type TimelineLocale = "en" | "zh" | "zh-CN";
+type TimelineMessageParams = Record<string, string | number>;
+interface TimelineI18nMessages {
+  statusReady: string;
+  statusTrackAdded: string;
+  statusAtLeastOneTrackRequired: string;
+  statusTrackRemoved: string;
+  statusEmptyTrackRemoved: string;
+  statusEventUpdated: string;
+  statusEventDeleted: string;
+  statusDataLoaded: string;
+  statusTimeIndicatorMoved: string;
+  statusZoomChanged: string;
+  statusAutoFit: string;
+  statusAutoFitCappedWithPadding: string;
+  statusAutoFitCappedContentShort: string;
+  statusEndTimeUpdated: string;
+  statusInvalidSplitPosition: string;
+  statusEventSplit: string;
+  statusReadOnlyModeEnabled: string;
+  statusReadOnlyModeDisabled: string;
+  statusEventHighlighted: string;
+  statusHighlightCleared: string;
+  statusTimelineDestroyed: string;
+  statusDragging: string;
+  statusAutoTrackAdded: string;
+  statusEventPlaced: string;
+  statusEventSelected: string;
+  statusEventResizing: string;
+  statusEventResized: string;
+  statusReadOnlyEditDeleteBlocked: string;
+  statusReadOnlySplitBlocked: string;
+  statusHoverEventTimeRange: string;
+  labelTrackName: string;
+  labelDurationPrefix: string;
+  contextMenuEdit: string;
+  contextMenuDelete: string;
+  contextMenuExport: string;
+  overlayPerformanceMonitor: string;
+  overlayFps: string;
+  overlayLayerTimesMs: string;
+  overlayCollecting: string;
+  overlayLayerBackground: string;
+  overlayLayerTracks: string;
+  overlayLayerTimeline: string;
+  overlayLayerGuideLines: string;
+  overlayLayerIndicator: string;
+  overlayLayerScrollbar: string;
+  overlayLayerInteraction: string;
+  overlayLayerOverlay: string;
+  overlayLayerDragPreview: string;
+  errorCanvasNotFound: string;
+  errorCanvasContextUnavailable: string;
+  errorTimeIndicatorInvalid: string;
+  errorZoomLevelInvalid: string;
+  errorZoomLevelOutOfRange: string;
+  errorEndTimeInvalid: string;
+  errorEndTimeNotAfterStart: string;
+  warningEventsExceedEndTime: string;
+  errorInvalidTrackIndex: string;
+  errorInvalidTrackIndexWithValue: string;
+  errorInvalidEventIndex: string;
+  errorInvalidEventIndexWithValue: string;
+  errorInvalidDataFormat: string;
+  errorInvalidTimeRange: string;
+  errorStartTimeBeforeMin: string;
+  errorRenderLayer: string;
+  errorCoreLayerHook: string;
+  errorPluginDependenciesMissing: string;
+  errorPluginLoadFailed: string;
+  errorPluginLifecycleFailed: string;
+  errorPluginEventFailed: string;
+  errorPluginValidationFailed: string;
+  warningInvalidDraggingState: string;
+  warningDraggingEventMissing: string;
+  warningUnknownChangeType: string;
+  warningAlreadyInBatchMode: string;
+  warningNotInBatchMode: string;
+  warningEmptyHtmlTemplateFallback: string;
+  warningEmptyTooltipTemplateFallback: string;
+}
 interface TimelineConfig {
   canvasHeight?: number;
   timelineHeight: number;
@@ -97,6 +178,9 @@ interface TimelineConfig {
   timeIndicatorSnapThreshold: number;
   timeIndicatorHeadSize: number;
   timeIndicatorTriangleHeight: number;
+  edgeScrollThrottle: number;
+  edgeScrollTriggerMargin: number;
+  edgeScrollViewportMargin: number;
   guideLineSnapThreshold: number;
   enableTimeIndicator: boolean;
   enableEventResize: boolean;
@@ -110,6 +194,7 @@ interface TimelineConfig {
   autoRemoveEmptyLastTrack: boolean;
   readOnly: boolean;
   showEventDurationLabel: boolean;
+  eventDurationPrefix: string;
   formatEventDuration: ((duration: number) => string) | null;
   /** 主刻度时间间隔（秒），>0。设置后启用自定义刻度模式 */
   scale: number | null;
@@ -123,6 +208,8 @@ interface TimelineConfig {
   contextMenuItems: ContextMenuItem[];
   contextMenuStyle: ContextMenuStyle;
   contextMenuHtml?: string | HTMLElement;
+  locale: TimelineLocale;
+  messages: TimelineI18nMessages;
 }
 interface TimelineCallbacks {
   onEventAdd?: ((data: EventAddData) => void) | null;
@@ -149,7 +236,7 @@ interface TimelineEvent {
   description: string;
   color: string;
   readonly?: boolean;
-  customData?: Record<string, any>;
+  customData?: Record<string, unknown>;
   media?: {
     images?: Array<{
       src: string;
@@ -349,7 +436,7 @@ interface LoadDataFormat {
       description?: string;
       color?: string;
       readonly?: boolean;
-      customData?: Record<string, any>;
+      customData?: Record<string, unknown>;
       media?: {
         images?: Array<{
           src: string;
@@ -368,6 +455,8 @@ interface LoadDataFormat {
 }
 interface TimelineOptions {
   canvasHeight?: number;
+  locale?: TimelineLocale;
+  messages?: Partial<TimelineI18nMessages>;
   startTime?: number;
   endTime?: number;
   startPaddingTime?: number;
@@ -384,6 +473,9 @@ interface TimelineOptions {
   snapToSeconds?: boolean;
   secondPrecisionZoomThreshold?: number;
   enableTimeIndicator?: boolean;
+  edgeScrollThrottle?: number;
+  edgeScrollTriggerMargin?: number;
+  edgeScrollViewportMargin?: number;
   enableEventResize?: boolean;
   enableEventSplit?: boolean;
   enableContextMenu?: boolean;
@@ -395,6 +487,7 @@ interface TimelineOptions {
   autoRemoveEmptyLastTrack?: boolean;
   readOnly?: boolean;
   showEventDurationLabel?: boolean;
+  eventDurationPrefix?: string;
   formatEventDuration?: (duration: number) => string;
   /** 主刻度时间间隔（秒），>0。设置后启用自定义刻度模式 */
   scale?: number;
@@ -430,6 +523,30 @@ declare global {
   }
 }
 //#endregion
+//#region src/utils/time.d.ts
+declare function formatTime(seconds: number, showSeconds?: boolean): string;
+declare function getCurrentTime(): number;
+declare function formatTimeRange(startTime: number, endTime: number): string;
+declare function formatDuration(duration: number, label?: string): string;
+//#endregion
+//#region src/utils/i18n.d.ts
+type TimelineMessageKey = keyof TimelineI18nMessages;
+type ResolvedTimelineLocale = Exclude<TimelineLocale, "zh">;
+declare function normalizeTimelineLocale(locale?: string): ResolvedTimelineLocale;
+declare function createTimelineMessages(locale?: string, overrides?: Partial<TimelineI18nMessages>): TimelineI18nMessages;
+declare function translateTimelineMessage(messages: TimelineI18nMessages, key: TimelineMessageKey, params?: TimelineMessageParams): string;
+declare function translateTimelineConfig(config: Pick<TimelineConfig, "locale" | "messages">, key: TimelineMessageKey, params?: TimelineMessageParams): string;
+declare function createDefaultContextMenuItems(localeOrMessages?: string | TimelineI18nMessages, overrides?: Partial<TimelineI18nMessages>): ContextMenuItem[];
+//#endregion
+//#region src/utils/performanceMonitor.d.ts
+interface PerformanceStats {
+  average: number;
+  min: number;
+  max: number;
+  count: number;
+  total: number;
+}
+//#endregion
 //#region src/core/managers/ChangeScheduler.d.ts
 /**
  * 状态变更类型
@@ -443,28 +560,29 @@ declare class Timeline {
   config: TimelineConfig;
   callbacks: TimelineCallbacks;
   state: TimelineState;
-  private mouseHandler;
-  private wheelHandler;
   private renderManager;
-  private guideLinesCache;
-  private guideLinesCacheTimestamp;
-  private readonly GUIDE_LINES_CACHE_TTL;
-  private eventListeners;
+  private canvasController;
+  private interactionManager;
   private pluginManager;
+  private pluginController;
   private logger;
   private errorHandler;
   private stateManager;
   private eventIndexManager;
+  private eventMutationService;
+  private trackManager;
+  private timeIndicatorController;
+  private viewportController;
+  private guideLineService;
+  private hitTestService;
   private changeScheduler;
-  private currentThemePluginId;
   constructor(canvasId: string, options?: TimelineOptions);
   getCanvas(): HTMLCanvasElement;
-  usePlugin(plugin: any): Promise<boolean>;
-  getLoadedPlugins(): any[];
+  usePlugin(plugin: TimelinePlugin): Promise<boolean>;
+  getLoadedPlugins(): TimelinePlugin[];
   isPluginLoaded(pluginName: string): boolean;
   removePlugin(pluginId: string): Promise<boolean>;
   setTheme(theme: "light" | "dark"): Promise<boolean>;
-  private switchTheme;
   private init;
   getContentWidthForZoom(zoomLevel: number): number;
   hasHorizontalScrollbar(): boolean;
@@ -489,9 +607,7 @@ declare class Timeline {
   endIndexBatch(): void;
   invalidateIndexTrack(trackIndex: number): void;
   invalidateIndexAll(): void;
-  private autoFitZoomToCanvas;
-  private setupEventListeners;
-  private setInitialCanvasSize;
+  private autoFitViewport;
   setCanvasSize(width: number, height: number): void;
   getCanvasLogicalHeight(): number;
   getCachedLogicalHeight(): number;
@@ -499,8 +615,7 @@ declare class Timeline {
   addTrack(): void;
   removeTrack(): void;
   autoRemoveEmptyLastTrack(): void;
-  private validateEventTime;
-  addEvent(trackIndex: number, startTime: number, endTime: number, title: string, description?: string, customData?: Record<string, any>, readonly?: boolean): void;
+  addEvent(trackIndex: number, startTime: number, endTime: number, title: string, description?: string, customData?: Record<string, unknown>, readonly?: boolean): void;
   updateEvent(trackIndex: number, eventIndex: number, updates: Partial<TimelineEvent>): boolean;
   updateEventData(trackIndex: number, eventIndex: number, eventData: {
     title?: string;
@@ -520,25 +635,13 @@ declare class Timeline {
    * - 使用节流的边界滚动而非每帧滚动
    */
   setTimeIndicatorDuringDrag(seconds: number): void;
-  /** 上一次边界滚动的时间戳 */
-  private _lastEdgeScrollTime;
-  /** 边界滚动节流间隔（ms） */
-  private static readonly EDGE_SCROLL_THROTTLE;
-  /** 距画布边缘多少 px 内触发滚动 */
-  private static readonly EDGE_SCROLL_MARGIN;
-  /**
-   * 拖拽过程中的节流边界滚动
-   * 仅当指示器距离画布边缘 < EDGE_SCROLL_MARGIN 时才调整 scrollX，
-   * 且受 EDGE_SCROLL_THROTTLE 节流。
-   */
-  private scrollToTimeIndicatorThrottled;
-  private scrollToTimeIndicator;
   zoom(factor: number): void;
   setZoomLevel(zoomLevel: number): boolean;
   getZoomLevel(): number;
   setEndTime(endTime: number): boolean;
   getEndTime(): number;
   formatTime(seconds: number): string;
+  t(key: TimelineMessageKey, params?: TimelineMessageParams): string;
   setStatus(text: string): void;
   getStatus(): string;
   /**
@@ -583,18 +686,12 @@ declare class Timeline {
   } | null;
   isReadOnly(): boolean;
   destroy(): void;
-}
-//#endregion
-//#region src/utils/performanceMonitor.d.ts
-interface PerformanceStats {
-  average: number;
-  min: number;
-  max: number;
-  count: number;
-  total: number;
+  private clearGuideLineCache;
+  private redrawAfterPluginChange;
 }
 //#endregion
 //#region src/plugins/types.d.ts
+type PluginLocalizedText = Partial<Record<TimelineLocale, string>>;
 declare enum PluginType {
   RENDER = "render",
   EVENT_HANDLER = "event_handler",
@@ -613,6 +710,7 @@ interface PluginMetadata {
   name: string;
   version: string;
   description: string;
+  descriptionI18n?: PluginLocalizedText;
   author?: string;
   type: PluginType;
   priority?: PluginPriority;
@@ -622,7 +720,7 @@ type RenderLayerPosition = "background" | "overlay";
 interface RenderLayer {
   name: string;
   position: RenderLayerPosition;
-  render: (ctx: CanvasRenderingContext2D, canvas: HTMLCanvasElement, config: any, state: any) => void;
+  render: (ctx: CanvasRenderingContext2D, canvas: HTMLCanvasElement, config: TimelineConfig, state: TimelineState) => void;
 }
 /**
  * 可被插件钩子拦截的核心渲染层
@@ -666,26 +764,27 @@ interface CoreLayerHook {
   /** 目标核心渲染层 */
   target: CoreRenderTarget;
   /** 钩子处理函数 */
-  handler: (ctx: CanvasRenderingContext2D, canvas: HTMLCanvasElement, config: any, state: any, next: () => void) => void;
+  handler: (ctx: CanvasRenderingContext2D, canvas: HTMLCanvasElement, config: TimelineConfig, state: TimelineState, next: () => void) => void;
 }
+type PluginEventHandler = (...args: unknown[]) => unknown;
 interface PluginAPI {
   registerRenderLayer: (layer: RenderLayer) => void;
   unregisterRenderLayer: (name: string) => void;
   registerCoreLayerHook: (hook: CoreLayerHook) => void;
   unregisterCoreLayerHook: (name: string) => void;
-  registerEventHandler: (event: string, handler: Function) => void;
-  unregisterEventHandler: (event: string, handler: Function) => void;
+  registerEventHandler: (event: string, handler: PluginEventHandler) => void;
+  unregisterEventHandler: (event: string, handler: PluginEventHandler) => void;
   showNotification: (message: string, type?: "info" | "warning" | "error") => void;
-  getData: (key: string) => any;
-  setData: (key: string, value: any) => void;
+  getData: (key: string) => unknown;
+  setData: (key: string, value: unknown) => void;
   setPerformanceProvider: (provider: PerformanceProvider) => void;
   getPerformanceStats: () => Map<string, PerformanceStats>;
   getFPS: () => number;
 }
 interface PluginContext {
   timeline: Timeline;
-  config: any;
-  state: any;
+  config: TimelineConfig;
+  state: TimelineState;
   api: PluginAPI;
 }
 interface TimelinePlugin {
@@ -702,4 +801,4 @@ interface PerformanceProvider {
   getFPS: () => number;
 }
 //#endregion
-export { TimelineOptions as A, InteractionTarget as C, TimelineColors as D, TimelineCallbacks as E, Track as M, ZoomData as N, TimelineConfig as O, EventUpdateData as S, TimeIndicatorMoveData as T, EventClickData as _, PluginMetadata as a, EventMoveData as b, RenderLayer as c, Timeline as d, ChangeType as f, EventAddData as g, ContextMenuStyle as h, PluginContext as i, TimelineState as j, TimelineEvent as k, RenderLayerPosition as l, ContextMenuItem as m, CoreRenderTarget as n, PluginPriority as o, ContextMenuData as p, PluginAPI as r, PluginType as s, CoreLayerHook as t, TimelinePlugin as u, EventDeleteData as v, LoadDataFormat as w, EventTextStyle as x, EventEditData as y };
+export { EventMoveData as A, TimelineI18nMessages as B, ContextMenuData as C, EventClickData as D, EventAddData as E, TimeIndicatorMoveData as F, Track as G, TimelineMessageParams as H, TimelineCallbacks as I, ZoomData as K, TimelineColors as L, EventUpdateData as M, InteractionTarget as N, EventDeleteData as O, LoadDataFormat as P, TimelineConfig as R, getCurrentTime as S, ContextMenuStyle as T, TimelineOptions as U, TimelineLocale as V, TimelineState as W, translateTimelineConfig as _, PluginLocalizedText as a, formatTime as b, PluginType as c, TimelinePlugin as d, Timeline as f, normalizeTimelineLocale as g, createTimelineMessages as h, PluginContext as i, EventTextStyle as j, EventEditData as k, RenderLayer as l, createDefaultContextMenuItems as m, CoreRenderTarget as n, PluginMetadata as o, ChangeType as p, PluginAPI as r, PluginPriority as s, CoreLayerHook as t, RenderLayerPosition as u, translateTimelineMessage as v, ContextMenuItem as w, formatTimeRange as x, formatDuration as y, TimelineEvent as z };

package/package.json

@@ -1,48 +1,53 @@
-{
-  "name": "timeline-canvas",
-  "version": "1.3.1",
-  "description": "A powerful timeline component built with Canvas and TypeScript",
-  "main": "dist/index.mjs",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.mts",
-  "type": "module",
-  "scripts": {
-    "build": "tsdown",
-    "dev": "tsdown --watch",
-    "typecheck": "tsc -p tsconfig.json --noEmit",
-    "lint": "oxlint src",
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [
-    "timeline",
-    "canvas",
-    "typescript",
-    "event-timeline",
-    "visual-timeline"
-  ],
-  "author": "sky <https://github.com/umbrella22>",
-  "license": "MIT",
-  "packageManager": "pnpm@10.18.1",
-  "devDependencies": {
-    "@types/node": "^24.10.1",
-    "oxlint": "^1.43.0"
-  },
-  "dependencies": {
-    "immer": "^10.1.1"
-  },
-  "files": [
-    "dist",
-    "README.md",
-    "README_CN.md"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.mts",
-      "import": "./dist/index.mjs"
-    },
-    "./builtin-plugin/*": {
-      "types": "./dist/builtin-plugin/*.d.mts",
-      "import": "./dist/builtin-plugin/*.mjs"
-    }
-  }
+{
+  "name": "timeline-canvas",
+  "version": "1.4.1",
+  "description": "A powerful timeline component built with Canvas and TypeScript",
+  "main": "dist/index.mjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.mts",
+  "type": "module",
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "oxlint src tests vitest.config.ts",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage"
+  },
+  "keywords": [
+    "timeline",
+    "canvas",
+    "typescript",
+    "event-timeline",
+    "visual-timeline"
+  ],
+  "author": "sky <https://github.com/umbrella22>",
+  "license": "MIT",
+  "packageManager": "pnpm@10.18.1",
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "@vitest/coverage-v8": "^4.1.2",
+    "jsdom": "^29.0.1",
+    "oxlint": "^1.43.0",
+    "vitest": "^4.1.2"
+  },
+  "dependencies": {
+    "immer": "^10.1.1"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "README_CN.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    },
+    "./builtin-plugin/*": {
+      "types": "./dist/builtin-plugin/*.d.mts",
+      "import": "./dist/builtin-plugin/*.mjs"
+    }
+  }
 }

package/dist/ContextMenuPlugin-DDuNDVYG.mjs

@@ -1 +0,0 @@
-import{i as e}from"./Logger-CfVK3yFL.mjs";import{n as t}from"./types-Dc2ct_CM.mjs";const n=e(`ContextMenuPlugin`);function r(e={}){return{metadata:{name:`context-menu`,version:`1.0.0`,description:`Context menu as plugin, supports HTML takeover`,type:t.EXTENSION},activate(t){let r=t.config&&t.config.contextMenuHtml||void 0,i=e.htmlTemplate||(typeof r==`string`?r:void 0),a=!!i;a&&(!i||i.trim()===``)&&(n.warn(`htmlTemplate is empty, falling back to Canvas rendering`),a=!1),t.api.registerRenderLayer({name:`context-menu-overlay`,position:`overlay`,render(e,n,r,o){if(!r.enableContextMenu||!o.contextMenuVisible||!o.contextMenuEvent){let e=t.api.getData(`contextMenuContainer`)||null;e&&(e.style.display=`none`),o.contextMenuBounds=null;return}let{padding:s,itemHeight:c,borderRadius:l,borderWidth:u,minWidth:d,fontSize:f,fontFamily:p,fontWeight:m}=r.contextMenuStyle;e.save(),e.font=`${m} ${f}px ${p}`;let h=d,g=`${m}-${f}-${p}`,_=t.api.getData(`contextMenuTextWidthCache`)||{},v=_[g]||{};for(let t of r.contextMenuItems){let n=v[t.name],r=n===void 0?e.measureText(t.name).width:n;n===void 0&&(v[t.name]=r),h=Math.max(h,r+s*2)}_[g]=v,t.api.setData(`contextMenuTextWidthCache`,_);let y=h,b=r.contextMenuItems.length*c+s*2,x=t.timeline.getCanvas().getBoundingClientRect(),S=o.contextMenuX,C=o.contextMenuY;if(S+y>x.width&&(S=x.width-y-5),C+b>x.height&&(C=x.height-b-5),o.contextMenuBounds={x:S,y:C,width:y,height:b,itemHeight:c,padding:s},a){let n=t.api.getData(`contextMenuContainer`)||null;if(!n){n=document.createElement(`div`),n.style.position=`absolute`,n.style.zIndex=`1000`,n.style.boxShadow=`0 2px 10px rgba(0,0,0,0.3)`,n.style.border=`${u}px solid ${r.colors.contextMenuBorder}`,n.style.borderRadius=`${l}px`,n.style.font=`${m} ${f}px ${p}`,n.style.background=r.colors.contextMenuBackground,n.style.color=r.colors.contextMenuText;let e=t.timeline.getCanvas().parentElement||document.body;e.style.position=e.style.position||`relative`,e.appendChild(n),t.api.setData(`contextMenuContainer`,n)}if(n.style.display=`block`,n.style.left=`${S}px`,n.style.top=`${C}px`,n.style.width=`${y}px`,n.style.height=`${b}px`,i)n.innerHTML=i;else{let e=``;for(let t=0;t<r.contextMenuItems.length;t++){let n=r.contextMenuItems[t],i=o.hoveredContextMenuItem===t,a=i?r.colors.contextMenuHoverBackground:`transparent`,l=i?r.colors.contextMenuHoverText:r.colors.contextMenuText;e+=`<div style="height:${c}px; padding:${s}px; background:${a}; color:${l}; display:flex; align-items:center;">${n.name}</div>`}n.innerHTML=e}e.restore();return}e.shadowColor=`rgba(0, 0, 0, 0.3)`,e.shadowBlur=10,e.shadowOffsetX=0,e.shadowOffsetY=2,e.fillStyle=r.colors.contextMenuBackground,e.beginPath(),e.roundRect?e.roundRect(S,C,y,b,l):(e.moveTo(S+l,C),e.lineTo(S+y-l,C),e.quadraticCurveTo(S+y,C,S+y,C+l),e.lineTo(S+y,C+b-l),e.quadraticCurveTo(S+y,C+b,S+y-l,C+b),e.lineTo(S+l,C+b),e.quadraticCurveTo(S,C+b,S,C+b-l),e.lineTo(S,C+l),e.quadraticCurveTo(S,C,S+l,C)),e.fill(),e.shadowColor=`transparent`,e.strokeStyle=r.colors.contextMenuBorder,e.lineWidth=u,e.stroke(),e.font=`${m} ${f}px ${p}`;for(let t=0;t<r.contextMenuItems.length;t++){let n=r.contextMenuItems[t],i=C+s+t*c;o.hoveredContextMenuItem===t&&(e.fillStyle=r.colors.contextMenuHoverBackground,e.beginPath(),t===0?e.roundRect?e.roundRect(S+u,i,y-u*2,c,[l-u,l-u,0,0]):e.fillRect(S+u,i,y-u*2,c):t===r.contextMenuItems.length-1&&e.roundRect?e.roundRect(S+u,i,y-u*2,c,[0,0,l-u,l-u]):e.fillRect(S+u,i,y-u*2,c),e.fill()),e.fillStyle=o.hoveredContextMenuItem===t?r.colors.contextMenuHoverText:r.colors.contextMenuText,e.textAlign=`left`,e.textBaseline=`middle`,e.fillText(n.name,S+s,i+c/2)}e.restore()}})},deactivate(e){e.api.unregisterRenderLayer(`context-menu-overlay`);let t=e.api.getData(`contextMenuContainer`)||null;t&&t.parentElement&&t.parentElement.removeChild(t)},destroy(e){let t=e.api.getData(`contextMenuContainer`)||null;t&&t.parentElement&&t.parentElement.removeChild(t)}}}export{r as t};

package/dist/DarkThemePlugin-g_jQnbr2.mjs

@@ -1 +0,0 @@
-import{n as e}from"./types-Dc2ct_CM.mjs";const t={canvasBackground:`#1E1E2E`,timelineBackground:`#2D2D3D`,trackBackground:`#2A2A3A`,trackBackgroundSelected:`#3A3A4A`,timelineText:`#CCCCDD`,timelineGrid:`#5A5A7A`,timelineSubGrid:`#3A3A4A`,trackText:`#CCCCDD`,eventColors:[`#FF6B6B`,`#4ECDC4`,`#45B7D1`,`#96CEB4`,`#FECA57`,`#FF9FF3`],eventText:`#FFFFFF`,eventBorder:`#FFFFFF`,eventBorderSelected:`#FFD700`,eventOverlay:`rgba(255, 255, 255, 0.2)`,dragPreviewValid:`rgba(100, 255, 100, 0.5)`,dragPreviewInvalid:`rgba(255, 100, 100, 0.5)`,dragPreviewBorderValid:`#00FF00`,dragPreviewBorderInvalid:`#FF0000`,timeIndicator:`#FF6B6B`,guideLine:`#00D9FF`,guideLineLabel:`#00D9FF`,dragTimeReferenceLine:`#FFD700`,dragTimeReferenceLabel:`#FFD700`,dragTimeReferenceLabelBackground:`rgba(0, 0, 0, 0)`,scrollbarTrack:`rgba(255, 255, 255, 0.6)`,scrollbarHandle:`rgba(150, 150, 150, 0.8)`,scrollbarHandleHover:`rgba(0, 0, 0, 0.85)`,scrollbarHandleHighlight:`rgba(255, 255, 255, 0.3)`,scrollbarBorder:`rgba(255, 255, 255, 0.9)`,contextMenuBackground:`#2D2D3D`,contextMenuBorder:`#5A5A7A`,contextMenuText:`#CCCCDD`,contextMenuHoverBackground:`#3A3A4A`,contextMenuHoverText:`#FFFFFF`,eventDurationLabel:`#FFD700`},n={metadata:{name:`theme-dark`,version:`1.0.0`,description:`Dark theme for timeline`,type:e.THEME},activate(e){e.config.colors={...e.config.colors,...t},e.api.registerRenderLayer({name:`theme-dark-background`,position:`background`,render(e,t,n){e.fillStyle=n.colors.canvasBackground,e.fillRect(0,0,t.width,t.height)}})},deactivate(e){e.api.unregisterRenderLayer(`theme-dark-background`)}};export{n as t};

package/dist/EventMediaPlugin-C10NRApa.mjs

@@ -1 +0,0 @@
-import{n as e}from"./types-Dc2ct_CM.mjs";function t(e,t=!0){let n=Math.round(e),r=Math.floor(n/3600),i=Math.floor(n%3600/60),a=n%60;return t?`${r.toString().padStart(2,`0`)}:${i.toString().padStart(2,`0`)}:${a.toString().padStart(2,`0`)}`:`${r.toString().padStart(2,`0`)}:${i.toString().padStart(2,`0`)}`}function n(){let e=new Date;return e.getHours()*3600+e.getMinutes()*60+e.getSeconds()}function r(e,t,n,r,i,a){if(i!=null&&i>0){let t=i/Math.max(1,Math.floor(a??10));return e>=r?t:i}return!n||e<r?t*60:[{threshold:10,seconds:.5},{threshold:8,seconds:1},{threshold:5,seconds:2},{threshold:3,seconds:5},{threshold:2,seconds:10},{threshold:1.5,seconds:15},{threshold:0,seconds:30}].find(t=>e>=t.threshold)?.seconds??30}function i(e,t){return Math.round(e/t)*t}function a(e,t=3){let n=10**t;return Math.round(e*n)/n}function o(e,n){return`${t(e)} - ${t(n)}`}function s(e){return`持续 ${t(a(e))}`}function c(e,t,n,r,i,a,o=!1){e.beginPath(),e.moveTo(t+a,n),e.lineTo(t+r-a,n),e.arcTo(t+r,n,t+r,n+a,a),e.lineTo(t+r,n+i-a),e.arcTo(t+r,n+i,t+r-a,n+i,a),e.lineTo(t+a,n+i),e.arcTo(t,n+i,t,n+i-a,a),e.lineTo(t,n+a),e.arcTo(t,n,t+a,n,a),e.closePath(),o?e.stroke():e.fill()}function l(e,t,n,r,i,a){return n+(e-t)*r*i-a}const u={canvasBackground:`#1E1E2E`,timelineBackground:`#2D2D3D`,trackBackground:`#2A2A3A`,trackBackgroundSelected:`#3A3A4A`,timelineText:`#CCCCDD`,timelineGrid:`#5A5A7A`,timelineSubGrid:`#3A3A4A`,trackText:`#CCCCDD`,eventColors:[`#FF6B6B`,`#4ECDC4`,`#45B7D1`,`#96CEB4`,`#FECA57`,`#FF9FF3`],eventText:`#FFFFFF`,eventBorder:`#FFFFFF`,eventBorderSelected:`#FFD700`,eventOverlay:`rgba(255, 255, 255, 0.2)`,dragPreviewValid:`rgba(100, 255, 100, 0.5)`,dragPreviewInvalid:`rgba(255, 100, 100, 0.5)`,dragPreviewBorderValid:`#00FF00`,dragPreviewBorderInvalid:`#FF0000`,timeIndicator:`#FF6B6B`,guideLine:`#00D9FF`,guideLineLabel:`#00D9FF`,dragTimeReferenceLine:`#FFD700`,dragTimeReferenceLabel:`#FFD700`,dragTimeReferenceLabelBackground:`rgba(0, 0, 0, 0)`,scrollbarTrack:`rgba(255, 255, 255, 0.6)`,scrollbarHandle:`rgba(150, 150, 150, 0.8)`,scrollbarHandleHover:`rgba(0, 0, 0, 0.85)`,scrollbarHandleHighlight:`rgba(255, 255, 255, 0.3)`,scrollbarBorder:`rgba(255, 255, 255, 0.9)`,contextMenuBackground:`#2D2D3D`,contextMenuBorder:`#5A5A7A`,contextMenuText:`#CCCCDD`,contextMenuHoverBackground:`#3A3A4A`,contextMenuHoverText:`#FFFFFF`,eventDurationLabel:`#FFD700`},d={titleFontSize:`auto`,timeFontSize:`auto`,titleFontFamily:`Arial`,timeFontFamily:`Arial`,titleFontWeight:`bold`,timeFontWeight:`normal`,titleColor:null,timeColor:null,textAlign:`left`,verticalAlign:`middle`,titleOffsetY:0,timeOffsetY:0,showTitle:!0,showTime:!0,minHeightForTitle:40,minHeightForTime:50},f={borderRadius:2,enableSelectionGlow:!1,selectionGlowBlur:10},p=[{type:`edit`,name:`编辑`},{type:`delete`,name:`删除`},{type:`export`,name:`导出`}],m={fontSize:14,fontFamily:`Arial, sans-serif`,fontWeight:`normal`,padding:8,itemHeight:32,borderRadius:6,borderWidth:1,minWidth:120},h={timelineHeight:40,trackHeight:80,trackMargin:10,firstTrackTopMargin:10,secondWidth:100/3600,startTime:0,endTime:86400,startPaddingTime:.5,endPaddingTime:0,autoFitOnInit:!0,minAutoFitZoom:1,maxAutoFitZoom:3,timeUnit:`second`,timeFormat:`24h`,snapInterval:15,snapToSeconds:!0,secondPrecisionZoomThreshold:1.5,timeIndicatorWidth:3,timeIndicatorSnapThreshold:10,timeIndicatorHeadSize:12,timeIndicatorTriangleHeight:8,guideLineSnapThreshold:1,enableTimeIndicator:!0,enableEventResize:!0,enableEventSplit:!0,enableContextMenu:!0,resizeHandleWidth:8,minEventDuration:.25,debug:!1,enablePerformanceMonitor:!1,autoAddTrack:!0,autoRemoveEmptyLastTrack:!0,readOnly:!1,showEventDurationLabel:!0,formatEventDuration:null,scale:null,scaleSplitCount:10,getScaleRender:null};function g(e){return{id:e.id,startTime:e.startTime,endTime:e.endTime,duration:e.duration,title:e.title,description:e.description,color:e.color,...e.readonly?{readonly:e.readonly}:{},...e.customData?{customData:{...e.customData}}:{}}}const _=new Map,v=new Map;function y(e,t,n,r){let i=_.get(e);if(i)return i;let a=new Path2D,o=r/2,s=Math.max(1,Math.floor((r-2)/2)),c=t.length,l=Math.max(1,n-1);for(let e=0;e<n;e++){let n=Math.min(c-1,Math.max(0,Math.floor(e/l*c))),r=Math.max(-1,Math.min(1,t[n]))*s;a.moveTo(e,o-r),a.lineTo(e,o+r)}return _.set(e,a),a}function b(e,t,n,r,i,a){let o=v.get(e);if(o&&o.width===n&&o.height===r)return o.bitmap;if(typeof OffscreenCanvas>`u`||n<=0||r<=0)return null;try{let o=Math.max(1,Math.ceil(n)),s=Math.max(1,Math.ceil(r)),c=new OffscreenCanvas(o,s),l=c.getContext(`2d`);if(!l)return null;a&&(l.fillStyle=a,l.fillRect(0,0,o,s));let u=y(`${e}_path`,t,o,s);l.strokeStyle=i,l.lineWidth=1,l.stroke(u);let d=c.transferToImageBitmap(),f=v.get(e);return f&&f.bitmap.close(),v.set(e,{bitmap:d,width:o,height:s}),d}catch{return null}}function x(){return{metadata:{name:`event-media`,version:`1.0.0`,description:`Render images and waveforms inside event blocks`,type:e.RENDER},async activate(e){let t=new Map,n=new Map,r=new Map;e.api.setData(`eventMediaImageCache`,t),e.api.setData(`eventMediaImageLoading`,n),e.api.setData(`eventMediaWaveCache`,r);let i=(t,n,r,i,a,o,s,l,u,d)=>{let f=e.api.getData(`eventMediaImageCache`),p=e.api.getData(`eventMediaImageLoading`),m=e.api.getData(`eventMediaWaveCache`),h=r.tracks[i].events[a],g=s+u,_=n.eventBlockStyle.borderRadius;t.save(),_>0?(c(t,o,g,l,d,_),t.clip()):(t.beginPath(),t.rect(o,g,l,d),t.clip());let v=h.media&&h.media.images||[];if(v.length>0&&f&&p)for(let e of v){let n=`${h.id??`${i}_${a}`}_${e.src}`,r=f.get(n);if(!r&&!p.get(n)){let t=fetch(e.src).then(e=>e.blob()).then(e=>createImageBitmap(e)).then(e=>(f.set(n,e),e)).catch(()=>void 0);p.set(n,t)}if(r=f.get(n),r){let n=e.fit||`cover`,i=e.opacity===void 0?.35:e.opacity,a=l,s=d;if(n!==`stretch`){let e=r.width,t=r.height,i=n===`cover`?Math.max(l/e,d/t):Math.min(l/e,d/t);a=Math.max(1,Math.floor(e*i)),s=Math.max(1,Math.floor(t*i))}let c=o+(l-a)/2,u=g+(d-s)/2,f=t.globalAlpha;t.globalAlpha=i,t.drawImage(r,0,0,r.width,r.height,c,u,a,s),t.globalAlpha=f}}let x=h.media&&h.media.waveform||void 0;if(x){let e=`${h.id??`${i}_${a}`}_wf`,n=m?m.get(e):void 0;if(!n){let t=x.data;n=Array.isArray(t)?new Float32Array(t):t,m&&m.set(e,n)}let r=x.opacity===void 0?.5:x.opacity,s=t.globalAlpha;t.globalAlpha=r;let c=x.color||`#00A0FF`,u=Math.max(1,Math.ceil(l)),f=Math.max(1,Math.ceil(d)),p=b(`${e}_${u}_${f}_${c}_${x.backgroundColor||``}`,n,u,f,c,x.backgroundColor);if(p)t.drawImage(p,o,g,l,d);else{x.backgroundColor&&(t.fillStyle=x.backgroundColor,t.fillRect(o,g,l,d));let r=y(`${e}_${u}_${f}`,n,u,f);t.save(),t.translate(o,g),t.strokeStyle=c,t.lineWidth=1,t.stroke(r),t.restore()}t.globalAlpha=s}t.restore()};e.api.registerEventHandler(`render:event:media`,i),e.api.setData(`eventMediaHandler`,i)},deactivate(e){let t=e.api.getData(`eventMediaHandler`);t&&e.api.unregisterEventHandler(`render:event:media`,t);let n=e.api.getData(`eventMediaImageCache`);n&&n.clear();let r=e.api.getData(`eventMediaImageLoading`);r&&r.clear();let i=e.api.getData(`eventMediaWaveCache`);i&&i.clear();for(let e of v.values())e.bitmap.close();v.clear(),_.clear()}}}export{i as _,p as a,d as c,a as d,s as f,r as g,n as h,h as i,c as l,o as m,g as n,m as o,t as p,u as r,f as s,x as t,l as u};

package/dist/EventTooltipPlugin-BGMlHyI2.mjs

@@ -1 +0,0 @@
-import{i as e}from"./Logger-CfVK3yFL.mjs";import{n as t}from"./types-Dc2ct_CM.mjs";const n=e(`EventTooltipPlugin`);function r(e={}){let{htmlTemplate:r,showDelay:i=300,maxWidth:a=300,padding:o=8,borderRadius:s=4,backgroundColor:c=`#333`,textColor:l=`#fff`,borderColor:u=`#555`,fontSize:d=12,fontFamily:f=`Arial, sans-serif`}=e,p={visible:!1,title:``,x:0,y:0,trackIndex:-1,eventIndex:-1},m=null,h=null;function g(e,t,n){return e.measureText(t).width>n}return{metadata:{name:`event-tooltip`,version:`1.0.0`,description:`Tooltip plugin for displaying full event title when text is truncated`,type:t.EXTENSION},activate(e){let t=e.timeline.getCanvas(),_=!1,v=null,y=n=>{let r=t.getBoundingClientRect(),a=n.clientX-r.left,o=n.clientY-r.top,s=e.config,c=e.state,l=e.timeline.getEventAtPosition(a,o);if(l){let{trackIndex:n,eventIndex:r}=l,u=c.tracks[n]?.events[r];if(!u){x();return}if(h&&h.trackIndex===n&&h.eventIndex===r&&p.visible){p.x=a,p.y=o,e.timeline.draw();return}h={trackIndex:n,eventIndex:r},m&&=(clearTimeout(m),null);let d=u.duration*s.secondWidth*c.zoomLevel-20,f=t.getContext(`2d`);if(!f)return;let _=s.eventTextStyle,v=_.titleFontSize===`auto`?Math.max(10,Math.min(14,s.trackHeight*.175)):_.titleFontSize;f.font=`${_.titleFontWeight} ${v}px ${_.titleFontFamily}`,g(f,u.title,d)?m=setTimeout(()=>{p={visible:!0,title:u.title,x:a,y:o,trackIndex:n,eventIndex:r},e.timeline.draw()},i):x()}else x()},b=e=>{v=e,_||(_=!0,requestAnimationFrame(()=>{_=!1,v&&=(y(v),null)}))},x=()=>{m&&=(clearTimeout(m),null),h=null,p.visible&&(p.visible=!1,e.timeline.draw())},S=()=>{x()};t.addEventListener(`mousemove`,b),t.addEventListener(`mouseleave`,S),e.api.setData(`tooltipMouseMoveHandler`,b),e.api.setData(`tooltipMouseLeaveHandler`,S),e.api.registerRenderLayer({name:`event-tooltip-overlay`,position:`overlay`,render(t,i,m,h){if(!p.visible||!p.title){let t=e.api.getData(`tooltipContainer`)||null;t&&(t.style.display=`none`);return}let g=e.timeline.getCanvas().getBoundingClientRect(),_=p.x,v=p.y-10;t.save(),t.font=`${d}px ${f}`;let y=p.title.split(``),b=[],x=``;for(let e of y){let n=x+e;t.measureText(n).width>a-o*2?x?(b.push(x),x=e):b.push(e):x=n}x&&b.push(x);let S=0;for(let e of b){let n=t.measureText(e).width;S=Math.max(S,n)}S=Math.min(S+o*2,a);let C=d*1.4,w=b.length*C+o*2;if(v-=w,_+S>g.width&&(_=g.width-S-5),_<5&&(_=5),v<5&&(v=p.y+20),r){let i=r(p.title);if(!i||i.trim()===``)n.warn(`htmlTemplate returned empty content, falling back to Canvas rendering`);else{let n=e.api.getData(`tooltipContainer`)||null;if(!n){n=document.createElement(`div`),n.style.position=`absolute`,n.style.zIndex=`1001`,n.style.pointerEvents=`none`,n.style.boxShadow=`0 2px 8px rgba(0,0,0,0.3)`,n.style.border=`1px solid ${u}`,n.style.borderRadius=`${s}px`,n.style.padding=`${o}px`,n.style.fontSize=`${d}px`,n.style.fontFamily=f,n.style.backgroundColor=c,n.style.color=l,n.style.maxWidth=`${a}px`,n.style.wordWrap=`break-word`,n.style.whiteSpace=`pre-wrap`;let t=e.timeline.getCanvas().parentElement||document.body;t.style.position=t.style.position||`relative`,t.appendChild(n),e.api.setData(`tooltipContainer`,n)}n.style.display=`block`,n.style.left=`${_}px`,n.style.top=`${v}px`,n.innerHTML=i,t.restore();return}}if(t.shadowColor=`rgba(0, 0, 0, 0.3)`,t.shadowBlur=8,t.shadowOffsetX=0,t.shadowOffsetY=2,t.fillStyle=c,t.beginPath(),t.roundRect)t.roundRect(_,v,S,w,s);else{let e=_,n=v,r=S,i=w,a=s;t.moveTo(e+a,n),t.lineTo(e+r-a,n),t.quadraticCurveTo(e+r,n,e+r,n+a),t.lineTo(e+r,n+i-a),t.quadraticCurveTo(e+r,n+i,e+r-a,n+i),t.lineTo(e+a,n+i),t.quadraticCurveTo(e,n+i,e,n+i-a),t.lineTo(e,n+a),t.quadraticCurveTo(e,n,e+a,n)}t.fill(),t.shadowColor=`transparent`,t.shadowBlur=0,t.strokeStyle=u,t.lineWidth=1,t.stroke(),t.fillStyle=l,t.font=`${d}px ${f}`,t.textAlign=`left`,t.textBaseline=`top`;for(let e=0;e<b.length;e++)t.fillText(b[e],_+o,v+o+e*C);t.restore()}})},deactivate(e){let t=e.timeline.getCanvas(),n=e.api.getData(`tooltipMouseMoveHandler`),r=e.api.getData(`tooltipMouseLeaveHandler`);n&&t.removeEventListener(`mousemove`,n),r&&t.removeEventListener(`mouseleave`,r),m&&=(clearTimeout(m),null),e.api.unregisterRenderLayer(`event-tooltip-overlay`);let i=e.api.getData(`tooltipContainer`)||null;i&&i.parentElement&&i.parentElement.removeChild(i)},destroy(e){let t=e.api.getData(`tooltipContainer`)||null;t&&t.parentElement&&t.parentElement.removeChild(t),m&&=(clearTimeout(m),null)}}}export{r as t};

package/dist/LightThemePlugin-CCklHOHQ.mjs

@@ -1 +0,0 @@
-import{n as e}from"./types-Dc2ct_CM.mjs";const t={canvasBackground:`#FFFFFF`,timelineBackground:`#FFFFFF`,trackBackground:`#FFFFFF`,trackBackgroundSelected:`rgba(63, 118, 252, 0.1)`,trackBackgroundOdd:`#FFFFFF`,trackBackgroundEven:`#F9FAFD`,timelineText:`#969BA5`,timelineGrid:`#E5E5E5`,timelineSubGrid:`#fff`,trackText:`#CCCCDD`,eventColors:[`rgba(63, 118, 252, 0.16)`],eventText:`#FFFFFF`,eventBorder:`#FFFFFF`,eventBorderSelected:`#3F76FC`,eventOverlay:`rgba(255, 255, 255, 0.2)`,dragPreviewValid:`rgba(100, 255, 100, 0.5)`,dragPreviewInvalid:`rgba(255, 100, 100, 0.5)`,dragPreviewBorderValid:`#00FF00`,dragPreviewBorderInvalid:`#FF0000`,timeIndicator:`#3F76FC`,guideLine:`#00D9FF`,guideLineLabel:`#00D9FF`,dragTimeReferenceLine:`#FFD700`,dragTimeReferenceLabel:`#FFD700`,dragTimeReferenceLabelBackground:`rgba(0, 0, 0, 0)`,scrollbarTrack:`rgba(63, 118, 252, 0.08)`,scrollbarHandle:`rgba(63, 118, 252, 0.5)`,scrollbarHandleHover:`rgba(63, 118, 252, 0.8)`,scrollbarHandleHighlight:`rgba(63, 118, 252, 0.12)`,scrollbarBorder:`rgba(63, 118, 252, 0.6)`,contextMenuBackground:`#2D2D3D`,contextMenuBorder:`#5A5A7A`,contextMenuText:`#CCCCDD`,contextMenuHoverBackground:`#4a00e0`,contextMenuHoverText:`#FFFFFF`,eventDurationLabel:`#3F76FC`},n={metadata:{name:`theme-light`,version:`1.0.0`,description:`Light theme for timeline`,type:e.THEME},activate(e){e.config.colors={...e.config.colors,...t},e.api.registerRenderLayer({name:`theme-light-background`,position:`background`,render(e,t,n){e.fillStyle=n.colors.canvasBackground,e.fillRect(0,0,t.width,t.height)}})},deactivate(e){e.api.unregisterRenderLayer(`theme-light-background`)}};export{n as t};

package/dist/PerformanceOverlayPlugin-CiGYUAlO.mjs

@@ -1 +0,0 @@
-import{t as e}from"./performanceMonitor-BBherdD8.mjs";import{n as t}from"./types-Dc2ct_CM.mjs";const n={metadata:{name:`performance-overlay`,version:`1.0.0`,description:`Draw performance metrics overlay`,type:t.TOOL},activate(t){let n=new e(t.config.enablePerformanceMonitor||t.config.debug);t.api.setPerformanceProvider(n),t.api.setData(`perfMonitor`,n),t.api.setData(`perfOverlayPos`,{x:10,y:10}),t.api.setData(`perfOverlayDragging`,!1),t.api.setData(`perfOverlayOffset`,{x:0,y:0});let r=t.timeline.getCanvas(),i=e=>{let n=r.getBoundingClientRect(),i=e.clientX-n.left,a=e.clientY-n.top,o=t.api.getData(`perfOverlaySize`),s=t.api.getData(`perfOverlayPos`)||{x:10,y:10};o&&i>=s.x&&i<=s.x+o.width&&a>=s.y&&a<=s.y+o.height&&(t.api.setData(`perfOverlayDragging`,!0),t.api.setData(`perfOverlayOffset`,{x:i-s.x,y:a-s.y}),e.stopImmediatePropagation(),e.preventDefault())},a=e=>{if(!t.api.getData(`perfOverlayDragging`))return;let n=r.getBoundingClientRect(),i=e.clientX-n.left,a=e.clientY-n.top,o=t.api.getData(`perfOverlayOffset`)||{x:0,y:0},s=t.api.getData(`perfOverlaySize`)||{width:0,height:0},c=i-o.x,l=a-o.y;c=Math.max(0,Math.min(n.width-s.width,c)),l=Math.max(0,Math.min(n.height-s.height,l)),t.api.setData(`perfOverlayPos`,{x:c,y:l}),t.timeline.markDirty([`overlay`]),t.timeline.draw(),e.stopImmediatePropagation(),e.preventDefault()},o=e=>{t.api.getData(`perfOverlayDragging`)&&t.api.setData(`perfOverlayDragging`,!1)};r.addEventListener(`mousedown`,i,{capture:!0}),r.addEventListener(`mousemove`,a,{capture:!0}),window.addEventListener(`mouseup`,o,{capture:!0}),t.api.setData(`perfOverlayListeners`,{onMouseDown:i,onMouseMove:a,onMouseUp:o}),t.api.registerRenderLayer({name:`performance-overlay`,position:`overlay`,render(e){let n=t.api.getData(`perfMonitor`),r=!!(t.config.enablePerformanceMonitor||t.config.debug);if(n)if(r)n.enable();else{n.disable(),n.clear();return}else if(!r)return;let i=t.api.getPerformanceStats(),a=t.api.getFPS(),o=Array.from(i.entries()),s=[`background`,`tracks`,`timeline`,`interaction`,`guideLines`,`scrollbar`,`overlay`,`dragPreview`],c=t.timeline.getLastLayerTimes?t.timeline.getLastLayerTimes():void 0,l=c?s.filter(e=>c[e]!==void 0).length:0,u=c?1+l:0,d=25+(1+(i.size===0?1:o.length)+u)*20+30,f=t.api.getData(`perfOverlayPos`)||{x:10,y:10};t.api.setData(`perfOverlaySize`,{width:280,height:d}),e.fillStyle=`rgba(0, 0, 0, 0.8)`,e.fillRect(f.x,f.y,280,d),e.strokeStyle=`rgba(100, 255, 100, 0.6)`,e.lineWidth=2,e.strokeRect(f.x,f.y,280,d),e.fillStyle=`#00FF00`,e.font=`bold 16px monospace`,e.textAlign=`left`,e.fillText(`性能监控报告`,f.x+10,f.y+20);let p=f.y+20+25;if(e.fillStyle=a>=55?`#00FF00`:a>=30?`#FFFF00`:`#FF0000`,e.font=`bold 14px monospace`,e.fillText(`FPS: ${a.toFixed(1)}`,f.x+10,p),e.font=`12px monospace`,p+=20,c){e.fillStyle=`#00FFFF`,e.font=`bold 12px monospace`,e.fillText(`Layer Times (ms):`,f.x+10,p),p+=20,e.font=`12px monospace`,e.fillStyle=`#FFFFFF`;for(let t of s)c[t]!==void 0&&(e.fillText(`${t}: ${c[t].toFixed(2)}`,f.x+10,p),p+=20)}i.size===0?(e.fillStyle=`#FFFFFF`,e.fillText(`Collecting...`,f.x+10,p),p+=20):o.forEach(([t,n])=>{let r=`#00FF00`;n.average>16&&(r=`#FFFF00`),n.average>33&&(r=`#FF0000`),e.fillStyle=r;let i=`${t}: ${n.average.toFixed(2)}ms (${n.min.toFixed(1)}-${n.max.toFixed(1)})`;e.fillText(i,f.x+10,p),p+=20})}})},deactivate(e){e.api.unregisterRenderLayer(`performance-overlay`);let t=e.api.getData(`perfOverlayListeners`),n=e.timeline.getCanvas();t&&(n.removeEventListener(`mousedown`,t.onMouseDown,!0),n.removeEventListener(`mousemove`,t.onMouseMove,!0),window.removeEventListener(`mouseup`,t.onMouseUp,!0))}};export{n as t};