@visactor/vtable-sheet 1.23.1-alpha.2 → 1.23.2

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

@@ -118,8 +118,9 @@ export class SheetTabEventHandler {
         }), 100);
     }
     activeSheetMenuItem() {
-        var _a;
-        const menuItems = null === (_a = this.vTableSheet.getSheetTabElement()) || void 0 === _a ? void 0 : _a.querySelectorAll(".vtable-sheet-main-menu-item");
+        var _a, _b;
+        if (!1 === (null === (_a = this.vTableSheet.getOptions()) || void 0 === _a ? void 0 : _a.showSheetTab)) return;
+        const menuItems = null === (_b = this.vTableSheet.getSheetTabElement()) || void 0 === _b ? void 0 : _b.querySelectorAll(".vtable-sheet-main-menu-item");
         let activeItem = null;
         menuItems.forEach((item => {
             var _a;

package/es/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    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.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"]}

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

@@ -1,7 +1,7 @@
 import { FormulaManager } from '../managers/formula-manager';
 import SheetManager from '../managers/sheet-manager';
 import { WorkSheet } from '../core/WorkSheet';
-import type { IVTableSheetOptions, ISheetDefine } from '../ts-types';
+import type { IVTableSheetOptions, IVTableSheetUpdateOptions, ISheetDefine } from '../ts-types';
 import type { MultiSheetImportResult } from '@visactor/vtable-plugins/src/excel-import/types';
 import type { TableEventHandlersEventArgumentMap } from '@visactor/vtable/es/ts-types/events';
 import { FormulaUIManager } from '../formula/formula-ui-manager';
@@ -67,6 +67,9 @@ export default class VTableSheet {
     getSheetByName(sheetName: string): WorkSheet | null;
     getWorkSheetByKey(sheetKey: string): WorkSheet | null;
     saveToConfig(): IVTableSheetOptions;
+    updateMainMenu(mainMenu: IVTableSheetOptions['mainMenu']): void;
+    updateOption(options: IVTableSheetUpdateOptions): void;
+    private updateSheets;
     exportSheetToFile(fileType: 'csv' | 'xlsx', allSheets?: boolean): void;
     exportAllSheetsToExcel(): void;
     initAllSheetInstances(): void;

package/es/components/vtable-sheet.js

@@ -64,6 +64,10 @@ import { SpreadSheetEventManager } from "../event/spreadsheet-event-manager";
 
 import { VTableSheetEventBus } from "../event/vtable-sheet-event-bus";
 
+import { pluginIsChanged } from "../sheet-helper";
+
+import { tableThemeIsChanged } from "@visactor/vtable/es/themes";
+
 VTable.register.editor("formula", formulaEditor);
 
 export default class VTableSheet {
@@ -144,7 +148,7 @@ export default class VTableSheet {
         }), 100), sheetTab;
     }
     _activeSheetTab() {
-        this.sheetTabEventHandler.activeSheetTab();
+        !1 !== this.options.showSheetTab && this.sheetTabEventHandler.activeSheetTab();
     }
     updateSheetTabs(tabsContainer) {
         var _a;
@@ -155,7 +159,7 @@ export default class VTableSheet {
             tabsContainer.appendChild(this.createSheetTabItem(sheet, index));
         })), this._activeSheetTab();
     }
-    createSheetTabItem(sheet, index) {
+    createSheetTabItem(sheet, _index) {
         const tab = document.createElement("div");
         return tab.className = "vtable-sheet-tab", tab.dataset.key = sheet.sheetKey, tab.textContent = sheet.sheetTitle, 
         tab.title = sheet.sheetTitle, tab.addEventListener("click", (() => this.activateSheet(sheet.sheetKey))), 
@@ -164,7 +168,7 @@ export default class VTableSheet {
         tab;
     }
     updateSheetMenu() {
-        this.sheetTabEventHandler.updateSheetMenu();
+        !1 !== this.options.showSheetTab && this.sheetTabEventHandler.updateSheetMenu();
     }
     initSheets() {
         if (this.options.sheets && this.options.sheets.length > 0) {
@@ -186,6 +190,7 @@ export default class VTableSheet {
                 instance.getElement().style.display = "none", instance.tableInstance && this.tableEventRelay.unbindSheetEvents(instance.sheetKey, instance.tableInstance);
             })), this.workSheetInstances.has(sheetKey)) {
                 const instance = this.workSheetInstances.get(sheetKey);
+                if (!instance) throw new Error(`Worksheet instance for key "${sheetKey}" not found`);
                 instance.getElement().style.display = "block", this.activeWorkSheet = instance, 
                 instance.tableInstance && this.tableEventRelay.bindSheetEvents(instance.sheetKey, instance.tableInstance), 
                 this.formulaManager.setActiveSheet(sheetKey), this._activeSheetTab(), this.sheetTabEventHandler.activeSheetMenuItem(), 
@@ -238,18 +243,12 @@ export default class VTableSheet {
             select: {
                 makeSelectCellVisible: !1
             },
-            style: {
-                borderColor: [ "#E1E4E8", "#E1E4E8", "#E1E4E8", "#E1E4E8" ],
-                borderLineWidth: [ 1, 1, 1, 1 ],
-                borderLineDash: [ null, null, null, null ],
-                padding: [ 8, 8, 8, 8 ]
-            },
             editCellTrigger: [ "api", "keydown", "doubleclick" ],
             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)
         }));
         try {
-            const normalizedData = this.formulaManager.normalizeSheetData(sheetDefine.data, sheet.tableInstance);
+            const normalizedData = sheetDefine.data ? this.formulaManager.normalizeSheetData(sheetDefine.data, sheet.tableInstance) : [];
             this.formulaManager.addSheet(sheetDefine.sheetKey, normalizedData, sheetDefine.sheetTitle), 
             sheetDefine.formulas && Object.keys(sheetDefine.formulas).length > 0 && this.loadFormulas(sheetDefine.sheetKey, sheetDefine.formulas);
         } catch (error) {}
@@ -266,7 +265,6 @@ export default class VTableSheet {
                     col: col
                 }, formula);
             }
-            this.formulaManager.rebuildAndRecalculate();
         } catch (error) {}
     }
     parseCellKey(cellKey) {
@@ -371,7 +369,7 @@ export default class VTableSheet {
                 currentSortState = sortState.map((item => Object.assign({
                     field: item.field,
                     order: item.order
-                }, null != item.orderFn && {
+                }, null !== item.orderFn && void 0 !== item.orderFn && {
                     orderFn: item.orderFn
                 }))));
                 const formulas = this.formulaManager.exportFormulas(sheetDefine.sheetKey), columnWidthConfig = Array.from(instance.tableInstance.internalProps._widthResizedColMap).map((key => ({
@@ -400,6 +398,105 @@ export default class VTableSheet {
             sheets: sheets
         });
     }
+    updateMainMenu(mainMenu) {
+        this.options.mainMenu = mainMenu, this.menuManager.updateMainMenu(mainMenu);
+    }
+    updateOption(options) {
+        var _a, _b;
+        if (!options) return;
+        void 0 !== options.mainMenu && this.updateMainMenu(options.mainMenu);
+        const pluginModulesChanged = pluginIsChanged(this.options.VTablePluginModules, options.VTablePluginModules), tableThemeChanged = 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);
+    }
+    updateSheets(options) {
+        const nextSheets = options.sheets || [], prevSheets = this.sheetManager.getAllSheets(), prevMap = new Map;
+        prevSheets.forEach((sheet => {
+            prevMap.set(sheet.sheetKey, sheet);
+        }));
+        const added = [], updated = [];
+        nextSheets.forEach((next => {
+            const prev = prevMap.get(next.sheetKey);
+            prev ? (updated.push({
+                prev: prev,
+                next: next
+            }), prevMap.delete(next.sheetKey)) : added.push(next);
+        }));
+        Array.from(prevMap.keys()).forEach((sheetKey => {
+            const instance = this.workSheetInstances.get(sheetKey);
+            instance && (instance.release(), this.workSheetInstances.delete(sheetKey));
+            try {
+                this.sheetManager.removeSheet(sheetKey), this.formulaManager.removeSheet(sheetKey);
+            } catch (error) {}
+        })), added.forEach((sheetDefine => {
+            this.sheetManager.addSheet(sheetDefine);
+            const instance = this.createWorkSheetInstance(sheetDefine);
+            this.workSheetInstances.set(sheetDefine.sheetKey, instance);
+        })), updated.forEach((({prev: prev, next: next_sheetDefine}) => {
+            var _a, _b;
+            const instance = this.workSheetInstances.get(next_sheetDefine.sheetKey);
+            if (Object.assign(prev, next_sheetDefine), !instance) {
+                const newInstance = this.createWorkSheetInstance(next_sheetDefine);
+                return void this.workSheetInstances.set(next_sheetDefine.sheetKey, newInstance);
+            }
+            const sheetOption = {
+                sheetTitle: next_sheetDefine.sheetTitle,
+                sheetKey: next_sheetDefine.sheetKey,
+                showHeader: next_sheetDefine.showHeader,
+                frozenRowCount: next_sheetDefine.frozenRowCount,
+                frozenColCount: next_sheetDefine.frozenColCount,
+                filter: next_sheetDefine.filter,
+                filterState: next_sheetDefine.filterState,
+                sortState: next_sheetDefine.sortState,
+                columnWidthConfig: next_sheetDefine.columnWidthConfig,
+                rowHeightConfig: next_sheetDefine.rowHeightConfig,
+                defaultRowHeight: this.options.defaultRowHeight,
+                defaultColWidth: this.options.defaultColWidth,
+                dragOrder: next_sheetDefine.dragOrder,
+                plugins: getTablePlugins(next_sheetDefine, this.options, this),
+                headerEditor: "formula",
+                editor: "formula",
+                select: {
+                    makeSelectCellVisible: !1
+                },
+                editCellTrigger: [ "api", "keydown", "doubleclick" ],
+                customMergeCell: next_sheetDefine.cellMerge,
+                theme: (null === (_a = next_sheetDefine.theme) || void 0 === _a ? void 0 : _a.tableTheme) || (null === (_b = this.options.theme) || void 0 === _b ? void 0 : _b.tableTheme),
+                data: next_sheetDefine.data,
+                columns: next_sheetDefine.columns
+            };
+            instance.updateSheetOption(sheetOption);
+        }));
+        try {
+            this.formulaManager.rebuildFormulas(nextSheets), nextSheets.forEach((sheetDefine => {
+                const worksheetInstance = this.workSheetInstances.get(sheetDefine.sheetKey);
+                if (!worksheetInstance || !worksheetInstance.tableInstance) return;
+                const dataToUse = sheetDefine.data || worksheetInstance.getData(), normalizedData = this.formulaManager.normalizeSheetData(dataToUse, worksheetInstance.tableInstance);
+                this.formulaManager.formulaEngine.updateSheetData(sheetDefine.sheetKey, normalizedData), 
+                sheetDefine.formulas && Object.keys(sheetDefine.formulas).length > 0 && this.loadFormulas(sheetDefine.sheetKey, sheetDefine.formulas);
+            })), updated.forEach((({prev: prev, next: next_sheetDefine}) => {
+                const hadFormulas = prev.formulas && Object.keys(prev.formulas).length > 0, hasFormulas = next_sheetDefine.formulas && Object.keys(next_sheetDefine.formulas).length > 0;
+                if (!hadFormulas || hasFormulas) return;
+                const worksheetInstance = this.workSheetInstances.get(next_sheetDefine.sheetKey);
+                if (!worksheetInstance) return;
+                const data = next_sheetDefine.data || worksheetInstance.getData();
+                Object.keys(prev.formulas).forEach((cellRef => {
+                    var _a;
+                    try {
+                        const {row: row, col: col} = this.parseCellKey(cellRef), cellValue = null === (_a = null == data ? void 0 : data[row]) || void 0 === _a ? void 0 : _a[col];
+                        void 0 !== cellValue && this.formulaManager.setCellContent({
+                            sheet: next_sheetDefine.sheetKey,
+                            row: row,
+                            col: col
+                        }, cellValue);
+                    } catch (error) {}
+                }));
+            }));
+        } catch (error) {}
+        this.sheetManager.sortSheets(this.options.sheets), this.updateSheetTabs(), this.updateSheetMenu();
+        const activeDefine = nextSheets.find((s => s.active)) || nextSheets[0];
+        activeDefine && this.activateSheet(activeDefine.sheetKey);
+    }
     exportSheetToFile(fileType, allSheets = !0) {
         var _a, _b;
         try {
@@ -423,10 +520,14 @@ export default class VTableSheet {
     exportAllSheetsToExcel() {
         var _b;
         this.initAllSheetInstances();
-        const tables = this.sheetManager.getAllSheets().map((def => ({
-            table: this.workSheetInstances.get(def.sheetKey).tableInstance,
-            name: def.sheetTitle || def.sheetKey
-        })));
+        const tables = this.sheetManager.getAllSheets().map((def => {
+            const inst = this.workSheetInstances.get(def.sheetKey);
+            if (!inst) throw new Error(`Worksheet instance for key "${def.sheetKey}" not found during export`);
+            return {
+                table: inst.tableInstance,
+                name: def.sheetTitle || def.sheetKey
+            };
+        }));
         null === (_b = this._exportMutipleTablesToExcel) || void 0 === _b || _b.call(this, tables);
     }
     initAllSheetInstances() {