@sl-material/sl-table-sheet 1.0.0-beta0

package/sl-table-sheet.es.js

@@ -0,0 +1,2499 @@
+var O = Object.defineProperty;
+var L = (c, e, t) => e in c ? O(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
+var u = (c, e, t) => L(c, typeof e != "symbol" ? e + "" : e, t);
+import * as b from "xlsx";
+import * as y from "@visactor/vtable-sheet";
+import * as E from "@visactor/vtable-editors";
+class k {
+  /**
+   * 检测表头行数
+   */
+  static detectHeaderRows(e, t) {
+    let n = 1;
+    t !== void 0 ? n = t : n = this.autoDetectHeaderRows(e);
+    const o = e.slice(0, n), s = this.filterTitleRows(o);
+    return {
+      headerRows: n,
+      dataStartRow: n,
+      effectiveHeaderRows: s
+    };
+  }
+  /**
+   * 自动检测表头行数
+   */
+  static autoDetectHeaderRows(e) {
+    const t = Math.min(5, e.length);
+    let n = 1;
+    const o = e[0] || [], s = e[1] || [], l = this.getNonEmptyCells(o), i = this.getNonEmptyCells(s), a = this.isTitleRow(l), d = this.isHeaderRow(i);
+    if (a && d)
+      return 2;
+    if (d && !a)
+      return 1;
+    for (let r = 0; r < t - 1; r++) {
+      const h = e[r] || [], p = this.getNonEmptyCells(h), f = this.isTitleRow(p), m = this.isHeaderRow(p), g = this.isDataRow(p);
+      if (f && m)
+        n = Math.max(n, r + 2);
+      else if (m && !g && r < t - 2) {
+        const v = e[r + 2] || [], w = this.getNonEmptyCells(v);
+        this.isDataRow(w) || (n = Math.max(n, r + 2));
+      }
+    }
+    return n;
+  }
+  /**
+   * 过滤标题行，只保留表头行
+   */
+  static filterTitleRows(e) {
+    for (let t = 0; t < e.length; t++) {
+      const n = e[t], o = this.getNonEmptyCells(n);
+      if (o.length === 1 && o[0].length > 20)
+        return e.slice(t + 1);
+    }
+    return e;
+  }
+  /**
+   * 获取非空单元格
+   */
+  static getNonEmptyCells(e) {
+    return e.filter((t) => String(t || "").trim() !== "");
+  }
+  /**
+   * 判断是否为标题行
+   */
+  static isTitleRow(e) {
+    return e.length === 1 && e[0].length > 20;
+  }
+  /**
+   * 判断是否为表头行
+   */
+  static isHeaderRow(e) {
+    return e.length > 3;
+  }
+  /**
+   * 判断是否为数据行
+   */
+  static isDataRow(e) {
+    return e.length > 0 && e.some((t) => {
+      const n = String(t || "").trim();
+      return /^\d+$/.test(n) || /^\d{4}-\d{1,2}-\d{1,2}/.test(n) || n.length <= 10;
+    });
+  }
+  /**
+   * 合并多层表头
+   */
+  static mergeHeaders(e, t) {
+    const n = [];
+    for (let o = 0; o < t; o++) {
+      const s = [];
+      let l = !1;
+      for (let i = e.length - 1; i >= 0; i--) {
+        const a = e[i][o], d = String(a || "").trim();
+        d !== "" ? l || s.unshift(d) : l = !0;
+      }
+      n.push(
+        s.length > 0 ? s.join(" - ") : `列${o + 1}`
+      );
+    }
+    return n;
+  }
+}
+function T(c) {
+  if (c) {
+    if (c.length === 8)
+      return "#" + c.substring(2);
+    if (c.length === 6)
+      return "#" + c;
+  }
+}
+function $(c, e) {
+  return {
+    0: "#FFFFFF",
+    1: "#000000",
+    2: "#E7E6E6",
+    3: "#44546A",
+    4: "#4472C4",
+    5: "#ED7D31",
+    6: "#A5A5A5",
+    7: "#FFC000",
+    8: "#5B9BD5",
+    9: "#70AD47"
+  }[c];
+}
+function x(c) {
+  if (c) {
+    if (c.rgb)
+      return T(c.rgb);
+    if (c.argb)
+      return T(c.argb);
+    if (c.theme !== void 0)
+      return $(c.theme, c.tint);
+    if (c.indexed !== void 0)
+      return {
+        64: "#000000",
+        65: "#FFFFFF",
+        8: "#000000",
+        9: "#FFFFFF",
+        10: "#FF0000",
+        11: "#00FF00",
+        12: "#0000FF",
+        13: "#FFFF00",
+        14: "#FF00FF",
+        15: "#00FFFF"
+      }[c.indexed];
+  }
+}
+class A {
+  /**
+   * 提取单元格样式
+   */
+  static extractStyles(e, t, n) {
+    const o = /* @__PURE__ */ new Map(), s = t.Styles;
+    if (!s)
+      return;
+    const l = s.Fonts || [], i = s.Fills || [], a = s.CellXf || [], d = b.utils.decode_range(e["!ref"] || "A1");
+    for (let r = n; r <= d.e.r; r++)
+      for (let h = d.s.c; h <= d.e.c; h++) {
+        const p = b.utils.encode_cell({ r, c: h }), f = e[p];
+        if ((f == null ? void 0 : f.s) !== void 0) {
+          const m = this.extractCellStyle(f, l, i, a);
+          if (m && this.hasNonDefaultStyle(m)) {
+            const g = r - n;
+            o.set(`${g}-${h}`, m);
+          }
+        }
+      }
+    return o.size > 0 ? o : void 0;
+  }
+  /**
+   * 提取单个单元格样式
+   */
+  static extractCellStyle(e, t, n, o) {
+    var d;
+    const s = {};
+    let l = null, i, a;
+    if (typeof e.s == "number")
+      l = o[e.s], i = (l == null ? void 0 : l.fontId) ?? (l == null ? void 0 : l.fontid), a = (l == null ? void 0 : l.fillId) ?? (l == null ? void 0 : l.fillid);
+    else if (typeof e.s == "object" && (l = e.s, i = l.fontId ?? l.fontid, a = l.fillId ?? l.fillid, l.patternType === "solid")) {
+      if (l.fgColor && Object.keys(l.fgColor).length > 0) {
+        const r = x(l.fgColor);
+        r && (s.bgColor = r);
+      }
+      if (!s.bgColor && ((d = l.bgColor) == null ? void 0 : d.indexed) !== void 0) {
+        const r = x(l.bgColor);
+        r && (s.bgColor = r);
+      }
+    }
+    return l && (this.extractFontStyle(s, i, t), this.extractFillStyle(s, a, n)), s;
+  }
+  /**
+   * 提取字体样式
+   */
+  static extractFontStyle(e, t, n) {
+    if (t !== void 0 && n[t]) {
+      const o = n[t];
+      if (o.color) {
+        const s = x(o.color);
+        s && s !== "#000000" && (e.fontColor = s);
+      }
+      o.bold && (e.bold = !0), o.italic && (e.italic = !0);
+    }
+  }
+  /**
+   * 提取填充样式
+   */
+  static extractFillStyle(e, t, n) {
+    if (t !== void 0 && n[t]) {
+      const o = n[t];
+      if (o.patternType === "solid" && o.fgColor) {
+        const s = x(o.fgColor);
+        s && (e.bgColor = s);
+      }
+    }
+  }
+  /**
+   * 检查是否有非默认样式
+   */
+  static hasNonDefaultStyle(e) {
+    return !!(e.fontColor || e.bgColor || e.bold || e.italic);
+  }
+}
+class B {
+  /**
+   * 提取批注数据
+   */
+  static extractComments(e, t) {
+    const n = /* @__PURE__ */ new Map();
+    return this.collectComments(e).forEach((s) => {
+      const l = b.utils.decode_cell(s.r), i = l.r - t, a = l.c;
+      if (i >= 0) {
+        const d = `${i}-${a}`, r = this.cleanCommentText(s.t, s.a);
+        n.set(d, {
+          text: r,
+          author: s.a
+        });
+      }
+    }), n.size > 0 ? n : void 0;
+  }
+  /**
+   * 收集所有批注
+   */
+  static collectComments(e) {
+    let t = [];
+    return e["!comments"] && (t = e["!comments"]), t.length === 0 && (t = this.extractCommentsFromCells(e)), t;
+  }
+  /**
+   * 从单元格中提取批注
+   */
+  static extractCommentsFromCells(e) {
+    const t = [];
+    return Object.keys(e).forEach((n) => {
+      if (!n.startsWith("!")) {
+        const o = e[n];
+        o != null && o.c && Array.isArray(o.c) && o.c.forEach((s) => {
+          const l = s.t || (s.r && typeof s.r == "string" ? s.r : "");
+          l && t.push({
+            r: n,
+            t: l,
+            a: s.a
+          });
+        });
+      }
+    }), t;
+  }
+  /**
+   * 清理批注文本
+   */
+  static cleanCommentText(e, t) {
+    let n = e;
+    return t && n.startsWith(t + ":") && (n = n.substring(t.length + 1).trim(), n.startsWith(`
+`) && (n = n.substring(1))), n;
+  }
+}
+class V {
+  /**
+   * 解析 Excel ArrayBuffer
+   */
+  static parseBuffer(e, t = {}) {
+    const {
+      sheetIndex: n = 0,
+      headerRow: o = 0,
+      headerRows: s,
+      mergeHeaders: l = !0,
+      extractStyles: i = !0,
+      extractComments: a = !0
+    } = t, d = b.read(e, {
+      type: "array",
+      cellStyles: !0,
+      cellNF: !0
+    }), r = d.SheetNames;
+    if (n >= r.length)
+      throw new Error(
+        `Sheet index ${n} out of range. Available sheets: ${r.length}`
+      );
+    const h = d.Sheets[r[n]], p = b.utils.sheet_to_json(h, {
+      header: 1,
+      defval: ""
+    });
+    if (p.length === 0)
+      return { columns: [], records: [] };
+    const { headerRows: f, dataStartRow: m, effectiveHeaderRows: g } = k.detectHeaderRows(
+      p.slice(o),
+      s
+    ), v = this.buildColumns(
+      p,
+      o,
+      f,
+      g,
+      l
+    ), w = p.slice(o + m), I = i ? A.extractStyles(
+      h,
+      d,
+      o + m
+    ) : void 0, N = a ? B.extractComments(h, o + m) : void 0;
+    return { columns: v, records: w, cellStyles: I, cellComments: N };
+  }
+  /**
+   * 构建列配置
+   */
+  static buildColumns(e, t, n, o, s) {
+    if (s && n > 1) {
+      const i = e.slice(t, t + n), a = Math.max(...i.map((r) => r.length));
+      return k.mergeHeaders(o, a).map((r, h) => ({
+        key: `col_${h}`,
+        field: `col_${h}`,
+        title: r,
+        width: 120,
+        sort: !1,
+        filter: !1
+      }));
+    }
+    return (e[t] || []).map((i, a) => ({
+      key: `col_${a}`,
+      field: `col_${a}`,
+      title: String(i || `Column ${a + 1}`),
+      width: 120,
+      sort: !1,
+      filter: !1
+    }));
+  }
+}
+class D {
+  /**
+   * 导出为 Excel 流
+   */
+  static exportToStream(e, t, n) {
+    const { filterEmptyColumns: o = !0 } = n || {}, s = o ? this.filterEmptyColumns(e) : e, l = s.map((h) => h.title || h.field || ""), i = this.buildDataRows(t, e, s), a = [l, ...i], d = b.utils.aoa_to_sheet(a), r = b.utils.book_new();
+    return b.utils.book_append_sheet(r, d, "Sheet1"), b.write(r, { bookType: "xlsx", type: "array" });
+  }
+  /**
+   * 下载 Excel 文件
+   */
+  static download(e, t = "export") {
+    const n = new Blob([e], {
+      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    }), o = URL.createObjectURL(n), s = document.createElement("a");
+    s.href = o, s.download = `${t}.xlsx`, document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(o);
+  }
+  /**
+   * 过滤空列
+   */
+  static filterEmptyColumns(e) {
+    return e.filter((t) => {
+      const n = t.title || t.field || "";
+      return n && typeof n == "string" && n.trim() !== "";
+    });
+  }
+  /**
+   * 构建数据行
+   */
+  static buildDataRows(e, t, n) {
+    return e.map((o) => Array.isArray(o) ? n.map((s) => {
+      const l = t.indexOf(s);
+      if (l >= 0 && l < o.length) {
+        const i = o[l];
+        return this.extractCellValue(i);
+      }
+      return "";
+    }) : n.map((s) => {
+      const l = s.field || s.key, i = l ? o[l] : void 0;
+      return this.extractCellValue(i);
+    }));
+  }
+  /**
+   * 提取单元格值
+   */
+  static extractCellValue(e) {
+    return e && typeof e == "object" && "value" in e ? e.value : e;
+  }
+}
+async function j(c) {
+  const e = await fetch(c);
+  if (!e.ok)
+    throw new Error(`Failed to fetch Excel file: ${e.statusText}`);
+  return e.arrayBuffer();
+}
+function S(c, e = {}) {
+  return V.parseBuffer(c, e);
+}
+async function H(c, e = {}) {
+  const t = await j(c);
+  return S(t, e);
+}
+async function _(c, e = {}) {
+  const t = await K(c);
+  return S(t, e);
+}
+function P(c, e, t) {
+  return D.exportToStream(c, e, t);
+}
+function q(c, e = "export") {
+  D.download(c, e);
+}
+function K(c) {
+  return new Promise((e, t) => {
+    const n = new FileReader();
+    n.onload = (o) => {
+      var l;
+      const s = (l = o.target) == null ? void 0 : l.result;
+      e(s);
+    }, n.onerror = () => t(new Error("Failed to read file")), n.readAsArrayBuffer(c);
+  });
+}
+class U {
+  constructor(e, t) {
+    u(this, "customComponentContainers", /* @__PURE__ */ new Map());
+    u(this, "activeComponentKey", null);
+    u(this, "justCreatedComponent", !1);
+    u(this, "tableInstance", null);
+    u(this, "container", null);
+    /**
+     * 处理点击表格外部
+     */
+    u(this, "handleOutsideClick", (e) => {
+      if (this.justCreatedComponent || !this.activeComponentKey) return;
+      const t = this.customComponentContainers.get(
+        this.activeComponentKey
+      );
+      t && !t.contains(e.target) && this.closeActiveComponent();
+    });
+    this.tableInstance = e, this.container = t, this.bindOutsideClickHandler();
+  }
+  /**
+   * 显示自定义组件
+   */
+  showComponent(e, t, n) {
+    var m;
+    const { col: o, row: s } = n, l = this.tableInstance.getCellRect(o, s), i = this.tableInstance.getCellValue(o, s), a = (m = this.container) == null ? void 0 : m.getBoundingClientRect(), d = ((a == null ? void 0 : a.left) || 0) + l.left, r = ((a == null ? void 0 : a.top) || 0) + l.bottom, h = this.createComponentContainer(
+      d,
+      r,
+      t
+    ), p = {
+      table: this.tableInstance,
+      row: s,
+      col: o,
+      value: i,
+      dataValue: n.dataValue,
+      rect: l,
+      setValue: (g) => {
+        this.tableInstance.changeCellValue(o, s, g), this.closeActiveComponent();
+      },
+      close: () => {
+        this.closeActiveComponent();
+      }
+    };
+    try {
+      const g = t.render(p);
+      h.appendChild(g), document.body.appendChild(h);
+    } catch (g) {
+      console.error("❌ 渲染组件时出错:", g);
+      return;
+    }
+    const f = `${e}-${o}-${s}`;
+    this.customComponentContainers.set(f, h), this.activeComponentKey = f, t.onMount && t.onMount(h, p), h.addEventListener("click", (g) => {
+      g.stopPropagation();
+    }), this.justCreatedComponent = !0, setTimeout(() => {
+      this.justCreatedComponent = !1;
+    }, 100);
+  }
+  /**
+   * 创建组件容器
+   */
+  createComponentContainer(e, t, n) {
+    const o = document.createElement("div");
+    return o.className = "vtable-custom-component", o.style.position = "fixed", o.style.zIndex = "9999", o.style.left = `${e}px`, o.style.top = `${t}px`, o.style.backgroundColor = "white", o.style.borderRadius = "4px", o.style.boxShadow = "0 2px 12px rgba(0, 0, 0, 0.15)", n.containerStyle && Object.assign(o.style, n.containerStyle), o;
+  }
+  /**
+   * 关闭当前激活的组件
+   */
+  closeActiveComponent() {
+    if (!this.activeComponentKey) return;
+    const e = this.customComponentContainers.get(
+      this.activeComponentKey
+    );
+    e && (e.remove(), this.customComponentContainers.delete(this.activeComponentKey)), this.activeComponentKey = null;
+  }
+  /**
+   * 绑定外部点击处理
+   */
+  bindOutsideClickHandler() {
+    document.addEventListener("click", this.handleOutsideClick);
+  }
+  /**
+   * 销毁管理器
+   */
+  destroy() {
+    this.closeActiveComponent(), this.customComponentContainers.clear(), document.removeEventListener("click", this.handleOutsideClick);
+  }
+}
+class R {
+  constructor(e, t) {
+    u(this, "markedMap", null);
+    u(this, "tableInstance", null);
+    this.tableInstance = e, this.markedMap = t || null;
+  }
+  /**
+   * 处理单元格鼠标进入事件
+   */
+  handleCellMouseEnter(e) {
+    const { col: t, row: n } = e, o = this.tableInstance.columnHeaderLevelCount || 1, s = n - o, l = `${s}-${t}`;
+    this.markedMap && this.markedMap.has(l) && s >= 0 && this.showTooltip(t, n, l);
+  }
+  /**
+   * 显示 tooltip
+   */
+  showTooltip(e, t, n) {
+    const o = this.tableInstance.getVisibleCellRangeRelativeRect({
+      col: e,
+      row: t
+    }), s = this.markedMap.get(n), l = this.tableInstance.getCellValue(e, t);
+    let i = `${l}`;
+    if (s && typeof s == "object" && "comment" in s) {
+      const a = s.comment;
+      a && (i = `${l}: ${a}`);
+    }
+    this.tableInstance.showTooltip(e, t, {
+      content: i,
+      referencePosition: {
+        rect: o,
+        placement: "right"
+      },
+      className: "defineTooltip",
+      disappearDelay: 100,
+      style: {
+        bgColor: "black",
+        color: "white",
+        font: "normal bold normal 14px/1 STKaiti",
+        arrowMark: !0,
+        padding: [12]
+      }
+    });
+  }
+  /**
+   * 获取标记映射
+   */
+  getMarkedMap() {
+    return this.markedMap;
+  }
+  /**
+   * 设置标记映射
+   */
+  setMarkedMap(e) {
+    this.markedMap = e;
+  }
+}
+class W {
+  /**
+   * 注册编辑器
+   */
+  static registerEditors(e) {
+    if (e) {
+      if (e.dateEditor !== !1) {
+        const t = new E.DateInputEditor(
+          e.dateEditor || {}
+        );
+        y.VTable.register.editor("dateEditor", t);
+      }
+      if (e.listEditor) {
+        const t = new E.ListEditor(
+          e.listEditor || {
+            values: ["技术中心", "财务部"]
+          }
+        );
+        y.VTable.register.editor("listEditor", t);
+      }
+      e.customEditors && Object.entries(e.customEditors).forEach(([t, n]) => {
+        y.VTable.register.editor(t, n);
+      });
+    }
+  }
+}
+class X {
+  constructor(e, t, n) {
+    u(this, "tableInstance");
+    u(this, "config");
+    u(this, "customComponentManager", null);
+    u(this, "cellMarkManager", null);
+    this.config = e, this.tableInstance = e.tableInstance, this.customComponentManager = t, this.cellMarkManager = n;
+  }
+  /**
+   * 绑定所有事件
+   */
+  bindEvents() {
+    this.tableInstance && (this.tableInstance.on("click_cell", (e) => {
+      var t, n;
+      this.handleCellClick(e), (n = (t = this.config).onCellClick) == null || n.call(t, e);
+    }), this.config.onCellChange && this.tableInstance.on("change_cell_value", this.config.onCellChange), this.tableInstance.on("mouseenter_cell", (e) => {
+      var t;
+      (t = this.cellMarkManager) == null || t.handleCellMouseEnter(e);
+    }));
+  }
+  /**
+   * 处理单元格点击
+   */
+  handleCellClick(e) {
+    var i, a, d;
+    const { col: t } = e, o = (this.config.columns || [])[t];
+    if (!(o != null && o.customComponent)) return;
+    const s = o.customComponent, l = (i = this.config.customComponents) == null ? void 0 : i[s];
+    l != null && l.showOnClick && ((a = this.customComponentManager) == null || a.closeActiveComponent(), (d = this.customComponentManager) == null || d.showComponent(
+      s,
+      l,
+      e
+    ));
+  }
+  /**
+   * 监听事件
+   */
+  on(e, t) {
+    var n;
+    (n = this.tableInstance) == null || n.on(e, t);
+  }
+  /**
+   * 取消监听事件
+   */
+  off(e, t) {
+    var n;
+    (n = this.tableInstance) == null || n.off(e, t);
+  }
+}
+class M {
+  constructor(e, t) {
+    u(this, "sheetInstance", null);
+    u(this, "tableInstance", null);
+    u(this, "container", null);
+    u(this, "config");
+    u(this, "customComponentManager", null);
+    u(this, "cellMarkManager", null);
+    u(this, "eventManager", null);
+    this.config = e, this.cellMarkManager = new R(
+      null,
+      t || void 0
+    ), this.init();
+  }
+  /**
+   * 初始化表格
+   */
+  init() {
+    if (this.container = this.getContainer(this.config.container), !this.container)
+      throw new Error("Container not found");
+    W.registerEditors(this.config.editors), this.createSheet();
+  }
+  /**
+   * 获取容器元素
+   */
+  getContainer(e) {
+    return typeof e == "string" ? document.getElementById(e) || document.querySelector(e) : e;
+  }
+  /**
+   * 创建表格实例
+   */
+  createSheet() {
+    var i, a;
+    const {
+      columns: e = [],
+      records: t = [],
+      showFormulaBar: n = !0,
+      showSheetTab: o = !0,
+      sheets: s,
+      options: l
+    } = this.config;
+    this.sheetInstance = new y.VTableSheet(this.container, {
+      showFormulaBar: n,
+      showSheetTab: o,
+      sheets: s || [
+        {
+          sheetKey: "sheet1",
+          sheetTitle: "Sheet1",
+          dragOrder: {
+            dragHeaderMode: "all"
+          },
+          columns: e,
+          data: t
+          // 限制行数和列数，避免显示过多空白行列
+          // rowCount: records.length, // 只显示实际数据的行数
+          // columnCount: columns.length, // 尝试使用 columnCount
+        }
+      ],
+      tooltip: {
+        isShowOverflowTextTooltip: !0
+      },
+      ...l
+    }), this.tableInstance = (i = this.sheetInstance.getActiveSheet()) == null ? void 0 : i.tableInstance, this.customComponentManager = new U(
+      this.tableInstance,
+      this.container
+    ), this.cellMarkManager = new R(
+      this.tableInstance,
+      ((a = this.cellMarkManager) == null ? void 0 : a.getMarkedMap()) || void 0
+    ), this.eventManager = new X(
+      {
+        tableInstance: this.tableInstance,
+        columns: this.config.columns,
+        customComponents: this.config.customComponents,
+        onCellClick: this.config.onCellClick,
+        onCellChange: this.config.onCellChange
+      },
+      this.customComponentManager,
+      this.cellMarkManager
+    ), this.eventManager.bindEvents();
+  }
+  /**
+   * 修改单元格值
+   */
+  changeCellValue(e, t, n) {
+    this.tableInstance && this.tableInstance.changeCellValue(e, t, n);
+  }
+  /**
+   * 获取单元格值
+   */
+  getCellValue(e, t) {
+    var n;
+    return (n = this.tableInstance) == null ? void 0 : n.getCellValue(e, t);
+  }
+  /**
+   * 获取选中的单元格
+   */
+  getSelectedCells() {
+    var e;
+    return (e = this.tableInstance) == null ? void 0 : e.getSelectedCellInfos();
+  }
+  /**
+   * 更新数据
+   */
+  updateData(e) {
+    var n;
+    console.log("updateData 调用:", e.length, "条记录");
+    const t = (n = this.sheetInstance) == null ? void 0 : n.getActiveSheet();
+    if (t)
+      if (typeof t.updateRecords == "function")
+        console.log("使用 updateRecords 方法"), t.updateRecords(e);
+      else if (typeof t.setData == "function")
+        console.log("使用 setData 方法"), t.setData(e);
+      else if (this.tableInstance)
+        if (typeof this.tableInstance.updateOption == "function") {
+          console.log("使用 tableInstance.updateOption 方法");
+          const o = this.tableInstance.option || {};
+          this.tableInstance.updateOption({
+            ...o,
+            records: e
+          });
+        } else
+          console.warn("无法更新数据：找不到合适的方法");
+      else
+        console.warn("无法更新数据：找不到合适的方法");
+    else
+      console.warn("无法获取活动工作表");
+  }
+  /**
+   * 更新列配置
+   */
+  updateColumns(e) {
+    var n;
+    console.log("updateColumns 调用:", e.length, "列");
+    const t = (n = this.sheetInstance) == null ? void 0 : n.getActiveSheet();
+    if (t)
+      if (typeof t.updateColumns == "function")
+        console.log("使用 activeSheet.updateColumns 方法"), t.updateColumns(e);
+      else if (typeof t.setColumns == "function")
+        console.log("使用 setColumns 方法"), t.setColumns(e);
+      else if (this.tableInstance)
+        if (typeof this.tableInstance.updateOption == "function") {
+          console.log("使用 tableInstance.updateOption 方法更新列");
+          const o = this.tableInstance.option || {};
+          this.tableInstance.updateOption({
+            ...o,
+            columns: e
+          });
+        } else
+          console.warn("无法更新列配置：找不到合适的方法");
+      else
+        console.warn("无法更新列配置：找不到合适的方法");
+    else
+      console.warn("无法获取活动工作表");
+  }
+  /**
+   * 添加行
+   */
+  addRow(e, t) {
+    var o;
+    const n = (o = this.sheetInstance) == null ? void 0 : o.getActiveSheet();
+    n && n.addRecord(e, t);
+  }
+  /**
+   * 删除行
+   */
+  deleteRow(e) {
+    var n;
+    const t = (n = this.sheetInstance) == null ? void 0 : n.getActiveSheet();
+    t && t.deleteRecord(e);
+  }
+  /**
+   * 导出数据
+   */
+  exportData(e = "csv") {
+    var t, n;
+    return (n = (t = this.sheetInstance) == null ? void 0 : t.exportData) == null ? void 0 : n.call(t, e);
+  }
+  /**
+   * 切换工作表
+   */
+  switchSheet(e) {
+    var t, n;
+    (t = this.sheetInstance) == null || t.switchSheet(e), this.tableInstance = (n = this.sheetInstance.getActiveSheet()) == null ? void 0 : n.tableInstance;
+  }
+  /**
+   * 获取当前工作表
+   */
+  getActiveSheet() {
+    var e;
+    return (e = this.sheetInstance) == null ? void 0 : e.getActiveSheet();
+  }
+  /**
+   * 获取所有工作表
+   */
+  getAllSheets() {
+    var e;
+    return (e = this.sheetInstance) == null ? void 0 : e.getAllSheets();
+  }
+  /**
+   * 刷新表格
+   */
+  refresh() {
+    if (this.tableInstance && this.tableInstance.option)
+      try {
+        this.tableInstance.updateOption(this.tableInstance.option);
+      } catch (e) {
+        console.warn("刷新表格失败:", e);
+        const t = this.tableInstance.container;
+        t && (t.style.display = "none", setTimeout(() => {
+          t.style.display = "";
+        }, 0));
+      }
+  }
+  /**
+   * 获取原始实例
+   */
+  getSheetInstance() {
+    return this.sheetInstance;
+  }
+  getTableInstance() {
+    return this.tableInstance;
+  }
+  /**
+   * 为指定列设置自定义渲染函数
+   * @param field 列字段名
+   * @param customRender 自定义渲染函数
+   */
+  setColumnCustomRender(e, t) {
+    var o;
+    const n = (o = this.sheetInstance) == null ? void 0 : o.getActiveSheet();
+    if (n) {
+      const s = n.columns || [], l = s.find((i) => i.field === e);
+      l && (l.customRender = t, n.updateColumns(s));
+    }
+  }
+  /**
+   * 获取标记映射
+   */
+  getMarkedMap() {
+    var e;
+    return ((e = this.cellMarkManager) == null ? void 0 : e.getMarkedMap()) || null;
+  }
+  /**
+   * 监听事件
+   */
+  on(e, t) {
+    var n;
+    (n = this.eventManager) == null || n.on(e, t);
+  }
+  /**
+   * 取消监听事件
+   */
+  off(e, t) {
+    var n;
+    (n = this.eventManager) == null || n.off(e, t);
+  }
+  /**
+   * 销毁实例
+   */
+  destroy() {
+    var e, t, n;
+    (e = this.customComponentManager) == null || e.destroy(), this.customComponentManager = null, this.cellMarkManager = null, this.eventManager = null, this.sheetInstance && ((n = (t = this.sheetInstance).destroy) == null || n.call(t), this.sheetInstance = null, this.tableInstance = null);
+  }
+}
+class Y {
+  constructor(e = {}) {
+    // private container: HTMLElement | null = null;
+    u(this, "dialog", null);
+    u(this, "tableInstance", null);
+    // DOM 元素
+    u(this, "elements", {});
+    // 状态
+    u(this, "state", {
+      findText: "",
+      replaceText: "",
+      matches: [],
+      currentIndex: 0
+    });
+    // 配置
+    u(this, "options");
+    this.options = e, this.tableInstance = e.tableInstance, this.init();
+  }
+  /**
+   * 初始化弹窗
+   */
+  init() {
+    this.createDialog(), this.bindEvents(), this.injectStyles();
+  }
+  /**
+   * 创建弹窗 DOM
+   */
+  createDialog() {
+    this.dialog = document.createElement("div"), this.dialog.className = "find-replace-dialog", this.dialog.style.display = "none", this.dialog.innerHTML = `
+      <div class="find-replace-container">
+        <div class="find-replace-body">
+          <div class="find-replace-group">
+            <label class="find-replace-label">查找内容</label>
+            <div class="find-replace-input-wrapper">
+              <input
+                type="text"
+                class="find-replace-input find-input"
+                placeholder="请输入查找内容"
+              />
+            </div>
+          </div>
+
+          <div class="find-replace-group">
+            <label class="find-replace-label">替换为</label>
+            <input
+              type="text"
+              class="find-replace-input replace-input"
+              placeholder="请输入替换内容"
+            />
+          </div>
+
+          <div class="find-replace-result" style="display: none">
+            已找到 <span class="total-matches">0</span> 个结果
+            <span class="current-position"></span>
+          </div>
+        </div>
+
+        <div class="find-replace-footer">
+          <button class="find-replace-btn cancel-btn">关闭</button>
+          <button class="find-replace-btn find-prev-btn">查找上一个</button>
+          <button class="find-replace-btn find-next-btn">查找下一个</button>
+          <button class="find-replace-btn replace-one-btn">替换</button>
+          <button class="find-replace-btn find-replace-btn-primary replace-all-btn">全部替换</button>
+        </div>
+      </div>
+    `, (this.resolveContainer(this.options.container) || document.body).appendChild(this.dialog), this.elements = {
+      findInput: this.dialog.querySelector(".find-input"),
+      replaceInput: this.dialog.querySelector(
+        ".replace-input"
+      ),
+      // resultCount: this.dialog.querySelector(
+      //   ".find-replace-badge"
+      // ) as HTMLElement,
+      resultInfo: this.dialog.querySelector(
+        ".find-replace-result"
+      ),
+      totalMatches: this.dialog.querySelector(".total-matches"),
+      // currentPosition: this.dialog.querySelector(
+      //   ".current-position"
+      // ) as HTMLElement,
+      selectedColumnsOnly: this.dialog.querySelector(
+        ".selected-columns-only"
+      )
+    };
+  }
+  /**
+   * 绑定事件
+   */
+  bindEvents() {
+    var t, n, o, s, l;
+    if (!this.dialog) return;
+    const e = this.dialog.querySelector(".cancel-btn");
+    e == null || e.addEventListener("click", () => this.close()), this.bindDragEvents(), (t = this.elements.findInput) == null || t.addEventListener("input", (i) => {
+      this.state.findText = i.target.value, this.state.findText || this.clearResults();
+    }), (n = this.dialog.querySelector(".find-next-btn")) == null || n.addEventListener("click", () => this.findNext()), (o = this.dialog.querySelector(".find-prev-btn")) == null || o.addEventListener("click", () => this.findPrevious()), (s = this.dialog.querySelector(".replace-one-btn")) == null || s.addEventListener("click", () => this.replaceOne()), (l = this.dialog.querySelector(".replace-all-btn")) == null || l.addEventListener("click", () => this.replaceAll());
+  }
+  /**
+   * 绑定拖拽事件
+   */
+  bindDragEvents() {
+    var r;
+    const e = (r = this.dialog) == null ? void 0 : r.querySelector(
+      ".find-replace-header"
+    );
+    if (!e || !this.dialog) return;
+    let t = !1, n = 0, o = 0, s = 0, l = 0;
+    const i = (h) => {
+      t = !0, n = h.clientX, o = h.clientY;
+      const p = this.dialog.getBoundingClientRect();
+      s = p.left, l = p.top, this.dialog.style.left = `${s}px`, this.dialog.style.transform = "none", document.addEventListener("mousemove", a), document.addEventListener("mouseup", d);
+    }, a = (h) => {
+      if (!t || !this.dialog) return;
+      const p = h.clientX - n, f = h.clientY - o, m = Math.max(0, s + p), g = Math.max(0, l + f);
+      this.dialog.style.left = `${m}px`, this.dialog.style.top = `${g}px`;
+    }, d = () => {
+      t = !1, document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", d);
+    };
+    e.addEventListener("mousedown", i);
+  }
+  /**
+   * 注入样式
+   */
+  injectStyles() {
+    if (document.getElementById("find-replace-styles")) return;
+    const e = document.createElement("style");
+    e.id = "find-replace-styles", e.textContent = `
+      .find-replace-dialog {
+        position: fixed;
+        top: 80px;
+        left: 50%;
+        transform: translateX(-50%);
+        z-index: 9999;
+        font-size: 14px;
+        color: #1D2129;
+        pointer-events: auto;
+      }
+
+      .find-replace-container {
+        background: white;
+        border-radius: 8px;
+        width: 500px;
+        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+        animation: slideIn 0.2s ease-out;
+      }
+
+      @keyframes slideIn {
+        from { opacity: 0; transform: translateX(20px); }
+        to { opacity: 1; transform: translateX(0); }
+      }
+
+      
+
+      .find-replace-title {
+        font-size: 16px;
+        font-weight: 500;
+        color: #303133;
+      }
+
+    
+
+      .find-replace-body {
+        padding: 16px;
+      }
+
+      .find-replace-group {
+        margin-bottom: 16px;
+        display: flex;
+        align-items: center;
+        
+      }
+
+      .find-replace-label {
+        display: block;
+        min-width: 56px;
+        margin-right: 8px;
+      }
+
+      .find-replace-checkbox {
+
+        display: none;
+        align-items: center;
+        font-weight: normal;
+        min-width: auto;
+        margin-right: 0;
+      }
+
+      .find-replace-checkbox input {
+        margin-right: 6px;
+      }
+
+      .find-replace-input-wrapper {
+        position: relative;
+        display: flex;
+        align-items: center;
+        flex: 1;
+        height: 32px;
+      }
+
+      .find-replace-input {
+        width: 100%;
+        padding: 0px 12px;
+        border: 1px solid #dcdfe6;
+        border-radius: 4px;
+        height:32px;
+      }
+
+      .find-replace-input:focus {
+        outline: none;
+        border-color: #409eff;
+      }
+
+      .current-position {
+        margin-left: 10px;
+        color: #409eff;
+        font-weight: 500;
+      }
+
+      .find-replace-footer {
+        padding: 0px 16px 16px 16px;
+        display: flex;
+        justify-content: flex-end;
+        gap: 8px;
+        flex-wrap: wrap;
+      }
+
+      .find-replace-btn {
+        padding: 6px 16px;
+        border-radius: 4px;
+        height: 32px;
+        cursor: pointer;
+        background: var(--sl-color-white);
+        border: 1px solid var(--sl-border-color);
+      }
+
+      .find-replace-btn-primary {
+        background-color: var(--sl-color-primary);
+        color: white;
+      }
+
+      .find-replace-btn-primary:hover {
+        border-color: var(--sl-button-hover-border-color);
+        background-color: var(--sl-button-hover-bg-color);
+      }
+
+      .message-toast {
+        height:40px;
+        position: fixed;
+        top: 20px;
+        left: 50%;
+        transform: translateX(-50%) translateY(-100px);
+        padding: 11px 15px;
+        color: white;
+        border-radius: 4px;
+        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
+        z-index: 9999;
+        opacity: 0;
+        transition: all 0.3s ease-out;
+        display: flex;
+        align-items: center;
+      }
+      .message-toast--info {
+        background-color: var(--sl-color-info-light-9);
+        border: 1px solid var(--sl-color-info-light-8);
+        color: var(--sl-color-info);
+      }
+      .message-toast--success {
+        background-color: var(--sl-color-success-light-9);
+        border: 1px solid var(--sl-color-success-light-8);
+        color: var(--sl-color-success);
+      }
+      .message-toast--warning {
+        background-color: var(--sl-color-warning-light-9);
+        border: 1px solid var(--sl-color-warning-light-8);
+        color: var(--sl-color-warning);
+      }
+      .message-toast--error {
+        background-color: var(--sl-color-error-light-9);
+       border: 1px solid var(--sl-color-error-light-8);
+        color: var(--sl-color-error);
+      }
+
+      .message-toast.show {
+        transform: translateX(-50%) translateY(0);
+        opacity: 1;
+      }
+    `, document.head.appendChild(e);
+  }
+  /**
+   * 解析容器
+   */
+  resolveContainer(e) {
+    return e ? typeof e == "string" ? document.getElementById(e) || document.querySelector(e) : e : null;
+  }
+  /**
+   * 打开弹窗
+   */
+  open() {
+    var e;
+    this.dialog && (this.dialog.style.display = "block", (e = this.elements.findInput) == null || e.focus());
+  }
+  /**
+   * 关闭弹窗
+   */
+  close() {
+    this.dialog && (this.dialog.style.display = "none", this.resetState());
+  }
+  /**
+   * 重置状态
+   */
+  resetState() {
+    this.state = {
+      findText: "",
+      replaceText: "",
+      matches: [],
+      currentIndex: 0
+    }, this.elements.findInput && (this.elements.findInput.value = ""), this.elements.replaceInput && (this.elements.replaceInput.value = ""), this.clearResults();
+  }
+  /**
+   * 清除结果显示
+   */
+  clearResults() {
+    this.elements.resultInfo && (this.elements.resultInfo.style.display = "none");
+  }
+  /**
+   * 执行查找
+   */
+  performSearch() {
+    var l, i, a, d, r;
+    if (!this.state.findText)
+      return this.showMessage("请输入查找内容", "warning"), !1;
+    if (!this.tableInstance)
+      return this.showMessage("未连接表格实例", "error"), !1;
+    this.state.matches = [];
+    const e = this.tableInstance.colCount || 0, t = this.tableInstance.rowCount || 0, n = this.tableInstance.columnHeaderLevelCount || 1, o = ((l = this.elements.selectedColumnsOnly) == null ? void 0 : l.checked) || !1;
+    let s = [];
+    if (o) {
+      const h = ((a = (i = this.tableInstance).getSelectedCellInfos) == null ? void 0 : a.call(i)) || [];
+      if (h.length === 0)
+        return this.showMessage("请先选中要搜索的列", "warning"), !1;
+      const p = /* @__PURE__ */ new Set();
+      h.forEach((f) => {
+        f.col !== void 0 && p.add(f.col);
+      }), s = Array.from(p);
+    } else
+      s = Array.from({ length: e }, (h, p) => p);
+    for (let h = n; h < t; h++)
+      for (const p of s) {
+        const f = this.tableInstance.getCellValue(p, h);
+        f && String(f).toLowerCase().includes(this.state.findText.toLowerCase()) && this.state.matches.push({
+          row: h,
+          col: p,
+          value: String(f)
+        });
+      }
+    return this.state.matches.length > 0 ? (this.elements.totalMatches && (this.elements.totalMatches.textContent = String(
+      this.state.matches.length
+    )), this.elements.resultInfo && (this.elements.resultInfo.style.display = "block"), this.state.currentIndex = 0, this.highlightMatch(0), (r = (d = this.options).onSearch) == null || r.call(d, this.state.matches), !0) : (this.showMessage("未找到匹配内容", "warning"), this.clearResults(), !1);
+  }
+  /**
+   * 高亮匹配项
+   */
+  highlightMatch(e) {
+    var n, o, s;
+    if (this.state.matches.length === 0) return;
+    const t = this.state.matches[e];
+    if ((n = this.tableInstance) != null && n.selectCell && this.tableInstance.selectCell(t.col, t.row), (o = this.tableInstance) != null && o.getVisibleCellRange && ((s = this.tableInstance) != null && s.scrollToCell)) {
+      const l = this.tableInstance.getVisibleCellRange();
+      if (l) {
+        const { startRow: i, endRow: a, startCol: d, endCol: r } = l;
+        t.row >= i && t.row <= a && t.col >= d && t.col <= r || this.tableInstance.scrollToCell({ col: t.col, row: t.row });
+      }
+    }
+  }
+  /**
+   * 查找下一个
+   */
+  findNext() {
+    this.state.matches.length === 0 && !this.performSearch() || (this.state.currentIndex = (this.state.currentIndex + 1) % this.state.matches.length, this.highlightMatch(this.state.currentIndex));
+  }
+  /**
+   * 查找上一个
+   */
+  findPrevious() {
+    this.state.matches.length === 0 && !this.performSearch() || (this.state.currentIndex = this.state.currentIndex === 0 ? this.state.matches.length - 1 : this.state.currentIndex - 1, this.highlightMatch(this.state.currentIndex));
+  }
+  /**
+   * 替换一个
+   */
+  replaceOne() {
+    var o, s, l, i;
+    if (this.state.matches.length === 0 && !this.performSearch())
+      return;
+    this.state.replaceText = ((o = this.elements.replaceInput) == null ? void 0 : o.value) || "";
+    const e = this.state.matches[this.state.currentIndex], n = e.value.replace(
+      this.state.findText,
+      this.state.replaceText
+    );
+    (s = this.tableInstance) != null && s.changeCellValue && (this.tableInstance.changeCellValue(e.col, e.row, n), (i = (l = this.options).onReplace) == null || i.call(l, e, n)), this.showMessage(
+      `已替换第 ${this.state.currentIndex + 1} 个匹配项`,
+      "success"
+    ), setTimeout(() => {
+      const a = this.state.currentIndex;
+      this.performSearch(), this.state.matches.length > 0 && (this.state.currentIndex = Math.min(
+        a,
+        this.state.matches.length - 1
+      ), this.highlightMatch(this.state.currentIndex));
+    }, 100);
+  }
+  /**
+   * 全部替换
+   */
+  replaceAll() {
+    var t;
+    if (this.state.matches.length === 0 && !this.performSearch())
+      return;
+    this.state.replaceText = ((t = this.elements.replaceInput) == null ? void 0 : t.value) || "";
+    const e = this.state.matches.length;
+    this.state.matches.forEach((n) => {
+      var l, i, a;
+      const s = n.value.replace(
+        new RegExp(this.state.findText, "g"),
+        this.state.replaceText
+      );
+      (l = this.tableInstance) != null && l.changeCellValue && (this.tableInstance.changeCellValue(n.col, n.row, s), (a = (i = this.options).onReplace) == null || a.call(i, n, s));
+    }), this.showMessage(`已替换全部 ${e} 个匹配项`, "success");
+  }
+  /**
+   * 显示消息
+   */
+  showMessage(e, t = "info") {
+    const n = document.createElement("div");
+    n.className = `message-toast message-toast--${t}`;
+    const o = document.createElement("span");
+    o.textContent = e, n.appendChild(o);
+    const s = document.createElement("span");
+    s.className = "message-close", s.innerHTML = "&times;", s.style.cssText = `
+      margin-left: 12px;
+      cursor: pointer;
+      font-size: 22px;
+      font-weight: 300;
+      opacity: 0.8;
+      transition: opacity 0.2s;
+    `, s.onmouseenter = () => s.style.opacity = "1", s.onmouseleave = () => s.style.opacity = "0.8", n.appendChild(s), document.body.appendChild(n);
+    let l;
+    const i = () => {
+      clearTimeout(l), n.classList.remove("show"), setTimeout(() => {
+        n.parentNode && document.body.removeChild(n);
+      }, 300);
+    };
+    s.onclick = i, setTimeout(() => n.classList.add("show"), 10), l = setTimeout(i, 3e3);
+  }
+  /**
+   * 设置表格实例（用于表格重建后更新引用）
+   */
+  setTableInstance(e) {
+    this.tableInstance = e, this.state.matches = [], this.state.currentIndex = 0, this.clearResults();
+  }
+  /**
+   * 设置是否只搜索选中列
+   */
+  setSelectedColumnsOnly(e) {
+    this.elements.selectedColumnsOnly && (this.elements.selectedColumnsOnly.checked = e);
+  }
+  /**
+   * 获取是否只搜索选中列
+   */
+  getSelectedColumnsOnly() {
+    var e;
+    return ((e = this.elements.selectedColumnsOnly) == null ? void 0 : e.checked) || !1;
+  }
+  /**
+   * 设置查找文本
+   */
+  setFindText(e) {
+    this.state.findText = e, this.elements.findInput && (this.elements.findInput.value = e);
+  }
+  /**
+   * 设置替换文本
+   */
+  setReplaceText(e) {
+    this.state.replaceText = e, this.elements.replaceInput && (this.elements.replaceInput.value = e);
+  }
+  /**
+   * 销毁弹窗
+   */
+  destroy() {
+    this.dialog && (this.dialog.remove(), this.dialog = null);
+  }
+}
+const G = {
+  toolbar: {
+    title: "制表错误",
+    unit: "条",
+    total: "共 {total} 个错误项",
+    hint: "请在错误项里查询对应的数据或在数据里进行搜索",
+    buttons: {
+      search: "查找/替换",
+      freeze: {
+        label: "冻结前",
+        suffix: "列"
+      },
+      list: "仅显示错误列"
+    }
+  },
+  dialog: {
+    find: {
+      label: "查找内容",
+      placeholder: "请输入查找内容"
+    },
+    replace: {
+      label: "替换为",
+      placeholder: "请输入替换内容"
+    },
+    checkbox: {
+      selectedOnly: "只替换选中列"
+    },
+    buttons: {
+      close: "关闭",
+      findPrev: "查找上一个",
+      findNext: "查找下一个",
+      replaceOne: "替换",
+      replaceAll: "全部替换"
+    },
+    messages: {
+      pleaseInputFind: "请输入查找内容",
+      notConnected: "未连接表格实例",
+      pleaseSelectColumns: "请先选中要搜索的列",
+      noMatchFound: "未找到匹配内容",
+      nothingToReplace: "没有可替换的内容",
+      replacedOne: "已替换第 {index} 个匹配项",
+      replacedAll: "已替换全部 {count} 个匹配项"
+    },
+    result: {
+      found: "已找到 {count} 个结果"
+    }
+  },
+  sheet: {
+    defaultTitle: "Sheet1"
+  }
+}, J = {
+  toolbar: {
+    title: "製表錯誤",
+    unit: "筆",
+    total: "共 {total} 個錯誤項",
+    hint: "請在錯誤項裡查詢對應的資料或在資料裡進行搜尋",
+    buttons: {
+      search: "尋找/取代",
+      freeze: {
+        label: "凍結前",
+        suffix: "欄"
+      },
+      list: "僅顯示錯誤欄"
+    }
+  },
+  dialog: {
+    find: {
+      label: "尋找內容",
+      placeholder: "請輸入尋找內容"
+    },
+    replace: {
+      label: "取代為",
+      placeholder: "請輸入取代內容"
+    },
+    checkbox: {
+      selectedOnly: "只取代選中欄"
+    },
+    buttons: {
+      close: "關閉",
+      findPrev: "尋找上一個",
+      findNext: "尋找下一個",
+      replaceOne: "取代",
+      replaceAll: "全部取代"
+    },
+    messages: {
+      pleaseInputFind: "請輸入尋找內容",
+      notConnected: "未連接表格實例",
+      pleaseSelectColumns: "請先選中要搜尋的欄",
+      noMatchFound: "未找到符合內容",
+      nothingToReplace: "沒有可取代的內容",
+      replacedOne: "已取代第 {index} 個符合項",
+      replacedAll: "已取代全部 {count} 個符合項"
+    },
+    result: {
+      found: "已找到 {count} 個結果"
+    }
+  },
+  sheet: {
+    defaultTitle: "Sheet1"
+  }
+}, Q = {
+  toolbar: {
+    title: "Table Errors",
+    unit: "items",
+    total: "Total {total} errors",
+    hint: "Please search for the corresponding data in the error items or in the data",
+    buttons: {
+      search: "Find/Replace",
+      freeze: {
+        label: "Freeze first",
+        suffix: "columns"
+      },
+      list: "Show error columns only"
+    }
+  },
+  dialog: {
+    find: {
+      label: "Find content",
+      placeholder: "Please enter content to find"
+    },
+    replace: {
+      label: "Replace with",
+      placeholder: "Please enter replacement content"
+    },
+    checkbox: {
+      selectedOnly: "Replace selected columns only"
+    },
+    buttons: {
+      close: "Close",
+      findPrev: "Find Previous",
+      findNext: "Find Next",
+      replaceOne: "Replace",
+      replaceAll: "Replace All"
+    },
+    messages: {
+      pleaseInputFind: "Please enter content to find",
+      notConnected: "Table instance not connected",
+      pleaseSelectColumns: "Please select columns to search first",
+      noMatchFound: "No matching content found",
+      nothingToReplace: "Nothing to replace",
+      replacedOne: "Replaced match #{index}",
+      replacedAll: "Replaced all {count} matches"
+    },
+    result: {
+      found: "Found {count} result(s)"
+    }
+  },
+  sheet: {
+    defaultTitle: "Sheet1"
+  }
+}, Z = {
+  "zh-CN": G,
+  "en-US": Q,
+  "zh-TW": J
+};
+let ee = "zh-CN";
+function te() {
+  return Z[ee];
+}
+function ne(c, e = {}) {
+  return c.replace(/\{(\w+)\}/g, (t, n) => e[n] !== void 0 ? String(e[n]) : `{${n}}`);
+}
+function C(c, e) {
+  const t = te(), n = c.split(".");
+  let o = t;
+  for (const s of n)
+    if (o && typeof o == "object" && s in o)
+      o = o[s];
+    else
+      return console.warn(`I18n message not found: ${c}`), c;
+  return typeof o == "string" ? ne(o, e || {}) : (console.warn(`I18n message is not a string: ${c}`), c);
+}
+class oe {
+  constructor(e) {
+    u(this, "container", null);
+    u(this, "toolbarElement", null);
+    u(this, "config");
+    // DOM 元素缓存
+    u(this, "elements", {});
+    this.config = {
+      title: C("toolbar.title"),
+      count: 0,
+      total: 0,
+      hint: C("toolbar.hint"),
+      freezeCount: 0,
+      showErrorList: !1,
+      buttons: {
+        search: !0,
+        freeze: !0,
+        export: !0,
+        refresh: !0,
+        list: !0
+      },
+      ...e
+    }, this.init();
+  }
+  /**
+   * 初始化
+   */
+  init() {
+    this.config.container && (this.container = this.getContainer(this.config.container)), this.createToolbar(), this.injectStyles();
+  }
+  /**
+   * 获取容器
+   */
+  getContainer(e) {
+    return typeof e == "string" ? document.getElementById(e) || document.querySelector(e) : e;
+  }
+  /**
+   * 创建工具栏
+   */
+  createToolbar() {
+    this.toolbarElement = document.createElement("div"), this.toolbarElement.className = "sl-toolbar";
+    const e = this.createLeftSection(), t = this.createRightSection();
+    this.toolbarElement.appendChild(e), this.toolbarElement.appendChild(t), this.container && this.container.appendChild(this.toolbarElement);
+  }
+  /**
+   * 创建左侧区域（空容器，内容由调用者通过 leftSlot 插入）
+   */
+  createLeftSection() {
+    const e = document.createElement("div");
+    if (e.className = "sl-toolbar-left", this.config.leftSlot) {
+      const t = typeof this.config.leftSlot == "function" ? this.config.leftSlot() : this.config.leftSlot;
+      t && e.appendChild(t);
+    }
+    return e;
+  }
+  /**
+   * 创建右侧区域
+   */
+  createRightSection() {
+    const e = document.createElement("div");
+    e.className = "sl-toolbar-right";
+    const { buttons: t } = this.config;
+    if ((t == null ? void 0 : t.search) !== !1) {
+      const n = this.createButton({
+        text: C("toolbar.buttons.search"),
+        onClick: () => {
+          var o, s;
+          return (s = (o = this.config).onSearchClick) == null ? void 0 : s.call(o);
+        }
+      });
+      e.appendChild(n);
+    }
+    if ((t == null ? void 0 : t.freeze) !== !1) {
+      const n = this.createFreezeButton();
+      e.appendChild(n);
+    }
+    return e;
+  }
+  /**
+   * 创建按钮
+   */
+  createButton(e) {
+    const t = document.createElement("button");
+    return t.className = e.icon ? "sl-toolbar-btn sl-toolbar-btn-icon" : "sl-toolbar-btn", t.textContent = e.text, e.title && (t.title = e.title), e.onClick && (t.onclick = e.onClick), t;
+  }
+  /**
+   * 创建冻结列选择器（标题 + 数字输入框 + 上下箭头）
+   */
+  createFreezeButton() {
+    const e = document.createElement("div");
+    e.className = "sl-freeze-selector";
+    const t = document.createElement("span");
+    t.className = "sl-freeze-label", t.textContent = C("toolbar.buttons.freeze.label");
+    const n = document.createElement("div");
+    n.className = "sl-freeze-input-wrapper";
+    const o = document.createElement("input");
+    o.type = "number", o.className = "sl-freeze-input", o.min = "0", o.max = "100", o.value = String(this.config.freezeCount || 0), this.elements.freezeSelect = o;
+    const s = document.createElement("div");
+    s.className = "sl-freeze-arrows";
+    const l = document.createElement("button");
+    l.className = "sl-freeze-arrow sl-freeze-arrow-up", l.innerHTML = "▲", l.type = "button";
+    const i = document.createElement("button");
+    i.className = "sl-freeze-arrow sl-freeze-arrow-down", i.innerHTML = "▼", i.type = "button", s.appendChild(l), s.appendChild(i);
+    const a = document.createElement("span");
+    a.className = "sl-freeze-suffix", a.textContent = C("toolbar.buttons.freeze.suffix");
+    const d = (r) => {
+      var h, p;
+      r < 0 && (r = 0), r > 100 && (r = 100), o.value = String(r), this.config.freezeCount = r, (p = (h = this.config).onFreezeChange) == null || p.call(h, r);
+    };
+    return l.onclick = (r) => {
+      r.preventDefault();
+      const h = parseInt(o.value, 10) || 0;
+      d(h + 1);
+    }, i.onclick = (r) => {
+      r.preventDefault();
+      const h = parseInt(o.value, 10) || 0;
+      d(h - 1);
+    }, o.oninput = () => {
+      let r = parseInt(o.value, 10);
+      (isNaN(r) || r < 0) && (r = 0, o.value = "0"), r > 100 && (r = 100, o.value = "100"), this.config.freezeCount = r;
+    }, o.onblur = () => {
+      var h, p;
+      const r = parseInt(o.value, 10) || 0;
+      (p = (h = this.config).onFreezeChange) == null || p.call(h, r);
+    }, o.onkeydown = (r) => {
+      r.key === "Enter" && o.blur();
+    }, n.appendChild(o), n.appendChild(s), e.appendChild(t), e.appendChild(n), e.appendChild(a), e;
+  }
+  /**
+   * 格式化数字（添加千分位）
+   */
+  formatNumber(e) {
+    return e.toLocaleString();
+  }
+  /**
+   * 注入样式
+   */
+  injectStyles() {
+    if (document.getElementById("sl-toolbar-styles")) return;
+    const e = document.createElement("style");
+    e.id = "sl-toolbar-styles", e.textContent = `
+      .sl-toolbar {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 8px 16px;
+        background: var(--sl-vtable-card-bg-color);
+        font-size: 14px;
+        color: var(--sl-vtable-content-color);
+        flex-shrink: 0;
+        heihgt:60px;
+        border-radius: 4px;
+      }
+      .sl-toolbar-title {
+        display: flex;
+        align-items: baseline;
+        gap: 4px;
+      }
+
+      .sl-title-text {
+        font-size: 14px;
+        font-weight: 500;
+        color: var(--sl-vtable-content-color);
+      }
+
+      .sl-title-count {
+        font-size: 16px;
+        font-weight: 600;
+        color: #F53F3F;
+      }
+
+      .sl-title-unit {
+        font-size: 14px;
+        color: #1D2129;
+      }
+
+      .sl-title-total {
+        font-size: 12px;
+        color: #86909C;
+        margin-left: 4px;
+      }
+
+      .sl-toolbar-hint {
+        font-size: 12px;
+        color: #86909C;
+      }
+
+      .sl-toolbar-right {
+        display: flex;
+        align-items: center;
+        gap: 24px;
+      }
+
+      .sl-toolbar-btn {
+        padding: 6px 14px;
+        height: 32px;
+        background: var(--sl-vtable-bg-color1);
+        border: 1px solid var(--sl-vtable-bg-color1);
+        border-radius: 8px;
+        font-size: 14px;
+        color: var(--sl-vtable-content-color);
+        cursor: pointer;
+        transition: all 0.2s;
+        white-space: nowrap;
+      }
+
+      .sl-toolbar-btn:hover {
+        background: #E8E9EB;
+      }
+
+      .sl-toolbar-btn-icon {
+        padding: 6px 10px;
+        font-size: 16px;
+        min-width: 32px;
+      }
+
+      .sl-toolbar-btn-complex {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+      }
+
+      .sl-btn-icon {
+        font-size: 14px;
+      }
+
+      .sl-btn-text {
+        font-size: 14px;
+      }
+
+      .sl-btn-count {
+        font-size: 14px;
+        font-weight: 600;
+        color: var(--sl-vtable-primary-color);
+      }
+
+      .sl-btn-suffix {
+        font-size: 14px;
+      }
+
+      .sl-freeze-selector {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+      }
+
+      .sl-freeze-label {
+        font-size: 14px;
+        color: var(--sl-vtable-content-color);
+        white-space: nowrap;
+      }
+
+      .sl-freeze-input-wrapper {
+        position: relative;
+        display: inline-flex;
+        align-items: center;
+        background: var(--sl-vtable-bg-color1);
+        border: 1px solid var(--sl-vtable-bg-color1);
+        border-radius: 8px;
+        transition: all 0.2s;
+        height: 32px;
+        box-sizing: border-box;
+      }
+
+      .sl-freeze-input-wrapper:hover {
+        background: #E8E9EB;
+        border-color: var(--sl-vtable-primary-color);
+      }
+
+      .sl-freeze-input-wrapper:focus-within {
+        border-color: var(--sl-vtable-primary-color);
+        box-shadow: 0 0 0 2px rgba(40, 120, 255, 0.1);
+      }
+
+      .sl-freeze-input {
+        width: 30px;
+        height: 30px;
+        padding: 0px 2px;
+        border-radius: 8px 0px 0px 8px;
+        background: #fff;
+        border: none;
+        font-size: 14px;
+        color: var(--sl-vtable-content-color);
+        text-align: center;
+        outline: none;
+        -moz-appearance: textfield;
+      }
+
+      .sl-freeze-input::-webkit-outer-spin-button,
+      .sl-freeze-input::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+      }
+
+      .sl-freeze-arrows {
+        display: flex;
+        flex-direction: column;
+        border-left: 1px solid #E5E6EB;
+      }
+
+      .sl-freeze-arrow {
+        width: 20px;
+        height: 16px;
+        padding: 0;
+        background: transparent;
+        border: none;
+        font-size: 8px;
+        color: var(--sl-vtable-content-color);
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: all 0.2s;
+        opacity: 0.6;
+      }
+
+      .sl-freeze-arrow:hover {
+        background: rgba(40, 120, 255, 0.1);
+        opacity: 1;
+        color: var(--sl-vtable-primary-color);
+      }
+
+      .sl-freeze-arrow:active {
+        background: rgba(40, 120, 255, 0.2);
+      }
+
+      .sl-freeze-arrow-up {
+        border-radius: 0 8px 0 0;
+      }
+
+      .sl-freeze-arrow-down {
+        border-radius: 0 0 8px 0;
+        border-top: 1px solid #E5E6EB;
+      }
+
+      .sl-freeze-suffix {
+        font-size: 14px;
+        color: var(--sl-vtable-content-color);
+      }
+
+      .sl-error-list-checkbox {
+        display: inline-flex;
+        align-items: center;
+        gap: 8px;
+        cursor: pointer;
+        user-select: none;
+      }
+
+      .sl-checkbox-input {
+        position: absolute;
+        opacity: 0;
+        width: 0;
+        height: 0;
+      }
+
+      .sl-checkbox-custom {
+        position: relative;
+        width: 16px;
+        height: 16px;
+        border: 2px solid #C9CDD4;
+        border-radius: 4px;
+        background: #fff;
+        transition: all 0.2s;
+        flex-shrink: 0;
+      }
+
+      .sl-checkbox-input:checked + .sl-checkbox-custom {
+        background: var(--sl-vtable-primary-color);
+        border-color: var(--sl-vtable-primary-color);
+      }
+
+      .sl-checkbox-input:checked + .sl-checkbox-custom::after {
+        content: "";
+        position: absolute;
+        left: 4px;
+        top: 1px;
+        width: 4px;
+        height: 8px;
+        border: solid white;
+        border-width: 0 2px 2px 0;
+        transform: rotate(45deg);
+      }
+
+      .sl-error-list-checkbox:hover .sl-checkbox-custom {
+        border-color: var(--sl-vtable-primary-color);
+      }
+
+      .sl-checkbox-label {
+        font-size: 14px;
+        color: var(--sl-vtable-content-color);
+      }
+
+      /* 响应式设计 */
+      @media (max-width: 768px) {
+        .sl-toolbar {
+          flex-direction: column;
+          align-items: flex-start;
+          gap: 12px;
+        }
+
+        .sl-toolbar-left {
+          flex-direction: column;
+          align-items: flex-start;
+          gap: 8px;
+        }
+
+        .sl-toolbar-right {
+          width: 100%;
+          justify-content: flex-start;
+          flex-wrap: wrap;
+        }
+      }
+    `, document.head.appendChild(e);
+  }
+  /**
+   * 更新标题
+   */
+  updateTitle(e) {
+    this.elements.titleText && (this.elements.titleText.textContent = e);
+  }
+  /**
+   * 更新统计数据
+   */
+  updateStats(e, t) {
+    this.elements.titleCount && (this.elements.titleCount.textContent = this.formatNumber(e)), this.elements.titleTotal && (this.elements.titleTotal.textContent = `(共 ${this.formatNumber(
+      t
+    )} 个错误项)`);
+  }
+  /**
+   * 更新提示信息
+   */
+  updateHint(e) {
+    this.elements.hint && (this.elements.hint.textContent = e);
+  }
+  /**
+   * 更新冻结列数
+   */
+  updateFreezeCount(e) {
+    this.config.freezeCount = e, this.elements.freezeSelect && (this.elements.freezeSelect.value = String(e));
+  }
+  /**
+   * 更新显示错误列状态
+   */
+  updateShowErrorList(e) {
+    this.config.showErrorList = e, this.elements.errorListCheckbox && (this.elements.errorListCheckbox.checked = e);
+  }
+  /**
+   * 显示工具栏
+   */
+  show() {
+    this.toolbarElement && (this.toolbarElement.style.display = "flex");
+  }
+  /**
+   * 隐藏工具栏
+   */
+  hide() {
+    this.toolbarElement && (this.toolbarElement.style.display = "none");
+  }
+  /**
+   * 获取工具栏元素
+   */
+  getElement() {
+    return this.toolbarElement;
+  }
+  /**
+   * 更新左侧插槽内容
+   */
+  setLeftSlot(e) {
+    var n;
+    const t = (n = this.toolbarElement) == null ? void 0 : n.querySelector(".sl-toolbar-left");
+    if (t && (t.innerHTML = "", e)) {
+      const o = typeof e == "function" ? e() : e;
+      o && t.appendChild(o);
+    }
+  }
+  /**
+   * 获取左侧区域元素
+   */
+  getLeftSection() {
+    var e;
+    return ((e = this.toolbarElement) == null ? void 0 : e.querySelector(".sl-toolbar-left")) || null;
+  }
+  /**
+   * 销毁工具栏
+   */
+  destroy() {
+    this.toolbarElement && (this.toolbarElement.remove(), this.toolbarElement = null), this.elements = {};
+  }
+}
+class F {
+  /**
+   * 预处理数据：将 {value, isMarked} 格式转换为二维数组格式，并构建标记索引
+   */
+  static processRecords(e, t) {
+    const n = /* @__PURE__ */ new Map();
+    return { displayRecords: e.map((s, l) => Array.isArray(s) ? this.processArrayRow(s, l, n) : this.processObjectRow(s, l, t, n)), markedMap: n };
+  }
+  /**
+   * 处理数组格式的行
+   */
+  static processArrayRow(e, t, n) {
+    return e.map((o, s) => o && typeof o == "object" && "value" in o ? (o.isMarked && n.set(`${t}-${s}`, {
+      isMarked: !0,
+      comment: o.comment || ""
+    }), o.value) : o);
+  }
+  /**
+   * 处理对象格式的行
+   */
+  static processObjectRow(e, t, n, o) {
+    return n.map((s, l) => {
+      const i = s.field || s.key, a = e[i];
+      return a && typeof a == "object" && "value" in a ? (a.isMarked && o.set(`${t}-${l}`, {
+        isMarked: !0,
+        comment: a.comment || ""
+      }), a.value) : a;
+    });
+  }
+}
+const se = (c, e) => ({
+  bgColor: "#FFEBEB",
+  // 浅紫色背景
+  color: "#FF4D50",
+  // borderLineWidth: [0, 0, 0, 4], // 上、右、下、左边框宽度
+  // borderColor: ["transparent", "transparent", "transparent", "#7B1FA2"], // 左边框为紫色
+  // 标记样式（右上角三角形）
+  marked: {
+    shape: "triangle",
+    bgColor: "#FF4D50",
+    size: 8
+  }
+  // 或者简单使用: marked: true,
+});
+class z {
+  /**
+   * 初始化列配置，根据 markedMap 添加高亮样式，并应用 Excel 单元格样式
+   */
+  static initColumns(e, t, n) {
+    return e.map((o, s) => {
+      const l = o.style, i = { ...o };
+      return i.style = (a) => {
+        const d = a.row;
+        let r = l ? l(a) : void 0;
+        if (r = this.applyExcelStyle(
+          r,
+          d,
+          s,
+          n
+        ), t.has(`${d}-${s}`)) {
+          const h = se();
+          return {
+            ...r,
+            ...h,
+            bgColor: h.bgColor,
+            color: h.color
+          };
+        }
+        return r;
+      }, i;
+    });
+  }
+  /**
+   * 应用 Excel 单元格样式
+   */
+  static applyExcelStyle(e, t, n, o) {
+    if (!o) return e;
+    const s = o.get(`${t}-${n}`);
+    if (!s) return e;
+    const l = e || {};
+    return s.fontColor && (l.color = s.fontColor), s.bgColor && (l.bgColor = s.bgColor), s.bold && (l.fontWeight = "bold"), s.italic && (l.fontStyle = "italic"), l;
+  }
+}
+class ie {
+  constructor(e) {
+    u(this, "tableSheet", null);
+    u(this, "findReplaceDialog", null);
+    u(this, "toolbar", null);
+    u(this, "container", null);
+    u(this, "tableContainer", null);
+    u(this, "toolbarContainer", null);
+    u(this, "config");
+    /** Excel 单元格样式映射 */
+    u(this, "excelCellStyles", null);
+    this.config = {
+      showToolbar: !0,
+      ...e
+    }, this.init();
+  }
+  /**
+   * 初始化
+   */
+  init() {
+    if (this.container = this.getContainer(this.config.container), !this.container)
+      throw new Error("Container not found");
+    this.createLayout(), this.config.showToolbar && this.createToolbar(), this.createTable(), this.createFindReplaceDialog(), this.injectStyles();
+  }
+  /**
+   * 获取容器
+   */
+  getContainer(e) {
+    return typeof e == "string" ? document.getElementById(e) || document.querySelector(e) : e;
+  }
+  /**
+   * 创建布局
+   */
+  createLayout() {
+    this.container && (this.container.innerHTML = "", this.container.className = "sl-table-sheet-wrapper", this.config.showToolbar && (this.toolbarContainer = document.createElement("div"), this.container.appendChild(this.toolbarContainer)), this.tableContainer = document.createElement("div"), this.tableContainer.className = "sl-table-container", this.container.appendChild(this.tableContainer));
+  }
+  /**
+   * 创建工具栏
+   */
+  createToolbar() {
+    this.toolbarContainer && (this.toolbar = new oe({
+      container: this.toolbarContainer,
+      title: "制表错误7",
+      count: 2993,
+      total: 12393,
+      hint: "请在错误项里查询对应的数据或在数据里进行搜索",
+      buttons: {
+        search: !0,
+        freeze: !0,
+        export: !0,
+        refresh: !0,
+        list: !0
+      },
+      onSearchClick: () => this.openFindReplace(),
+      onFreezeChange: (e) => this.freezeColumns(e),
+      onListChange: () => console.log("列表"),
+      ...this.config.toolbar
+    }));
+  }
+  /**
+   * 创建表格
+   */
+  createTable() {
+    if (!this.tableContainer) return;
+    const e = this.config.columns || [], { displayRecords: t, markedMap: n } = F.processRecords(
+      this.config.records || [],
+      e
+    ), o = z.initColumns(e, n);
+    this.tableSheet = new M(
+      {
+        container: this.tableContainer,
+        columns: o,
+        records: t,
+        showFormulaBar: this.config.showFormulaBar,
+        showSheetTab: this.config.showSheetTab,
+        sheets: this.config.sheets,
+        editors: this.config.editors,
+        customComponents: this.config.customComponents,
+        options: this.config.options,
+        onCellChange: this.config.onCellChange
+      },
+      n
+    );
+  }
+  /**
+   * 创建查找替换弹窗
+   */
+  createFindReplaceDialog() {
+    var t;
+    const e = (t = this.tableSheet) == null ? void 0 : t.getTableInstance();
+    e && (this.findReplaceDialog = new Y({
+      tableInstance: e,
+      selectedColumnsOnly: !1,
+      // 默认搜索所有列
+      onSearch: (n) => {
+        console.log(`找到 ${n.length} 个匹配项`);
+      },
+      onReplace: (n, o) => {
+        console.log("替换成功:", n, "->", o);
+      }
+    }));
+  }
+  /**
+   * 打开查找替换弹窗
+   */
+  openFindReplace() {
+    var e;
+    (e = this.findReplaceDialog) == null || e.open();
+  }
+  /**
+   * 冻结列
+   */
+  freezeColumns(e) {
+    console.log("冻结前列", e);
+  }
+  /**
+   * 注入样式
+   */
+  injectStyles() {
+    if (document.getElementById("sl-table-sheet-styles")) return;
+    const e = document.createElement("style");
+    e.id = "sl-table-sheet-styles", e.textContent = `
+      .sl-table-sheet-wrapper {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        background: #fff;
+      }
+      .sl-table-container {
+        flex: 1;
+        overflow: hidden;
+        position: relative;
+        margin-top:12px;
+      }
+    `, document.head.appendChild(e);
+  }
+  /**
+   * 更新标题统计
+   */
+  updateTitleStats(e, t) {
+    var n;
+    (n = this.toolbar) == null || n.updateStats(e, t);
+  }
+  /**
+   * 获取 TableSheet 实例
+   */
+  getTableSheet() {
+    return this.tableSheet;
+  }
+  /**
+   * 获取表格实例
+   */
+  getTableInstance() {
+    var e;
+    return (e = this.tableSheet) == null ? void 0 : e.getTableInstance();
+  }
+  /**
+   * 获取查找替换弹窗实例
+   */
+  getFindReplaceDialog() {
+    return this.findReplaceDialog;
+  }
+  /**
+   * 设置查找替换是否只搜索选中列
+   */
+  setFindReplaceSelectedColumnsOnly(e) {
+    this.findReplaceDialog && this.findReplaceDialog.setSelectedColumnsOnly(e);
+  }
+  /**
+   * 更新数据
+   */
+  updateData(e) {
+    var t;
+    (t = this.tableSheet) == null || t.updateData(e);
+  }
+  /**
+   * 更新列配置
+   */
+  updateColumns(e) {
+    var t;
+    (t = this.tableSheet) == null || t.updateColumns(e);
+  }
+  /**
+   * 导出数据
+   */
+  exportData(e = "csv") {
+    var t;
+    return (t = this.tableSheet) == null ? void 0 : t.exportData(e);
+  }
+  /**
+   * 导出数据为 Excel 流 (ArrayBuffer)
+   * @param options 导出选项
+   * @returns Excel 文件的 ArrayBuffer
+   */
+  exportToExcelStream(e) {
+    const t = this.config.columns || [], n = this.config.records || [];
+    return P(t, n, e);
+  }
+  /**
+   * 下载 Excel 文件
+   * @param filename 文件名（不含扩展名）
+   */
+  downloadExcel(e = "export") {
+    const t = this.exportToExcelStream();
+    q(t, e);
+  }
+  /**
+   * 解析在线 Excel 文件并显示到表格
+   * @param url Excel 文件的 URL 地址
+   * @param options 解析选项
+   * @returns 解析后的列配置和数据
+   */
+  async loadExcelFromUrl(e, t = {}) {
+    const { autoDisplay: n = !0, ...o } = t, s = await H(e, o);
+    return this.handleExcelImportResult(s, n), s;
+  }
+  /**
+   * 解析 Excel ArrayBuffer 并显示到表格
+   * @param buffer Excel 文件的 ArrayBuffer
+   * @param options 解析选项
+   * @returns 解析后的列配置和数据
+   */
+  parseExcelBuffer(e, t = {}) {
+    const { autoDisplay: n = !0, ...o } = t, s = S(e, o);
+    return this.handleExcelImportResult(s, n), s;
+  }
+  /**
+   * 从 File 对象解析 Excel 文件
+   * @param file File 对象
+   * @param options 解析选项
+   * @returns 解析后的列配置和数据
+   */
+  async parseExcelFile(e, t = {}) {
+    const { autoDisplay: n = !0, ...o } = t, s = await _(e, o);
+    return this.handleExcelImportResult(s, n), s;
+  }
+  /**
+   * 处理 Excel 导入结果
+   */
+  handleExcelImportResult(e, t) {
+    var s;
+    console.log("handleExcelImportResult 调用:", {
+      columns: e.columns.length,
+      records: e.records.length,
+      autoDisplay: t,
+      hasTableSheet: !!this.tableSheet
+    }), this.excelCellStyles = e.cellStyles || null;
+    const n = z.initColumns(
+      e.columns,
+      /* @__PURE__ */ new Map(),
+      this.excelCellStyles
+    );
+    this.config.columns = n;
+    let o = e.records;
+    if (e.cellComments && e.cellComments.size > 0 ? (console.log("处理 Excel 标注数据:", e.cellComments.size, "个标注"), console.log("所有标注数据:"), e.cellComments.forEach((l, i) => {
+      console.log(`  ${i}:`, l);
+    }), o = e.records.map((l, i) => l.map((a, d) => {
+      const r = `${i}-${d}`, h = e.cellComments.get(r);
+      return h ? (console.log(`单元格 [${i},${d}] 有标注:`, h), {
+        value: a,
+        isMarked: !0,
+        comment: h.text || ""
+      }) : a;
+    })), console.log("标注处理完成，第一条记录:", o[0])) : console.log("没有找到标注数据"), this.config.records = o, t && this.tableSheet)
+      try {
+        console.log("尝试更新现有表格..."), console.log("更新前表格状态:", {
+          hasTableInstance: !!this.tableSheet,
+          container: this.tableContainer,
+          containerVisible: ((s = this.tableContainer) == null ? void 0 : s.offsetParent) !== null
+        }), this.tableSheet.updateColumns(n), this.tableSheet.updateData(this.config.records), console.log("表格更新成功，更新后状态:", {
+          recordsCount: this.config.records.length,
+          columnsCount: n.length,
+          firstRecord: this.config.records[0]
+        }), console.log("强制重新创建表格以确保数据正确显示"), setTimeout(() => {
+          this.recreateTable(n, this.config.records || []);
+        }, 100);
+      } catch (l) {
+        console.warn("动态更新失败，尝试重新创建表格:", l), this.recreateTable(n, this.config.records || []);
+      }
+    else
+      console.log("跳过自动显示:", {
+        autoDisplay: t,
+        hasTableSheet: !!this.tableSheet
+      });
+    this.config.onExcelImport && this.config.onExcelImport(e);
+  }
+  /**
+   * 重新创建表格实例
+   */
+  recreateTable(e, t) {
+    console.log("重新创建表格:", {
+      columnCount: e.length,
+      recordCount: t.length
+    }), this.tableSheet && (this.tableSheet.destroy(), this.tableSheet = null);
+    const { displayRecords: n, markedMap: o } = F.processRecords(
+      t,
+      e
+    );
+    this.tableSheet = new M(
+      {
+        container: this.tableContainer,
+        columns: e,
+        records: n,
+        showFormulaBar: this.config.showFormulaBar,
+        showSheetTab: this.config.showSheetTab,
+        sheets: this.config.sheets,
+        editors: this.config.editors,
+        customComponents: this.config.customComponents,
+        options: this.config.options,
+        onCellChange: this.config.onCellChange
+      },
+      o
+    ), this.updateFindReplaceTableInstance(), console.log("表格重新创建完成，标记单元格数:", o.size);
+  }
+  /**
+   * 更新查找替换弹窗的表格实例引用
+   */
+  updateFindReplaceTableInstance() {
+    var t;
+    const e = (t = this.tableSheet) == null ? void 0 : t.getTableInstance();
+    e && this.findReplaceDialog && this.findReplaceDialog.setTableInstance(e);
+  }
+  /**
+   * 刷新表格
+   */
+  refresh() {
+    var e;
+    (e = this.tableSheet) == null || e.refresh();
+  }
+  /**
+   * 监听事件
+   */
+  on(e, t) {
+    var n;
+    (n = this.tableSheet) == null || n.on(e, t);
+  }
+  /**
+   * 取消监听事件
+   */
+  off(e, t) {
+    var n;
+    (n = this.tableSheet) == null || n.off(e, t);
+  }
+  /**
+   * 获取工具栏实例
+   */
+  getToolbar() {
+    return this.toolbar;
+  }
+  /**
+   * 销毁实例
+   */
+  destroy() {
+    var e, t, n;
+    (e = this.toolbar) == null || e.destroy(), (t = this.findReplaceDialog) == null || t.destroy(), (n = this.tableSheet) == null || n.destroy(), this.container && (this.container.innerHTML = ""), this.toolbar = null, this.tableSheet = null, this.findReplaceDialog = null, this.container = null, this.tableContainer = null, this.toolbarContainer = null;
+  }
+}
+export {
+  ie as default,
+  j as fetchExcelFromUrl,
+  H as loadExcelFromUrl,
+  S as parseExcelBuffer,
+  _ as parseExcelFile
+};