@udi-organization/udi-package 1.0.42 → 1.0.44

package/dist/index.cjs.js

@@ -2444,6 +2444,685 @@ var UdiTable = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 UdiTable.displayName = "UdiTable";
 
+/**
+ * 開發環境日誌工具
+ * 僅在開發環境下輸出訊息
+ */
+
+var devError = function devError(message) {
+  if (process.env.NODE_ENV === 'development' || typeof process === 'undefined') {
+    var _console;
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    (_console = console).error.apply(_console, ["[DevError] ".concat(message)].concat(args));
+  }
+};
+
+// 用於支援需要兩個表格以內同步的情況(執行較快)
+// 之後可能全面改用mutiple table版本，目前保留此程式碼以備用
+
+/*
+  const { mounted } = useUdiTableSync({
+    importedTableRef,
+    originalTableRef,
+    enabled: open,
+    syncScroll: true, // 同步滾動
+    syncPagination: true, // 同步分頁
+    paginationDeps: [tablePage], // 分頁相關依賴項
+  });
+*/
+
+/**
+ * 節流函數
+ */
+var throttle$1 = function throttle(func, wait) {
+  var timeout = null;
+  var previous = 0;
+  var throttled = function throttled() {
+    var _this = this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var now = Date.now();
+    var remaining = wait - (now - previous);
+    if (remaining <= 0 || remaining > wait) {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+      previous = now;
+      func.apply(this, args);
+    } else if (!timeout) {
+      timeout = setTimeout(function () {
+        previous = Date.now();
+        timeout = null;
+        func.apply(_this, args);
+      }, remaining);
+    }
+  };
+  throttled.cancel = function () {
+    if (timeout) {
+      clearTimeout(timeout);
+      timeout = null;
+    }
+    previous = 0;
+  };
+  return throttled;
+};
+
+/**
+ * 控制滾動同步的內部 Hook
+ */
+var useControlScroll = function useControlScroll() {
+  var rafId = React.useRef(null);
+  return React.useCallback(function (sourceRef, targetRef) {
+    // 取消上一次的動畫幀
+    if (rafId.current) {
+      cancelAnimationFrame(rafId.current);
+    }
+    rafId.current = requestAnimationFrame(function () {
+      var _source$getScrollStat, _source$getState;
+      var source = sourceRef === null || sourceRef === void 0 ? void 0 : sourceRef.current;
+      var target = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current;
+      if (!source || !target) return;
+      var scrollState = (_source$getScrollStat = source.getScrollState) === null || _source$getScrollStat === void 0 ? void 0 : _source$getScrollStat.call(source);
+      var _ref = ((_source$getState = source.getState) === null || _source$getState === void 0 ? void 0 : _source$getState.call(source)) || {},
+        isHovered = _ref.isHovered;
+      if (!isHovered || !scrollState || !target.scrollControl) return;
+      var top = scrollState.top,
+        left = scrollState.left;
+      target.scrollControl("top", top);
+      target.scrollControl("left", left);
+    });
+  }, []);
+};
+
+/**
+ * 控制分頁同步的內部函數
+ */
+var controlPagination = function controlPagination(sourceRef, targetRef) {
+  if (!(sourceRef !== null && sourceRef !== void 0 && sourceRef.current) || !(targetRef !== null && targetRef !== void 0 && targetRef.current)) return false;
+  var sourceState = sourceRef.current.getState();
+  if (!sourceState.isHovered) return false;
+  var sourcePagination = sourceState.pagination;
+  var targetState = targetRef.current.getState();
+  if (!targetState.pagination) return false;
+  var targetPagination = targetState.pagination;
+  var updated = false;
+  if (sourcePagination.currentPage !== targetPagination.currentPage) {
+    targetRef.current.setPage(sourcePagination.currentPage);
+    updated = true;
+  }
+  if (sourcePagination.pageSize !== targetPagination.pageSize) {
+    targetRef.current.setPageSize(sourcePagination.pageSize);
+    updated = true;
+  }
+  return updated;
+};
+
+/**
+ * UDI 表格同步 Hook
+ * @param {Object} options - 配置選項
+ * @param {React.RefObject} options.importedTableRef - 導入表格的 ref
+ * @param {React.RefObject} options.originalTableRef - 原始表格的 ref
+ * @param {boolean} options.enabled - 是否啟用同步（預設: true）
+ * @param {boolean} options.syncScroll - 是否同步滾動（預設: true）
+ * @param {boolean} options.syncPagination - 是否同步分頁（預設: false）
+ * @param {Array} options.paginationDeps - 分頁依賴項（預設: []）
+ * @param {number} options.maxRetries - 最大重試次數（預設: 10）
+ * @param {number} options.retryInterval - 重試間隔 ms（預設: 500）
+ * @param {number} options.correctionDelay - 延遲修正時間 ms（預設: 200）
+ * @param {number} options.throttleMs - 節流時間 ms（預設: 10）
+ */
+var useUdiTableSync$1 = function useUdiTableSync() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var importedTableRef = options.importedTableRef,
+    originalTableRef = options.originalTableRef,
+    _options$enabled = options.enabled,
+    enabled = _options$enabled === void 0 ? true : _options$enabled,
+    _options$syncScroll = options.syncScroll,
+    syncScroll = _options$syncScroll === void 0 ? true : _options$syncScroll,
+    _options$syncPaginati = options.syncPagination,
+    syncPagination = _options$syncPaginati === void 0 ? false : _options$syncPaginati,
+    _options$paginationDe = options.paginationDeps,
+    paginationDeps = _options$paginationDe === void 0 ? [] : _options$paginationDe,
+    _options$maxRetries = options.maxRetries,
+    maxRetries = _options$maxRetries === void 0 ? 10 : _options$maxRetries,
+    _options$retryInterva = options.retryInterval,
+    retryInterval = _options$retryInterva === void 0 ? 500 : _options$retryInterva,
+    _options$correctionDe = options.correctionDelay,
+    correctionDelay = _options$correctionDe === void 0 ? 200 : _options$correctionDe,
+    _options$throttleMs = options.throttleMs,
+    throttleMs = _options$throttleMs === void 0 ? 10 : _options$throttleMs;
+  var controlScroll = useControlScroll();
+  var mountedRef = React.useRef(false);
+
+  // 分頁同步邏輯
+  React.useEffect(function () {
+    if (!enabled || !syncPagination) return;
+    if (!importedTableRef.current || !originalTableRef.current) return;
+
+    // 雙向同步分頁
+    controlPagination(importedTableRef, originalTableRef);
+    controlPagination(originalTableRef, importedTableRef);
+  }, [enabled, syncPagination, importedTableRef, originalTableRef].concat(_toConsumableArray(paginationDeps)));
+  var handleTableMount = React.useCallback(function () {
+    var _importedTableRef$cur, _originalTableRef$cur;
+    var importedTableElement = importedTableRef === null || importedTableRef === void 0 || (_importedTableRef$cur = importedTableRef.current) === null || _importedTableRef$cur === void 0 ? void 0 : _importedTableRef$cur.getState().tableWrapperRef;
+    var originalTableElement = originalTableRef === null || originalTableRef === void 0 || (_originalTableRef$cur = originalTableRef.current) === null || _originalTableRef$cur === void 0 ? void 0 : _originalTableRef$cur.getState().tableWrapperRef;
+    if (!importedTableElement || !originalTableElement) {
+      return null; // 返回 null 表示掛載失敗
+    }
+
+    // 防止重複掛載
+    if (mountedRef.current) {
+      console.warn("表格已掛載，跳過重複掛載");
+      return null;
+    }
+    mountedRef.current = true;
+    var correctionTimer = null;
+    var handleScroll = throttle$1(function (event) {
+      var target = event.target;
+      var isImported = target === importedTableElement;
+      var sourceRef = isImported ? importedTableRef : originalTableRef;
+      var targetRef = isImported ? originalTableRef : importedTableRef;
+
+      // 立即同步
+      controlScroll(sourceRef, targetRef);
+
+      // 清除並設置延遲修正
+      if (correctionTimer) {
+        clearTimeout(correctionTimer);
+      }
+      correctionTimer = setTimeout(function () {
+        controlScroll(sourceRef, targetRef);
+        correctionTimer = null;
+      }, correctionDelay);
+    }, throttleMs);
+
+    // 綁定事件
+    importedTableElement.addEventListener("scroll", handleScroll, {
+      passive: true
+    });
+    originalTableElement.addEventListener("scroll", handleScroll, {
+      passive: true
+    });
+
+    // 返回清理函數
+    return function () {
+      var _handleScroll$cancel;
+      mountedRef.current = false;
+      if (correctionTimer) {
+        clearTimeout(correctionTimer);
+      }
+      importedTableElement.removeEventListener("scroll", handleScroll);
+      originalTableElement.removeEventListener("scroll", handleScroll);
+      (_handleScroll$cancel = handleScroll.cancel) === null || _handleScroll$cancel === void 0 || _handleScroll$cancel.call(handleScroll);
+    };
+  }, [importedTableRef, originalTableRef, controlScroll, correctionDelay, throttleMs]);
+
+  // 統一的掛載邏輯（帶重試機制）- 僅用於滾動同步
+  React.useEffect(function () {
+    if (!enabled || !syncScroll) {
+      return;
+    }
+    var cleanup = null;
+    var retryTimer = null;
+    var retryCount = 0;
+    var _attemptMount = function attemptMount() {
+      // 嘗試掛載
+      cleanup = handleTableMount();
+
+      // 如果掛載失敗且未超過重試次數
+      if (!cleanup && retryCount < maxRetries) {
+        retryCount++;
+        retryTimer = setTimeout(_attemptMount, retryInterval);
+      } else if (!cleanup) {
+        devError("表格掛載失敗，已達最大重試次數");
+      }
+    };
+
+    // 初始延遲，確保 DOM 已渲染
+    retryTimer = setTimeout(_attemptMount, 100);
+
+    // 清理函數
+    return function () {
+      if (retryTimer) {
+        clearTimeout(retryTimer);
+      }
+      if (cleanup) {
+        cleanup();
+      }
+    };
+  }, [handleTableMount, enabled, syncScroll, maxRetries, retryInterval]);
+  return {
+    mounted: mountedRef.current
+  };
+};
+
+// 用於支援需要兩個表格以上同步的情況(執行較慢)
+
+/**
+  const tables = [
+    { id: "imported", ref: importedTableRef },
+    { id: "original", ref: originalTableRef },
+  ];
+
+  const { registeredCount, registeredTables } = useUdiTableSync({
+    tables,
+    enabled: showCompareTable,
+    syncScroll: true,        // 是否同步滾動
+    syncPagination: true,    // 是否同步分頁
+    paginationDeps: [tablePage], // 分頁依賴項
+  });
+ */
+
+/**
+ * 節流函數
+ */
+var throttle = function throttle(func, wait) {
+  var timeout = null;
+  var previous = 0;
+  var throttled = function throttled() {
+    var _this = this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var now = Date.now();
+    var remaining = wait - (now - previous);
+    if (remaining <= 0 || remaining > wait) {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+      previous = now;
+      func.apply(this, args);
+    } else if (!timeout) {
+      timeout = setTimeout(function () {
+        previous = Date.now();
+        timeout = null;
+        func.apply(_this, args);
+      }, remaining);
+    }
+  };
+  throttled.cancel = function () {
+    if (timeout) {
+      clearTimeout(timeout);
+      timeout = null;
+    }
+    previous = 0;
+  };
+  return throttled;
+};
+
+/**
+ * 控制分頁同步
+ */
+var syncPaginationBetweenTables = function syncPaginationBetweenTables(sourceRef, targetRefs) {
+  if (!(sourceRef !== null && sourceRef !== void 0 && sourceRef.current)) return false;
+  var sourceState = sourceRef.current.getState();
+  if (!sourceState.isHovered || !sourceState.pagination) return false;
+  var sourcePagination = sourceState.pagination;
+  var updated = false;
+  targetRefs.forEach(function (targetRef) {
+    if (!(targetRef !== null && targetRef !== void 0 && targetRef.current)) return;
+    var targetState = targetRef.current.getState();
+    if (!targetState.pagination) return;
+    var targetPagination = targetState.pagination;
+    if (sourcePagination.currentPage !== targetPagination.currentPage) {
+      targetRef.current.setPage(sourcePagination.currentPage);
+      updated = true;
+    }
+    if (sourcePagination.pageSize !== targetPagination.pageSize) {
+      targetRef.current.setPageSize(sourcePagination.pageSize);
+      updated = true;
+    }
+  });
+  return updated;
+};
+
+/**
+ * UDI 表格動態同步 Hook
+ * @param {Object} options - 配置選項
+ * @param {Array<{id: string, ref: React.RefObject}>} options.tables - 表格數組
+ * @param {boolean} options.enabled - 是否啟用同步（預設: true）
+ * @param {boolean} options.syncScroll - 是否同步滾動（預設: true）
+ * @param {boolean} options.syncPagination - 是否同步分頁（預設: false）
+ * @param {Array} options.paginationDeps - 分頁依賴項（預設: []）
+ * @param {number} options.maxRetries - 最大重試次數（預設: 10）
+ * @param {number} options.retryInterval - 重試間隔 ms（預設: 500）
+ * @param {number} options.correctionDelay - 延遲修正時間 ms（預設: 200）
+ * @param {number} options.throttleMs - 節流時間 ms（預設: 10）
+ */
+var useUdiTableSync = function useUdiTableSync() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options$tables = options.tables,
+    tables = _options$tables === void 0 ? [] : _options$tables,
+    _options$enabled = options.enabled,
+    enabled = _options$enabled === void 0 ? true : _options$enabled,
+    _options$syncScroll = options.syncScroll,
+    syncScroll = _options$syncScroll === void 0 ? true : _options$syncScroll,
+    _options$syncPaginati = options.syncPagination,
+    syncPagination = _options$syncPaginati === void 0 ? true : _options$syncPaginati,
+    _options$paginationDe = options.paginationDeps,
+    paginationDeps = _options$paginationDe === void 0 ? [] : _options$paginationDe,
+    _options$maxRetries = options.maxRetries,
+    maxRetries = _options$maxRetries === void 0 ? 10 : _options$maxRetries,
+    _options$retryInterva = options.retryInterval,
+    retryInterval = _options$retryInterva === void 0 ? 500 : _options$retryInterva,
+    _options$correctionDe = options.correctionDelay,
+    correctionDelay = _options$correctionDe === void 0 ? 200 : _options$correctionDe,
+    _options$throttleMs = options.throttleMs,
+    throttleMs = _options$throttleMs === void 0 ? 10 : _options$throttleMs;
+
+  //如果tables沒有給id則自動補上id
+  tables.forEach(function (table, index) {
+    if (!table.id) {
+      table.id = "table_".concat(index + 1);
+    }
+  });
+  // 存儲所有已註冊的表格
+  var registeredTablesRef = React.useRef(new Map());
+  // 存儲滾動處理函數
+  var handlersRef = React.useRef(new Map());
+  // 存儲修正 timer
+  var timersRef = React.useRef(new Map());
+  // RAF ID
+  var rafIdRef = React.useRef(null);
+  // 防止循環同步的鎖
+  var isSyncingRef = React.useRef(false);
+
+  /**
+   * 分頁同步邏輯 - 處理所有表格的分頁同步
+   */
+  React.useEffect(function () {
+    if (!enabled || !syncPagination || tables.length < 2) return;
+
+    // 檢查所有表格的 ref 是否存在
+    var allRefsValid = tables.every(function (table) {
+      var _table$ref;
+      return (_table$ref = table.ref) === null || _table$ref === void 0 ? void 0 : _table$ref.current;
+    });
+    if (!allRefsValid) return;
+
+    // 找出當前 hover 的表格
+    var hoveredTable = tables.find(function (table) {
+      var _table$ref2;
+      var state = (_table$ref2 = table.ref) === null || _table$ref2 === void 0 || (_table$ref2 = _table$ref2.current) === null || _table$ref2 === void 0 ? void 0 : _table$ref2.getState();
+      return state === null || state === void 0 ? void 0 : state.isHovered;
+    });
+    if (!hoveredTable) return;
+
+    // 獲取其他所有表格的 refs
+    var otherRefs = tables.filter(function (table) {
+      return table.id !== hoveredTable.id;
+    }).map(function (table) {
+      return table.ref;
+    });
+
+    // 同步分頁
+    syncPaginationBetweenTables(hoveredTable.ref, otherRefs);
+  }, [enabled, syncPagination, tables].concat(_toConsumableArray(paginationDeps)));
+
+  /**
+   * 同步滾動位置到其他所有表格
+   */
+  var syncToOthers = React.useCallback(function (sourceId) {
+    if (!enabled || !syncScroll || isSyncingRef.current) return;
+    var sourceTable = registeredTablesRef.current.get(sourceId);
+    if (!sourceTable) return;
+
+    // 取消上一次的 RAF
+    if (rafIdRef.current) {
+      cancelAnimationFrame(rafIdRef.current);
+    }
+    rafIdRef.current = requestAnimationFrame(function () {
+      var _source$getScrollStat, _source$getState;
+      isSyncingRef.current = true;
+      var ref = sourceTable.ref;
+      var source = ref === null || ref === void 0 ? void 0 : ref.current;
+      if (!source) {
+        isSyncingRef.current = false;
+        return;
+      }
+
+      // 獲取滾動狀態
+      var scrollState = (_source$getScrollStat = source.getScrollState) === null || _source$getScrollStat === void 0 ? void 0 : _source$getScrollStat.call(source);
+      var _ref = ((_source$getState = source.getState) === null || _source$getState === void 0 ? void 0 : _source$getState.call(source)) || {},
+        isHovered = _ref.isHovered;
+      if (!isHovered || !scrollState) {
+        isSyncingRef.current = false;
+        return;
+      }
+      var top = scrollState.top,
+        left = scrollState.left;
+
+      // 同步到所有其他表格
+      registeredTablesRef.current.forEach(function (targetTable, targetId) {
+        var _targetTable$ref;
+        if (targetId === sourceId) return; // 跳過源表格
+
+        var target = (_targetTable$ref = targetTable.ref) === null || _targetTable$ref === void 0 ? void 0 : _targetTable$ref.current;
+        if (!target || !target.scrollControl) return;
+        target.scrollControl("top", top);
+        target.scrollControl("left", left);
+      });
+
+      // 下一幀釋放鎖
+      requestAnimationFrame(function () {
+        isSyncingRef.current = false;
+      });
+    });
+  }, [enabled, syncScroll]);
+
+  /**
+   * 註冊單個表格
+   */
+  var registerTable = React.useCallback(function (id, ref) {
+    var _ref$current;
+    if (!enabled || !syncScroll) {
+      console.warn("滾動同步未啟用");
+      return false;
+    }
+
+    // 檢查是否已註冊
+    if (registeredTablesRef.current.has(id)) {
+      console.warn("\u8868\u683C ".concat(id, " \u5DF2\u7D93\u8A3B\u518A\u904E\u4E86"));
+      return false;
+    }
+    var element = ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getState().tableWrapperRef;
+    if (!element) {
+      console.error("\u8868\u683C ".concat(id, " \u7684 DOM \u5143\u7D20\u4E0D\u5B58\u5728"));
+      return false;
+    }
+
+    // 創建滾動處理函數
+    var handleScroll = throttle(function () {
+      // 立即同步
+      syncToOthers(id);
+
+      // 清除之前的修正 timer
+      var existingTimer = timersRef.current.get(id);
+      if (existingTimer) {
+        clearTimeout(existingTimer);
+      }
+
+      // 設置延遲修正
+      var correctionTimer = setTimeout(function () {
+        syncToOthers(id);
+        timersRef.current["delete"](id);
+      }, correctionDelay);
+      timersRef.current.set(id, correctionTimer);
+    }, throttleMs);
+
+    // 綁定事件
+    element.addEventListener("scroll", handleScroll, {
+      passive: true
+    });
+
+    // 存儲表格信息
+    registeredTablesRef.current.set(id, {
+      ref: ref,
+      element: element
+    });
+    handlersRef.current.set(id, handleScroll);
+    return true;
+  }, [enabled, syncScroll, syncToOthers, correctionDelay, throttleMs]);
+
+  /**
+   * 註銷單個表格
+   */
+  var unregisterTable = React.useCallback(function (id) {
+    var table = registeredTablesRef.current.get(id);
+    if (!table) return false;
+    var handler = handlersRef.current.get(id);
+    var timer = timersRef.current.get(id);
+
+    // 清理 timer
+    if (timer) {
+      clearTimeout(timer);
+      timersRef.current["delete"](id);
+    }
+
+    // 解綁事件
+    if (handler) {
+      var _handler$cancel;
+      table.element.removeEventListener("scroll", handler);
+      (_handler$cancel = handler.cancel) === null || _handler$cancel === void 0 || _handler$cancel.call(handler);
+      handlersRef.current["delete"](id);
+    }
+
+    // 移除表格
+    registeredTablesRef.current["delete"](id);
+    return true;
+  }, []);
+
+  /**
+   * 帶重試機制的註冊
+   */
+  var registerWithRetry = React.useCallback(function (id, ref) {
+    var retryCount = 0;
+    var retryTimer = null;
+    var _attemptRegister = function attemptRegister() {
+      var success = registerTable(id, ref);
+      if (!success && retryCount < maxRetries) {
+        retryCount++;
+        retryTimer = setTimeout(_attemptRegister, retryInterval);
+      }
+    };
+
+    // 初始延遲，確保 DOM 已渲染
+    retryTimer = setTimeout(_attemptRegister, 100);
+
+    // 返回清理函數
+    return function () {
+      if (retryTimer) {
+        clearTimeout(retryTimer);
+      }
+      unregisterTable(id);
+    };
+  }, [registerTable, unregisterTable, maxRetries, retryInterval]);
+
+  /**
+   * 註冊所有表格（滾動同步）
+   */
+  React.useEffect(function () {
+    if (!enabled || !syncScroll || tables.length === 0) {
+      return;
+    }
+    var cleanups = [];
+
+    // 註冊所有表格
+    tables.forEach(function (_ref2) {
+      var id = _ref2.id,
+        ref = _ref2.ref;
+      var cleanup = registerWithRetry(id, ref);
+      cleanups.push(cleanup);
+    });
+
+    // 清理函數
+    return function () {
+      cleanups.forEach(function (cleanup) {
+        return cleanup === null || cleanup === void 0 ? void 0 : cleanup();
+      });
+    };
+  }, [tables, enabled, syncScroll, registerWithRetry]);
+
+  /**
+   * 組件卸載時清理所有資源
+   */
+  React.useEffect(function () {
+    return function () {
+      // 取消 RAF
+      if (rafIdRef.current) {
+        cancelAnimationFrame(rafIdRef.current);
+      }
+
+      // 清理所有 timer
+      timersRef.current.forEach(function (timer) {
+        clearTimeout(timer);
+      });
+      timersRef.current.clear();
+
+      // 清理所有事件監聽器
+      registeredTablesRef.current.forEach(function (table, id) {
+        var handler = handlersRef.current.get(id);
+        if (handler) {
+          var _handler$cancel2;
+          table.element.removeEventListener("scroll", handler);
+          (_handler$cancel2 = handler.cancel) === null || _handler$cancel2 === void 0 || _handler$cancel2.call(handler);
+        }
+      });
+      registeredTablesRef.current.clear();
+      handlersRef.current.clear();
+    };
+  }, []);
+
+  /**
+   * 獲取已註冊的表格列表
+   */
+  var getRegisteredTables = React.useCallback(function () {
+    return Array.from(registeredTablesRef.current.keys());
+  }, []);
+
+  /**
+   * 手動觸發滾動同步
+   */
+  var manualSync = React.useCallback(function (sourceId) {
+    if (syncScroll) {
+      syncToOthers(sourceId);
+    }
+  }, [syncToOthers, syncScroll]);
+
+  /**
+   * 手動觸發分頁同步
+   */
+  var manualSyncPagination = React.useCallback(function () {
+    if (!syncPagination || tables.length < 2) return;
+    var hoveredTable = tables.find(function (table) {
+      var _table$ref3;
+      var state = (_table$ref3 = table.ref) === null || _table$ref3 === void 0 || (_table$ref3 = _table$ref3.current) === null || _table$ref3 === void 0 ? void 0 : _table$ref3.getState();
+      return state === null || state === void 0 ? void 0 : state.isHovered;
+    });
+    if (!hoveredTable) return;
+    var otherRefs = tables.filter(function (table) {
+      return table.id !== hoveredTable.id;
+    }).map(function (table) {
+      return table.ref;
+    });
+    syncPaginationBetweenTables(hoveredTable.ref, otherRefs);
+  }, [syncPagination, tables]);
+  return {
+    registeredTables: getRegisteredTables(),
+    registeredCount: registeredTablesRef.current.size,
+    registerTable: registerWithRetry,
+    unregisterTable: unregisterTable,
+    manualSync: manualSync,
+    manualSyncPagination: manualSyncPagination
+  };
+};
+
 function greet(name) {
   return "Hello, ".concat(name, "! 105");
 }
@@ -2455,4 +3134,6 @@ exports.Button = Button;
 exports.UdiTable = UdiTable;
 exports.add = add;
 exports.greet = greet;
+exports.useUdiTableSync = useUdiTableSync$1;
+exports.useUdiTableSyncMutipleTable = useUdiTableSync;
 //# sourceMappingURL=index.cjs.js.map