@visactor/vtable-sheet 1.23.3-alpha.0 → 1.24.0-alpha.0

package/cjs/components/sheet-tab-event-handler.js

@@ -38,15 +38,12 @@ class SheetTabEventHandler {
         targetTab.addEventListener("blur", onBlur), targetTab.addEventListener("keydown", onKeyDown);
     }
     renameSheet(sheetKey, newTitle) {
-        var _a;
         if (!this.vTableSheet.getSheetManager().getSheet(sheetKey)) return !1;
         const error = (0, tools_1.checkTabTitle)(newTitle);
         if (error) return (0, snackbar_1.showSnackbar)(error, 1300), !1;
         return this.vTableSheet.getSheetManager().getAllSheets().find((s => s.sheetKey !== sheetKey && s.sheetTitle.toLowerCase() === newTitle.toLowerCase())) ? ((0, 
-        snackbar_1.showSnackbar)("工作表名称已存在，请重新输入", 1300), !1) : (this.vTableSheet.getSheetManager().renameSheet(sheetKey, newTitle), 
-        null === (_a = this.vTableSheet.workSheetInstances.get(sheetKey)) || void 0 === _a || _a.setTitle(newTitle), 
-        this.vTableSheet.getFormulaManager().updateSheetTitle(sheetKey, newTitle), this.vTableSheet.updateSheetTabs(), 
-        this.vTableSheet.updateSheetMenu(), !0);
+        snackbar_1.showSnackbar)("工作表名称已存在，请重新输入", 1300), !1) : (this.vTableSheet.renameSheet(sheetKey, newTitle), 
+        !0);
     }
     getSheetTabElementByKey(sheetKey) {
         var _a;

package/cjs/components/sheet-tab-event-handler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/sheet-tab-event-handler.ts"],"names":[],"mappings":"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","file":"sheet-tab-event-handler.js","sourcesContent":["import type VTableSheet from './vtable-sheet';\nimport { showSnackbar } from '../tools/ui/snackbar';\nimport { checkTabTitle } from '../tools';\n\n/**\n * Sheet Tab Event Handler\n * 专门处理sheet标签页相关的事件逻辑\n */\nexport class SheetTabEventHandler {\n  private vTableSheet: VTableSheet;\n\n  constructor(vTableSheet: VTableSheet) {\n    this.vTableSheet = vTableSheet;\n  }\n\n  /**\n   * 处理sheet标签双击事件\n   * 双击sheet标签后，将标签设为可编辑状态。输入完成后进行重命名。\n   * @param sheetKey 工作表key\n   * @param originalTitle 原始名称\n   */\n  handleSheetTabDblClick(sheetKey: string, originalTitle: string): void {\n    const targetTab = this.getSheetTabElementByKey(sheetKey);\n    if (!targetTab) {\n      return;\n    }\n    // 将原文本节点设为可编辑\n    targetTab.setAttribute('contenteditable', 'true');\n    targetTab.setAttribute('spellcheck', 'false');\n    targetTab.classList.add('editing'); // 添加编辑状态样式\n    // 选中所有文本\n    const range = document.createRange();\n    range.selectNodeContents(targetTab);\n    const selection = window.getSelection();\n    selection.removeAllRanges();\n    selection.addRange(range);\n\n    const onBlur = () => {\n      finishInput(true);\n    };\n    const onKeyDown = (e: KeyboardEvent) => {\n      e.stopPropagation();\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        finishInput(true);\n      } else if (e.key === 'Escape') {\n        finishInput(false);\n      }\n    };\n    const finishInput = (commit: boolean) => {\n      targetTab.removeEventListener('blur', onBlur);\n      targetTab.removeEventListener('keydown', onKeyDown);\n      targetTab.classList.remove('editing');\n      targetTab.setAttribute('contenteditable', 'false');\n      const newTitle = targetTab.textContent?.trim();\n      if (!commit || newTitle === originalTitle || !this.renameSheet(sheetKey, newTitle)) {\n        targetTab.textContent = originalTitle;\n        return;\n      }\n    };\n    targetTab.addEventListener('blur', onBlur);\n    targetTab.addEventListener('keydown', onKeyDown);\n  }\n\n  /**\n   * 重命名sheet\n   * @param sheetKey 工作表key\n   * @param newTitle 新名称\n   * @returns 是否成功\n   */\n  private renameSheet(sheetKey: string, newTitle: string): boolean {\n    const sheet = this.vTableSheet.getSheetManager().getSheet(sheetKey);\n    if (!sheet) {\n      return false;\n    }\n    const error = checkTabTitle(newTitle);\n    if (error) {\n      showSnackbar(error, 1300);\n      return false;\n    }\n    const isExist = this.vTableSheet\n      .getSheetManager()\n      .getAllSheets()\n      .find(s => s.sheetKey !== sheetKey && s.sheetTitle.toLowerCase() === newTitle.toLowerCase());\n    if (isExist) {\n      showSnackbar('工作表名称已存在，请重新输入', 1300);\n      return false;\n    }\n\n    this.vTableSheet.getSheetManager().renameSheet(sheetKey, newTitle);\n    this.vTableSheet.workSheetInstances.get(sheetKey)?.setTitle(newTitle);\n\n    // 更新公式引擎中的工作表标题映射\n    this.vTableSheet.getFormulaManager().updateSheetTitle(sheetKey, newTitle);\n\n    this.vTableSheet.updateSheetTabs();\n    this.vTableSheet.updateSheetMenu();\n    return true;\n  }\n\n  /**\n   * 获取指定sheetKey的标签元素\n   */\n  private getSheetTabElementByKey(sheetKey: string): HTMLElement | null {\n    const tabsContainer = this.vTableSheet\n      .getSheetTabElement()\n      ?.querySelector('.vtable-sheet-tabs-container') as HTMLElement;\n    return tabsContainer?.querySelector(`.vtable-sheet-tab[data-key=\"${sheetKey}\"]`) as HTMLElement;\n  }\n\n  /**\n   * 激活sheet标签并滚动到可见区域\n   */\n  activeSheetTab(): void {\n    const tabs = this.vTableSheet\n      .getSheetTabElement()\n      ?.querySelectorAll('.vtable-sheet-tab') as NodeListOf<HTMLElement>;\n    let activeTab: HTMLElement | null = null;\n    tabs.forEach(tab => {\n      tab.classList.remove('active');\n      if (tab.dataset.key === this.vTableSheet.getActiveSheet()?.getKey()) {\n        tab.classList.add('active');\n        activeTab = tab;\n      }\n    });\n    // 确保激活的标签可见\n    setTimeout(() => {\n      if (activeTab) {\n        activeTab.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n      }\n    }, 100);\n  }\n\n  /**\n   * 更新渐变效果\n   * @param tabsContainer 标签容器\n   * @param fadeLeft 左侧渐变效果\n   * @param fadeRight 右侧渐变效果\n   */\n  updateFadeEffects(tabsContainer: HTMLElement, fadeLeft: HTMLElement, fadeRight: HTMLElement): void {\n    // 显示/隐藏左侧渐变\n    if (tabsContainer.scrollLeft > 10) {\n      fadeLeft.style.display = 'block';\n    } else {\n      fadeLeft.style.display = 'none';\n    }\n\n    // 显示/隐藏右侧渐变\n    const maxScroll = tabsContainer.scrollWidth - tabsContainer.clientWidth;\n    if (tabsContainer.scrollLeft < maxScroll - 10) {\n      fadeRight.style.display = 'block';\n    } else {\n      fadeRight.style.display = 'none';\n    }\n  }\n\n  /**\n   * 滚动sheet标签\n   * @param direction 滚动方向\n   * @param tabsContainer 标签容器\n   */\n  scrollSheetTabs(direction: 'left' | 'right', tabsContainer: HTMLElement): void {\n    const scrollAmount = 200; // 每次滚动的像素数\n    const currentScroll = tabsContainer.scrollLeft;\n\n    if (direction === 'left') {\n      tabsContainer.scrollTo({\n        left: Math.max(0, currentScroll - scrollAmount),\n        behavior: 'smooth'\n      });\n    } else {\n      tabsContainer.scrollTo({\n        left: currentScroll + scrollAmount,\n        behavior: 'smooth'\n      });\n    }\n  }\n\n  /**\n   * 滚动以确保标签可见\n   * @param tab 标签\n   * @param container 容器\n   */\n  scrollTabIntoView(tab: HTMLElement, container: HTMLElement): void {\n    const tabRect = tab.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n\n    if (tabRect.left < containerRect.left) {\n      // 标签在可见区域左侧\n      container.scrollLeft += tabRect.left - containerRect.left - 10;\n    } else if (tabRect.right > containerRect.right) {\n      // 标签在可见区域右侧\n      container.scrollLeft += tabRect.right - containerRect.right + 10;\n    }\n  }\n\n  /**\n   * 显示工作表菜单\n   */\n  toggleSheetMenu(event: MouseEvent): void {\n    const menuContainer = this.vTableSheet\n      .getSheetTabElement()\n      ?.querySelector('.vtable-sheet-menu-list') as HTMLElement;\n    menuContainer.classList.toggle('active');\n\n    // 如果菜单被打开，添加点击外部关闭的监听器\n    if (menuContainer.classList.contains('active')) {\n      this.addClickOutsideListener();\n    } else {\n      this.removeClickOutsideListener();\n    }\n  }\n\n  /**\n   * 添加点击外部关闭菜单的监听器\n   */\n  private clickOutsideHandler = (event: MouseEvent): void => {\n    const menuContainer = this.vTableSheet\n      .getSheetTabElement()\n      ?.querySelector('.vtable-sheet-menu-list') as HTMLElement;\n    const menuButton = this.vTableSheet.getSheetTabElement()?.querySelector('.vtable-sheet-menu-button') as HTMLElement;\n\n    // 如果点击的不是菜单容器和菜单按钮，则关闭菜单\n    if (\n      menuContainer &&\n      menuButton &&\n      !menuContainer.contains(event.target as Node) &&\n      !menuButton.contains(event.target as Node)\n    ) {\n      menuContainer.classList.remove('active');\n      this.removeClickOutsideListener();\n    }\n  };\n\n  /**\n   * 添加点击外部监听器\n   */\n  addClickOutsideListener(): void {\n    document.addEventListener('click', this.clickOutsideHandler);\n  }\n\n  /**\n   * 移除点击外部监听器\n   */\n  removeClickOutsideListener(): void {\n    document.removeEventListener('click', this.clickOutsideHandler);\n  }\n\n  /**\n   * 更新sheet列表\n   */\n  updateSheetMenu(): void {\n    const menuContainer = this.vTableSheet\n      .getSheetTabElement()\n      ?.querySelector('.vtable-sheet-menu-list') as HTMLElement;\n    menuContainer.innerHTML = '';\n    const sheets = this.vTableSheet.getSheetManager().getAllSheets();\n    sheets.forEach(sheet => {\n      // li\n      const li = document.createElement('li');\n      li.className = 'vtable-sheet-menu-item';\n      li.dataset.key = sheet.sheetKey;\n      // title\n      const title = document.createElement('span');\n      title.className = 'vtable-sheet-menu-item-title';\n      title.innerText = sheet.sheetTitle;\n      li.appendChild(title);\n      // delete button\n      const div = document.createElement('div');\n      div.className = 'vtable-sheet-menu-delete-button';\n      div.innerHTML =\n        '<svg class=\"x-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">' +\n        '<path d=\"M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>' +\n        '<path d=\"M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>' +\n        '</svg>';\n      div.addEventListener('click', e => {\n        this.vTableSheet.removeSheet(sheet.sheetKey);\n        e.stopPropagation();\n      });\n      li.addEventListener('click', () => this.vTableSheet.activateSheet(sheet.sheetKey));\n      li.appendChild(div);\n      menuContainer.appendChild(li);\n    });\n    this.activeSheetMenuItem();\n    // 确保激活的标签可见\n    setTimeout(() => {\n      const activeItem = menuContainer.querySelector('.vtable-sheet-main-menu-item.active');\n      if (activeItem) {\n        activeItem.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n      }\n    }, 100);\n  }\n\n  /**\n   * 激活sheet菜单项并滚动到可见区域\n   */\n  activeSheetMenuItem(): void {\n    if (this.vTableSheet.getOptions()?.showSheetTab === false) {\n      return;\n    }\n    const menuItems = this.vTableSheet\n      .getSheetTabElement()\n      ?.querySelectorAll('.vtable-sheet-main-menu-item') as NodeListOf<HTMLElement>;\n    let activeItem: HTMLElement | null = null;\n    menuItems.forEach(item => {\n      item.classList.remove('active');\n      if (item.dataset.key === this.vTableSheet.getActiveSheet()?.getKey()) {\n        item.classList.add('active');\n        activeItem = item;\n      }\n    });\n    setTimeout(() => {\n      if (activeItem) {\n        activeItem.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n      }\n    }, 100);\n  }\n}\n"]}
+{"version":3,"sources":["../src/components/sheet-tab-event-handler.ts"],"names":[],"mappings":"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","file":"sheet-tab-event-handler.js","sourcesContent":["import type VTableSheet from './vtable-sheet';\nimport { showSnackbar } from '../tools/ui/snackbar';\nimport { checkTabTitle } from '../tools';\n\n/**\n * Sheet Tab Event Handler\n * 专门处理sheet标签页相关的事件逻辑\n */\nexport class SheetTabEventHandler {\n  private vTableSheet: VTableSheet;\n\n  constructor(vTableSheet: VTableSheet) {\n    this.vTableSheet = vTableSheet;\n  }\n\n  /**\n   * 处理sheet标签双击事件\n   * 双击sheet标签后，将标签设为可编辑状态。输入完成后进行重命名。\n   * @param sheetKey 工作表key\n   * @param originalTitle 原始名称\n   */\n  handleSheetTabDblClick(sheetKey: string, originalTitle: string): void {\n    const targetTab = this.getSheetTabElementByKey(sheetKey);\n    if (!targetTab) {\n      return;\n    }\n    // 将原文本节点设为可编辑\n    targetTab.setAttribute('contenteditable', 'true');\n    targetTab.setAttribute('spellcheck', 'false');\n    targetTab.classList.add('editing'); // 添加编辑状态样式\n    // 选中所有文本\n    const range = document.createRange();\n    range.selectNodeContents(targetTab);\n    const selection = window.getSelection();\n    selection.removeAllRanges();\n    selection.addRange(range);\n\n    const onBlur = () => {\n      finishInput(true);\n    };\n    const onKeyDown = (e: KeyboardEvent) => {\n      e.stopPropagation();\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        finishInput(true);\n      } else if (e.key === 'Escape') {\n        finishInput(false);\n      }\n    };\n    const finishInput = (commit: boolean) => {\n      targetTab.removeEventListener('blur', onBlur);\n      targetTab.removeEventListener('keydown', onKeyDown);\n      targetTab.classList.remove('editing');\n      targetTab.setAttribute('contenteditable', 'false');\n      const newTitle = targetTab.textContent?.trim();\n      if (!commit || newTitle === originalTitle || !this.renameSheet(sheetKey, newTitle)) {\n        targetTab.textContent = originalTitle;\n        return;\n      }\n    };\n    targetTab.addEventListener('blur', onBlur);\n    targetTab.addEventListener('keydown', onKeyDown);\n  }\n\n  /**\n   * 重命名sheet\n   * @param sheetKey 工作表key\n   * @param newTitle 新名称\n   * @returns 是否成功\n   */\n  private renameSheet(sheetKey: string, newTitle: string): boolean {\n    const sheet = this.vTableSheet.getSheetManager().getSheet(sheetKey);\n    if (!sheet) {\n      return false;\n    }\n    const error = checkTabTitle(newTitle);\n    if (error) {\n      showSnackbar(error, 1300);\n      return false;\n    }\n    const isExist = this.vTableSheet\n      .getSheetManager()\n      .getAllSheets()\n      .find(s => s.sheetKey !== sheetKey && s.sheetTitle.toLowerCase() === newTitle.toLowerCase());\n    if (isExist) {\n      showSnackbar('工作表名称已存在，请重新输入', 1300);\n      return false;\n    }\n\n    this.vTableSheet.renameSheet(sheetKey, newTitle);\n    return true;\n  }\n\n  /**\n   * 获取指定sheetKey的标签元素\n   */\n  private getSheetTabElementByKey(sheetKey: string): HTMLElement | null {\n    const tabsContainer = this.vTableSheet\n      .getSheetTabElement()\n      ?.querySelector('.vtable-sheet-tabs-container') as HTMLElement;\n    return tabsContainer?.querySelector(`.vtable-sheet-tab[data-key=\"${sheetKey}\"]`) as HTMLElement;\n  }\n\n  /**\n   * 激活sheet标签并滚动到可见区域\n   */\n  activeSheetTab(): void {\n    const tabs = this.vTableSheet\n      .getSheetTabElement()\n      ?.querySelectorAll('.vtable-sheet-tab') as NodeListOf<HTMLElement>;\n    let activeTab: HTMLElement | null = null;\n    tabs.forEach(tab => {\n      tab.classList.remove('active');\n      if (tab.dataset.key === this.vTableSheet.getActiveSheet()?.getKey()) {\n        tab.classList.add('active');\n        activeTab = tab;\n      }\n    });\n    // 确保激活的标签可见\n    setTimeout(() => {\n      if (activeTab) {\n        activeTab.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n      }\n    }, 100);\n  }\n\n  /**\n   * 更新渐变效果\n   * @param tabsContainer 标签容器\n   * @param fadeLeft 左侧渐变效果\n   * @param fadeRight 右侧渐变效果\n   */\n  updateFadeEffects(tabsContainer: HTMLElement, fadeLeft: HTMLElement, fadeRight: HTMLElement): void {\n    // 显示/隐藏左侧渐变\n    if (tabsContainer.scrollLeft > 10) {\n      fadeLeft.style.display = 'block';\n    } else {\n      fadeLeft.style.display = 'none';\n    }\n\n    // 显示/隐藏右侧渐变\n    const maxScroll = tabsContainer.scrollWidth - tabsContainer.clientWidth;\n    if (tabsContainer.scrollLeft < maxScroll - 10) {\n      fadeRight.style.display = 'block';\n    } else {\n      fadeRight.style.display = 'none';\n    }\n  }\n\n  /**\n   * 滚动sheet标签\n   * @param direction 滚动方向\n   * @param tabsContainer 标签容器\n   */\n  scrollSheetTabs(direction: 'left' | 'right', tabsContainer: HTMLElement): void {\n    const scrollAmount = 200; // 每次滚动的像素数\n    const currentScroll = tabsContainer.scrollLeft;\n\n    if (direction === 'left') {\n      tabsContainer.scrollTo({\n        left: Math.max(0, currentScroll - scrollAmount),\n        behavior: 'smooth'\n      });\n    } else {\n      tabsContainer.scrollTo({\n        left: currentScroll + scrollAmount,\n        behavior: 'smooth'\n      });\n    }\n  }\n\n  /**\n   * 滚动以确保标签可见\n   * @param tab 标签\n   * @param container 容器\n   */\n  scrollTabIntoView(tab: HTMLElement, container: HTMLElement): void {\n    const tabRect = tab.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n\n    if (tabRect.left < containerRect.left) {\n      // 标签在可见区域左侧\n      container.scrollLeft += tabRect.left - containerRect.left - 10;\n    } else if (tabRect.right > containerRect.right) {\n      // 标签在可见区域右侧\n      container.scrollLeft += tabRect.right - containerRect.right + 10;\n    }\n  }\n\n  /**\n   * 显示工作表菜单\n   */\n  toggleSheetMenu(event: MouseEvent): void {\n    const menuContainer = this.vTableSheet\n      .getSheetTabElement()\n      ?.querySelector('.vtable-sheet-menu-list') as HTMLElement;\n    menuContainer.classList.toggle('active');\n\n    // 如果菜单被打开，添加点击外部关闭的监听器\n    if (menuContainer.classList.contains('active')) {\n      this.addClickOutsideListener();\n    } else {\n      this.removeClickOutsideListener();\n    }\n  }\n\n  /**\n   * 添加点击外部关闭菜单的监听器\n   */\n  private clickOutsideHandler = (event: MouseEvent): void => {\n    const menuContainer = this.vTableSheet\n      .getSheetTabElement()\n      ?.querySelector('.vtable-sheet-menu-list') as HTMLElement;\n    const menuButton = this.vTableSheet.getSheetTabElement()?.querySelector('.vtable-sheet-menu-button') as HTMLElement;\n\n    // 如果点击的不是菜单容器和菜单按钮，则关闭菜单\n    if (\n      menuContainer &&\n      menuButton &&\n      !menuContainer.contains(event.target as Node) &&\n      !menuButton.contains(event.target as Node)\n    ) {\n      menuContainer.classList.remove('active');\n      this.removeClickOutsideListener();\n    }\n  };\n\n  /**\n   * 添加点击外部监听器\n   */\n  addClickOutsideListener(): void {\n    document.addEventListener('click', this.clickOutsideHandler);\n  }\n\n  /**\n   * 移除点击外部监听器\n   */\n  removeClickOutsideListener(): void {\n    document.removeEventListener('click', this.clickOutsideHandler);\n  }\n\n  /**\n   * 更新sheet列表\n   */\n  updateSheetMenu(): void {\n    const menuContainer = this.vTableSheet\n      .getSheetTabElement()\n      ?.querySelector('.vtable-sheet-menu-list') as HTMLElement;\n    menuContainer.innerHTML = '';\n    const sheets = this.vTableSheet.getSheetManager().getAllSheets();\n    sheets.forEach(sheet => {\n      // li\n      const li = document.createElement('li');\n      li.className = 'vtable-sheet-menu-item';\n      li.dataset.key = sheet.sheetKey;\n      // title\n      const title = document.createElement('span');\n      title.className = 'vtable-sheet-menu-item-title';\n      title.innerText = sheet.sheetTitle;\n      li.appendChild(title);\n      // delete button\n      const div = document.createElement('div');\n      div.className = 'vtable-sheet-menu-delete-button';\n      div.innerHTML =\n        '<svg class=\"x-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">' +\n        '<path d=\"M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>' +\n        '<path d=\"M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>' +\n        '</svg>';\n      div.addEventListener('click', e => {\n        this.vTableSheet.removeSheet(sheet.sheetKey);\n        e.stopPropagation();\n      });\n      li.addEventListener('click', () => this.vTableSheet.activateSheet(sheet.sheetKey));\n      li.appendChild(div);\n      menuContainer.appendChild(li);\n    });\n    this.activeSheetMenuItem();\n    // 确保激活的标签可见\n    setTimeout(() => {\n      const activeItem = menuContainer.querySelector('.vtable-sheet-main-menu-item.active');\n      if (activeItem) {\n        activeItem.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n      }\n    }, 100);\n  }\n\n  /**\n   * 激活sheet菜单项并滚动到可见区域\n   */\n  activeSheetMenuItem(): void {\n    if (this.vTableSheet.getOptions()?.showSheetTab === false) {\n      return;\n    }\n    const menuItems = this.vTableSheet\n      .getSheetTabElement()\n      ?.querySelectorAll('.vtable-sheet-main-menu-item') as NodeListOf<HTMLElement>;\n    let activeItem: HTMLElement | null = null;\n    menuItems.forEach(item => {\n      item.classList.remove('active');\n      if (item.dataset.key === this.vTableSheet.getActiveSheet()?.getKey()) {\n        item.classList.add('active');\n        activeItem = item;\n      }\n    });\n    setTimeout(() => {\n      if (activeItem) {\n        activeItem.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n      }\n    }, 100);\n  }\n}\n"]}

package/cjs/components/vtable-sheet.d.ts

@@ -8,6 +8,7 @@ import { FormulaUIManager } from '../formula/formula-ui-manager';
 import type { VTableSheetEventType } from '../ts-types/spreadsheet-events';
 import { SpreadSheetEventManager } from '../event/spreadsheet-event-manager';
 import { VTableSheetEventBus } from '../event/vtable-sheet-event-bus';
+import { WorkbookHistoryManager } from '../managers/workbook-history-manager';
 export default class VTableSheet {
     private container;
     private options;
@@ -26,13 +27,16 @@ export default class VTableSheet {
     private formulaBarElement;
     private sheetTabElement;
     private mainMenuElement;
+    private undoRedoElement;
     private contentElement;
     private dragManager;
     private sheetTabEventHandler;
+    private workbookHistoryManager;
     constructor(container: HTMLElement, options: IVTableSheetOptions);
     private mergeDefaultOptions;
     private initFormulaAutocomplete;
     private initUI;
+    private renderTopLeftControls;
     private createSheetTab;
     private _activeSheetTab;
     updateSheetTabs(tabsContainer?: HTMLElement): void;
@@ -55,7 +59,17 @@ export default class VTableSheet {
     getSpreadSheetEventManager(): SpreadSheetEventManager;
     getEventBus(): VTableSheetEventBus;
     getSheetManager(): SheetManager;
+    getWorkbookHistoryManager(): WorkbookHistoryManager;
     getActiveSheet(): WorkSheet | null;
+    getWorkSheetInstance(sheetKey: string): WorkSheet | undefined;
+    setWorkSheetInstance(sheetKey: string, instance: WorkSheet): void;
+    deleteWorkSheetInstance(sheetKey: string): void;
+    renameSheet(sheetKey: string, newTitle: string): void;
+    reorderSheet(sourceKey: string, targetKey: string, position: 'left' | 'right'): void;
+    undo(): void;
+    redo(): void;
+    startHistoryTransaction(): void;
+    endHistoryTransaction(): void;
     onTableEvent<K extends keyof TableEventHandlersEventArgumentMap>(type: K, callback: (event: TableEventHandlersEventArgumentMap[K] & {
         sheetKey: string;
     }) => void): void;

package/cjs/components/vtable-sheet.js

@@ -1,29 +1,6 @@
 "use strict";
 
-var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
-    void 0 === k2 && (k2 = k);
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
-        enumerable: !0,
-        get: function() {
-            return m[k];
-        }
-    }), Object.defineProperty(o, k2, desc);
-} : function(o, m, k, k2) {
-    void 0 === k2 && (k2 = k), o[k2] = m[k];
-}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
-    Object.defineProperty(o, "default", {
-        enumerable: !0,
-        value: v
-    });
-} : function(o, v) {
-    o.default = v;
-}), __importStar = this && this.__importStar || function(mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
-    return __setModuleDefault(result, mod), result;
-}, __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
     return new (P || (P = Promise))((function(resolve, reject) {
         function fulfilled(value) {
             try {
@@ -65,21 +42,21 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 });
 
-const formula_manager_1 = require("../managers/formula-manager"), sheet_manager_1 = __importDefault(require("../managers/sheet-manager")), WorkSheet_1 = require("../core/WorkSheet"), VTable = __importStar(require("@visactor/vtable")), table_plugins_1 = require("../core/table-plugins"), dom_event_manager_1 = require("../event/dom-event-manager"), snackbar_1 = require("../tools/ui/snackbar"), tab_drag_manager_1 = __importDefault(require("../managers/tab-drag-manager")), formula_autocomplete_1 = require("../formula/formula-autocomplete"), formula_editor_1 = require("../formula/formula-editor"), menu_manager_1 = require("../managers/menu-manager"), formula_ui_manager_1 = require("../formula/formula-ui-manager"), sheet_tab_event_handler_1 = require("./sheet-tab-event-handler"), table_event_relay_1 = require("../event/table-event-relay"), spreadsheet_event_manager_1 = require("../event/spreadsheet-event-manager"), vtable_sheet_event_bus_1 = require("../event/vtable-sheet-event-bus"), sheet_helper_1 = require("../sheet-helper"), themes_1 = require("@visactor/vtable/es/themes");
-
-VTable.register.editor("formula", formula_editor_1.formulaEditor);
+const formula_manager_1 = require("../managers/formula-manager"), sheet_manager_1 = __importDefault(require("../managers/sheet-manager")), WorkSheet_1 = require("../core/WorkSheet"), table_plugins_1 = require("../core/table-plugins"), dom_event_manager_1 = require("../event/dom-event-manager"), snackbar_1 = require("../tools/ui/snackbar"), tab_drag_manager_1 = __importDefault(require("../managers/tab-drag-manager")), formula_autocomplete_1 = require("../formula/formula-autocomplete"), formula_editor_1 = require("../formula/formula-editor"), menu_manager_1 = require("../managers/menu-manager"), formula_ui_manager_1 = require("../formula/formula-ui-manager"), sheet_tab_event_handler_1 = require("./sheet-tab-event-handler"), table_event_relay_1 = require("../event/table-event-relay"), spreadsheet_event_manager_1 = require("../event/spreadsheet-event-manager"), vtable_sheet_event_bus_1 = require("../event/vtable-sheet-event-bus"), sheet_helper_1 = require("../sheet-helper"), themes_1 = require("@visactor/vtable/es/themes"), workbook_history_manager_1 = require("../managers/workbook-history-manager");
 
 class VTableSheet {
     constructor(container, options) {
         this.activeWorkSheet = null, this.workSheetInstances = new Map, this.formulaAutocomplete = null, 
         this.formulaBarElement = null, this.sheetTabElement = null, this.mainMenuElement = null, 
-        this.container = container, this.options = this.mergeDefaultOptions(options), this.eventBus = new vtable_sheet_event_bus_1.VTableSheetEventBus, 
-        this.sheetManager = new sheet_manager_1.default(this.eventBus), this.formulaManager = new formula_manager_1.FormulaManager(this), 
-        this.tableEventRelay = new table_event_relay_1.TableEventRelay(this), this.eventManager = new dom_event_manager_1.DomEventManager(this), 
-        this.dragManager = new tab_drag_manager_1.default(this), this.menuManager = new menu_manager_1.MenuManager(this), 
+        this.undoRedoElement = null, this.container = container, this.options = this.mergeDefaultOptions(options), 
+        this.eventBus = new vtable_sheet_event_bus_1.VTableSheetEventBus, this.sheetManager = new sheet_manager_1.default(this.eventBus), 
+        this.formulaManager = new formula_manager_1.FormulaManager(this), this.tableEventRelay = new table_event_relay_1.TableEventRelay(this), 
+        this.eventManager = new dom_event_manager_1.DomEventManager(this), this.dragManager = new tab_drag_manager_1.default(this), 
         this.formulaUIManager = new formula_ui_manager_1.FormulaUIManager(this), this.sheetTabEventHandler = new sheet_tab_event_handler_1.SheetTabEventHandler(this), 
         this.spreadsheetEventManager = new spreadsheet_event_manager_1.SpreadSheetEventManager(this), 
-        this.initUI(), this.initSheets(), this.resize();
+        this.workbookHistoryManager = new workbook_history_manager_1.WorkbookHistoryManager(this), 
+        this.menuManager = new menu_manager_1.MenuManager(this), this.initUI(), this.workbookHistoryManager.suspend(), 
+        this.initSheets(), this.workbookHistoryManager.resume(), this.resize();
     }
     mergeDefaultOptions(options) {
         return Object.assign({
@@ -96,18 +73,26 @@ class VTableSheet {
         this.formulaAutocomplete.attachTo(formulaInput));
     }
     initUI() {
-        var _a;
         this.rootElement = document.createElement("div"), this.rootElement.className = "vtable-sheet-container", 
         this.container.appendChild(this.rootElement);
         const topContainer = document.createElement("div");
         topContainer.className = "vtable-sheet-top-container", this.rootElement.appendChild(topContainer), 
-        (null === (_a = this.options.mainMenu) || void 0 === _a ? void 0 : _a.show) && (this.mainMenuElement = this.menuManager.createMainMenu(), 
-        topContainer.appendChild(this.mainMenuElement)), this.options.showFormulaBar && (this.formulaBarElement = this.formulaUIManager.createFormulaBar(), 
+        this.renderTopLeftControls(topContainer), this.options.showFormulaBar && (this.formulaBarElement = this.formulaUIManager.createFormulaBar(), 
         topContainer.appendChild(this.formulaBarElement), this.initFormulaAutocomplete()), 
         this.contentElement = document.createElement("div"), this.contentElement.className = "vtable-sheet-content", 
         this.rootElement.appendChild(this.contentElement), this.options.showSheetTab && (this.sheetTabElement = this.createSheetTab(), 
         this.rootElement.appendChild(this.sheetTabElement));
     }
+    renderTopLeftControls(topContainer) {
+        var _a, _b, _c, _d, _e;
+        (null === (_a = this.mainMenuElement) || void 0 === _a ? void 0 : _a.parentElement) && (this.mainMenuElement.parentElement.removeChild(this.mainMenuElement), 
+        this.mainMenuElement = null), (null === (_b = this.undoRedoElement) || void 0 === _b ? void 0 : _b.parentElement) && (this.undoRedoElement.parentElement.removeChild(this.undoRedoElement), 
+        this.undoRedoElement = null), this.menuManager.release();
+        const showMainMenu = !!(null === (_c = this.options.mainMenu) || void 0 === _c ? void 0 : _c.show), showUndoRedo = null === (_e = null === (_d = this.options.undoRedo) || void 0 === _d ? void 0 : _d.show) || void 0 === _e || _e;
+        if (showMainMenu) return this.mainMenuElement = this.menuManager.createMainMenu(), 
+        void (topContainer.firstChild ? topContainer.insertBefore(this.mainMenuElement, topContainer.firstChild) : topContainer.appendChild(this.mainMenuElement));
+        showUndoRedo && (this.undoRedoElement = this.menuManager.createUndoRedoOnly(), topContainer.firstChild ? topContainer.insertBefore(this.undoRedoElement, topContainer.firstChild) : topContainer.appendChild(this.undoRedoElement));
+    }
     createSheetTab() {
         const sheetTab = document.createElement("div");
         sheetTab.className = "vtable-sheet-tab-bar";
@@ -205,15 +190,13 @@ class VTableSheet {
         }
     }
     addSheet(sheet) {
-        this.sheetManager.addSheet(sheet), this.updateSheetTabs(), this.updateSheetMenu();
+        this.workbookHistoryManager.addSheet({
+            sheet: sheet,
+            activate: !1
+        });
     }
     removeSheet(sheetKey) {
-        if (this.sheetManager.getSheetCount() <= 1) return void (0, snackbar_1.showSnackbar)("至少保留一个工作表", 1300);
-        const instance = this.workSheetInstances.get(sheetKey);
-        instance && (instance.release(), this.workSheetInstances.delete(sheetKey));
-        const newActiveSheetKey = this.sheetManager.removeSheet(sheetKey);
-        newActiveSheetKey && this.activateSheet(newActiveSheetKey), this.updateSheetTabs(), 
-        this.updateSheetMenu();
+        this.sheetManager.getSheetCount() <= 1 ? (0, snackbar_1.showSnackbar)("至少保留一个工作表", 1300) : this.workbookHistoryManager.removeSheet(sheetKey);
     }
     getSheetCount() {
         return this.sheetManager.getSheetCount();
@@ -226,10 +209,9 @@ class VTableSheet {
     }
     createWorkSheetInstance(sheetDefine) {
         var _a, _b, _c;
-        formula_editor_1.formulaEditor.setSheet(this);
         const contentWidth = this.contentElement.clientWidth, contentHeight = this.contentElement.clientHeight;
         sheetDefine.dragOrder = null !== (_a = sheetDefine.dragOrder) && void 0 !== _a ? _a : this.options.dragOrder;
-        const sheet = new WorkSheet_1.WorkSheet(this, Object.assign(Object.assign({}, sheetDefine), {
+        const formulaEditor = (0, formula_editor_1.createFormulaEditor)(), sheet = new WorkSheet_1.WorkSheet(this, Object.assign(Object.assign({}, sheetDefine), {
             container: this.contentElement,
             width: contentWidth,
             height: contentHeight,
@@ -237,8 +219,8 @@ class VTableSheet {
             defaultColWidth: this.options.defaultColWidth,
             dragOrder: sheetDefine.dragOrder,
             plugins: (0, table_plugins_1.getTablePlugins)(sheetDefine, this.options, this),
-            headerEditor: "formula",
-            editor: "formula",
+            headerEditor: formulaEditor,
+            editor: formulaEditor,
             select: {
                 makeSelectCellVisible: !1
             },
@@ -246,6 +228,7 @@ class VTableSheet {
             customMergeCell: sheetDefine.cellMerge,
             theme: (null === (_b = sheetDefine.theme) || void 0 === _b ? void 0 : _b.tableTheme) || (null === (_c = this.options.theme) || void 0 === _c ? void 0 : _c.tableTheme)
         }));
+        formulaEditor.setSheet(this);
         try {
             const normalizedData = sheetDefine.data ? this.formulaManager.normalizeSheetData(sheetDefine.data, sheet.tableInstance) : [];
             this.formulaManager.addSheet(sheetDefine.sheetKey, normalizedData, sheetDefine.sheetTitle), 
@@ -300,7 +283,10 @@ class VTableSheet {
             rowCount: 100,
             data: []
         };
-        this.sheetManager.addSheet(newSheet), this.activateSheet(key);
+        this.workbookHistoryManager.addSheet({
+            sheet: newSheet,
+            activate: !0
+        });
     }
     updateFormulaBar() {
         this.formulaUIManager.updateFormulaBar();
@@ -317,9 +303,39 @@ class VTableSheet {
     getSheetManager() {
         return this.sheetManager;
     }
+    getWorkbookHistoryManager() {
+        return this.workbookHistoryManager;
+    }
     getActiveSheet() {
         return this.activeWorkSheet;
     }
+    getWorkSheetInstance(sheetKey) {
+        return this.workSheetInstances.get(sheetKey);
+    }
+    setWorkSheetInstance(sheetKey, instance) {
+        this.workSheetInstances.set(sheetKey, instance);
+    }
+    deleteWorkSheetInstance(sheetKey) {
+        this.workSheetInstances.delete(sheetKey);
+    }
+    renameSheet(sheetKey, newTitle) {
+        this.workbookHistoryManager.renameSheet(sheetKey, newTitle);
+    }
+    reorderSheet(sourceKey, targetKey, position) {
+        this.workbookHistoryManager.reorderSheet(sourceKey, targetKey, position);
+    }
+    undo() {
+        this.workbookHistoryManager.undo();
+    }
+    redo() {
+        this.workbookHistoryManager.redo();
+    }
+    startHistoryTransaction() {
+        this.workbookHistoryManager.startTransaction();
+    }
+    endHistoryTransaction() {
+        this.workbookHistoryManager.endTransaction();
+    }
     onTableEvent(type, callback) {
         this.tableEventRelay.onTableEvent(type, callback);
     }
@@ -398,16 +414,22 @@ class VTableSheet {
         });
     }
     updateMainMenu(mainMenu) {
-        this.options.mainMenu = mainMenu, this.menuManager.updateMainMenu(mainMenu);
+        this.options.mainMenu = mainMenu;
+        const topContainer = this.rootElement.querySelector(".vtable-sheet-top-container");
+        topContainer && this.renderTopLeftControls(topContainer);
     }
     updateOption(options) {
         var _a, _b;
         if (!options) return;
-        void 0 !== options.mainMenu && this.updateMainMenu(options.mainMenu);
-        const pluginModulesChanged = (0, sheet_helper_1.pluginIsChanged)(this.options.VTablePluginModules, options.VTablePluginModules), tableThemeChanged = (0, 
+        const hasMainMenu = void 0 !== options.mainMenu, hasUndoRedo = void 0 !== options.undoRedo, pluginModulesChanged = (0, 
+        sheet_helper_1.pluginIsChanged)(this.options.VTablePluginModules, options.VTablePluginModules), tableThemeChanged = (0, 
         themes_1.tableThemeIsChanged)(null === (_a = this.options.theme) || void 0 === _a ? void 0 : _a.tableTheme, null === (_b = options.theme) || void 0 === _b ? void 0 : _b.tableTheme), {sheets: sheets} = options;
         __rest(options, [ "sheets" ]);
-        this.options = Object.assign(Object.assign({}, this.options), options), (Array.isArray(options.sheets) || pluginModulesChanged || tableThemeChanged) && this.updateSheets(options);
+        if (this.options = Object.assign(Object.assign({}, this.options), options), hasMainMenu || hasUndoRedo) {
+            const topContainer = this.rootElement.querySelector(".vtable-sheet-top-container");
+            topContainer && this.renderTopLeftControls(topContainer);
+        }
+        (Array.isArray(options.sheets) || pluginModulesChanged || tableThemeChanged) && this.updateSheets(options);
     }
     updateSheets(options) {
         const nextSheets = options.sheets || [], prevSheets = this.sheetManager.getAllSheets(), prevMap = new Map;
@@ -439,7 +461,7 @@ class VTableSheet {
                 const newInstance = this.createWorkSheetInstance(next_sheetDefine);
                 return void this.workSheetInstances.set(next_sheetDefine.sheetKey, newInstance);
             }
-            const sheetOption = {
+            const formulaEditor = (0, formula_editor_1.createFormulaEditor)(), sheetOption = {
                 sheetTitle: next_sheetDefine.sheetTitle,
                 sheetKey: next_sheetDefine.sheetKey,
                 showHeader: next_sheetDefine.showHeader,
@@ -454,8 +476,8 @@ class VTableSheet {
                 defaultColWidth: this.options.defaultColWidth,
                 dragOrder: next_sheetDefine.dragOrder,
                 plugins: (0, table_plugins_1.getTablePlugins)(next_sheetDefine, this.options, this),
-                headerEditor: "formula",
-                editor: "formula",
+                headerEditor: formulaEditor,
+                editor: formulaEditor,
                 select: {
                     makeSelectCellVisible: !1
                 },
@@ -465,7 +487,7 @@ class VTableSheet {
                 data: next_sheetDefine.data,
                 columns: next_sheetDefine.columns
             };
-            instance.updateSheetOption(sheetOption);
+            formulaEditor.setSheet(this), instance.updateSheetOption(sheetOption);
         }));
         try {
             this.formulaManager.rebuildFormulas(nextSheets), nextSheets.forEach((sheetDefine => {