@363045841yyt/klinechart-core 0.8.1-alpha.4 → 0.8.2

package/src/engine/viewport/chartViewportManager.ts

@@ -0,0 +1,310 @@
+import type { ChartDom, Viewport, ViewportState } from '../chartTypes'
+import type { VisibleRange, UpdateLevel } from '../layout/pane'
+import { createSignal, type Signal } from '../../reactivity/signal'
+
+export interface ViewportDependencies {
+  getDom: () => ChartDom
+  getBottomAxisHeight: () => number
+  getLeftLoadBufferWidth: () => number
+  getZoomLevel: () => number
+  getLastVisibleRange: () => VisibleRange
+  getKWidth: () => number
+  getKGap: () => number
+  scheduleDraw: (level?: UpdateLevel) => void
+  onResizeCompleted: () => void
+  resizeSharedWebGLSurface: (plotWidth: number, plotHeight: number, dpr: number) => void
+}
+
+export class ChartViewportManager {
+  private deps: ViewportDependencies
+
+  /** 精确 DPR（来自 ResizeObserver 的 devicePixelContentBoxSize） */
+  private preciseDpr = 0
+
+  /** 统一监听容器尺寸与 DPR 变化 */
+  private resizeObserver?: ResizeObserver
+
+  /** scroll 事件处理器引用（用于 cleanup） */
+  private onScroll?: () => void
+
+  /** 最近一次观测到的容器尺寸 */
+  private observedSize = { width: 0, height: 0 }
+
+  /** 缓存的 scrollLeft（通过 scroll 事件同步，避免每帧读取 DOM 触发强制回流） */
+  private cachedScrollLeft = 0
+
+  /** 待写入 DOM 的 scrollLeft（在 RAF 回调中应用，确保 Vue 已完成 DOM 更新） */
+  private _pendingScrollLeft: number | null = null
+
+  /** 内部视口状态 */
+  private _internalViewport: Viewport | null = null
+
+  /** 视口状态信号 */
+  private _viewportSignal = createSignal<ViewportState>({
+    zoomLevel: 1,
+    plotWidth: 0,
+    plotHeight: 0,
+    dpr: 1,
+    visibleFrom: 0,
+    visibleTo: 0,
+    kWidth: 0,
+    kGap: 1,
+  })
+
+  constructor(deps: ViewportDependencies) {
+    this.deps = deps
+  }
+
+  /** 视口状态信号 */
+  get viewportSignal(): Signal<ViewportState> {
+    return this._viewportSignal
+  }
+
+  /** 获取缓存的 scrollLeft（避免读取 DOM 触发强制回流） */
+  getCachedScrollLeft(): number {
+    return this.cachedScrollLeft
+  }
+
+  /** 获取逻辑 scrollLeft（减去左侧加载缓冲宽度，可为负值） */
+  getLogicalScrollLeft(): number {
+    return this.cachedScrollLeft - this.deps.getLeftLoadBufferWidth()
+  }
+
+  /** 获取当前视口 */
+  getViewport(): Viewport | null {
+    return this._internalViewport
+  }
+
+  /** 获取有效 DPR */
+  getEffectiveDpr(): number {
+    let dpr = this.preciseDpr > 0
+      ? this.preciseDpr
+      : Math.round((window.devicePixelRatio || 1) * 64) / 64
+    if (dpr < 1) dpr = 1
+    return dpr
+  }
+
+  /** 获取观测到的容器尺寸 */
+  getObservedSize(): { width: number; height: number } {
+    return this.observedSize
+  }
+
+  /** 设置滚动位置（缓存 + 待写入） */
+  setScrollLeft(v: number): void {
+    this.cachedScrollLeft = v
+    this._pendingScrollLeft = v
+  }
+
+  /** 仅设置缓存 scrollLeft（由 DataManager 内部使用） */
+  setCachedScrollLeft(v: number): void {
+    this.cachedScrollLeft = v
+  }
+
+  /** 仅设置待写入 scrollLeft（由 DataManager 内部使用） */
+  setPendingScrollLeft(v: number): void {
+    this._pendingScrollLeft = v
+  }
+
+  /** 在 RAF 回调中应用待写入的 scrollLeft */
+  applyPendingScrollLeft(container: HTMLElement): void {
+    if (this._pendingScrollLeft !== null) {
+      container.scrollLeft = this._pendingScrollLeft
+      this.cachedScrollLeft = container.scrollLeft
+      this._pendingScrollLeft = null
+    }
+  }
+
+  /** 初始化 ResizeObserver 和 scroll 监听 */
+  init(): void {
+    if (typeof ResizeObserver === 'undefined') return
+
+    const target = this.deps.getDom().container
+    if (!target) return
+
+    // 初始化 scrollLeft 缓存
+    this.cachedScrollLeft = target.scrollLeft
+    this.onScroll = () => { this.cachedScrollLeft = target.scrollLeft }
+    target.addEventListener('scroll', this.onScroll, { passive: true })
+
+    this.resizeObserver = new ResizeObserver((entries) => {
+      const entry = entries[0]
+      if (!entry) return
+
+      const prevWidth = this.observedSize.width
+      const prevHeight = this.observedSize.height
+      const prevDpr = this.preciseDpr
+
+      this.updateObservedMetrics(entry)
+
+      const widthChanged = this.observedSize.width !== prevWidth
+      const heightChanged = this.observedSize.height !== prevHeight
+      const dprChanged = this.preciseDpr !== prevDpr
+      if ((import.meta as any).env?.MODE !== 'production') {
+        console.log(
+          `[Chart] resize observer: ` +
+          `size ${prevWidth}x${prevHeight} -> ${this.observedSize.width}x${this.observedSize.height} ` +
+          `dpr ${prevDpr} -> ${this.preciseDpr} ` +
+          `changed: ${widthChanged || heightChanged ? 'size' : ''}${widthChanged || heightChanged && dprChanged ? '+' : ''}${dprChanged ? 'dpr' : ''}`
+        )
+      }
+      if (widthChanged || heightChanged || dprChanged) {
+        this.deps.onResizeCompleted()
+      }
+    })
+
+    try {
+      this.resizeObserver.observe(target, { box: 'device-pixel-content-box' as ResizeObserverBoxOptions })
+    } catch {
+      this.resizeObserver.observe(target)
+    }
+  }
+
+  /** 销毁 */
+  destroy(): void {
+    this.resizeObserver?.disconnect()
+    this.resizeObserver = undefined
+    this.preciseDpr = 0
+    this.observedSize = { width: 0, height: 0 }
+
+    if (this.onScroll) {
+      this.deps.getDom().container?.removeEventListener('scroll', this.onScroll)
+      this.onScroll = undefined
+    }
+
+    this._internalViewport = null
+  }
+
+  /**
+   * 计算视口
+   */
+  computeViewport(): Viewport | null {
+    const container = this.deps.getDom().container
+    if (!container) return null
+
+    const observedWidth = this.observedSize.width
+    const observedHeight = this.observedSize.height
+    const viewWidth = observedWidth > 0
+      ? observedWidth
+      : Math.max(1, Math.round(container.clientWidth))
+    const viewHeight = observedHeight > 0
+      ? observedHeight
+      : Math.max(1, Math.round(container.clientHeight))
+
+    const plotWidth = Math.round(viewWidth)
+    const plotHeight = Math.round(viewHeight - this.deps.getBottomAxisHeight())
+
+    let dpr = this.getEffectiveDpr()
+
+    const MAX_CANVAS_PIXELS = 16 * 1024 * 1024
+    const requestedPixels = viewWidth * dpr * (viewHeight * dpr)
+    if (requestedPixels > MAX_CANVAS_PIXELS) {
+      dpr = Math.sqrt(MAX_CANVAS_PIXELS / (viewWidth * viewHeight))
+    }
+
+    // 对齐 scrollLeft，消除 translate 亚像素偏移
+    const scrollLeft = Math.round(this.getLogicalScrollLeft() * dpr) / dpr
+
+    const dom = this.deps.getDom()
+
+    const canvasLayerWidth = `${viewWidth}px`
+    if (dom.canvasLayer.style.width !== canvasLayerWidth) {
+      dom.canvasLayer.style.width = canvasLayerWidth
+    }
+
+    const canvasLayerHeight = `${viewHeight}px`
+    if (dom.canvasLayer.style.height !== canvasLayerHeight) {
+      dom.canvasLayer.style.height = canvasLayerHeight
+    }
+
+    const xAxisWidth = Math.round(plotWidth * dpr)
+    if (dom.xAxisCanvas.width !== xAxisWidth) {
+      dom.xAxisCanvas.width = xAxisWidth
+    }
+
+    const xAxisHeight = Math.round(this.deps.getBottomAxisHeight() * dpr)
+    if (dom.xAxisCanvas.height !== xAxisHeight) {
+      dom.xAxisCanvas.height = xAxisHeight
+    }
+
+    const xAxisCssWidth = `${xAxisWidth / dpr}px`
+    if (dom.xAxisCanvas.style.width !== xAxisCssWidth) {
+      dom.xAxisCanvas.style.width = xAxisCssWidth
+    }
+
+    const xAxisCssHeight = `${xAxisHeight / dpr}px`
+    if (dom.xAxisCanvas.style.height !== xAxisCssHeight) {
+      dom.xAxisCanvas.style.height = xAxisCssHeight
+    }
+
+    this.deps.resizeSharedWebGLSurface(plotWidth, plotHeight, dpr)
+
+    const vp: Viewport = {
+      viewWidth,
+      viewHeight,
+      plotWidth,
+      plotHeight,
+      scrollLeft,
+      dpr,
+    }
+    const prevViewport = this._internalViewport
+    const viewportChanged = !prevViewport
+      || prevViewport.viewWidth !== vp.viewWidth
+      || prevViewport.viewHeight !== vp.viewHeight
+      || prevViewport.plotWidth !== vp.plotWidth
+      || prevViewport.plotHeight !== vp.plotHeight
+      || prevViewport.scrollLeft !== vp.scrollLeft
+      || prevViewport.dpr !== vp.dpr
+
+    this._internalViewport = vp
+    if (viewportChanged) {
+      const current = this._viewportSignal.peek()
+      this._viewportSignal.set({
+        zoomLevel: current.zoomLevel,
+        plotWidth: vp.plotWidth,
+        plotHeight: vp.plotHeight,
+        dpr: vp.dpr > 0 ? vp.dpr : current.dpr,
+        visibleFrom: current.visibleFrom,
+        visibleTo: current.visibleTo,
+        kWidth: current.kWidth,
+        kGap: current.kGap,
+      })
+    }
+    return vp
+  }
+
+  /**
+   * 更新 viewport signal（用于滚动事件/缩放后的信号同步）
+   */
+  updateViewportSignal(): void {
+    const vp = this._internalViewport
+    if (!vp) return
+
+    this._viewportSignal.set({
+      zoomLevel: this.deps.getZoomLevel(),
+      plotWidth: vp.plotWidth,
+      plotHeight: vp.plotHeight,
+      dpr: vp.dpr,
+      visibleFrom: this.deps.getLastVisibleRange().start,
+      visibleTo: this.deps.getLastVisibleRange().end,
+      kWidth: this.deps.getKWidth(),
+      kGap: this.deps.getKGap(),
+    })
+  }
+
+  private updateObservedMetrics(entry: ResizeObserverEntry) {
+    const cssWidth = Math.max(1, Math.round(entry.contentRect.width))
+    const cssHeight = Math.max(1, Math.round(entry.contentRect.height))
+    this.observedSize.width = cssWidth
+    this.observedSize.height = cssHeight
+
+    const pixelSize = entry.devicePixelContentBoxSize?.[0]
+    const cssSize = entry.contentBoxSize?.[0]
+    if (!pixelSize || !cssSize || cssSize.inlineSize <= 0) {
+      this.preciseDpr = 0
+      return
+    }
+
+    const raw = pixelSize.inlineSize / cssSize.inlineSize
+    this.preciseDpr = Math.round(raw * 64) / 64
+  }
+}

package/src/index.ts

@@ -2,3 +2,4 @@ export * from './reactivity'
 export * from './controllers'
 export { VERSION } from './version'
 export * from './tokens'
+export { formatTimestamp } from './utils/dateFormat'

package/src/plugin/types.ts

@@ -273,8 +273,11 @@ export interface RenderContext {
   ctx: CanvasRenderingContext2D
   pane: PaneInfo
   data: unknown[]
+  /** K线级别，如 'daily'、'5min'、'15min' */
+  period: string
   comparisonData?: ReadonlyMap<string, ReadonlyArray<KLineData>>
   comparisonSymbols?: ReadonlyArray<import('../controllers/types').SymbolSpec>
+  comparisonColors?: ReadonlyMap<string, string>
   range: { start: number; end: number }
   scrollLeft: number
   kWidth: number

package/src/semantic/index.ts

@@ -1,5 +1,6 @@
 export type {
   SemanticChartConfig,
+  AdjustType,
   DataConfig,
   IndicatorsConfig,
   MainIndicatorConfig,

package/src/semantic/schema.json

@@ -33,7 +33,7 @@
           "type": "string",
           "enum": ["daily", "weekly", "monthly", "5min", "15min", "30min", "60min"]
         },
-        "adjust": { "type": "string", "enum": ["qfq", "hfq", "none"] }
+        "adjust": { "type": "string", "enum": ["qfq", "hfq", "splits", "none"] }
       }
     },
     "IndicatorsConfig": {

package/src/semantic/types.ts

@@ -19,6 +19,8 @@ export interface SemanticChartConfig {
 // ============ 数据配置 ============
 
 /** 数据配置 */
+export type AdjustType = 'qfq' | 'hfq' | 'splits' | 'none'
+
 export interface DataConfig {
   source: 'baostock' | 'dongcai'
   /** 股票代码（6位数字，不含前缀） */
@@ -30,7 +32,7 @@ export interface DataConfig {
   /** 结束日期 YYYY-MM-DD */
   endDate: string
   period: 'daily' | 'weekly' | 'monthly' | '5min' | '15min' | '30min' | '60min'
-  adjust: 'qfq' | 'hfq' | 'none'
+  adjust: AdjustType
 }
 
 // ============ 指标配置 ============

package/src/tokens/__tests__/__snapshots__/baseline.test.ts.snap

@@ -57,10 +57,6 @@ exports[`theme baseline — dark > CSS declaration block (snapshot) 1`] = `
   --klc-color-text-tertiary: hsl(210, 6%, 60%);
   --klc-color-text-weak: hsl(210, 5%, 45%);
   --klc-color-text-white: rgba(255, 255, 255, 0.95);
-  --klc-color-price-up-light: rgba(255, 80, 100, 0.85);
-  --klc-color-price-up-tick: hsl(0, 70%, 60%);
-  --klc-color-price-down-light: rgba(60, 200, 160, 0.85);
-  --klc-color-price-down-tick: hsl(150, 50%, 65%);
   --klc-color-price-last-price: rgba(230, 100, 115, 0.95);
   --klc-color-tag-bg-white: rgb(40, 40, 55);
   --klc-color-tag-bg-light-gray: rgba(50, 50, 65, 0.92);
@@ -254,11 +250,7 @@ exports[`theme baseline — light > CSS declaration block (snapshot) 1`] = `
   --klc-color-text-tertiary: hsl(210, 8%, 50%);
   --klc-color-text-weak: hsl(210, 7%, 65%);
   --klc-color-text-white: rgba(255, 255, 255, 0.92);
-  --klc-color-price-up-light: rgba(214, 10, 34, 0.92);
-  --klc-color-price-up-tick: hsl(0, 60%, 50%);
-  --klc-color-price-down-light: rgba(3, 123, 102, 0.92);
-  --klc-color-price-down-tick: hsl(150, 30%, 60%);
-  --klc-color-price-last-price: rgba(196, 74, 86, 0.95);
+  --klc-color-price-last-price: rgba(230, 100, 115, 0.95);
   --klc-color-tag-bg-white: rgb(255, 255, 255);
   --klc-color-tag-bg-light-gray: rgba(255, 255, 255, 0.92);
   --klc-color-tag-bg-pure-white: #ffffff;

package/src/tokens/theme-china.ts

@@ -56,10 +56,6 @@ export function withAsiaMarketColors(theme: Theme): Theme {
             // ── Nested: price accents ──
             price: {
                 ...theme.colors.price,
-                upLight: theme.colors.price.downLight,
-                downLight: theme.colors.price.upLight,
-                upTick: theme.colors.price.downTick,
-                downTick: theme.colors.price.upTick,
             },
 
             // ── Nested: MACD histogram bars ──

package/src/tokens/theme-dark.ts

@@ -96,10 +96,6 @@ export const darkTheme: Theme = {
             white: 'rgba(255, 255, 255, 0.95)',
         },
         price: {
-            upLight: 'rgba(255, 80, 100, 0.85)',
-            upTick: 'hsl(0, 70%, 60%)',
-            downLight: 'rgba(60, 200, 160, 0.85)',
-            downTick: 'hsl(150, 50%, 65%)',
             lastPrice: 'rgba(230, 100, 115, 0.95)',
         },
         tagBg: {

package/src/tokens/theme-light.ts

@@ -101,12 +101,8 @@ export const lightTheme: Theme = {
             weak: 'hsl(210, 7%, 65%)',
             white: 'rgba(255, 255, 255, 0.92)',
         },
-        price: {
-            upLight: 'rgba(214, 10, 34, 0.92)',
-            upTick: 'hsl(0, 60%, 50%)',
-            downLight: 'rgba(3, 123, 102, 0.92)',
-            downTick: 'hsl(150, 30%, 60%)',
-            lastPrice: 'rgba(196, 74, 86, 0.95)',
+price: {
+            lastPrice: 'rgba(230, 100, 115, 0.95)',
         },
         tagBg: {
             white: 'rgb(255, 255, 255)',

package/src/tokens/types.ts

@@ -85,10 +85,6 @@ export interface TextColors {
  * (candleUpBody / candleDownBody); this group covers extras.
  */
 export interface PriceColors {
-    readonly upLight: ColorValue
-    readonly upTick: ColorValue
-    readonly downLight: ColorValue
-    readonly downTick: ColorValue
     readonly lastPrice: ColorValue
 }
 

package/src/types/price.ts

@@ -1,6 +1,8 @@
 export interface KLineData {
   /* 时间戳（毫秒） */
   timestamp: number
+  /** 日期字符串（如 "2025-06-16"），用于跨品种精确匹配 */
+  date?: string
   /* 开盘价 */
   open: number
   /* 最高价 */

package/src/utils/dateFormat.ts

@@ -137,6 +137,39 @@ export function monthKey(timestamp: number): number {
 
 // ========== 便捷别名 ==========
 
+/**
+ * 格式化时间戳为日期/日期时间字符串，支持可配置时区
+ * @param timestamp - 时间戳（毫秒）
+ * @param options - 配置项
+ * @param options.timeZone - 时区，默认 'Asia/Shanghai'
+ * @param options.showTime - 是否显示时间，默认 false
+ * @returns 格式化后的字符串，如 "2026-05-15" 或 "2026-05-15 09:35"
+ */
+export function formatTimestamp(
+  timestamp: number,
+  options?: { timeZone?: string; showTime?: boolean }
+): string {
+  const timeZone = options?.timeZone ?? 'Asia/Shanghai'
+  const showTime = options?.showTime ?? false
+  const formatter = new Intl.DateTimeFormat('zh-CN', {
+    timeZone,
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    ...(showTime ? { hour: '2-digit', minute: '2-digit', hour12: false } : {}),
+  })
+  const parts = formatter.formatToParts(new Date(timestamp))
+  let y = '', m = '', d = '', h = '', min = ''
+  for (const p of parts) {
+    if (p.type === 'year') y = p.value
+    else if (p.type === 'month') m = p.value
+    else if (p.type === 'day') d = p.value
+    else if (p.type === 'hour') h = p.value
+    else if (p.type === 'minute') min = p.value
+  }
+  return showTime ? `${y}-${m}-${d} ${h}:${min}` : `${y}-${m}-${d}`
+}
+
 /**
  * formatDateToYYYYMMDD 的别名，保持与历史代码的兼容性
  * timestamp 是"上海时区当天 00:00:00"映射到 UTC 的值；显示时强制按上海时区格式化
@@ -206,3 +239,55 @@ export function findMonthBoundaries(data: Array<{ timestamp: number } | undefine
     _cacheResult = boundaries
     return boundaries
 }
+
+// ========== 日边界查找 + 日标签格式化 ==========
+
+/**
+ * 查找每天第一个K线的索引
+ */
+export function findDayBoundaries(data: Array<{ timestamp: number } | undefined>): number[] {
+    if (data.length === 0) return []
+
+    const boundaries: number[] = [0]
+    let lastKey = dayKey(data[0]!.timestamp)
+
+    for (let i = 1; i < data.length; i++) {
+        const cur = data[i]
+        if (!cur) continue
+        const curKey = dayKey(cur.timestamp)
+        if (curKey !== lastKey) {
+            boundaries.push(i)
+            lastKey = curKey
+        }
+    }
+
+    return boundaries
+}
+
+function dayKey(timestamp: number): number {
+    const d = new Date(timestamp)
+    return d.getFullYear() * 366 + getDayOfYear(d)
+}
+
+/**
+ * 格式化日期为 "MM-DD" 或年初显示 "YYYY-MM-DD"
+ */
+export function formatDay(timestamp: number): { text: string; isYear: boolean } {
+    const d = new Date(timestamp)
+    const month = String(d.getMonth() + 1).padStart(2, '0')
+    const day = String(d.getDate()).padStart(2, '0')
+    const isYear = d.getMonth() === 0 && d.getDate() === 1
+    if (isYear) {
+        return { text: `${d.getFullYear()}-${month}-${day}`, isYear }
+    }
+    return { text: `${month}-${day}`, isYear }
+}
+
+// 兼容 getDayOfYear — fallback when not on Date prototype
+function getDayOfYear(date: Date): number {
+    const start = new Date(date.getFullYear(), 0, 0)
+    const diff = date.getTime() - start.getTime()
+    return Math.floor(diff / 86400000)
+}
+
+

package/src/utils/kLineDraw/axis.ts

@@ -1,7 +1,7 @@
 import type { KLineData } from '../../types/price'
 import { priceToY, yToPrice } from '../priceToY'
 import { alignToPhysicalPixelCenter, roundToPhysicalPixel } from '../../engine/draw/pixelAlign'
-import { formatYMDShanghai, formatMonthOrYear, findMonthBoundaries } from '../../utils/dateFormat'
+import { formatYMDShanghai, formatMonthOrYear, formatDay, findMonthBoundaries, findDayBoundaries } from '../../utils/dateFormat'
 import { resolveThemeColors } from '../../tokens'
 import type { ColorPresetSettings } from '../../tokens'
 import { getFont, setCanvasFont } from '../../engine/theme/fonts'
@@ -133,6 +133,8 @@ export interface TimeAxisOptions {
     drawTopBorder?: boolean
     /** 是否绘制底部边界线（默认 true，如果副图已有下边框则设为 false 避免重复） */
     drawBottomBorder?: boolean
+    /** K线级别，如 'daily'、'5min'、'15min' */
+    period: string
 }
 
 export interface LastPriceLineOptions {
@@ -406,15 +408,21 @@ export function drawTimeAxis(ctx: CanvasRenderingContext2D, opts: TimeAxisOption
     const regularFont = getFont(fontSize)
     const boldFont = getFont(fontSize, { bold: true })
 
-    const boundaries = findMonthBoundaries(data)
+    const isMinuteData = opts.period.includes('min')
+    const showOnlyYear = !isMinuteData && opts.period !== 'daily'
+    const boundaries = isMinuteData ? findDayBoundaries(data) : findMonthBoundaries(data)
     const visibleBoundaries = boundaries.filter((idx: number) => idx >= startIndex && idx < endIndex)
 
-    let lastWasYear: boolean | null = null
+    let lastBold: boolean | null = null
+    const labelFn = isMinuteData ? formatDay : formatMonthOrYear
 
     for (const idx of visibleBoundaries) {
         const k = data[idx]
         if (!k) continue
 
+        const { text, isYear } = labelFn(k.timestamp)
+        if (showOnlyYear && !isYear) continue
+
         const worldX = startX + idx * unit + alignedKWidth / 2
         const screenX = worldX - scrollLeft
 
@@ -423,10 +431,9 @@ export function drawTimeAxis(ctx: CanvasRenderingContext2D, opts: TimeAxisOption
 
         if (screenX >= minX && screenX <= maxX) {
             const drawX = Math.min(Math.max(screenX, minX), maxX)
-            const { text, isYear } = formatMonthOrYear(k.timestamp)
-            if (lastWasYear !== isYear) {
+            if (lastBold !== isYear) {
                 setCanvasFont(ctx, isYear ? boldFont : regularFont)
-                lastWasYear = isYear
+                lastBold = isYear
             }
             ctx.fillText(text, roundToPhysicalPixel(drawX, dpr), alignToPhysicalPixelCenter(textY, dpr))
         }

package/src/version.ts

@@ -1 +1 @@
-export const VERSION = "0.8.1-alpha.4"
+export const VERSION = "0.8.2"