@zerodep-dev/vue-tsx-pro-ui 0.0.0-stage → 0.2.0

package/dist/utils/virtual/virtualizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtualizer.js","names":[],"sources":["../../../src/utils/virtual/virtualizer.ts"],"sourcesContent":["/**\n * 虚拟滚动的核心：只渲染可见范围内的项（COMPONENTS.md §10.7）。不依赖 Vue，VirtualList、DataTable 都建在它上面。\n * 算法参考 @tanstack/virtual-core：先按估计大小排出位置表，渲染后测量真实大小并按 key 缓存；\n * 可见范围用二分查找；可视区上方的项大小变化时同步调整滚动位置，可见内容不跳。\n *\n *   const virtualizer = new Virtualizer({ count, estimateSize: () => 36, getScrollElement: () => el, onChange });\n *   const cleanup = virtualizer.mount();\n *   virtualizer.getVirtualItems()   // 要渲染的项：index、start（相对列表开头的偏移）、size\n *   <div data-index={item.index} ref={virtualizer.measureElement}>  // 测量真实大小\n */\nimport { clamp } from '../data/number';\n\n/** 一个要渲染的项；位置都相对列表开头，单位 px */\nexport interface VirtualItem {\n  /** 在数据里的序号 */\n  readonly index: number;\n  /** getItemKey 给出的 key，测量结果按它缓存 */\n  readonly key: PropertyKey;\n  /** 起始位置 */\n  readonly start: number;\n  /** 大小：测量过的为真实大小，否则为估计值 */\n  readonly size: number;\n  /** 结束位置（start + size） */\n  readonly end: number;\n}\n\n/** 可见范围（不含 overscan），两端都包含 */\nexport interface VisibleRange {\n  /** 第一个可见项 */\n  readonly startIndex: number;\n  /** 最后一个可见项 */\n  readonly endIndex: number;\n}\n\n/** 交给 rangeExtractor 的范围：可见范围、overscan 与总数 */\nexport interface ExtractorRange extends VisibleRange {\n  /** 可见范围前后各多渲染几项 */\n  readonly overscan: number;\n  /** 总项数 */\n  readonly count: number;\n}\n\n/** 滚动到某一项时，它停在视口的什么位置 */\nexport interface ScrollAligns {\n  /** 顶端（横向时为起始端）对齐视口开头 */\n  start: unknown;\n  /** 居中 */\n  center: unknown;\n  /** 末端对齐视口末尾 */\n  end: unknown;\n  /** 已经完整可见就不动，否则就近对齐开头或末尾（默认） */\n  auto: unknown;\n}\n\n/** scrollToIndex、scrollToOffset 的选项 */\nexport interface VirtualScrollOptions {\n  /** 目标项停在视口的什么位置，默认 auto（scrollToOffset 不用） */\n  align?: keyof ScrollAligns;\n  /** 滚动方式，同 Element.scrollTo；smooth 时动态大小的项可能停得不够准 */\n  behavior?: ScrollBehavior;\n}\n\n/** Virtualizer 的选项 */\nexport interface VirtualizerOptions {\n  /** 总项数 */\n  count: number;\n  /** 滚动容器：元素或 window；还没有时返回 null */\n  getScrollElement: () => HTMLElement | Window | null;\n  /** 第 index 项的估计大小（px）；渲染后以测量值为准，估计得越接近，滚动条越稳 */\n  estimateSize: (index: number) => number;\n  /** 第 index 项的 key，默认就是 index；数据会重排、增删时给稳定的 key，测量结果才对得上 */\n  getItemKey?: (index: number) => PropertyKey;\n  /** 可见范围前后各多渲染几项，默认 3：快速滚动时不露白 */\n  overscan?: number;\n  /** 横向滚动 */\n  horizontal?: boolean;\n  /** 列表开头距滚动内容开头的距离（px），如列表上方还有其他内容；函数在每次滚动时读取，默认 0 */\n  scrollMargin?: () => number;\n  /** 视口开头被吸顶的内容（表头）遮住的部分（px）：scrollToIndex 对齐时避开，被遮住的项不算可见；函数在滚动时读取 */\n  scrollPaddingStart?: () => number;\n  /** 视口末尾被吸底的内容（合计行）遮住的部分（px）；吸底的内容要在列表之后的正常流里 */\n  scrollPaddingEnd?: () => number;\n  /** 改写要渲染哪些项（序号升序）：吸顶行、固定行在这里加上，默认是可见范围加 overscan */\n  rangeExtractor?: (range: ExtractorRange) => number[];\n  /** 渲染范围或总大小变了：重新渲染 */\n  onChange?: (virtualizer: Virtualizer) => void;\n}\n\n/** 按大小依次排出每项的位置 */\nexport function computeMeasurements(\n  count: number,\n  sizeOf: (index: number, key: PropertyKey) => number,\n  keyOf: (index: number) => PropertyKey,\n): VirtualItem[] {\n  const items: VirtualItem[] = new Array(count);\n  let start = 0;\n  for (let index = 0; index < count; index++) {\n    const key = keyOf(index);\n    const size = sizeOf(index, key);\n    items[index] = { index, key, start, size, end: start + size };\n    start += size;\n  }\n  return items;\n}\n\n/** 与 [offset, offset + viewport) 相交的项；视口为 0 时只有 offset 处的一项；没有项时为 null */\nexport function findVisibleRange(\n  items: readonly VirtualItem[],\n  offset: number,\n  viewport: number,\n): VisibleRange | null {\n  if (!items.length) return null;\n  // 二分查找第一个 end > offset 的项\n  let low = 0;\n  let high = items.length - 1;\n  while (low < high) {\n    const middle = (low + high) >> 1;\n    if (items[middle]!.end > offset) high = middle;\n    else low = middle + 1;\n  }\n  let endIndex = low;\n  while (endIndex < items.length - 1 && items[endIndex]!.end < offset + viewport) endIndex++;\n  return { startIndex: low, endIndex };\n}\n\n/** 默认的渲染范围：可见范围前后各加 overscan 项 */\nexport function defaultRangeExtractor({\n  startIndex,\n  endIndex,\n  overscan,\n  count,\n}: ExtractorRange): number[] {\n  const from = Math.max(0, startIndex - overscan);\n  const to = Math.min(count - 1, endIndex + overscan);\n  return Array.from({ length: to - from + 1 }, (_, index) => from + index);\n}\n\n/** 滚动容器是不是 window（整页滚动） */\nexport const isWindow = (target: HTMLElement | Window): target is Window =>\n  typeof window !== 'undefined' && target === window;\n\n/** 动态大小下 scrollToIndex 重新对准的最多次数 */\nconst MAX_SCROLL_ATTEMPTS = 10;\n\n/** 虚拟滚动的状态与计算：位置表、可见范围、测量、滚动到指定项（用法见文件开头） */\nexport class Virtualizer {\n  private options: VirtualizerOptions;\n  /** key → 测量到的大小 */\n  private readonly sizes = new Map<PropertyKey, number>();\n  /** 位置表；前 valid 项是准的，之后的在下次读取时从第 valid 项往后重排 */\n  private measurements: VirtualItem[] | null = null;\n  private valid = 0;\n  /** 同一轮里的多次测量只通知一次 */\n  private updateQueued = false;\n  /** 每测到一次新的大小加一：scrollToIndex 据此判断位置是否已经稳定 */\n  private sizeVersion = 0;\n  /** 滚动位置，相对列表开头 */\n  private offset = 0;\n  private viewport = 0;\n  private range: VisibleRange | null = null;\n  private scrollElement: HTMLElement | Window | null = null;\n  private itemObserver: ResizeObserver | null = null;\n  private readonly observed = new Set<Element>();\n  /** 这一批新渲染、还没量过的项 */\n  private readonly unmeasured: HTMLElement[] = [];\n  private pendingScroll = 0;\n\n  constructor(options: VirtualizerOptions) {\n    this.options = options;\n  }\n\n  /** 换一组选项（总数、估计大小、key 等）：重新排位置表，测量过的大小按 key 保留 */\n  setOptions(options: VirtualizerOptions): void {\n    this.options = options;\n    this.measurements = null;\n    this.valid = 0;\n    this.update(true);\n  }\n\n  /** 开始监听滚动容器的滚动与大小变化；返回清理函数 */\n  mount(): () => void {\n    const element = this.options.getScrollElement();\n    if (!element) return () => {};\n    this.scrollElement = element;\n    const onScroll = () => this.readScroll();\n    const onResize = () => {\n      this.readViewport();\n      this.readScroll();\n    };\n    element.addEventListener('scroll', onScroll, { passive: true });\n    let viewportObserver: ResizeObserver | undefined;\n    if (isWindow(element)) window.addEventListener('resize', onResize);\n    else if (typeof ResizeObserver !== 'undefined') {\n      viewportObserver = new ResizeObserver(onResize);\n      viewportObserver.observe(element);\n    }\n    if (typeof ResizeObserver !== 'undefined') {\n      // 测量结果下一帧再用：在回调里同步改布局（重排位置、调整滚动），浏览器会报\n      // “ResizeObserver loop completed with undelivered notifications”。第一次测量在 measureRendered 里已经做过\n      this.itemObserver = new ResizeObserver((entries) => {\n        const sizes = entries.map((entry) => [entry.target, this.borderBoxSize(entry)] as const);\n        requestAnimationFrame(() => {\n          for (const [target, size] of sizes) this.resizeItem(target, size);\n        });\n      });\n      // 项的 ref 回调早于外层组件的 onMounted：挂载前就登记过的项这里补上观察，否则它们之后的大小变化永远收不到\n      for (const element of this.observed) this.itemObserver.observe(element);\n    }\n    this.readViewport();\n    this.readScroll();\n\n    return () => {\n      element.removeEventListener('scroll', onScroll);\n      if (isWindow(element)) window.removeEventListener('resize', onResize);\n      viewportObserver?.disconnect();\n      this.itemObserver?.disconnect();\n      this.itemObserver = null;\n      // 换滚动容器时会重新 mount：还在文档里的项留着，下次 mount 接着观察（它们的 ref 回调不会再来）\n      for (const observed of this.observed)\n        if (!observed.isConnected) this.observed.delete(observed);\n      cancelAnimationFrame(this.pendingScroll);\n      this.scrollElement = null;\n    };\n  }\n\n  /** 每项的位置表 */\n  getMeasurements(): readonly VirtualItem[] {\n    return this.measureUpTo(this.options.count - 1);\n  }\n\n  /**\n   * 位置表补算到第 index 项为止：只从第一个变了大小的项往后重排，不是每次测量都重建整张表\n   * （一万行时每次重建要几毫秒，滚动时每帧都有新的项被测量）\n   */\n  private measureUpTo(index: number): VirtualItem[] {\n    const { count, estimateSize, getItemKey = (i) => i } = this.options;\n    const sizeOf = (i: number, key: PropertyKey) => this.sizes.get(key) ?? estimateSize(i);\n    if (!this.measurements || this.measurements.length !== count) {\n      this.measurements = computeMeasurements(count, sizeOf, getItemKey);\n      this.valid = count;\n      return this.measurements;\n    }\n    const items = this.measurements;\n    const end = Math.min(index, count - 1);\n    let start = this.valid > 0 ? items[this.valid - 1]!.end : 0;\n    for (let i = this.valid; i <= end; i++) {\n      const key = getItemKey(i);\n      const size = sizeOf(i, key);\n      items[i] = { index: i, key, start, size, end: start + size };\n      start += size;\n    }\n    this.valid = Math.max(this.valid, end + 1);\n    return items;\n  }\n\n  /** 列表的总大小（px）：撑开滚动区域 */\n  getTotalSize(): number {\n    return this.getMeasurements().at(-1)?.end ?? 0;\n  }\n\n  /** 可见范围（不含 overscan）；没有项时为 null */\n  getVisibleRange(): VisibleRange | null {\n    return this.range;\n  }\n\n  /** 要渲染的项，序号升序 */\n  getVirtualItems(): VirtualItem[] {\n    if (!this.range) return [];\n    const { count, overscan = 3, rangeExtractor = defaultRangeExtractor } = this.options;\n    const measurements = this.getMeasurements();\n    return rangeExtractor({ ...this.range, overscan, count })\n      .map((index) => measurements[index])\n      .filter((item): item is VirtualItem => item != null);\n  }\n\n  /**\n   * 测量渲染出来的项：作为元素的 ref 回调，元素要带 data-index。同一批渲染的项在微任务里一起量，\n   * 之后大小变化由 ResizeObserver 自动更新。传 null（元素卸载）时不再观察已经离开文档的元素。\n   */\n  measureElement = (element: Element | null): void => {\n    if (!element) {\n      for (const observed of this.observed) {\n        if (observed.isConnected) continue;\n        this.itemObserver?.unobserve(observed);\n        this.observed.delete(observed);\n      }\n      return;\n    }\n    // 只在元素第一次出现时量（这一批渲染完、绘制之前）：之后的变化交给 ResizeObserver\n    if (this.observed.has(element)) return;\n    this.observed.add(element);\n    this.itemObserver?.observe(element);\n    this.unmeasured.push(element as HTMLElement);\n    if (this.unmeasured.length === 1) queueMicrotask(() => this.measureRendered());\n  };\n\n  /**\n   * 量这一批新渲染的项：先全部读完再更新。边读边改（调整滚动位置）时每次读取都强制重新布局，\n   * 一次渲染很多项（如滚动容器没有限高，所有项都“可见”）时是平方级的布局，页面会卡死。\n   * 量布局尺寸（offsetHeight）而不是 getBoundingClientRect：浮层进场的 scale 变换会把后者缩小，\n   * 元素之后被复用（列表过滤、重排）时 ResizeObserver 不会再报，缩小的值就一直留着，行与行叠在一起\n   */\n  private measureRendered() {\n    const { horizontal } = this.options;\n    const sizes = this.unmeasured\n      .splice(0)\n      .map(\n        (element) => [element, horizontal ? element.offsetWidth : element.offsetHeight] as const,\n      );\n    for (const [element, size] of sizes) this.resizeItem(element, size);\n  }\n\n  /** 滚动到第 index 项 */\n  scrollToIndex(index: number, { align = 'auto', behavior }: VirtualScrollOptions = {}): void {\n    cancelAnimationFrame(this.pendingScroll);\n    const target = () => this.offsetForIndex(index, align);\n    const first = target();\n    if (first == null) return;\n    this.scrollToOffset(first, { behavior });\n    if (behavior === 'smooth') return;\n    // 滚过去之后周围的项才被测量，位置可能变化：下一帧重新对准；\n    // 对准了、而且这一帧没有新的测量才算稳定（WebKit 的测量可能晚一两帧才到，对准后又变）\n    let attempts = 0;\n    let version = this.sizeVersion;\n    const settle = () => {\n      if (++attempts > MAX_SCROLL_ATTEMPTS) return;\n      const next = target();\n      const measured = version !== this.sizeVersion;\n      version = this.sizeVersion;\n      if (next != null && Math.abs(next - this.offset) >= 1) this.scrollToOffset(next);\n      else if (!measured) return;\n      this.pendingScroll = requestAnimationFrame(settle);\n    };\n    this.pendingScroll = requestAnimationFrame(settle);\n  }\n\n  /** 滚动到相对列表开头的 offset（px） */\n  scrollToOffset(offset: number, { behavior }: VirtualScrollOptions = {}): void {\n    const element = this.scrollElement;\n    if (!element) return;\n    const position = offset + this.scrollMargin();\n    element.scrollTo(\n      this.options.horizontal ? { left: position, behavior } : { top: position, behavior },\n    );\n  }\n\n  /** 第 index 项按 align 对齐时的滚动位置；auto 且已经完整可见时为 null */\n  private offsetForIndex(index: number, align: keyof ScrollAligns): number | null {\n    const item = this.getMeasurements()[clamp(index, 0, this.options.count - 1)];\n    if (!item) return null;\n    const { offset, viewport } = this;\n    const before = this.options.scrollPaddingStart?.() ?? 0;\n    const after = this.options.scrollPaddingEnd?.() ?? 0;\n    let target: number;\n    if (align === 'auto') {\n      if (item.start >= offset + before && item.end <= offset + viewport - after) return null;\n      target = item.start < offset + before ? item.start - before : item.end - viewport + after;\n    } else if (align === 'start') target = item.start - before;\n    else if (align === 'end') target = item.end - viewport + after;\n    else target = item.start + item.size / 2 - (viewport + before - after) / 2;\n    // 开头可以负到 -before：第一项对齐开头时回到最顶上，表头下面就是它\n    return clamp(target, -before, Math.max(0, this.getTotalSize() - viewport + after));\n  }\n\n  private resizeItem(element: Element, size: number) {\n    // 0 是还没排版（display: none、刚离开文档），保留原来的值\n    if (!size || !element.isConnected) return;\n    const index = Number(element.getAttribute('data-index'));\n    const item = this.measureUpTo(index)[index];\n    if (!item || item.size === size) return;\n    // 可视区上方的项变大或变小：同步调整滚动位置，可见内容不跳\n    if (item.start < this.offset) this.scrollBy(size - item.size);\n    this.sizes.set(item.key, size);\n    this.sizeVersion++;\n    this.valid = Math.min(this.valid, index);\n    // 渲染时一批新项依次测量：合并成一次通知，等这一批量完再重新算范围\n    if (this.updateQueued) return;\n    this.updateQueued = true;\n    queueMicrotask(() => {\n      this.updateQueued = false;\n      this.update(true);\n    });\n  }\n\n  private borderBoxSize(entry: ResizeObserverEntry) {\n    const box = entry.borderBoxSize?.[0];\n    if (!box) return this.options.horizontal ? entry.contentRect.width : entry.contentRect.height;\n    return this.options.horizontal ? box.inlineSize : box.blockSize;\n  }\n\n  private scrollBy(delta: number) {\n    this.offset += delta;\n    this.scrollElement?.scrollBy(this.options.horizontal ? { left: delta } : { top: delta });\n  }\n\n  private scrollMargin() {\n    return this.options.scrollMargin?.() ?? 0;\n  }\n\n  private readViewport() {\n    const element = this.scrollElement;\n    if (!element) return;\n    const { horizontal } = this.options;\n    if (isWindow(element)) this.viewport = horizontal ? window.innerWidth : window.innerHeight;\n    else this.viewport = horizontal ? element.clientWidth : element.clientHeight;\n  }\n\n  private readScroll() {\n    const element = this.scrollElement;\n    if (!element) return;\n    const { horizontal } = this.options;\n    const position = isWindow(element)\n      ? horizontal\n        ? window.scrollX\n        : window.scrollY\n      : horizontal\n        ? element.scrollLeft\n        : element.scrollTop;\n    this.offset = position - this.scrollMargin();\n    this.update(false);\n  }\n\n  /** 重新算可见范围；范围变了或 force 时通知 */\n  private update(force: boolean) {\n    const range = findVisibleRange(this.getMeasurements(), this.offset, this.viewport);\n    const changed =\n      range?.startIndex !== this.range?.startIndex || range?.endIndex !== this.range?.endIndex;\n    this.range = range;\n    if (changed || force) this.options.onChange?.(this);\n  }\n}\n"],"mappings":"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"}

package/dist/xlsx/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Excel 读写（子路径 `@zerodep-dev/vue-tsx-pro-ui/xlsx`）：导出带分组表头、数字格式的 .xlsx，读取时展开合并单元格、连起多行表头。
+ * 依赖可选的 peer exceljs，用到这个子路径时安装。见 workbook.ts。
+ *
+ *   import { exportXlsx, readXlsx } from '@zerodep-dev/vue-tsx-pro-ui/xlsx';
+ */
+export { exportXlsx, readXlsx, tableToXlsx, type XlsxExportOptions, type XlsxReadOptions, type XlsxSheet, } from './workbook';

package/dist/xlsx/index.js

@@ -0,0 +1 @@
+export { exportXlsx, readXlsx, tableToXlsx } from "./workbook.js";

package/dist/xlsx/workbook.d.ts

@@ -0,0 +1,33 @@
+import { type DataTableColumn, type DataTableColumnGroup } from '../table/columns';
+import { type SheetMatrixOptions, type SheetTable } from '../table/sheet';
+/** 导出的一张工作表 */
+export interface XlsxSheet<T> {
+    /** 工作表名（Excel 限 31 个字，不能有 \ / ? * [ ]） */
+    name: string;
+    /** 数据 */
+    rows: readonly T[];
+    /** 列定义（同 DataTable；只导出要的列时先筛掉操作列） */
+    columns: readonly DataTableColumn<T>[];
+    /** 分组表头（同 DataTable 的 columnGroups）：导出成两行表头，组标题横向合并 */
+    groups?: readonly DataTableColumnGroup[];
+}
+/** 导出的选项 */
+export interface XlsxExportOptions {
+    /** 金额列的币种（ISO 4217），默认 CNY；跟随语言时传 lang.currency */
+    currency?: string;
+    /** 金额符号按哪种语言取，默认 zh-CN */
+    locale?: string;
+    /** 合计行第一列的文字，默认“合计” */
+    summaryLabel?: string;
+}
+/** 读取的选项 */
+export interface XlsxReadOptions extends SheetMatrixOptions {
+    /** 只读这些工作表（名字）；默认全部 */
+    sheets?: readonly string[];
+}
+/** 表 → .xlsx 文件的内容（ArrayBuffer）；下载用 exportXlsx */
+export declare function tableToXlsx<T>(sheets: readonly XlsxSheet<T>[], { currency, locale, summaryLabel }?: XlsxExportOptions): Promise<ArrayBuffer>;
+/** 导出并下载 .xlsx：fileName 不带扩展名时自动加上 */
+export declare function exportXlsx<T>(fileName: string, sheets: readonly XlsxSheet<T>[], options?: XlsxExportOptions): Promise<void>;
+/** 读 .xlsx 文件：每张工作表一个 SheetTable（见文件开头） */
+export declare function readXlsx(file: Blob, options?: XlsxReadOptions): Promise<SheetTable[]>;

package/dist/xlsx/workbook.js

@@ -0,0 +1,195 @@
+import { plainText } from "../utils/data/text.js";
+import { columnType, columnValue, headerLayout, sumColumn } from "../table/columns.js";
+import { sheetFromMatrix } from "../table/sheet.js";
+import { downloadFile } from "../utils/dom/download.js";
+import { Workbook } from "exceljs";
+//#region src/xlsx/workbook.ts
+/**
+* Excel 读写（子路径 `@zerodep-dev/vue-tsx-pro-ui/xlsx`）：建在 ExcelJS 上（可选的 peer 依赖，用到这个子路径时安装 exceljs）。
+*
+*   import { exportXlsx, readXlsx } from '@zerodep-dev/vue-tsx-pro-ui/xlsx';
+*   await exportXlsx('项目台账', [{ name: '台账', rows, columns, groups: columnGroups }]);
+*   const [sheet] = await readXlsx(file, { headerRows: 2, splitLines: ['零件号'] });
+*
+* 导出（tableToXlsx / exportXlsx）用 DataTable 的列定义：
+* - 分组表头（groups，同 DataTable 的 columnGroups）导出成两行表头，组标题横向合并，没分组的列上下合并；表头冻结在顶上；
+* - 数字、金额、百分比、日期是真正的数值与日期（带 Excel 的数字格式，能再计算），金额按列的 format.scale 换算（万元）；
+*   状态列写状态名；列写了 summary: 'sum' 时底部多一行合计；列宽按列定义的 width 换算。
+* 读取（readXlsx）把每张工作表变成 SheetTable（table/sheet.ts）：
+* - 合并单元格展开：被合并的格拿到左上角的值（上下合并的“供应商”每一行都有）；
+* - 多行表头（headerRows）连成“组 / 列”；公式取结果，富文本、链接取文字；
+* - splitLines：这些列的单元格里有换行时拆成几行。
+*/
+/** Excel 的数字格式：按列的类型与 format */
+function numberFormat(type, column, symbol) {
+	const digits = column.format?.maximumFractionDigits;
+	const decimals = (count) => count > 0 ? `.${"0".repeat(count)}` : "";
+	if (type === "currency") return `"${symbol}"#,##0${decimals(digits ?? 2)}`;
+	if (type === "percent") return `0${decimals(digits ?? 1)}%`;
+	if (type === "number") return digits == null ? "#,##0.########" : `#,##0${decimals(digits)}`;
+	if (type === "date") return "yyyy-mm-dd";
+	if (type === "dateTime") return "yyyy-mm-dd hh:mm";
+}
+/** 日期值（Date、ISO 字符串、@internationalized/date 的日期）→ Excel 的日期（按 UTC 写，打开时不偏一天） */
+function toExcelDate(value) {
+	if (value instanceof Date) return value;
+	if (typeof value === "string") {
+		const match = /^(\d{4})-(\d{2})-(\d{2})(?:[T ](\d{2}):(\d{2}))?/.exec(value);
+		if (!match) return void 0;
+		const [, y, m, d, hh = "0", mm = "0"] = match;
+		return new Date(Date.UTC(+y, +m - 1, +d, +hh, +mm));
+	}
+	if (value && typeof value === "object" && "year" in value && "month" in value && "day" in value) {
+		const date = value;
+		return new Date(Date.UTC(date.year, date.month - 1, date.day, date.hour ?? 0, date.minute ?? 0));
+	}
+}
+/** 一格要写进 Excel 的值：数字类转成数（按 scale 换算），日期转成日期，状态写名字，其余是文字 */
+function cellValue(column, type, value) {
+	if (value == null || value === "") return null;
+	if (column.statuses && typeof value === "string") return column.statuses.label(value);
+	if (type === "number" || type === "currency" || type === "percent" || type === "fileSize") {
+		const number = Number(typeof value === "object" ? String(value) : value);
+		if (Number.isNaN(number)) return String(value);
+		return column.format?.scale ? number / column.format.scale : number;
+	}
+	if (type === "date" || type === "dateTime") return toExcelDate(value) ?? String(value);
+	if (typeof value === "boolean") return value;
+	return String(value);
+}
+/** 表头：有分组时两行（组标题横向合并，没分组的列上下合并），否则一行；返回表头的行数 */
+function writeHeader(sheet, columns, groups) {
+	const titleOf = (column) => plainText(column.header) ?? column.key;
+	const layout = headerLayout(columns, groups);
+	if (!layout.some((cell) => cell.kind === "group")) {
+		sheet.addRow(columns.map(titleOf));
+		return 1;
+	}
+	const top = [];
+	const bottom = [];
+	const merges = [];
+	for (const cell of layout) {
+		const start = top.length + 1;
+		if (cell.kind === "column") {
+			top.push(titleOf(cell.column));
+			bottom.push(titleOf(cell.column));
+			merges.push([
+				1,
+				start,
+				2,
+				start
+			]);
+		} else {
+			const title = plainText(cell.group.header) ?? cell.group.key;
+			for (const column of cell.columns) {
+				top.push(title);
+				bottom.push(titleOf(column));
+			}
+			if (cell.columns.length > 1) merges.push([
+				1,
+				start,
+				1,
+				start + cell.columns.length - 1
+			]);
+		}
+	}
+	sheet.addRow(top);
+	sheet.addRow(bottom);
+	for (const [r1, c1, r2, c2] of merges) sheet.mergeCells(r1, c1, r2, c2);
+	return 2;
+}
+/** 表 → .xlsx 文件的内容（ArrayBuffer）；下载用 exportXlsx */
+async function tableToXlsx(sheets, { currency = "CNY", locale = "zh-CN", summaryLabel = "合计" } = {}) {
+	const symbol = new Intl.NumberFormat(locale, {
+		style: "currency",
+		currency
+	}).formatToParts(0).find((part) => part.type === "currency")?.value ?? currency;
+	const workbook = new Workbook();
+	for (const { name, rows, columns, groups = [] } of sheets) {
+		const sheet = workbook.addWorksheet(name.replace(/[\\/?*[\]:]/g, " ").slice(0, 31));
+		const types = columns.map((column) => columnType(column, rows));
+		const headerRows = writeHeader(sheet, columns, groups);
+		for (const row of rows) sheet.addRow(columns.map((column, index) => cellValue(column, types[index], columnValue(column, row))));
+		if (columns.some((column) => column.summary === "sum")) {
+			const summary = sheet.addRow(columns.map((column, index) => {
+				if (column.summary === "sum") {
+					const total = sumColumn(column, rows);
+					return total == null ? null : cellValue(column, types[index], total);
+				}
+				return index === 0 ? summaryLabel : null;
+			}));
+			summary.font = { bold: true };
+		}
+		for (let index = 1; index <= headerRows; index++) {
+			const header = sheet.getRow(index);
+			header.font = { bold: true };
+			header.alignment = {
+				vertical: "middle",
+				horizontal: "center",
+				wrapText: true
+			};
+			header.eachCell((cell) => {
+				cell.fill = {
+					type: "pattern",
+					pattern: "solid",
+					fgColor: { argb: "FFF1F3F5" }
+				};
+			});
+		}
+		sheet.views = [{
+			state: "frozen",
+			ySplit: headerRows
+		}];
+		columns.forEach((column, index) => {
+			const target = sheet.getColumn(index + 1);
+			const format = numberFormat(types[index], column, symbol);
+			if (format) target.numFmt = format;
+			const title = plainText(column.header) ?? column.key;
+			target.width = column.width ? Math.round(column.width / 7) : Math.max(10, title.length * 2 + 4);
+		});
+	}
+	return await workbook.xlsx.writeBuffer();
+}
+/** 导出并下载 .xlsx：fileName 不带扩展名时自动加上 */
+async function exportXlsx(fileName, sheets, options) {
+	const content = await tableToXlsx(sheets, options);
+	const name = fileName.endsWith(".xlsx") ? fileName : `${fileName}.xlsx`;
+	downloadFile(name, content, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
+}
+/** ExcelJS 的单元格值 → 读进来的值：公式取结果，富文本、链接取文字，错误值当空 */
+function readValue(value) {
+	if (value == null) return null;
+	if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
+	if (value instanceof Date) return value;
+	if (typeof value === "object") {
+		if ("richText" in value) return value.richText.map((part) => part.text).join("");
+		if ("result" in value) return readValue(value.result ?? null);
+		if ("text" in value) return String(value.text);
+		if ("error" in value) return null;
+	}
+	return null;
+}
+/** 一张工作表 → 行列矩阵：合并单元格展开（被合并的格拿到左上角的值） */
+function sheetMatrix(sheet) {
+	const matrix = [];
+	for (let r = 1; r <= sheet.rowCount; r++) {
+		const row = sheet.getRow(r);
+		const cells = [];
+		for (let c = 1; c <= sheet.columnCount; c++) {
+			const cell = row.getCell(c);
+			cells.push(readValue(cell.isMerged ? cell.master.value : cell.value));
+		}
+		matrix.push(cells);
+	}
+	return matrix;
+}
+/** 读 .xlsx 文件：每张工作表一个 SheetTable（见文件开头） */
+async function readXlsx(file, options = {}) {
+	const workbook = new Workbook();
+	await workbook.xlsx.load(await file.arrayBuffer());
+	return workbook.worksheets.filter((sheet) => !options.sheets || options.sheets.includes(sheet.name)).map((sheet) => sheetFromMatrix(sheet.name, sheetMatrix(sheet), options));
+}
+//#endregion
+export { exportXlsx, readXlsx, tableToXlsx };
+
+//# sourceMappingURL=workbook.js.map

package/dist/xlsx/workbook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workbook.js","names":[],"sources":["../../src/xlsx/workbook.ts"],"sourcesContent":["/**\n * Excel 读写（子路径 `@zerodep-dev/vue-tsx-pro-ui/xlsx`）：建在 ExcelJS 上（可选的 peer 依赖，用到这个子路径时安装 exceljs）。\n *\n *   import { exportXlsx, readXlsx } from '@zerodep-dev/vue-tsx-pro-ui/xlsx';\n *   await exportXlsx('项目台账', [{ name: '台账', rows, columns, groups: columnGroups }]);\n *   const [sheet] = await readXlsx(file, { headerRows: 2, splitLines: ['零件号'] });\n *\n * 导出（tableToXlsx / exportXlsx）用 DataTable 的列定义：\n * - 分组表头（groups，同 DataTable 的 columnGroups）导出成两行表头，组标题横向合并，没分组的列上下合并；表头冻结在顶上；\n * - 数字、金额、百分比、日期是真正的数值与日期（带 Excel 的数字格式，能再计算），金额按列的 format.scale 换算（万元）；\n *   状态列写状态名；列写了 summary: 'sum' 时底部多一行合计；列宽按列定义的 width 换算。\n * 读取（readXlsx）把每张工作表变成 SheetTable（table/sheet.ts）：\n * - 合并单元格展开：被合并的格拿到左上角的值（上下合并的“供应商”每一行都有）；\n * - 多行表头（headerRows）连成“组 / 列”；公式取结果，富文本、链接取文字；\n * - splitLines：这些列的单元格里有换行时拆成几行。\n */\nimport { Workbook, type CellValue, type Worksheet } from 'exceljs';\nimport { plainText } from '../utils/data/text';\nimport { downloadFile } from '../utils/dom/download';\nimport {\n  columnType,\n  columnValue,\n  headerLayout,\n  sumColumn,\n  type ColumnTypes,\n  type DataTableColumn,\n  type DataTableColumnGroup,\n} from '../table/columns';\nimport {\n  sheetFromMatrix,\n  type SheetMatrixOptions,\n  type SheetTable,\n  type SheetValue,\n} from '../table/sheet';\nimport type { SortValue } from '../utils/data/collation';\n\n/** 导出的一张工作表 */\nexport interface XlsxSheet<T> {\n  /** 工作表名（Excel 限 31 个字，不能有 \\ / ? * [ ]） */\n  name: string;\n  /** 数据 */\n  rows: readonly T[];\n  /** 列定义（同 DataTable；只导出要的列时先筛掉操作列） */\n  columns: readonly DataTableColumn<T>[];\n  /** 分组表头（同 DataTable 的 columnGroups）：导出成两行表头，组标题横向合并 */\n  groups?: readonly DataTableColumnGroup[];\n}\n\n/** 导出的选项 */\nexport interface XlsxExportOptions {\n  /** 金额列的币种（ISO 4217），默认 CNY；跟随语言时传 lang.currency */\n  currency?: string;\n  /** 金额符号按哪种语言取，默认 zh-CN */\n  locale?: string;\n  /** 合计行第一列的文字，默认“合计” */\n  summaryLabel?: string;\n}\n\n/** 读取的选项 */\nexport interface XlsxReadOptions extends SheetMatrixOptions {\n  /** 只读这些工作表（名字）；默认全部 */\n  sheets?: readonly string[];\n}\n\n/** Excel 的数字格式：按列的类型与 format */\nfunction numberFormat(\n  type: keyof ColumnTypes,\n  column: DataTableColumn<unknown>,\n  symbol: string,\n): string | undefined {\n  const digits = column.format?.maximumFractionDigits;\n  const decimals = (count: number) => (count > 0 ? `.${'0'.repeat(count)}` : '');\n  if (type === 'currency') return `\"${symbol}\"#,##0${decimals(digits ?? 2)}`;\n  if (type === 'percent') return `0${decimals(digits ?? 1)}%`;\n  if (type === 'number') return digits == null ? '#,##0.########' : `#,##0${decimals(digits)}`;\n  if (type === 'date') return 'yyyy-mm-dd';\n  if (type === 'dateTime') return 'yyyy-mm-dd hh:mm';\n  return undefined;\n}\n\n/** 日期值（Date、ISO 字符串、@internationalized/date 的日期）→ Excel 的日期（按 UTC 写，打开时不偏一天） */\nfunction toExcelDate(value: SortValue): Date | undefined {\n  if (value instanceof Date) return value;\n  if (typeof value === 'string') {\n    const match = /^(\\d{4})-(\\d{2})-(\\d{2})(?:[T ](\\d{2}):(\\d{2}))?/.exec(value);\n    if (!match) return undefined;\n    const [, y, m, d, hh = '0', mm = '0'] = match;\n    return new Date(Date.UTC(+y!, +m! - 1, +d!, +hh, +mm));\n  }\n  if (value && typeof value === 'object' && 'year' in value && 'month' in value && 'day' in value) {\n    const date = value as unknown as {\n      year: number;\n      month: number;\n      day: number;\n      hour?: number;\n      minute?: number;\n    };\n    return new Date(\n      Date.UTC(date.year, date.month - 1, date.day, date.hour ?? 0, date.minute ?? 0),\n    );\n  }\n  return undefined;\n}\n\n/** 一格要写进 Excel 的值：数字类转成数（按 scale 换算），日期转成日期，状态写名字，其余是文字 */\nfunction cellValue<T>(\n  column: DataTableColumn<T>,\n  type: keyof ColumnTypes,\n  value: SortValue,\n): CellValue {\n  if (value == null || value === '') return null;\n  if (column.statuses && typeof value === 'string') return column.statuses.label(value);\n  if (type === 'number' || type === 'currency' || type === 'percent' || type === 'fileSize') {\n    const number = Number(typeof value === 'object' ? String(value) : value);\n    if (Number.isNaN(number)) return String(value);\n    return column.format?.scale ? number / column.format.scale : number;\n  }\n  if (type === 'date' || type === 'dateTime') return toExcelDate(value) ?? String(value);\n  if (typeof value === 'boolean') return value;\n  return String(value);\n}\n\n/** 表头：有分组时两行（组标题横向合并，没分组的列上下合并），否则一行；返回表头的行数 */\nfunction writeHeader<T>(\n  sheet: Worksheet,\n  columns: readonly DataTableColumn<T>[],\n  groups: readonly DataTableColumnGroup[],\n): number {\n  const titleOf = (column: DataTableColumn<T>) => plainText(column.header) ?? column.key;\n  const layout = headerLayout(columns, groups);\n  const grouped = layout.some((cell) => cell.kind === 'group');\n  if (!grouped) {\n    sheet.addRow(columns.map(titleOf));\n    return 1;\n  }\n  const top: string[] = [];\n  const bottom: string[] = [];\n  const merges: [number, number, number, number][] = [];\n  for (const cell of layout) {\n    const start = top.length + 1;\n    if (cell.kind === 'column') {\n      top.push(titleOf(cell.column));\n      bottom.push(titleOf(cell.column));\n      merges.push([1, start, 2, start]);\n    } else {\n      const title = plainText(cell.group.header) ?? cell.group.key;\n      for (const column of cell.columns) {\n        top.push(title);\n        bottom.push(titleOf(column));\n      }\n      if (cell.columns.length > 1) merges.push([1, start, 1, start + cell.columns.length - 1]);\n    }\n  }\n  sheet.addRow(top);\n  sheet.addRow(bottom);\n  for (const [r1, c1, r2, c2] of merges) sheet.mergeCells(r1, c1, r2, c2);\n  return 2;\n}\n\n/** 表 → .xlsx 文件的内容（ArrayBuffer）；下载用 exportXlsx */\nexport async function tableToXlsx<T>(\n  sheets: readonly XlsxSheet<T>[],\n  { currency = 'CNY', locale = 'zh-CN', summaryLabel = '合计' }: XlsxExportOptions = {},\n): Promise<ArrayBuffer> {\n  const symbol =\n    new Intl.NumberFormat(locale, { style: 'currency', currency })\n      .formatToParts(0)\n      .find((part) => part.type === 'currency')?.value ?? currency;\n  const workbook = new Workbook();\n  for (const { name, rows, columns, groups = [] } of sheets) {\n    const sheet = workbook.addWorksheet(name.replace(/[\\\\/?*[\\]:]/g, ' ').slice(0, 31));\n    const types = columns.map((column) => columnType(column, rows));\n    const headerRows = writeHeader(sheet, columns, groups);\n    for (const row of rows)\n      sheet.addRow(\n        columns.map((column, index) => cellValue(column, types[index]!, columnValue(column, row))),\n      );\n    if (columns.some((column) => column.summary === 'sum')) {\n      const summary = sheet.addRow(\n        columns.map((column, index) => {\n          if (column.summary === 'sum') {\n            const total = sumColumn(column, rows);\n            return total == null ? null : cellValue(column, types[index]!, total as SortValue);\n          }\n          return index === 0 ? summaryLabel : null;\n        }),\n      );\n      summary.font = { bold: true };\n    }\n    // 格式：表头加粗、浅灰底、居中，冻结在顶上；各列的数字格式与宽度\n    for (let index = 1; index <= headerRows; index++) {\n      const header = sheet.getRow(index);\n      header.font = { bold: true };\n      header.alignment = { vertical: 'middle', horizontal: 'center', wrapText: true };\n      header.eachCell((cell) => {\n        cell.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFF1F3F5' } };\n      });\n    }\n    sheet.views = [{ state: 'frozen', ySplit: headerRows }];\n    columns.forEach((column, index) => {\n      const target = sheet.getColumn(index + 1);\n      const format = numberFormat(types[index]!, column as DataTableColumn<unknown>, symbol);\n      if (format) target.numFmt = format;\n      const title = plainText(column.header) ?? column.key;\n      target.width = column.width\n        ? Math.round(column.width / 7)\n        : Math.max(10, title.length * 2 + 4);\n    });\n  }\n  return (await workbook.xlsx.writeBuffer()) as ArrayBuffer;\n}\n\n/** 导出并下载 .xlsx：fileName 不带扩展名时自动加上 */\nexport async function exportXlsx<T>(\n  fileName: string,\n  sheets: readonly XlsxSheet<T>[],\n  options?: XlsxExportOptions,\n): Promise<void> {\n  const content = await tableToXlsx(sheets, options);\n  const name = fileName.endsWith('.xlsx') ? fileName : `${fileName}.xlsx`;\n  downloadFile(name, content, 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');\n}\n\n/** ExcelJS 的单元格值 → 读进来的值：公式取结果，富文本、链接取文字，错误值当空 */\nfunction readValue(value: CellValue): SheetValue {\n  if (value == null) return null;\n  if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean')\n    return value;\n  if (value instanceof Date) return value;\n  if (typeof value === 'object') {\n    if ('richText' in value) return value.richText.map((part) => part.text).join('');\n    if ('result' in value) return readValue((value.result ?? null) as CellValue);\n    if ('text' in value) return String(value.text);\n    if ('error' in value) return null;\n  }\n  // 其余（读不出值的对象）当空\n  return null;\n}\n\n/** 一张工作表 → 行列矩阵：合并单元格展开（被合并的格拿到左上角的值） */\nfunction sheetMatrix(sheet: Worksheet): SheetValue[][] {\n  const matrix: SheetValue[][] = [];\n  for (let r = 1; r <= sheet.rowCount; r++) {\n    const row = sheet.getRow(r);\n    const cells: SheetValue[] = [];\n    for (let c = 1; c <= sheet.columnCount; c++) {\n      const cell = row.getCell(c);\n      cells.push(readValue(cell.isMerged ? cell.master.value : cell.value));\n    }\n    matrix.push(cells);\n  }\n  return matrix;\n}\n\n/** 读 .xlsx 文件：每张工作表一个 SheetTable（见文件开头） */\nexport async function readXlsx(file: Blob, options: XlsxReadOptions = {}): Promise<SheetTable[]> {\n  const workbook = new Workbook();\n  await workbook.xlsx.load(await file.arrayBuffer());\n  return workbook.worksheets\n    .filter((sheet) => !options.sheets || options.sheets.includes(sheet.name))\n    .map((sheet) => sheetFromMatrix(sheet.name, sheetMatrix(sheet), options));\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,261 @@
 {
   "name": "@zerodep-dev/vue-tsx-pro-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "description": "vue-tsx-pro 组件库",
+  "type": "module",
+  "license": "MIT",
+  "author": "kenconnet666",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kenconnet666/vue-tsx-pro.git",
+    "directory": "packages/ui"
+  },
+  "homepage": "https://github.com/kenconnet666/vue-tsx-pro#readme",
+  "bugs": {
+    "url": "https://github.com/kenconnet666/vue-tsx-pro/issues"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "components",
+    "ui-library",
+    "tsx",
+    "accessibility",
+    "design-system"
+  ],
+  "sideEffects": [
+    "./src/config/theme/tokens.ts",
+    "./dist/config/theme/tokens.js"
+  ],
+  "exports": {
+    ".": {
+      "@vue-tsx-pro/source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./shiki": {
+      "@vue-tsx-pro/source": "./src/config/shiki.ts",
+      "types": "./dist/config/shiki.d.ts",
+      "default": "./dist/config/shiki.js"
+    },
+    "./pinyin": {
+      "@vue-tsx-pro/source": "./src/config/pinyin.ts",
+      "types": "./dist/config/pinyin.d.ts",
+      "default": "./dist/config/pinyin.js"
+    },
+    "./charts": {
+      "@vue-tsx-pro/source": "./src/charts/index.ts",
+      "types": "./dist/charts/index.d.ts",
+      "default": "./dist/charts/index.js"
+    },
+    "./docs-kit": {
+      "@vue-tsx-pro/source": "./src/docs-kit/index.ts",
+      "types": "./dist/docs-kit/index.d.ts",
+      "default": "./dist/docs-kit/index.js"
+    },
+    "./three": {
+      "@vue-tsx-pro/source": "./src/three/index.ts",
+      "types": "./dist/three/index.d.ts",
+      "default": "./dist/three/index.js"
+    },
+    "./patterns": {
+      "@vue-tsx-pro/source": "./src/patterns/index.ts",
+      "types": "./dist/patterns/index.d.ts",
+      "default": "./dist/patterns/index.js"
+    },
+    "./diagram": {
+      "@vue-tsx-pro/source": "./src/diagram/index.ts",
+      "types": "./dist/diagram/index.d.ts",
+      "default": "./dist/diagram/index.js"
+    },
+    "./vue-router": {
+      "@vue-tsx-pro/source": "./src/config/vue-router.ts",
+      "types": "./dist/config/vue-router.d.ts",
+      "default": "./dist/config/vue-router.js"
+    },
+    "./xlsx": {
+      "@vue-tsx-pro/source": "./src/xlsx/index.ts",
+      "types": "./dist/xlsx/index.d.ts",
+      "default": "./dist/xlsx/index.js"
+    },
+    "./code-editor": {
+      "@vue-tsx-pro/source": "./src/code-editor/index.ts",
+      "types": "./dist/code-editor/index.d.ts",
+      "default": "./dist/code-editor/index.js"
+    },
+    "./theme-boot": {
+      "@vue-tsx-pro/source": "./src/config/theme/boot.ts",
+      "types": "./dist/config/theme/boot.d.ts",
+      "default": "./dist/config/theme/boot.js"
+    },
+    "./theme-customize": {
+      "@vue-tsx-pro/source": "./src/theme-customize/index.ts",
+      "types": "./dist/theme-customize/index.d.ts",
+      "default": "./dist/theme-customize/index.js"
+    },
+    "./tokens": {
+      "@vue-tsx-pro/source": "./src/config/theme/tokens.ts",
+      "types": "./dist/config/theme/tokens.d.ts",
+      "default": "./dist/config/theme/tokens.js"
+    },
+    "./vars": {
+      "@vue-tsx-pro/source": "./src/utils/style/vars.ts",
+      "types": "./dist/utils/style/vars.d.ts",
+      "default": "./dist/utils/style/vars.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@floating-ui/dom": "1.8.0",
+    "@internationalized/date": "3.12.4",
+    "@radix-ui/colors": "3.0.0",
+    "@zerodep-dev/vue-tsx-pro-tsx": "^0.2.0",
+    "animejs": "4.5.0",
+    "culori": "4.0.2",
+    "decimal.js": "10.6.0",
+    "tabbable": "6.5.0",
+    "topojson-simplify": "3.0.3"
+  },
+  "peerDependencies": {
+    "@lucide/icons": "^1.59.0",
+    "pinia": "^4.0.0",
+    "shiki": "^4.0.0",
+    "three": ">=0.170.0",
+    "@unovis/ts": "^1.7.0",
+    "vue": "^3.5.0",
+    "vue-router": "^5.0.0",
+    "zod": "^4.6.0",
+    "pinyin-pro": "^3.20.0",
+    "exceljs": "^4.4.0",
+    "@codemirror/autocomplete": "^6.20.0",
+    "@codemirror/commands": "^6.11.0",
+    "@codemirror/lang-javascript": "^6.2.0",
+    "@codemirror/language": "^6.13.0",
+    "@codemirror/search": "^6.7.0",
+    "@codemirror/state": "^6.7.0",
+    "@codemirror/view": "^6.43.0",
+    "@lezer/highlight": "^1.2.0"
+  },
+  "peerDependenciesMeta": {
+    "pinia": {
+      "optional": true
+    },
+    "shiki": {
+      "optional": true
+    },
+    "three": {
+      "optional": true
+    },
+    "@unovis/ts": {
+      "optional": true
+    },
+    "vue-router": {
+      "optional": true
+    },
+    "pinyin-pro": {
+      "optional": true
+    },
+    "exceljs": {
+      "optional": true
+    },
+    "@codemirror/autocomplete": {
+      "optional": true
+    },
+    "@codemirror/commands": {
+      "optional": true
+    },
+    "@codemirror/lang-javascript": {
+      "optional": true
+    },
+    "@codemirror/language": {
+      "optional": true
+    },
+    "@codemirror/search": {
+      "optional": true
+    },
+    "@codemirror/state": {
+      "optional": true
+    },
+    "@codemirror/view": {
+      "optional": true
+    },
+    "@lezer/highlight": {
+      "optional": true
+    }
+  },
+  "vueTsxPro": {
+    "optimizeDeps": {
+      "include": [
+        "@codemirror/autocomplete",
+        "@codemirror/commands",
+        "@codemirror/lang-javascript",
+        "@codemirror/language",
+        "@codemirror/search",
+        "@codemirror/state",
+        "@codemirror/view",
+        "@floating-ui/dom",
+        "@internationalized/date",
+        "@lezer/highlight",
+        "@lucide/icons",
+        "@radix-ui/colors",
+        "@unovis/ts",
+        "animejs",
+        "culori/fn",
+        "exceljs",
+        "pinyin-pro",
+        "shiki/core",
+        "shiki/engine/javascript",
+        "tabbable",
+        "three",
+        "three/addons/environments/RoomEnvironment.js",
+        "three/addons/loaders/GLTFLoader.js",
+        "topojson-simplify",
+        "zod",
+        "zod/v4/core",
+        "zod/v4/locales/en.js",
+        "zod/v4/locales/zh-CN.js"
+      ],
+      "exclude": [
+        "shiki/langs"
+      ]
+    }
+  },
+  "devDependencies": {
+    "happy-dom": "21.0.3",
+    "@lucide/icons": "1.59.0",
+    "pinia": "4.1.0",
+    "shiki": "4.5.0",
+    "three": "0.186.1",
+    "@types/three": "0.186.0",
+    "typescript": "7.1.0-beta",
+    "@unovis/ts": "1.7.1",
+    "vite": "8.3.4",
+    "vitest": "5.0.5",
+    "vue": "3.5.44",
+    "vue-router": "5.4.0",
+    "zod": "4.6.7",
+    "@types/culori": "4.0.1",
+    "pinyin-pro": "3.29.5",
+    "exceljs": "4.4.0",
+    "@types/topojson-simplify": "3.0.3",
+    "@codemirror/autocomplete": "6.20.3",
+    "@codemirror/commands": "6.11.1",
+    "@codemirror/lang-javascript": "6.2.5",
+    "@codemirror/language": "6.13.1",
+    "@codemirror/search": "6.7.2",
+    "@codemirror/state": "6.7.6",
+    "@codemirror/view": "6.43.14",
+    "@lezer/highlight": "1.2.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build --configLoader native && tsc -p tsconfig.build.json",
+    "typecheck": "tsc -p . --incremental --tsBuildInfoFile node_modules/.cache/typecheck.tsbuildinfo",
+    "test": "vitest run --configLoader native"
+  }
 }