@veltra/sheet 2.0.0

package/dist/tools/context.js

@@ -0,0 +1,43 @@
+//#region src/tools/context.ts
+/**
+* 创建工具上下文。
+* @param resolveSheet 活动 sheet 解析器（USheet 传 `() => activeSheet`，
+*   tab 切换后上下文自动指向当前 sheet）；也可直接传 Sheet 实例（无头 / 测试场景）
+*/
+function createSheetContext(resolveSheet) {
+	const sheet = typeof resolveSheet === "function" ? resolveSheet : () => resolveSheet;
+	return {
+		get sheetName() {
+			return sheet().name;
+		},
+		getSelection: () => sheet().getSelection(),
+		selectCell: (addr) => sheet().selectCell(addr),
+		selectRange: (range) => sheet().selectRange(range),
+		getCellData: (addr) => sheet().getCellData(addr),
+		getDisplayValue: (addr) => sheet().getDisplayValue(addr),
+		getCellInfo: (addr) => sheet().getCellInfo(addr),
+		setCellValue: (addr, value) => sheet().setCellValue(addr, value),
+		setCellFormula: (addr, formula) => sheet().setCellFormula(addr, formula),
+		setCells: (items) => sheet().setCells(items),
+		mergeCells: (range) => sheet().mergeCells(range),
+		unmergeCells: (range) => sheet().unmergeCells(range),
+		executeCommand: (commandId, params) => sheet().executeCommand(commandId, params),
+		beginTransaction: () => sheet().beginTransaction(),
+		commit: () => sheet().commit(),
+		rollback: () => sheet().rollback(),
+		undo: () => sheet().undo(),
+		redo: () => sheet().redo(),
+		get canUndo() {
+			return sheet().canUndo;
+		},
+		get canRedo() {
+			return sheet().canRedo;
+		},
+		onSelectionChange: (handler) => sheet().on("selection-change", handler),
+		onHistoryChange: (handler) => sheet().on("history-change", handler)
+	};
+}
+//#endregion
+export { createSheetContext };
+
+//# sourceMappingURL=context.js.map

package/dist/tools/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/tools/context.ts"],"sourcesContent":["import type { CellAddress, CellRange } from '../core/address'\nimport type { CellData, CellValue } from '../core/cell-store'\nimport type { HistoryState } from '../core/command/history'\nimport type { SetCellValueItem } from '../core/command/set-cell-value'\nimport type { CellInfo } from '../core/merge-manager'\nimport type { SelectionState } from '../core/selection'\nimport type { Sheet } from '../core/sheet'\n\n/**\n * SheetContext：工具的唯一操作门面。\n *\n * 工具（内置与第三方）对表格的全部操作都经由此门面：\n * - 读方法直达当前活动 sheet（语义与 Sheet 同名方法一致）\n * - 写方法全部走命令系统，天然进入 undo 历史——扩展无法绕过命令系统\n * - 不暴露 Sheet 实例本身，保证门面就是扩展能力的全部边界\n * - USheet 切换 sheet tab 后，同一上下文自动指向新的活动 sheet\n */\nexport interface SheetContext {\n  /** 当前活动 sheet 名 */\n  readonly sheetName: string\n\n  // ─── 选区 ────────────────────────────────────────────────\n  getSelection(): SelectionState\n  /** 选中单格（被覆盖格自动定位锚点） */\n  selectCell(addr: CellAddress): void\n  selectRange(range: CellRange): void\n\n  // ─── 读取 ────────────────────────────────────────────────\n  /** 原始存储语义读取（被合并覆盖格 → undefined） */\n  getCellData(addr: CellAddress): CellData | undefined\n  /** 锚点解析语义读取（被覆盖格 → 锚点的值） */\n  getDisplayValue(addr: CellAddress): CellValue | undefined\n  /** 合并语义下的单元格信息（普通格 / 合并锚点 / 被覆盖格） */\n  getCellInfo(addr: CellAddress): CellInfo\n\n  // ─── 写入（全部经命令系统，可 undo） ───────────────────────\n  setCellValue(addr: CellAddress, value: CellValue): void\n  setCellFormula(addr: CellAddress, formula: string): void\n  /** 批量写入（一次调用 = 一个 undo 单元） */\n  setCells(items: SetCellValueItem[]): void\n  mergeCells(range: CellRange): CellRange\n  unmergeCells(range: CellRange): void\n  /** 执行命令注册表中的自定义命令（高级扩展点） */\n  executeCommand<R = void>(commandId: string, params: unknown): R | undefined\n\n  // ─── 事务（事务内多次写入合并为一个 undo 单元） ─────────────\n  beginTransaction(): void\n  commit(): void\n  rollback(): void\n\n  // ─── 历史 ────────────────────────────────────────────────\n  undo(): boolean\n  redo(): boolean\n  readonly canUndo: boolean\n  readonly canRedo: boolean\n\n  // ─── 事件订阅（订阅时绑定到当前活动 sheet；tab 切换后需重新订阅） ──\n  onSelectionChange(handler: (state: SelectionState) => void): () => void\n  onHistoryChange(handler: (state: HistoryState) => void): () => void\n}\n\n/**\n * 创建工具上下文。\n * @param resolveSheet 活动 sheet 解析器（USheet 传 `() => activeSheet`，\n *   tab 切换后上下文自动指向当前 sheet）；也可直接传 Sheet 实例（无头 / 测试场景）\n */\nexport function createSheetContext(resolveSheet: Sheet | (() => Sheet)): SheetContext {\n  const sheet = typeof resolveSheet === 'function' ? resolveSheet : () => resolveSheet\n  return {\n    get sheetName() {\n      return sheet().name\n    },\n\n    getSelection: () => sheet().getSelection(),\n    selectCell: (addr) => sheet().selectCell(addr),\n    selectRange: (range) => sheet().selectRange(range),\n\n    getCellData: (addr) => sheet().getCellData(addr),\n    getDisplayValue: (addr) => sheet().getDisplayValue(addr),\n    getCellInfo: (addr) => sheet().getCellInfo(addr),\n\n    setCellValue: (addr, value) => sheet().setCellValue(addr, value),\n    setCellFormula: (addr, formula) => sheet().setCellFormula(addr, formula),\n    setCells: (items) => sheet().setCells(items),\n    mergeCells: (range) => sheet().mergeCells(range),\n    unmergeCells: (range) => sheet().unmergeCells(range),\n    executeCommand: <R = void>(commandId: string, params: unknown): R | undefined =>\n      sheet().executeCommand<R>(commandId, params),\n\n    beginTransaction: () => sheet().beginTransaction(),\n    commit: () => sheet().commit(),\n    rollback: () => sheet().rollback(),\n\n    undo: () => sheet().undo(),\n    redo: () => sheet().redo(),\n    get canUndo() {\n      return sheet().canUndo\n    },\n    get canRedo() {\n      return sheet().canRedo\n    },\n\n    onSelectionChange: (handler) => sheet().on('selection-change', handler),\n    onHistoryChange: (handler) => sheet().on('history-change', handler)\n  }\n}\n"],"mappings":";;;;;;AAkEA,SAAgB,mBAAmB,cAAmD;CACpF,MAAM,QAAQ,OAAO,iBAAiB,aAAa,qBAAqB;CACxE,OAAO;EACL,IAAI,YAAY;GACd,OAAO,MAAM,CAAC,CAAC;EACjB;EAEA,oBAAoB,MAAM,CAAC,CAAC,aAAa;EACzC,aAAa,SAAS,MAAM,CAAC,CAAC,WAAW,IAAI;EAC7C,cAAc,UAAU,MAAM,CAAC,CAAC,YAAY,KAAK;EAEjD,cAAc,SAAS,MAAM,CAAC,CAAC,YAAY,IAAI;EAC/C,kBAAkB,SAAS,MAAM,CAAC,CAAC,gBAAgB,IAAI;EACvD,cAAc,SAAS,MAAM,CAAC,CAAC,YAAY,IAAI;EAE/C,eAAe,MAAM,UAAU,MAAM,CAAC,CAAC,aAAa,MAAM,KAAK;EAC/D,iBAAiB,MAAM,YAAY,MAAM,CAAC,CAAC,eAAe,MAAM,OAAO;EACvE,WAAW,UAAU,MAAM,CAAC,CAAC,SAAS,KAAK;EAC3C,aAAa,UAAU,MAAM,CAAC,CAAC,WAAW,KAAK;EAC/C,eAAe,UAAU,MAAM,CAAC,CAAC,aAAa,KAAK;EACnD,iBAA2B,WAAmB,WAC5C,MAAM,CAAC,CAAC,eAAkB,WAAW,MAAM;EAE7C,wBAAwB,MAAM,CAAC,CAAC,iBAAiB;EACjD,cAAc,MAAM,CAAC,CAAC,OAAO;EAC7B,gBAAgB,MAAM,CAAC,CAAC,SAAS;EAEjC,YAAY,MAAM,CAAC,CAAC,KAAK;EACzB,YAAY,MAAM,CAAC,CAAC,KAAK;EACzB,IAAI,UAAU;GACZ,OAAO,MAAM,CAAC,CAAC;EACjB;EACA,IAAI,UAAU;GACZ,OAAO,MAAM,CAAC,CAAC;EACjB;EAEA,oBAAoB,YAAY,MAAM,CAAC,CAAC,GAAG,oBAAoB,OAAO;EACtE,kBAAkB,YAAY,MAAM,CAAC,CAAC,GAAG,kBAAkB,OAAO;CACpE;AACF"}

package/dist/tools/registry.d.ts

@@ -0,0 +1,68 @@
+import { SheetContext } from "./context.js";
+//#region src/tools/registry.d.ts
+/**
+ * 工具注册表：USheet 工具栏的扩展点。
+ *
+ * - 工具是框架无关的纯定义（icon 由 vue 层渲染，故此处类型为 unknown）
+ * - 分组渲染：同组工具连续排列，组间渲染分隔符；
+ *   组序 = 各组最早注册位置，组内按 (order, 注册序) 升序
+ * - 同 id 重复注册 = 替换定义并保留原注册位置（HMR / 覆盖内置工具友好）
+ * - 默认注册表全局共享：所有 USheet 实例渲染同一组工具
+ *   （与 defaultCommandRegistry 同语义；每个实例的 SheetContext 各自绑定当前 sheet）
+ */
+/** 工具定义 */
+interface SheetTool {
+  /** 唯一 id；同 id 重复注册视为替换（保留原位置） */
+  id: string;
+  /** 按钮文本 */
+  title: string;
+  /** 图标（Vue 组件，由 USheet 渲染；tools 层不依赖 vue 故为 unknown） */
+  icon?: unknown;
+  /** 悬浮提示；缺省用 title */
+  tooltip?: string;
+  /** 分组名（组间渲染分隔符）；缺省 'default' */
+  group?: string;
+  /** 组内排序（升序，相同 order 按注册先后）；缺省 0 */
+  order?: number;
+  /** 是否可见（工具栏状态刷新时求值）；缺省可见 */
+  visible?(ctx: SheetContext): boolean;
+  /** 是否禁用（工具栏状态刷新时求值）；缺省可用 */
+  disabled?(ctx: SheetContext): boolean;
+  /** 点击执行；ctx 是唯一操作入口（写操作全走命令系统，天然可撤销） */
+  onClick(ctx: SheetContext): void;
+}
+/** 分组视图（供工具栏渲染） */
+interface SheetToolGroup {
+  name: string;
+  tools: SheetTool[];
+}
+/** 缺省分组名 */
+declare const DEFAULT_TOOL_GROUP = "default";
+declare class ToolRegistry {
+  private entries;
+  private seq;
+  private emitter;
+  /** 注册工具；同 id 重复注册 = 替换定义并保留原注册位置 */
+  register(tool: SheetTool): void;
+  /** 注销工具；id 不存在时返回 false（不触发 change） */
+  unregister(id: string): boolean;
+  get(id: string): SheetTool | undefined;
+  has(id: string): boolean;
+  get size(): number;
+  /** 分组视图：组序 = 各组最早注册位置；组内按 (order, 注册序) 升序 */
+  getGroups(): SheetToolGroup[];
+  /** 订阅注册表变化（register / unregister），返回取消订阅函数 */
+  onChange(handler: () => void): () => void;
+}
+/**
+ * 全局默认注册表（USheet 默认渲染这里的工具；内置工具也注册于此）。
+ * 工具是应用级扩展：注册一次，所有 USheet 实例共享。
+ */
+declare const defaultToolRegistry: ToolRegistry;
+/** 注册工具到默认注册表 */
+declare function registerTool(tool: SheetTool): void;
+/** 从默认注册表注销工具；id 不存在时返回 false */
+declare function unregisterTool(id: string): boolean;
+//#endregion
+export { DEFAULT_TOOL_GROUP, SheetTool, SheetToolGroup, ToolRegistry, defaultToolRegistry, registerTool, unregisterTool };
+//# sourceMappingURL=registry.d.ts.map

package/dist/tools/registry.js

@@ -0,0 +1,77 @@
+import { TypedEventEmitter } from "../core/events.js";
+//#region src/tools/registry.ts
+/** 缺省分组名 */
+const DEFAULT_TOOL_GROUP = "default";
+var ToolRegistry = class {
+	entries = /* @__PURE__ */ new Map();
+	seq = 0;
+	emitter = new TypedEventEmitter();
+	/** 注册工具；同 id 重复注册 = 替换定义并保留原注册位置 */
+	register(tool) {
+		if (!tool.id) throw new Error("工具注册失败：id 不能为空");
+		if (!tool.title) throw new Error(`工具注册失败：${tool.id} 缺少 title`);
+		if (typeof tool.onClick !== "function") throw new Error(`工具注册失败：${tool.id} 缺少 onClick`);
+		const prev = this.entries.get(tool.id);
+		this.entries.set(tool.id, {
+			tool,
+			seq: prev?.seq ?? this.seq++
+		});
+		this.emitter.emit("change", null);
+	}
+	/** 注销工具；id 不存在时返回 false（不触发 change） */
+	unregister(id) {
+		const existed = this.entries.delete(id);
+		if (existed) this.emitter.emit("change", null);
+		return existed;
+	}
+	get(id) {
+		return this.entries.get(id)?.tool;
+	}
+	has(id) {
+		return this.entries.has(id);
+	}
+	get size() {
+		return this.entries.size;
+	}
+	/** 分组视图：组序 = 各组最早注册位置；组内按 (order, 注册序) 升序 */
+	getGroups() {
+		const groups = /* @__PURE__ */ new Map();
+		for (const entry of this.entries.values()) {
+			const name = entry.tool.group ?? "default";
+			let group = groups.get(name);
+			if (!group) {
+				group = {
+					entries: [],
+					firstSeq: entry.seq
+				};
+				groups.set(name, group);
+			}
+			group.entries.push(entry);
+		}
+		return [...groups.entries()].sort((a, b) => a[1].firstSeq - b[1].firstSeq).map(([name, group]) => ({
+			name,
+			tools: group.entries.slice().sort((a, b) => (a.tool.order ?? 0) - (b.tool.order ?? 0) || a.seq - b.seq).map((entry) => entry.tool)
+		}));
+	}
+	/** 订阅注册表变化（register / unregister），返回取消订阅函数 */
+	onChange(handler) {
+		return this.emitter.on("change", handler);
+	}
+};
+/**
+* 全局默认注册表（USheet 默认渲染这里的工具；内置工具也注册于此）。
+* 工具是应用级扩展：注册一次，所有 USheet 实例共享。
+*/
+const defaultToolRegistry = new ToolRegistry();
+/** 注册工具到默认注册表 */
+function registerTool(tool) {
+	defaultToolRegistry.register(tool);
+}
+/** 从默认注册表注销工具；id 不存在时返回 false */
+function unregisterTool(id) {
+	return defaultToolRegistry.unregister(id);
+}
+//#endregion
+export { DEFAULT_TOOL_GROUP, ToolRegistry, defaultToolRegistry, registerTool, unregisterTool };
+
+//# sourceMappingURL=registry.js.map

package/dist/tools/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","names":[],"sources":["../../src/tools/registry.ts"],"sourcesContent":["import { TypedEventEmitter } from '../core/events'\nimport type { SheetContext } from './context'\n\n/**\n * 工具注册表：USheet 工具栏的扩展点。\n *\n * - 工具是框架无关的纯定义（icon 由 vue 层渲染，故此处类型为 unknown）\n * - 分组渲染：同组工具连续排列，组间渲染分隔符；\n *   组序 = 各组最早注册位置，组内按 (order, 注册序) 升序\n * - 同 id 重复注册 = 替换定义并保留原注册位置（HMR / 覆盖内置工具友好）\n * - 默认注册表全局共享：所有 USheet 实例渲染同一组工具\n *   （与 defaultCommandRegistry 同语义；每个实例的 SheetContext 各自绑定当前 sheet）\n */\n\n/** 工具定义 */\nexport interface SheetTool {\n  /** 唯一 id；同 id 重复注册视为替换（保留原位置） */\n  id: string\n  /** 按钮文本 */\n  title: string\n  /** 图标（Vue 组件，由 USheet 渲染；tools 层不依赖 vue 故为 unknown） */\n  icon?: unknown\n  /** 悬浮提示；缺省用 title */\n  tooltip?: string\n  /** 分组名（组间渲染分隔符）；缺省 'default' */\n  group?: string\n  /** 组内排序（升序，相同 order 按注册先后）；缺省 0 */\n  order?: number\n  /** 是否可见（工具栏状态刷新时求值）；缺省可见 */\n  visible?(ctx: SheetContext): boolean\n  /** 是否禁用（工具栏状态刷新时求值）；缺省可用 */\n  disabled?(ctx: SheetContext): boolean\n  /** 点击执行；ctx 是唯一操作入口（写操作全走命令系统，天然可撤销） */\n  onClick(ctx: SheetContext): void\n}\n\n/** 分组视图（供工具栏渲染） */\nexport interface SheetToolGroup {\n  name: string\n  tools: SheetTool[]\n}\n\n/** 缺省分组名 */\nexport const DEFAULT_TOOL_GROUP = 'default'\n\ntype ToolEntry = { tool: SheetTool; seq: number }\n\ntype ToolRegistryEvents = { change: null }\n\nexport class ToolRegistry {\n  private entries = new Map<string, ToolEntry>()\n  private seq = 0\n  private emitter = new TypedEventEmitter<ToolRegistryEvents>()\n\n  /** 注册工具；同 id 重复注册 = 替换定义并保留原注册位置 */\n  register(tool: SheetTool): void {\n    if (!tool.id) throw new Error('工具注册失败：id 不能为空')\n    if (!tool.title) throw new Error(`工具注册失败：${tool.id} 缺少 title`)\n    if (typeof tool.onClick !== 'function') {\n      throw new Error(`工具注册失败：${tool.id} 缺少 onClick`)\n    }\n    const prev = this.entries.get(tool.id)\n    this.entries.set(tool.id, { tool, seq: prev?.seq ?? this.seq++ })\n    this.emitter.emit('change', null)\n  }\n\n  /** 注销工具；id 不存在时返回 false（不触发 change） */\n  unregister(id: string): boolean {\n    const existed = this.entries.delete(id)\n    if (existed) this.emitter.emit('change', null)\n    return existed\n  }\n\n  get(id: string): SheetTool | undefined {\n    return this.entries.get(id)?.tool\n  }\n\n  has(id: string): boolean {\n    return this.entries.has(id)\n  }\n\n  get size(): number {\n    return this.entries.size\n  }\n\n  /** 分组视图：组序 = 各组最早注册位置；组内按 (order, 注册序) 升序 */\n  getGroups(): SheetToolGroup[] {\n    const groups = new Map<string, { entries: ToolEntry[]; firstSeq: number }>()\n    for (const entry of this.entries.values()) {\n      const name = entry.tool.group ?? DEFAULT_TOOL_GROUP\n      let group = groups.get(name)\n      if (!group) {\n        group = { entries: [], firstSeq: entry.seq }\n        groups.set(name, group)\n      }\n      group.entries.push(entry)\n    }\n    return [...groups.entries()]\n      .sort((a, b) => a[1].firstSeq - b[1].firstSeq)\n      .map(([name, group]) => ({\n        name,\n        tools: group.entries\n          .slice()\n          .sort((a, b) => (a.tool.order ?? 0) - (b.tool.order ?? 0) || a.seq - b.seq)\n          .map((entry) => entry.tool)\n      }))\n  }\n\n  /** 订阅注册表变化（register / unregister），返回取消订阅函数 */\n  onChange(handler: () => void): () => void {\n    return this.emitter.on('change', handler)\n  }\n}\n\n/**\n * 全局默认注册表（USheet 默认渲染这里的工具；内置工具也注册于此）。\n * 工具是应用级扩展：注册一次，所有 USheet 实例共享。\n */\nexport const defaultToolRegistry = new ToolRegistry()\n\n/** 注册工具到默认注册表 */\nexport function registerTool(tool: SheetTool): void {\n  defaultToolRegistry.register(tool)\n}\n\n/** 从默认注册表注销工具；id 不存在时返回 false */\nexport function unregisterTool(id: string): boolean {\n  return defaultToolRegistry.unregister(id)\n}\n"],"mappings":";;;AA2CA,MAAa,qBAAqB;AAMlC,IAAa,eAAb,MAA0B;CACxB,0BAAkB,IAAI,IAAuB;CAC7C,MAAc;CACd,UAAkB,IAAI,kBAAsC;;CAG5D,SAAS,MAAuB;EAC9B,IAAI,CAAC,KAAK,IAAI,MAAM,IAAI,MAAM,gBAAgB;EAC9C,IAAI,CAAC,KAAK,OAAO,MAAM,IAAI,MAAM,UAAU,KAAK,GAAG,UAAU;EAC7D,IAAI,OAAO,KAAK,YAAY,YAC1B,MAAM,IAAI,MAAM,UAAU,KAAK,GAAG,YAAY;EAEhD,MAAM,OAAO,KAAK,QAAQ,IAAI,KAAK,EAAE;EACrC,KAAK,QAAQ,IAAI,KAAK,IAAI;GAAE;GAAM,KAAK,MAAM,OAAO,KAAK;EAAM,CAAC;EAChE,KAAK,QAAQ,KAAK,UAAU,IAAI;CAClC;;CAGA,WAAW,IAAqB;EAC9B,MAAM,UAAU,KAAK,QAAQ,OAAO,EAAE;EACtC,IAAI,SAAS,KAAK,QAAQ,KAAK,UAAU,IAAI;EAC7C,OAAO;CACT;CAEA,IAAI,IAAmC;EACrC,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,EAAE;CAC/B;CAEA,IAAI,IAAqB;EACvB,OAAO,KAAK,QAAQ,IAAI,EAAE;CAC5B;CAEA,IAAI,OAAe;EACjB,OAAO,KAAK,QAAQ;CACtB;;CAGA,YAA8B;EAC5B,MAAM,yBAAS,IAAI,IAAwD;EAC3E,KAAK,MAAM,SAAS,KAAK,QAAQ,OAAO,GAAG;GACzC,MAAM,OAAO,MAAM,KAAK,SAAA;GACxB,IAAI,QAAQ,OAAO,IAAI,IAAI;GAC3B,IAAI,CAAC,OAAO;IACV,QAAQ;KAAE,SAAS,CAAC;KAAG,UAAU,MAAM;IAAI;IAC3C,OAAO,IAAI,MAAM,KAAK;GACxB;GACA,MAAM,QAAQ,KAAK,KAAK;EAC1B;EACA,OAAO,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC,CACzB,MAAM,GAAG,MAAM,EAAE,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,QAAQ,CAAC,CAC7C,KAAK,CAAC,MAAM,YAAY;GACvB;GACA,OAAO,MAAM,QACV,MAAM,CAAC,CACP,MAAM,GAAG,OAAO,EAAE,KAAK,SAAS,MAAM,EAAE,KAAK,SAAS,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,CAC1E,KAAK,UAAU,MAAM,IAAI;EAC9B,EAAE;CACN;;CAGA,SAAS,SAAiC;EACxC,OAAO,KAAK,QAAQ,GAAG,UAAU,OAAO;CAC1C;AACF;;;;;AAMA,MAAa,sBAAsB,IAAI,aAAa;;AAGpD,SAAgB,aAAa,MAAuB;CAClD,oBAAoB,SAAS,IAAI;AACnC;;AAGA,SAAgB,eAAe,IAAqB;CAClD,OAAO,oBAAoB,WAAW,EAAE;AAC1C"}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+import { SheetEmits, SheetExposed, SheetProps, _SheetExposed } from "./sheet.js";
+export { SheetEmits, SheetExposed, SheetProps, _SheetExposed };

package/dist/types/sheet.d.ts

@@ -0,0 +1,43 @@
+import { Sheet } from "../core/sheet.js";
+import { Workbook } from "../core/workbook.js";
+import { SheetGrid } from "../grid/sheet-grid.js";
+import { SheetContext } from "../tools/context.js";
+import { ComputedRef } from "vue";
+import { DeconstructValue } from "@veltra/utils";
+//#region src/types/sheet.d.ts
+/** 电子表格组件属性 */
+interface SheetProps {
+  /** 工作簿实例（多 sheet / 跨表公式的载体）；缺省内部自建（单 sheet） */
+  workbook?: Workbook;
+  /** 渲染行数，默认 100 */
+  rows?: number;
+  /** 渲染列数，默认 26（A..Z） */
+  cols?: number;
+  /** 是否显示工具栏，默认 true */
+  showToolbar?: boolean;
+  /** 是否显示底部 sheet 标签栏，默认 true */
+  showTabs?: boolean;
+}
+interface SheetEmits {
+  /** 激活 sheet 切换（点击 tab 或宿主调用 workbook.activateSheet） */
+  (name: 'active-sheet-change', payload: {
+    sheet: Sheet;
+    index: number;
+  }): void;
+}
+/** 在组件内部引用 */
+interface _SheetExposed {
+  /** 当前工作簿（props.workbook 缺省时为内部自建实例） */
+  workbook: ComputedRef<Workbook>;
+  /** 当前活动 sheet */
+  getActiveSheet: () => Sheet;
+  /** 工具上下文（与工具栏工具同一门面；tab 切换后自动指向当前 sheet） */
+  getContext: () => SheetContext;
+  /** 底层 SheetGrid（调试/测试用） */
+  getGrid: () => SheetGrid | undefined;
+}
+/** 电子表格组件暴露的属性和方法 */
+type SheetExposed = DeconstructValue<_SheetExposed>;
+//#endregion
+export { SheetEmits, SheetExposed, SheetProps, _SheetExposed };
+//# sourceMappingURL=sheet.d.ts.map

package/dist/vue/index.d.ts

@@ -0,0 +1,2 @@
+import _default from "./sheet.vue.js";
+export { _default as USheet };

package/dist/vue/sheet.js

@@ -0,0 +1,185 @@
+import { defaultToolRegistry } from "../tools/registry.js";
+import { Workbook } from "../core/workbook.js";
+import { SheetGrid } from "../grid/sheet-grid.js";
+import { createSheetContext } from "../tools/context.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderList, resolveDynamicComponent, shallowRef, toDisplayString, unref, useTemplateRef, watch } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/vue/sheet.vue
+const _hoisted_1 = [
+	"disabled",
+	"title",
+	"onClick"
+];
+const _hoisted_2 = ["onClick"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "USheet",
+	__name: "sheet",
+	props: {
+		workbook: {},
+		rows: { default: 100 },
+		cols: { default: 26 },
+		showToolbar: {
+			type: Boolean,
+			default: true
+		},
+		showTabs: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["active-sheet-change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("sheet");
+		/** 工作簿：外部传入或内部自建（单 sheet） */
+		const internalWorkbook = new Workbook();
+		const workbook = computed(() => props.workbook ?? internalWorkbook);
+		/** 激活 sheet 索引（镜像 workbook.activeSheetIndex，经事件同步） */
+		const activeIndex = ref(workbook.value.activeSheetIndex);
+		/** sheet 列表（tabs 渲染；由 sheets-change 同步） */
+		const sheetList = shallowRef(workbook.value.getSheets());
+		const activeSheet = computed(() => sheetList.value[activeIndex.value] ?? workbook.value.activeSheet);
+		/** 工具上下文：动态解析活动 sheet，tab 切换后自动指向当前 sheet */
+		const context = createSheetContext(() => activeSheet.value);
+		const gridRef = useTemplateRef("gridRef");
+		let grid;
+		const stateTick = ref(0);
+		const bump = () => {
+			stateTick.value++;
+		};
+		let disposeSheetEvents = [];
+		/** 订阅活动 sheet 的状态源（tab 切换 / 工作簿变更时重绑） */
+		function bindSheetEvents(sheet) {
+			for (const dispose of disposeSheetEvents) dispose();
+			disposeSheetEvents = [
+				sheet.on("selection-change", bump),
+				sheet.on("history-change", bump),
+				sheet.on("cell-change", bump),
+				sheet.on("merge-change", bump)
+			];
+		}
+		let disposeWorkbookEvents = [];
+		function bindWorkbookEvents(wb) {
+			for (const dispose of disposeWorkbookEvents) dispose();
+			disposeWorkbookEvents = [wb.on("sheets-change", ({ sheets }) => {
+				sheetList.value = sheets;
+				bump();
+			}), wb.on("active-sheet-change", ({ sheet, index }) => {
+				activeIndex.value = index;
+				bindSheetEvents(sheet);
+				rebuildGrid();
+				bump();
+				emit("active-sheet-change", {
+					sheet,
+					index
+				});
+			})];
+		}
+		const offRegistryChange = defaultToolRegistry.onChange(bump);
+		const toolGroups = computed(() => {
+			stateTick.value;
+			return defaultToolRegistry.getGroups().map((group) => ({
+				name: group.name,
+				tools: group.tools.map((tool) => ({
+					tool,
+					visible: tool.visible?.(context) ?? true,
+					disabled: tool.disabled?.(context) ?? false
+				})).filter((item) => item.visible)
+			})).filter((group) => group.tools.length > 0);
+		});
+		function handleToolClick(tool) {
+			if (tool.disabled?.(context)) return;
+			tool.onClick(context);
+		}
+		function handleTabClick(index) {
+			if (index === activeIndex.value) return;
+			const sheet = sheetList.value[index];
+			if (sheet) workbook.value.activateSheet(sheet.name);
+		}
+		function rebuildGrid() {
+			const container = gridRef.value;
+			if (!container) return;
+			grid?.release();
+			grid = new SheetGrid({
+				container,
+				sheet: activeSheet.value,
+				rows: props.rows,
+				cols: props.cols
+			});
+		}
+		onMounted(() => {
+			bindWorkbookEvents(workbook.value);
+			bindSheetEvents(activeSheet.value);
+			rebuildGrid();
+		});
+		watch(() => [props.rows, props.cols], rebuildGrid);
+		watch(() => props.workbook, (wb, prev) => {
+			if (wb === prev) return;
+			activeIndex.value = workbook.value.activeSheetIndex;
+			sheetList.value = workbook.value.getSheets();
+			bindWorkbookEvents(workbook.value);
+			bindSheetEvents(activeSheet.value);
+			rebuildGrid();
+			bump();
+		});
+		onBeforeUnmount(() => {
+			offRegistryChange();
+			for (const dispose of disposeWorkbookEvents) dispose();
+			for (const dispose of disposeSheetEvents) dispose();
+			grid?.release();
+			grid = void 0;
+		});
+		__expose({
+			workbook,
+			getActiveSheet: () => activeSheet.value,
+			getContext: () => context,
+			getGrid: () => grid
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).b) }, [
+				__props.showToolbar ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("toolbar"))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(toolGroups.value, (group, groupIndex) => {
+					return openBlock(), createElementBlock(Fragment, { key: group.name }, [groupIndex > 0 ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("toolbar-divider"))
+					}, null, 2)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(group.tools, (item) => {
+						return openBlock(), createElementBlock("button", {
+							key: item.tool.id,
+							type: "button",
+							class: normalizeClass(unref(cls).e("tool")),
+							disabled: item.disabled,
+							title: item.tool.tooltip ?? item.tool.title,
+							onClick: ($event) => handleToolClick(item.tool)
+						}, [item.tool.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.tool.icon), {
+							key: 0,
+							class: normalizeClass(unref(cls).e("tool-icon"))
+						}, null, 8, ["class"])) : createCommentVNode("v-if", true), createElementVNode("span", null, toDisplayString(item.tool.title), 1)], 10, _hoisted_1);
+					}), 128))], 64);
+				}), 128))], 2)) : createCommentVNode("v-if", true),
+				createElementVNode("div", {
+					ref_key: "gridRef",
+					ref: gridRef,
+					class: normalizeClass(unref(cls).e("grid"))
+				}, null, 2),
+				__props.showTabs ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(cls).e("tabs"))
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(sheetList.value, (sheet, index) => {
+					return openBlock(), createElementBlock("button", {
+						key: sheet.name,
+						type: "button",
+						class: normalizeClass([unref(cls).e("tab"), unref(bem).is("active", index === activeIndex.value)]),
+						onClick: ($event) => handleTabClick(index)
+					}, toDisplayString(sheet.name), 11, _hoisted_2);
+				}), 128))], 2)) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=sheet.js.map

package/dist/vue/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","names":[],"sources":["../../src/vue/sheet.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.b\">\n    <div v-if=\"showToolbar\" :class=\"cls.e('toolbar')\">\n      <template v-for=\"(group, groupIndex) in toolGroups\" :key=\"group.name\">\n        <span v-if=\"groupIndex > 0\" :class=\"cls.e('toolbar-divider')\" />\n        <button\n          v-for=\"item in group.tools\"\n          :key=\"item.tool.id\"\n          type=\"button\"\n          :class=\"cls.e('tool')\"\n          :disabled=\"item.disabled\"\n          :title=\"item.tool.tooltip ?? item.tool.title\"\n          @click=\"handleToolClick(item.tool)\"\n        >\n          <component :is=\"item.tool.icon\" v-if=\"item.tool.icon\" :class=\"cls.e('tool-icon')\" />\n          <span>{{ item.tool.title }}</span>\n        </button>\n      </template>\n    </div>\n\n    <div ref=\"gridRef\" :class=\"cls.e('grid')\" />\n\n    <div v-if=\"showTabs\" :class=\"cls.e('tabs')\">\n      <button\n        v-for=\"(sheet, index) in sheetList\"\n        :key=\"sheet.name\"\n        type=\"button\"\n        :class=\"[cls.e('tab'), bem.is('active', index === activeIndex)]\"\n        @click=\"handleTabClick(index)\"\n      >\n        {{ sheet.name }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed, onBeforeUnmount, onMounted, ref, shallowRef, useTemplateRef, watch } from 'vue'\n\nimport type { Sheet } from '../core/sheet'\nimport { Workbook } from '../core/workbook'\nimport { SheetGrid } from '../grid/sheet-grid'\nimport { createSheetContext } from '../tools/context'\nimport { defaultToolRegistry, type SheetTool } from '../tools/registry'\nimport type { SheetEmits, SheetProps, _SheetExposed } from '../types'\n\ndefineOptions({ name: 'USheet' })\n\nconst props = withDefaults(defineProps<SheetProps>(), {\n  rows: 100,\n  cols: 26,\n  showToolbar: true,\n  showTabs: true\n})\n\nconst emit = defineEmits<SheetEmits>()\n\nconst cls = bem('sheet')\n\n/** 工作簿：外部传入或内部自建（单 sheet） */\nconst internalWorkbook = new Workbook()\nconst workbook = computed(() => props.workbook ?? internalWorkbook)\n\n/** 激活 sheet 索引（镜像 workbook.activeSheetIndex，经事件同步） */\nconst activeIndex = ref(workbook.value.activeSheetIndex)\n/** sheet 列表（tabs 渲染；由 sheets-change 同步） */\nconst sheetList = shallowRef<Sheet[]>(workbook.value.getSheets())\nconst activeSheet = computed(() => sheetList.value[activeIndex.value] ?? workbook.value.activeSheet)\n\n/** 工具上下文：动态解析活动 sheet，tab 切换后自动指向当前 sheet */\nconst context = createSheetContext(() => activeSheet.value)\n\nconst gridRef = useTemplateRef<HTMLElement>('gridRef')\nlet grid: SheetGrid | undefined\n\n// ─── 工具栏状态刷新 ─────────────────────────────────────────\n// 工具 visible/disabled 是 (ctx) => boolean 纯函数，状态源变化时 bump 触发重算\n\nconst stateTick = ref(0)\nconst bump = (): void => {\n  stateTick.value++\n}\n\nlet disposeSheetEvents: (() => void)[] = []\n/** 订阅活动 sheet 的状态源（tab 切换 / 工作簿变更时重绑） */\nfunction bindSheetEvents(sheet: Sheet): void {\n  for (const dispose of disposeSheetEvents) dispose()\n  disposeSheetEvents = [\n    sheet.on('selection-change', bump),\n    sheet.on('history-change', bump),\n    sheet.on('cell-change', bump),\n    sheet.on('merge-change', bump)\n  ]\n}\n\nlet disposeWorkbookEvents: (() => void)[] = []\nfunction bindWorkbookEvents(wb: Workbook): void {\n  for (const dispose of disposeWorkbookEvents) dispose()\n  disposeWorkbookEvents = [\n    wb.on('sheets-change', ({ sheets }) => {\n      sheetList.value = sheets\n      bump()\n    }),\n    wb.on('active-sheet-change', ({ sheet, index }) => {\n      activeIndex.value = index\n      bindSheetEvents(sheet)\n      rebuildGrid()\n      bump()\n      emit('active-sheet-change', { sheet, index })\n    })\n  ]\n}\n\nconst offRegistryChange = defaultToolRegistry.onChange(bump)\n\n// ─── 工具栏 ────────────────────────────────────────────────\n\nconst toolGroups = computed(() => {\n  void stateTick.value // 依赖状态源：选区 / 历史 / 单元格 / 合并 / 注册表\n  return defaultToolRegistry\n    .getGroups()\n    .map((group) => ({\n      name: group.name,\n      tools: group.tools\n        .map((tool) => ({\n          tool,\n          visible: tool.visible?.(context) ?? true,\n          disabled: tool.disabled?.(context) ?? false\n        }))\n        .filter((item) => item.visible)\n    }))\n    .filter((group) => group.tools.length > 0)\n})\n\nfunction handleToolClick(tool: SheetTool): void {\n  if (tool.disabled?.(context)) return\n  tool.onClick(context)\n}\n\n// ─── sheet tabs ─────────────────────────────────────────────\n\nfunction handleTabClick(index: number): void {\n  if (index === activeIndex.value) return\n  const sheet = sheetList.value[index]\n  if (sheet) workbook.value.activateSheet(sheet.name)\n}\n\n// ─── grid 生命周期 ──────────────────────────────────────────\n\nfunction rebuildGrid(): void {\n  const container = gridRef.value\n  if (!container) return\n  grid?.release()\n  grid = new SheetGrid({ container, sheet: activeSheet.value, rows: props.rows, cols: props.cols })\n}\n\nonMounted(() => {\n  bindWorkbookEvents(workbook.value)\n  bindSheetEvents(activeSheet.value)\n  rebuildGrid()\n})\n\nwatch(() => [props.rows, props.cols], rebuildGrid)\n\nwatch(\n  () => props.workbook,\n  (wb, prev) => {\n    if (wb === prev) return\n    activeIndex.value = workbook.value.activeSheetIndex\n    sheetList.value = workbook.value.getSheets()\n    bindWorkbookEvents(workbook.value)\n    bindSheetEvents(activeSheet.value)\n    rebuildGrid()\n    bump()\n  }\n)\n\nonBeforeUnmount(() => {\n  offRegistryChange()\n  for (const dispose of disposeWorkbookEvents) dispose()\n  for (const dispose of disposeSheetEvents) dispose()\n  grid?.release()\n  grid = undefined\n})\n\nconst exposed: _SheetExposed = {\n  workbook,\n  getActiveSheet: () => activeSheet.value,\n  getContext: () => context,\n  getGrid: () => grid\n}\n\ndefineExpose(exposed)\n</script>\n"],"mappings":"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"}

package/dist/vue/sheet.vue.d.ts

@@ -0,0 +1,24 @@
+import { Sheet } from "../core/sheet.js";
+import { SheetProps, _SheetExposed } from "../types/sheet.js";
+import "../types/index.js";
+//#region src/vue/sheet.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<SheetProps, _SheetExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+  "active-sheet-change": (payload: {
+    sheet: Sheet;
+    index: number;
+  }) => any;
+}, string, import("vue").PublicProps, Readonly<SheetProps> & Readonly<{
+  "onActive-sheet-change"?: ((payload: {
+    sheet: Sheet;
+    index: number;
+  }) => any) | undefined;
+}>, {
+  rows: number;
+  cols: number;
+  showToolbar: boolean;
+  showTabs: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };
+//# sourceMappingURL=sheet.vue.d.ts.map

package/dist/vue/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/vue/style.js

@@ -0,0 +1 @@
+import "./style2.css";

package/dist/vue/style2.css

@@ -0,0 +1,93 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-sheet {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border: var(--u-border);
+  border-radius: var(--u-radius-default);
+  background-color: var(--u-bg-color-top);
+}
+.u-sheet__toolbar {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--u-gap-small);
+  padding: var(--u-gap-small);
+  border-bottom: 1px solid var(--u-border-muted-color);
+}
+.u-sheet__toolbar-divider {
+  width: 1px;
+  align-self: stretch;
+  margin: 2px 0;
+  background-color: var(--u-border-muted-color);
+}
+.u-sheet__tool {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: var(--u-form-component-height-small);
+  padding: 0 8px;
+  border: none;
+  border-radius: var(--u-radius-small);
+  background: transparent;
+  color: var(--u-text-color-main);
+  font-size: var(--u-font-size-main-small);
+  white-space: nowrap;
+  cursor: pointer;
+  transition: background-color var(--u-transition-fast) var(--u-transition-ease), color var(--u-transition-fast) var(--u-transition-ease);
+}
+.u-sheet__tool:hover:not(:disabled) {
+  background-color: var(--u-bg-color-hover);
+}
+.u-sheet__tool:disabled {
+  color: var(--u-text-color-disabled);
+  cursor: not-allowed;
+}
+.u-sheet__tool-icon {
+  font-size: calc(var(--u-font-size-main-small) + 2px);
+}
+.u-sheet__grid {
+  flex: 1;
+  min-height: 0;
+}
+.u-sheet__tabs {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 2px var(--u-gap-small);
+  border-top: 1px solid var(--u-border-muted-color);
+  background-color: var(--u-bg-color-middle);
+}
+.u-sheet__tab {
+  padding: 4px 12px;
+  border: none;
+  border-radius: var(--u-radius-small);
+  background: transparent;
+  color: var(--u-text-color-second);
+  font-size: var(--u-font-size-main-small);
+  cursor: pointer;
+  transition: background-color var(--u-transition-fast) var(--u-transition-ease), color var(--u-transition-fast) var(--u-transition-ease);
+}
+.u-sheet__tab:hover {
+  background-color: var(--u-bg-color-hover);
+}
+.u-sheet__tab.is-active {
+  background-color: var(--u-bg-color-top);
+  color: var(--u-color-primary);
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@veltra/sheet",
+  "version": "2.0.0",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "src/**/style.ts",
+    "src/**/*.scss",
+    "src/tools/builtin.ts",
+    "dist/**/style.js",
+    "dist/**/*.css",
+    "dist/tools/builtin.js"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./*": {
+      "types": "./dist/*",
+      "import": "./dist/*"
+    }
+  },
+  "dependencies": {
+    "@visactor/vtable": "^1.26.5",
+    "@visactor/vtable-editors": "^1.26.5"
+  },
+  "peerDependencies": {
+    "@cat-kit/core": ">=1.1.8",
+    "@veltra/styles": "1.4.0",
+    "@veltra/utils": "1.4.0",
+    "vue": ">=3.5.40"
+  }
+}