@canvas-components/react-list-table 0.3.46 → 0.3.48

package/dist/index.cjs

@@ -9,8 +9,10 @@ var jsxRuntime = require('react/jsx-runtime');
 var chart = require('@canvas-components/chart');
 var date = require('@canvas-components/utils/date');
 var number = require('@canvas-components/utils/number');
+var utils = require('@canvas-components/utils');
 var printDesign = require('@canvas-components/print-design');
 var print = require('@canvas-components/print');
+var client = require('react-dom/client');
 
 // #style-inject:#style-inject
 function styleInject(css, { insertAt } = {}) {
@@ -4290,16 +4292,34 @@ function mapPrintSourceRows(source) {
     )
   );
 }
-function createTableData(source, document2, rows = mapPrintSourceRows(source)) {
+function mapPrintSourceRowsAsync(source, options) {
+  return utils.mapInBatches(
+    source.rows.length,
+    (index) => Object.fromEntries(
+      source.columns.map((column, columnIndex) => [
+        column.key,
+        source.rows[index][columnIndex] ?? ""
+      ])
+    ),
+    options
+  );
+}
+function getRowsPerPage(document2, rowCount) {
   const firstTable = document2.pages[0]?.elements.find(
     (item) => item.type === "table"
   );
-  const rowsPerPage = firstTable?.type === "table" ? Math.max(
+  return firstTable?.type === "table" ? Math.max(
     1,
     Math.floor(
       (firstTable.height - (firstTable.showHeader === false ? 0 : firstTable.headerRowHeight ?? 9)) / (firstTable.rowHeight ?? 8)
     )
-  ) : Math.max(1, Math.ceil(rows.length / document2.pages.length));
+  ) : Math.max(1, Math.ceil(rowCount / Math.max(1, document2.pages.length)));
+}
+function getPrintDesignSampleSize() {
+  return getRowsPerPage(createTableDocument({ columns: [], rows: [] }), 0);
+}
+function createTableData(source, document2, rows = mapPrintSourceRows(source)) {
+  const rowsPerPage = getRowsPerPage(document2, rows.length);
   return {
     listTable: {
       rows,
@@ -4310,20 +4330,165 @@ function createTableData(source, document2, rows = mapPrintSourceRows(source)) {
     }
   };
 }
+async function createTableDataAsync(source, document2, rows, options) {
+  const rowsPerPage = getRowsPerPage(document2, rows.length);
+  const pages = await utils.mapInBatches(
+    document2.pages.length,
+    (index) => ({
+      rows: rows.slice(index * rowsPerPage, (index + 1) * rowsPerPage)
+    }),
+    options
+  );
+  return {
+    listTable: {
+      rows,
+      columns: source.columns.map((column) => ({ key: column.key })),
+      pages
+    }
+  };
+}
+async function createTablePreviewSource(source, template, options, preparedRows) {
+  const rows = preparedRows ?? await mapPrintSourceRowsAsync(source, options);
+  const pageCount = Math.max(
+    template.pages.length,
+    Math.ceil(rows.length / getRowsPerPage(template, rows.length))
+  );
+  const pages = await utils.mapInBatches(
+    pageCount,
+    (index) => {
+      const page = template.pages[index % template.pages.length];
+      return {
+        ...page,
+        id: `${page.id}:print:${index}`,
+        name: `\u8868\u683C\u6253\u5370 ${index + 1}`,
+        elements: page.elements.map((element) => {
+          const id = `${element.id}:print:${index}`;
+          if (element.type === "table" && (element.dataPath === "listTable.rows" || /^listTable\.pages\.\d+\.rows$/.test(element.dataPath ?? ""))) {
+            return {
+              ...element,
+              id,
+              dataPath: `listTable.pages.${index}.rows`
+            };
+          }
+          if (element.type === "text" && element.id.startsWith("list-table-page-number-")) {
+            return {
+              ...element,
+              id,
+              text: `\u7B2C ${index + 1} \u9875 / \u5171 ${pageCount} \u9875`
+            };
+          }
+          return { ...element, id };
+        })
+      };
+    },
+    options
+  );
+  const document2 = { ...template, pages };
+  return {
+    document: document2,
+    data: await createTableDataAsync(source, document2, rows, options)
+  };
+}
 function getPrintSourceFormat(source) {
   return JSON.stringify(
     source.columns.map((column) => String(column.key)).sort()
   );
 }
-function printTableTemplate(source, popup, document2 = createTableDocument(source)) {
-  const data = createTableData(source, document2);
-  printDesign.printPrintDesignHtml(popup, printDesign.transformPrintDesignToHtml(document2, { data }));
-  return true;
-}
 function ReactListTablePrintDesignDialog(props) {
   const [fullscreen, setFullscreen] = react.useState(true);
+  const [source, setSource] = react.useState(null);
+  const [error, setError] = react.useState("");
+  const [attempt, setAttempt] = react.useState(0);
+  const [emptyDocument] = react.useState(
+    () => printDesign.createPrintDesignDocument({ name: "\u8868\u683C\u6253\u5370\u6A21\u677F" })
+  );
+  react.useEffect(() => {
+    const controller = new AbortController();
+    setSource(null);
+    setError("");
+    const timer = setTimeout(() => {
+      void Promise.resolve().then(
+        () => props.loadSource({
+          rowLimit: getPrintDesignSampleSize(),
+          includeSummary: false,
+          signal: controller.signal
+        })
+      ).then((value) => {
+        if (!controller.signal.aborted) setSource(value);
+      }).catch((cause) => {
+        if (!controller.signal.aborted)
+          setError(
+            cause instanceof Error ? cause.message : "\u8BFB\u53D6\u6253\u5370\u6570\u636E\u5931\u8D25"
+          );
+      });
+    }, 0);
+    return () => {
+      clearTimeout(timer);
+      controller.abort();
+    };
+  }, [props.loadSource, attempt]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactComponents.ReactModal,
+    {
+      open: true,
+      fullscreen,
+      closable: false,
+      fullscreenable: false,
+      footer: false,
+      width: "min(96vw, 1440px)",
+      style: { height: fullscreen ? "100%" : "min(88vh, 900px)" },
+      bodyStyle: {
+        padding: 0,
+        overflow: "hidden",
+        display: "flex",
+        position: "relative"
+      },
+      onCancel: props.onClose,
+      children: source ? /* @__PURE__ */ jsxRuntime.jsx(
+        LoadedPrintDesigner,
+        {
+          ...props,
+          source,
+          fullscreen,
+          onFullscreenChange: setFullscreen
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactPrintDesign.ReactPrintDesign,
+          {
+            document: emptyDocument,
+            fullscreen,
+            onClose: props.onClose,
+            style: { flex: 1 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "status",
+            style: {
+              position: "absolute",
+              inset: 0,
+              background: "rgba(255,255,255,0.85)",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              gap: 12
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: error || "\u6B63\u5728\u8BFB\u53D6\u7B2C\u4E00\u9875\u6570\u636E\u2026" }),
+              error ? /* @__PURE__ */ jsxRuntime.jsx(reactComponents.ReactButton, { onClick: () => setAttempt((value) => value + 1), children: "\u91CD\u8BD5" }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx(reactComponents.ReactButton, { onClick: props.onClose, children: "\u5173\u95ED" })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function LoadedPrintDesigner(props) {
   const document2 = react.useMemo(
-    () => createTableDocument(props.source),
+    () => createTableDocument({ ...props.source, rows: [] }),
     [props.source]
   );
   const [boundDocument, setBoundDocument] = react.useState(document2);
@@ -4332,7 +4497,7 @@ function ReactListTablePrintDesignDialog(props) {
     () => [
       document2,
       ...props.printPresets?.map(
-        (preset) => createTableDocument(props.source, preset)
+        (preset) => createTableDocument({ ...props.source, rows: [] }, preset)
       ) ?? [],
       ...props.printTemplates ?? []
     ],
@@ -4342,35 +4507,408 @@ function ReactListTablePrintDesignDialog(props) {
     () => createTableData(props.source, boundDocument, rows),
     [props.source, boundDocument, rows]
   );
+  const loadPreviewData = react.useCallback(
+    async (template, options) => {
+      const source = await props.loadSource(options);
+      options.signal?.throwIfAborted();
+      return createTablePreviewSource(source, template, options);
+    },
+    [props.loadSource]
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    reactComponents.ReactModal,
+    reactPrintDesign.ReactPrintDesign,
     {
-      open: true,
-      fullscreen,
-      closable: false,
-      fullscreenable: false,
-      footer: false,
-      width: "min(96vw, 1440px)",
-      style: { height: fullscreen ? "100%" : "min(88vh, 900px)" },
-      bodyStyle: { padding: 0, overflow: "hidden", display: "flex" },
-      onCancel: props.onClose,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactPrintDesign.ReactPrintDesign,
-        {
-          document: document2,
-          defaultTemplates,
-          data,
-          dataFormatKey: getPrintSourceFormat(props.source),
-          onChange: setBoundDocument,
-          storeKey: props.storeKey,
-          fullscreen,
-          onFullscreenChange: setFullscreen,
-          onClose: props.onClose,
-          style: { flex: 1 }
+      document: document2,
+      defaultTemplates,
+      data,
+      dataFormatKey: getPrintSourceFormat(props.source),
+      onChange: setBoundDocument,
+      storeKey: props.storeKey,
+      loadPreviewData,
+      fullscreen: props.fullscreen,
+      onFullscreenChange: props.onFullscreenChange,
+      onClose: props.onClose,
+      style: { flex: 1 }
+    }
+  );
+}
+var PRINT_PROGRESS_MIN_DURATION = 500;
+function createPrintProgress(container, onCancel) {
+  const host = container.ownerDocument.createElement("div");
+  host.dataset.listTablePrintProgress = "";
+  container.append(host);
+  const root = client.createRoot(host);
+  const startedAt = performance.now();
+  let disposed = false;
+  let open = true;
+  let message = "\u6B63\u5728\u8BFB\u53D6\u6253\u5370\u6570\u636E";
+  let percent = 0;
+  let failed = false;
+  let closeTimer;
+  let resolveClose;
+  let configuring = false;
+  let batchSize = 50;
+  let action;
+  const confirm = () => {
+    const pending = action;
+    action = void 0;
+    configuring = false;
+    render();
+    pending?.resolve();
+  };
+  const dispose = () => {
+    if (disposed) return;
+    disposed = true;
+    clearTimeout(closeTimer);
+    root.unmount();
+    host.remove();
+    resolveClose?.();
+    action?.resolve();
+    action = void 0;
+  };
+  const render = () => {
+    if (disposed) return;
+    reactDom.flushSync(
+      () => root.render(
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          reactComponents.ReactModal,
+          {
+            open,
+            title: configuring ? "\u76F4\u63A5\u6253\u5370\u8BBE\u7F6E" : failed ? "\u6253\u5370\u5931\u8D25" : "\u6B63\u5728\u51C6\u5907\u6253\u5370",
+            width: 440,
+            centered: true,
+            maskClosable: false,
+            fullscreenable: false,
+            getContainer: container,
+            onCancel,
+            afterClose: () => queueMicrotask(dispose),
+            footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(reactComponents.ReactButton, { onClick: onCancel, children: failed ? "\u5173\u95ED" : "\u53D6\u6D88\u6253\u5370" }),
+              action && /* @__PURE__ */ jsxRuntime.jsx(
+                reactComponents.ReactButton,
+                {
+                  disabled: configuring && (!batchSize || !Number.isInteger(batchSize) || batchSize < 1),
+                  onClick: confirm,
+                  children: action.label
+                }
+              )
+            ] }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { role: "status", "aria-live": "polite", children: message }),
+              configuring ? /* @__PURE__ */ jsxRuntime.jsxs("label", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { whiteSpace: "nowrap", flexShrink: 0 }, children: "\u6BCF\u6B21\u6253\u5370\u9875\u6570" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  reactComponents.ReactInputNumber,
+                  {
+                    "aria-label": "\u6BCF\u6B21\u6253\u5370\u9875\u6570",
+                    style: { flex: 1, minWidth: 0 },
+                    min: 1,
+                    precision: 0,
+                    value: batchSize,
+                    onChange: (value) => {
+                      batchSize = value;
+                      render();
+                    }
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+                reactComponents.ReactProgress,
+                {
+                  percent,
+                  label: "\u6253\u5370\u51C6\u5907\u8FDB\u5EA6",
+                  status: failed ? "exception" : "normal"
+                }
+              )
+            ]
+          }
+        )
+      )
+    );
+  };
+  render();
+  return {
+    host,
+    async configure(defaultPages) {
+      configuring = true;
+      batchSize = Number.isFinite(defaultPages) ? Math.max(1, Math.floor(defaultPages)) : 50;
+      message = "\u6309\u6279\u6B21\u751F\u6210\u6253\u5370\u9875\u9762\uFF0C\u907F\u514D\u4E00\u6B21\u52A0\u8F7D\u8FC7\u591A\u5185\u5BB9\u3002";
+      await new Promise((resolve) => {
+        action = { label: "\u5F00\u59CB\u6253\u5370", resolve };
+        render();
+      });
+      return batchSize ?? 50;
+    },
+    async continueBatch(firstPage, lastPage) {
+      message = `\u7B2C ${firstPage}\u2013${lastPage} \u9875\u7684\u6253\u5370\u7A97\u53E3\u5DF2\u5173\u95ED\uFF0C\u662F\u5426\u7EE7\u7EED\u4E0B\u4E00\u6279\uFF1F`;
+      await new Promise((resolve) => {
+        action = { label: "\u7EE7\u7EED\u4E0B\u4E00\u6279", resolve };
+        render();
+      });
+    },
+    update(text, value) {
+      if (percent === value && message === text) return;
+      message = text;
+      percent = value;
+      render();
+    },
+    error(text) {
+      message = text;
+      failed = true;
+      render();
+    },
+    close(immediate = false) {
+      if (disposed) return Promise.resolve();
+      if (immediate) {
+        dispose();
+        return Promise.resolve();
+      }
+      return new Promise((resolve) => {
+        resolveClose = resolve;
+        closeTimer = setTimeout(
+          () => {
+            open = false;
+            render();
+          },
+          Math.max(
+            0,
+            PRINT_PROGRESS_MIN_DURATION - (performance.now() - startedAt)
+          )
+        );
+      });
+    }
+  };
+}
+var PRINT_ROWS_WORKER_SOURCE = `
+self.onmessage = function(event) {
+  try {
+    const { keys, rows } = event.data;
+    self.postMessage({ rows: rows.map(row => Object.fromEntries(keys.map((key, index) => [key, row[index] ?? ""]))) });
+  } catch (error) {
+    self.postMessage({ error: String(error) });
+  }
+};`;
+async function preparePrintRows(source, options = {}) {
+  const keys = source.columns.map((column) => column.key);
+  let worker;
+  let url;
+  try {
+    options.signal?.throwIfAborted();
+    url = URL.createObjectURL(
+      new Blob([PRINT_ROWS_WORKER_SOURCE], { type: "text/javascript" })
+    );
+    worker = new Worker(url);
+    const result = new Array(source.rows.length);
+    for (let offset = 0; offset < source.rows.length; offset += 2e3) {
+      options.signal?.throwIfAborted();
+      const rows = await new Promise(
+        (resolve, reject) => {
+          const cleanup = () => {
+            clearTimeout(timeout);
+            options.signal?.removeEventListener("abort", abort);
+          };
+          const fail = (error) => {
+            cleanup();
+            reject(error);
+          };
+          const abort = () => fail(options.signal?.reason);
+          const timeout = setTimeout(
+            () => fail(new Error("\u6253\u5370 Worker \u54CD\u5E94\u8D85\u65F6")),
+            15e3
+          );
+          options.signal?.addEventListener("abort", abort, { once: true });
+          worker.onerror = () => fail(new Error("\u6253\u5370 Worker \u6267\u884C\u5931\u8D25"));
+          worker.onmessageerror = () => fail(new Error("\u6253\u5370 Worker \u6570\u636E\u4F20\u8F93\u5931\u8D25"));
+          worker.onmessage = (event) => {
+            cleanup();
+            if (event.data.error) reject(new Error(event.data.error));
+            else resolve(event.data.rows);
+          };
+          try {
+            worker.postMessage({
+              keys,
+              rows: source.rows.slice(offset, offset + 2e3)
+            });
+          } catch (error) {
+            fail(error);
+          }
         }
+      );
+      for (let index = 0; index < rows.length; index++)
+        result[offset + index] = rows[index];
+      options.onProgress?.(
+        Math.min(offset + rows.length, source.rows.length),
+        source.rows.length
+      );
+    }
+    return result;
+  } catch {
+    worker?.terminate();
+    worker = void 0;
+    options.signal?.throwIfAborted();
+    return await utils.mapInBatches(
+      source.rows.length,
+      (index) => Object.fromEntries(
+        keys.map((key, column) => [key, source.rows[index][column] ?? ""])
+      ),
+      options
+    );
+  } finally {
+    worker?.terminate();
+    if (url) URL.revokeObjectURL(url);
+  }
+}
+
+// src/features/print/direct-print.ts
+async function runDirectPrint(container, loadSource, resolveTemplate = (source) => createTableDocument({ ...source, rows: [] }), validate, defaultPagesPerBatch = 50) {
+  const controller = new AbortController();
+  const { signal } = controller;
+  const ownerDocument = container.ownerDocument;
+  const previousFocus = ownerDocument.activeElement;
+  let frame;
+  const progress = createPrintProgress(container, () => {
+    controller.abort();
+    void cleanup(true);
+  });
+  const cleanup = async (immediate = false) => {
+    frame?.remove();
+    await progress.close(immediate);
+    if (previousFocus?.isConnected)
+      previousFocus.focus({ preventScroll: true });
+  };
+  const timer = setInterval(() => {
+    if (!progress.host.isConnected) controller.abort();
+  }, 250);
+  let maximum = 0;
+  const report = (text, value) => {
+    signal.throwIfAborted();
+    maximum = Math.max(maximum, Math.floor(value));
+    progress.update(text, maximum);
+  };
+  try {
+    const pagesPerBatch = await progress.configure(defaultPagesPerBatch);
+    signal.throwIfAborted();
+    report("\u6B63\u5728\u8BFB\u53D6\u6253\u5370\u6570\u636E", 0);
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    const source = await loadSource({
+      signal,
+      onProgress: (done, total) => report(
+        `\u6B63\u5728\u8BFB\u53D6\u6253\u5370\u6570\u636E ${done}/${total}`,
+        total ? done / total * 30 : 30
       )
+    });
+    report("\u6B63\u5728\u8F6C\u6362\u6253\u5370\u6570\u636E", 30);
+    const rows = await preparePrintRows(source, {
+      signal,
+      onProgress: (done, total) => report(
+        `\u6B63\u5728\u8F6C\u6362\u6253\u5370\u6570\u636E ${done}/${total}`,
+        30 + (total ? done / total : 1) * 25
+      )
+    });
+    const template = resolveTemplate(source);
+    validate?.(source, template, createTableData(source, template, rows));
+    report("\u6B63\u5728\u751F\u6210\u5206\u9875", 55);
+    const prepared = await createTablePreviewSource(
+      source,
+      template,
+      {
+        signal,
+        onProgress: (done, total) => report(
+          `\u6B63\u5728\u751F\u6210\u5206\u9875 ${done}/${total}`,
+          55 + (total ? done / total : 1) * 15
+        )
+      },
+      rows
+    );
+    report("\u6B63\u5728\u751F\u6210\u6253\u5370\u9875\u9762", 70);
+    for await (const batch of printDesign.transformPrintDesignToHtmlBatches(
+      prepared.document,
+      {
+        pagesPerBatch,
+        data: prepared.data,
+        signal,
+        onProgress: (value) => report("\u6B63\u5728\u751F\u6210\u6253\u5370\u9875\u9762", 70 + value * 29)
+      }
+    )) {
+      report(`\u6B63\u5728\u6253\u5370\u7B2C ${batch.firstPage}\u2013${batch.lastPage} \u9875`, maximum);
+      await new Promise((resolve) => setTimeout(resolve, 0));
+      signal.throwIfAborted();
+      frame = ownerDocument.createElement("iframe");
+      frame.title = "\u8868\u683C\u6253\u5370";
+      frame.setAttribute("aria-hidden", "true");
+      frame.style.cssText = "position:fixed;left:-10000px;top:0;width:1px;height:1px;border:0";
+      container.append(frame);
+      const printWindow = frame.contentWindow;
+      if (!printWindow) throw new Error("\u65E0\u6CD5\u521B\u5EFA\u6253\u5370\u9875\u9762");
+      await new Promise((resolve, reject) => {
+        const abort = () => {
+          dispose();
+          reject(signal.reason);
+        };
+        const dispose = () => {
+          frame?.removeEventListener("load", loaded);
+          signal.removeEventListener("abort", abort);
+        };
+        const loaded = () => {
+          dispose();
+          resolve();
+        };
+        frame.addEventListener("load", loaded, { once: true });
+        signal.addEventListener("abort", abort, { once: true });
+        printWindow.document.open();
+        printWindow.document.write(batch.html);
+        printWindow.document.close();
+      });
+      await Promise.all([
+        ...Array.from(
+          printWindow.document.images,
+          (image) => image.decode?.().catch(() => void 0)
+        ),
+        printWindow.document.fonts?.ready
+      ]);
+      signal.throwIfAborted();
+      await new Promise((resolve, reject) => {
+        const dispose = () => {
+          printWindow.removeEventListener("afterprint", finished);
+          signal.removeEventListener("abort", aborted);
+        };
+        const finished = () => {
+          dispose();
+          resolve();
+        };
+        const aborted = () => {
+          dispose();
+          reject(signal.reason);
+        };
+        printWindow.addEventListener("afterprint", finished, { once: true });
+        signal.addEventListener("abort", aborted, { once: true });
+        try {
+          printWindow.focus();
+          printWindow.print();
+        } catch (error) {
+          dispose();
+          reject(error);
+        }
+      });
+      frame.remove();
+      frame = void 0;
+      if (batch.hasMore) {
+        await progress.continueBatch(batch.firstPage, batch.lastPage);
+        signal.throwIfAborted();
+        report("\u6B63\u5728\u751F\u6210\u4E0B\u4E00\u6279\u6253\u5370\u9875\u9762", maximum);
+      }
     }
-  );
+    report("\u6253\u5370\u7A97\u53E3\u5DF2\u5173\u95ED", 100);
+    await cleanup();
+  } catch (error) {
+    frame?.remove();
+    if (!signal.aborted) {
+      progress.error(
+        `\u6253\u5370\u5931\u8D25\uFF1A${error instanceof Error ? error.message : String(error)}`
+      );
+    } else await cleanup(true);
+  } finally {
+    clearInterval(timer);
+  }
 }
 
 // src/features/editor/utils.ts
@@ -4413,12 +4951,13 @@ function getEditorInputStyle(request) {
     height,
     minHeight: height,
     color: request.theme.cellColor ?? request.theme.textColor,
+    textAlign: request.theme.textAlign,
     fontFamily: request.theme.fontFamily,
     fontSize,
     // 用像素 token，确保 select/time/color 触发器与内部 Input 同步缩放。
     ["--canvas-react-control-height"]: `${height}px`,
     ["--canvas-react-font-size"]: fontSize != null ? `${fontSize}px` : void 0,
-    ["--canvas-react-control-padding-inline"]: `${paddingInline}px`,
+    ["--canvas-react-control-padding-inline"]: `${Math.max(paddingInline - 1, 0)}px`,
     ["--canvas-react-control-padding-block"]: `${paddingBlock}px`,
     ["--canvas-react-content-zoom"]: String(contentZoom),
     ["--canvas-react-radius-sm"]: "0px",
@@ -4445,7 +4984,7 @@ function resolveEditorOverlayStyle(params) {
     boxSizing: "border-box",
     // 覆盖表单组件 token，使输入框高度/字号/内边距跟随表格缩放。
     ["--canvas-react-control-height"]: `${height}px`,
-    ["--canvas-react-control-padding-inline"]: `${resolvedPaddingInline}px`,
+    ["--canvas-react-control-padding-inline"]: `${Math.max(resolvedPaddingInline - 1, 0)}px`,
     ["--canvas-react-control-padding-block"]: `${resolvedPaddingBlock}px`,
     ["--canvas-react-content-zoom"]: String(resolvedContentZoom),
     ["--canvas-react-radius-sm"]: "0px",
@@ -4597,9 +5136,10 @@ function NumberEditor(props) {
     setValue(toNumberValue(request.value));
   }, [request.value]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: hostRef, style, children: /* @__PURE__ */ jsxRuntime.jsx(
-    reactComponents.ReactNumberInput,
+    reactComponents.ReactInputNumber,
     {
       value,
+      initialText: typeof request.value === "string" ? request.value : void 0,
       min: toNumericProp(request.config.min),
       max: toNumericProp(request.config.max),
       step: toNumericProp(request.config.step),
@@ -5477,47 +6017,6 @@ function ReactTableDangerConfirmView(props) {
     }
   );
 }
-function ReactTableTooltipView(props) {
-  const { request } = props;
-  const tooltipRef = react.useRef(null);
-  react.useLayoutEffect(() => {
-    const tooltip = tooltipRef.current;
-    if (!tooltip || !request || typeof window === "undefined") return;
-    const width = tooltip.getBoundingClientRect().width;
-    const viewportWidth = window.innerWidth;
-    tooltip.style.left = `${Math.max(8, Math.min(request.x - width / 2, viewportWidth - width - 8))}px`;
-  }, [request]);
-  if (!request) {
-    return null;
-  }
-  const zoom = typeof request.contentZoom === "number" && Number.isFinite(request.contentZoom) && request.contentZoom > 0 ? request.contentZoom : 1;
-  const fontSize = 14 * zoom;
-  const paddingBlock = 6 * zoom;
-  const paddingInline = 10 * zoom;
-  const borderRadius = 6 * zoom;
-  const maxWidth = 320 * zoom;
-  const style = {
-    position: "fixed",
-    left: request.x,
-    top: request.y,
-    maxWidth: request.variant === "resize" ? "calc(100vw - 16px)" : `min(${maxWidth}px, calc(100vw - 16px))`,
-    padding: `${paddingBlock}px ${paddingInline}px`,
-    borderRadius,
-    background: request.variant === "error" ? "#ffffff" : "rgba(17, 24, 39, 0.92)",
-    color: request.variant === "error" ? "#ff4d4f" : "#fff",
-    fontSize,
-    lineHeight: 1.5,
-    boxShadow: request.variant === "error" ? "0 10px 30px rgba(255, 77, 79, 0.16)" : "0 10px 30px rgba(15, 23, 42, 0.18)",
-    border: request.variant === "error" ? "1px solid rgba(255, 77, 79, 0.2)" : "none",
-    pointerEvents: "none",
-    zIndex: 1200,
-    whiteSpace: request.variant === "resize" ? "nowrap" : "pre-wrap",
-    wordBreak: "break-word",
-    overflow: "hidden",
-    textOverflow: request.variant === "resize" ? "ellipsis" : void 0
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: tooltipRef, style, children: request.content });
-}
 function ToolbarIcon(props) {
   const { path, ...svgProps } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -5764,13 +6263,12 @@ function ReactTableToolbar(props) {
                         ),
                         !column.isGroup ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "react-list-table-column-actions", children: [
                           /* @__PURE__ */ jsxRuntime.jsx(
-                            reactComponents.ReactNumberInput,
+                            reactComponents.ReactInputNumber,
                             {
                               className: "react-list-table-column-width-input",
                               min: column.minWidth,
                               max: column.maxWidth,
                               value: column.width,
-                              allowClear: false,
                               "aria-label": `${column.label}\u5217\u5BBD`,
                               style: { width: 80, height: 24 },
                               onChange: (width) => {
@@ -6522,9 +7020,8 @@ function ReactListTableInner(props, ref) {
     closeDangerConfirmRequest
   } = useReactListTableState(options);
   const hasPagination = paginationConfig != null;
-  const [printSource, setPrintSource] = react.useState(null);
+  const [printRequest, setPrintRequest] = react.useState(null);
   const [savedPrintTemplates, setSavedPrintTemplates] = react.useState([]);
-  const [printMenuSource, setPrintMenuSource] = react.useState(null);
   const printStoreKey = storageKey ? `list:${storageKey}` : void 0;
   const printMenuOpen = Boolean(headerContextMenuRequest);
   react.useEffect(() => {
@@ -6542,28 +7039,6 @@ function ReactListTableInner(props, ref) {
       disposed = true;
     };
   }, [printMenuOpen, printStoreKey]);
-  react.useEffect(() => {
-    if (!printMenuOpen) {
-      setPrintMenuSource(null);
-      return;
-    }
-    const getPrintData = headerContextMenuRequest?.onGetPrintData;
-    if (!getPrintData) return;
-    let disposed = false;
-    void Promise.resolve(getPrintData()).then((source) => {
-      if (!disposed) setPrintMenuSource(source);
-    }).catch(() => {
-      if (!disposed) setPrintMenuSource(null);
-    });
-    return () => {
-      disposed = true;
-    };
-  }, [printMenuOpen]);
-  const printDataFormat = printMenuSource ? getPrintSourceFormat(printMenuSource) : void 0;
-  const printMenuRows = react.useMemo(
-    () => printMenuSource ? mapPrintSourceRows(printMenuSource) : [],
-    [printMenuSource]
-  );
   const latestSavedTemplates = [
     ...new Set(savedPrintTemplates.map((item) => item.templateId))
   ].map((templateId) => {
@@ -6578,33 +7053,14 @@ function ReactListTableInner(props, ref) {
       key: `preset:${index}`,
       label: item.name
     })) ?? [],
-    ...props.printTemplates?.map((item, index) => {
-      const invalid = Boolean(
-        printMenuSource && !reactPrintDesign.isPrintDesignDocumentCompatible(
-          item,
-          createTableData(printMenuSource, item, printMenuRows)
-        )
-      );
-      return {
-        key: `document:${index}`,
-        label: `${item.name}${invalid ? "\uFF08\u5DF2\u5931\u6548\uFF09" : ""}`,
-        disabled: invalid
-      };
-    }) ?? [],
-    ...latestSavedTemplates.map((item) => {
-      const invalid = Boolean(
-        printMenuSource && reactPrintDesign.isPrintDesignTemplateInvalid(
-          item,
-          printDataFormat,
-          createTableData(printMenuSource, item.document, printMenuRows)
-        )
-      );
-      return {
-        key: `saved:${item.id}`,
-        label: `${item.document.name} (v${item.version})${invalid ? "\uFF08\u5DF2\u5931\u6548\uFF09" : ""}`,
-        disabled: invalid
-      };
-    })
+    ...props.printTemplates?.map((item, index) => ({
+      key: `document:${index}`,
+      label: item.name
+    })) ?? [],
+    ...latestSavedTemplates.map((item) => ({
+      key: `saved:${item.id}`,
+      label: `${item.document.name} (v${item.version})`
+    }))
   ];
   const [cacheConfigOpen, setCacheConfigOpen] = react.useState(false);
   const paginationLayout = resolveReactListTablePaginationLayout(resolvedRowHeight);
@@ -6779,7 +7235,7 @@ function ReactListTableInner(props, ref) {
       }
     ),
     tooltipRequest ? reactDom.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsx(ReactTableTooltipView, { request: tooltipRequest }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactComponents.ReactTooltip, { request: tooltipRequest }),
       portalContainer
     ) : null,
     filterPanelRequest ? reactDom.createPortal(
@@ -6799,30 +7255,31 @@ function ReactListTableInner(props, ref) {
             const request = headerContextMenuRequest;
             if (!request?.onGetPrintData) return;
             request.onClose();
-            const popup = window.open("", "_blank");
-            if (!popup) return;
-            void Promise.resolve(request.onGetPrintData()).then((source) => {
-              const document2 = key.startsWith("saved:") ? savedPrintTemplates.find((item) => item.id === key.slice(6))?.document : key.startsWith("preset:") ? createTableDocument(
-                source,
-                props.printPresets?.[Number(key.slice(7))]
-              ) : key.startsWith("document:") ? props.printTemplates?.[Number(key.slice(9))] : createTableDocument(source);
-              if (!document2) throw new Error("\u627E\u4E0D\u5230\u6253\u5370\u6A21\u677F");
-              const data = createTableData(source, document2);
-              if (!reactPrintDesign.isPrintDesignDocumentCompatible(document2, data))
-                throw new Error("\u6253\u5370\u6A21\u677F\u5DF2\u5931\u6548");
-              if (key.startsWith("saved:") && reactPrintDesign.isPrintDesignTemplateInvalid(
-                savedPrintTemplates.find(
-                  (item) => item.id === key.slice(6)
-                ),
-                getPrintSourceFormat(source),
-                data
-              ))
-                throw new Error("\u6253\u5370\u6A21\u677F\u5DF2\u5931\u6548");
-              printTableTemplate(source, popup, document2);
-            }).catch((error) => {
-              popup.close();
-              console.error("\u76F4\u63A5\u6253\u5370\u5931\u8D25", error);
-            });
+            void runDirectPrint(
+              portalContainer,
+              request.onGetPrintData,
+              (source) => {
+                const document2 = key.startsWith("saved:") ? savedPrintTemplates.find((item) => item.id === key.slice(6))?.document : key.startsWith("preset:") ? createTableDocument(
+                  { ...source, rows: [] },
+                  props.printPresets?.[Number(key.slice(7))]
+                ) : key.startsWith("document:") ? props.printTemplates?.[Number(key.slice(9))] : createTableDocument({ ...source, rows: [] });
+                if (!document2) throw new Error("\u627E\u4E0D\u5230\u6253\u5370\u6A21\u677F");
+                return document2;
+              },
+              (source, document2, data) => {
+                if (!reactPrintDesign.isPrintDesignDocumentCompatible(document2, data))
+                  throw new Error("\u6253\u5370\u6A21\u677F\u5DF2\u5931\u6548");
+                if (key.startsWith("saved:") && reactPrintDesign.isPrintDesignTemplateInvalid(
+                  savedPrintTemplates.find(
+                    (item) => item.id === key.slice(6)
+                  ),
+                  getPrintSourceFormat(source),
+                  data
+                ))
+                  throw new Error("\u6253\u5370\u6A21\u677F\u5DF2\u5931\u6548");
+              },
+              props.directPrintPagesPerBatch
+            );
           },
           onViewCacheConfig: () => {
             headerContextMenuRequest?.onClose();
@@ -6831,21 +7288,20 @@ function ReactListTableInner(props, ref) {
           onPrint: () => {
             const getPrintData = headerContextMenuRequest?.onGetPrintData;
             if (!getPrintData) return;
-            void Promise.resolve(getPrintData()).then(setPrintSource);
+            setPrintRequest({ loadSource: getPrintData });
             headerContextMenuRequest?.onClose();
           },
           onDirectPrint: () => {
             const request = headerContextMenuRequest;
             if (!request?.onGetPrintData) return;
             request.onClose();
-            const popup = window.open("", "_blank");
-            if (!popup) return;
-            void Promise.resolve(request.onGetPrintData()).then((source) => {
-              printTableTemplate(source, popup);
-            }).catch((error) => {
-              popup.close();
-              console.error("\u76F4\u63A5\u6253\u5370\u5931\u8D25", error);
-            });
+            void runDirectPrint(
+              portalContainer,
+              request.onGetPrintData,
+              void 0,
+              void 0,
+              props.directPrintPagesPerBatch
+            );
           },
           request: headerContextMenuRequest ? {
             ...headerContextMenuRequest,
@@ -6867,15 +7323,15 @@ function ReactListTableInner(props, ref) {
       ),
       portalContainer
     ),
-    printSource ? reactDom.createPortal(
+    printRequest ? reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(
         ReactListTablePrintDesignDialog,
         {
-          source: printSource,
+          loadSource: printRequest.loadSource,
           storeKey: storageKey ? `list:${storageKey}` : void 0,
           printPresets: props.printPresets,
           printTemplates: props.printTemplates,
-          onClose: () => setPrintSource(null)
+          onClose: () => setPrintRequest(null)
         }
       ),
       portalContainer