function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
/**
 * 视口 / 地图区尺寸、内容区宽高与偏移、缩放与全屏、fitBounds、拖拽图元后恢复 transform
 */
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
import { computeFloorMapContentStage } from "../utils/floorMapCanvasStage";
import { getPixelBoundingBox } from "../utils/layoutMeasurements";
import { DEFAULT_BOUNDING_PADDING, FIT_BOUNDS_MATCH_POS_EPSILON, FIT_BOUNDS_MATCH_SCALE_EPSILON, VIEWPORT_PERSIST_DEBOUNCE_MS, VIEWPORT_TOP_LEFT_MARGIN, readPersistedViewport, readPersistedViewportLock, writePersistedViewport, writePersistedViewportLock } from "./floorMapViewportPersistence";

/**
 * react-zoom-pan-pinch：`setTransform` 未显式传 `animationTime` 时默认约 200ms 缓动；
 * 兜底清除「全览激活保持」略大于该值，避免极少数帧未到容差时限位不解除。
 */
var FIT_BOUNDS_PROGRAMMATIC_TWEEN_GUARD_MS = 400;

/** react-zoom-pan-pinch TransformWrapper render 注入的上下文 */

export function useFloorMapTransformMetrics(params) {
  var items = params.items,
    cellSize = params.cellSize,
    itemGap = params.itemGap,
    effectiveItemUnit = params.effectiveItemUnit,
    isFloorMapView = params.isFloorMapView,
    mode = params.mode,
    zoom = params.zoom,
    transformRef = params.transformRef,
    contentOffsetRef = params.contentOffsetRef,
    boundingPaddingProp = params.boundingPadding,
    frameResetKey = params.frameResetKey,
    viewportPersistKey = params.viewportPersistKey;
  var padSingle = boundingPaddingProp !== null && boundingPaddingProp !== void 0 ? boundingPaddingProp : DEFAULT_BOUNDING_PADDING;
  var containerRef = useRef(null);
  var mapAreaRef = useRef(null);
  var _useState = useState({
      width: 0,
      height: 0
    }),
    _useState2 = _slicedToArray(_useState, 2),
    viewportSize = _useState2[0],
    setViewportSize = _useState2[1];
  useEffect(function () {
    var el = containerRef.current;
    if (!el) return;
    var ro = new ResizeObserver(function () {
      setViewportSize({
        width: el.clientWidth,
        height: el.clientHeight
      });
    });
    ro.observe(el);
    setViewportSize({
      width: el.clientWidth,
      height: el.clientHeight
    });
    return function () {
      return ro.disconnect();
    };
  }, []);
  var _useState3 = useState({
      width: 0,
      height: 0
    }),
    _useState4 = _slicedToArray(_useState3, 2),
    mapAreaSize = _useState4[0],
    setMapAreaSize = _useState4[1];
  useEffect(function () {
    var el = mapAreaRef.current;
    if (!el) return;
    var ro = new ResizeObserver(function () {
      setMapAreaSize({
        width: el.clientWidth,
        height: el.clientHeight
      });
    });
    ro.observe(el);
    setMapAreaSize({
      width: el.clientWidth,
      height: el.clientHeight
    });
    return function () {
      return ro.disconnect();
    };
  }, []);

  /** 默认开启：有空图元时首屏 fit 全图；仅 `autoFitOnMount: false` 关闭 */
  var autoFitOnMount = zoom.autoFitOnMount !== false;
  var zoomConfig = useMemo(function () {
    var _zoom$defaultScale, _zoom$min, _zoom$max, _zoom$step;
    return {
      initialScale: (_zoom$defaultScale = zoom.defaultScale) !== null && _zoom$defaultScale !== void 0 ? _zoom$defaultScale : 1,
      minScale: (_zoom$min = zoom.min) !== null && _zoom$min !== void 0 ? _zoom$min : 0.5,
      maxScale: (_zoom$max = zoom.max) !== null && _zoom$max !== void 0 ? _zoom$max : 2,
      step: (_zoom$step = zoom.step) !== null && _zoom$step !== void 0 ? _zoom$step : 0.1
    };
  }, [zoom.defaultScale, zoom.min, zoom.max, zoom.step]);
  var _useState5 = useState(zoomConfig.initialScale),
    _useState6 = _slicedToArray(_useState5, 2),
    scale = _useState6[0],
    setScale = _useState6[1];
  var _useState7 = useState(false),
    _useState8 = _slicedToArray(_useState7, 2),
    isFullscreen = _useState8[0],
    setIsFullscreen = _useState8[1];

  /**
   * 「适配视口」激活态：当前 transform 与最近一次 fitBounds 计算出的目标 transform 在容差内一致时为 true。
   * 由 fitBounds 写入快照、notifyTransformed 比较；用户主动拖动/缩放后立即失活。
   */
  var lastFitSnapshotRef = useRef(null);
  var _useState9 = useState(false),
    _useState10 = _slicedToArray(_useState9, 2),
    isAtFitBounds = _useState10[0],
    setIsAtFitBounds = _useState10[1];

  /**
   * 程序化 fitBounds 使用库默认缓动时，`onTransformed` 中间帧与快照不等会关掉「全览」激活态。
   * 缓动持有期内不按中间帧降级，仅在到达快照（容差内）或兜底超时后再按真实 transform 对齐。
   */
  var fitBoundsTweenHoldRef = useRef(false);
  var fitBoundsTweenHoldClearTimerRef = useRef(null);
  var clearFitBoundsTweenHold = useCallback(function () {
    if (fitBoundsTweenHoldClearTimerRef.current != null) {
      clearTimeout(fitBoundsTweenHoldClearTimerRef.current);
      fitBoundsTweenHoldClearTimerRef.current = null;
    }
    fitBoundsTweenHoldRef.current = false;
  }, []);

  /**
   * 视口锁定态：有 viewportPersistKey 时按 key 读写到 localStorage；无 key 时仅组件内存态（不写本地）。
   * - 切 / 挂载时：有 key 则读持久化初值；无 key 则默认未锁定；
   * - 用户切换时：有 key 则写回 localStorage；
   * - 锁定后 fitBounds / 程序化 zoom 入口与 PisellFloorMapLayout 透传到 TransformWrapper 的
   *   panning/wheel/pinch.disabled 共同把所有视角写入路径关闭。
   * 切 canvas（key 变化）时跟随新 key 重新初始化，互不影响。
   */
  var _useState11 = useState(function () {
      return viewportPersistKey ? readPersistedViewportLock(viewportPersistKey) : false;
    }),
    _useState12 = _slicedToArray(_useState11, 2),
    viewportLocked = _useState12[0],
    setViewportLockedState = _useState12[1];
  var viewportLockedRef = useRef(viewportLocked);
  viewportLockedRef.current = viewportLocked;
  useEffect(function () {
    if (!viewportPersistKey) {
      setViewportLockedState(false);
      return;
    }
    setViewportLockedState(readPersistedViewportLock(viewportPersistKey));
  }, [viewportPersistKey]);
  var setViewportLocked = useCallback(function (next) {
    setViewportLockedState(next);
    var key = viewportPersistKey;
    if (!key) return;
    writePersistedViewportLock(key, next);
  }, [viewportPersistKey]);
  var toggleViewportLocked = useCallback(function () {
    setViewportLocked(!viewportLockedRef.current);
  }, [setViewportLocked]);
  var _useMemo = useMemo(function () {
      var stage = computeFloorMapContentStage({
        items: items,
        cellSize: cellSize,
        itemGap: itemGap,
        itemUnit: effectiveItemUnit,
        boundingPadding: padSingle,
        preferPixelBoundingBox: isFloorMapView
      });
      var result = {
        contentWidth: stage.contentWidth,
        contentHeight: stage.contentHeight,
        contentOffsetX: stage.contentOffsetX,
        contentOffsetY: stage.contentOffsetY,
        alignPadSingle: stage.alignPadSingle
      };
      /** 像素平面图：阅读态与编辑态均将内容区至少撑满视口，便于大空白处平移 */
      if (!isFloorMapView || effectiveItemUnit !== 'pixel') return result;
      var vw = mapAreaSize.width > 0 ? mapAreaSize.width : viewportSize.width;
      var vh = mapAreaSize.height > 0 ? mapAreaSize.height : viewportSize.height;
      if (vw <= 0 || vh <= 0) return result;
      result = _objectSpread(_objectSpread({}, result), {}, {
        contentWidth: Math.max(stage.contentWidth, vw),
        contentHeight: Math.max(stage.contentHeight, vh)
      });
      return result;
    }, [items, cellSize, itemGap, effectiveItemUnit, isFloorMapView, mapAreaSize.width, mapAreaSize.height, viewportSize.width, viewportSize.height, padSingle]),
    contentWidth = _useMemo.contentWidth,
    contentHeight = _useMemo.contentHeight,
    contentOffsetX = _useMemo.contentOffsetX,
    contentOffsetY = _useMemo.contentOffsetY,
    alignPadSingle = _useMemo.alignPadSingle;
  var padForAlign = alignPadSingle !== null && alignPadSingle !== void 0 ? alignPadSingle : 0;
  var initialPositionX = VIEWPORT_TOP_LEFT_MARGIN - padForAlign * zoomConfig.initialScale;
  var initialPositionY = VIEWPORT_TOP_LEFT_MARGIN - padForAlign * zoomConfig.initialScale;
  contentOffsetRef.current = {
    x: contentOffsetX,
    y: contentOffsetY
  };

  /** 避免用 content 尺寸当 key 导致拖拽时整表 remount；切换画布或由空到有图元时再对齐一次 */
  var initialAlignRef = useRef({
    frame: '',
    done: false
  });
  useEffect(function () {
    if (!isFloorMapView || frameResetKey === undefined) return;
    if (initialAlignRef.current.frame !== frameResetKey) {
      initialAlignRef.current = {
        frame: frameResetKey,
        done: false
      };
    }
    if (autoFitOnMount) {
      initialAlignRef.current.done = true;
      return;
    }
    if (alignPadSingle == null) {
      initialAlignRef.current.done = false;
      return;
    }
    if (initialAlignRef.current.done) return;
    var cancelled = false;
    var raf = 0;
    var tick = function tick() {
      if (cancelled) return;
      var ctx = transformRef.current;
      if (!ctx) {
        raf = requestAnimationFrame(tick);
        return;
      }
      ctx.setTransform(initialPositionX, initialPositionY, zoomConfig.initialScale);
      initialAlignRef.current.done = true;
    };
    raf = requestAnimationFrame(tick);
    return function () {
      cancelled = true;
      cancelAnimationFrame(raf);
    };
  }, [isFloorMapView, frameResetKey, alignPadSingle, initialPositionX, initialPositionY, zoomConfig.initialScale, transformRef, autoFitOnMount]);

  /**
   * 伪全屏：用 `position: fixed; inset: 0` 撑满视口，不调用浏览器 Fullscreen API。
   * 与「资源墙大屏」一致的体验：避免浏览器全屏带来的右键菜单受限、第三方弹层被全屏元素隔绝等。
   *
   * 对应 className 与 body overflow 锁定见 PisellFloorMapLayout.less 中
   * `.pisell-floor-map-layout--pseudo-fullscreen` 与 `body.pisell-floor-map-layout-fullscreen-host`。
   *
   * 注意：不再监听 ESC 退出全屏。平面图编辑态全屏与编辑模式强绑定（PisellFloorMapLayout 中 effect），
   * 若 ESC 直接 setIsFullscreen(false) 会立刻被同步 effect 拉回 true，徒增闪烁。
   * 退出全屏 = 退出编辑，由顶栏退出按钮承担。
   */
  useEffect(function () {
    if (!isFullscreen) return;
    if (typeof document === 'undefined') return;
    var bodyCls = 'pisell-floor-map-layout-fullscreen-host';
    document.body.classList.add(bodyCls);
    return function () {
      document.body.classList.remove(bodyCls);
    };
  }, [isFullscreen]);

  /** 卸载兜底：组件被卸载时不要把 body 锁住的样式残留 */
  useEffect(function () {
    return function () {
      if (typeof document === 'undefined') return;
      document.body.classList.remove('pisell-floor-map-layout-fullscreen-host');
    };
  }, []);
  var toggleFullscreen = useCallback(function () {
    setIsFullscreen(function (prev) {
      return !prev;
    });
  }, []);

  /**
   * 仅保留 fitBoundsRef 给手动 fitBounds 按钮用。
   *
   * 历史上这里有个 useEffect：进入伪全屏时自动 fitBounds 适配新视口。
   * 但现在「编辑态自动全屏 + 视口持久化」的组合下，这会把用户上次保存的视角
   * 覆盖成 fit 结果，导致每次进编辑都被强制全览，违背用户意图。
   * 视口尺寸变化由 ResizeObserver 自然处理，transform 不变即「保留用户视角」。
   */
  var fitBoundsRef = useRef(null);

  /** @returns 是否已调用 setTransform（用于首屏 autoFit：避免空跑仍标记 done） */
  var fitBounds = useCallback(function () {
    /**
     * 锁定态：拦截所有 fitBounds 触发路径（按钮 / autoFit useLayoutEffect / ref API），
     * 让画布严格停留在用户锁定时的视角。返回 true 让 autoFit 调用方将 done 置位，
     * 避免被无限重试占用 rAF。
     */
    if (viewportLockedRef.current) return true;
    var ctx = transformRef.current;
    var container = containerRef.current;
    if (!ctx || !container) return false;
    var wrapper = container.querySelector('.react-transform-wrapper');
    if (!wrapper) return false;
    var wrapperRect = wrapper.getBoundingClientRect();
    var wEl = wrapper;
    /**
     * 祖先链上若有 transform: scale / zoom，getBoundingClientRect 为「视觉」尺寸，
     * clientWidth/Height 为布局盒尺寸。react-zoom-pan-pinch 的平移/缩放工作在布局坐标系，
     * 若全览仅用 rect 算 avail 与 position，会与库内部不一致（日志：visual/layout≈0.864）。
     */
    var layoutW = wEl.clientWidth > 0 ? wEl.clientWidth : wrapperRect.width;
    var layoutH = wEl.clientHeight > 0 ? wEl.clientHeight : wrapperRect.height;
    if (layoutW <= 0 || layoutH <= 0) return false;

    /** 程序化 setTransform 默认带缓动：写入快照后立即保持「全览激活」，缓动结束前不因中间帧关掉 */
    var applyProgrammaticFit = function applyProgrammaticFit(fx, fy, fScale) {
      clearFitBoundsTweenHold();
      lastFitSnapshotRef.current = {
        x: fx,
        y: fy,
        scale: fScale
      };
      setIsAtFitBounds(true);
      fitBoundsTweenHoldRef.current = true;
      fitBoundsTweenHoldClearTimerRef.current = setTimeout(function () {
        fitBoundsTweenHoldClearTimerRef.current = null;
        fitBoundsTweenHoldRef.current = false;
        var cur = lastTransformRef.current;
        var s = lastFitSnapshotRef.current;
        if (!s) return;
        var same = Math.abs(s.x - cur.x) < FIT_BOUNDS_MATCH_POS_EPSILON && Math.abs(s.y - cur.y) < FIT_BOUNDS_MATCH_POS_EPSILON && Math.abs(s.scale - cur.scale) < FIT_BOUNDS_MATCH_SCALE_EPSILON;
        setIsAtFitBounds(same);
      }, FIT_BOUNDS_PROGRAMMATIC_TWEEN_GUARD_MS);
      ctx.setTransform(fx, fy, fScale);
    };

    /**
     * 平面图像素模式：按「图元轴对齐包围盒」缩放并居中，不按整块 content（含编辑态撑满视口的空白）适配。
     * 画布 DOM 尺寸与网格空白不变，仅改变视口 transform；视口边可贴边（edgePx=0）。
     */
    var pixelBox = isFloorMapView && effectiveItemUnit === 'pixel' && items.length > 0 ? getPixelBoundingBox(items, cellSize) : null;

    /**
     * 把按容器算出来的 raw fit 缩放夹到 `[zoom.min, zoom.max]`：
     * - 上限保留原行为，避免 1×1 内容被放到比 max 还大；
     * - **下限新增**：全览态下多画布拼合后 raw 经常 < minScale（如 40%），
     *   原先直接落到 raw 会让 TransformWrapper 处于「比配置最小缩放更小」的
     *   状态，用户再用鼠标 / +/- 一动就跳回 minScale，体验很怪。
     *   夹到 minScale 后会自动按真实 minScale 居中，超出部分由用户平移浏览。
     */
    var clampFitScale = function clampFitScale(raw) {
      var _zoom$min2, _zoom$max2;
      return Math.max((_zoom$min2 = zoom.min) !== null && _zoom$min2 !== void 0 ? _zoom$min2 : 0.5, Math.min(raw, (_zoom$max2 = zoom.max) !== null && _zoom$max2 !== void 0 ? _zoom$max2 : 2));
    };
    if (pixelBox) {
      var bw = Math.max(1, pixelBox.maxRight - pixelBox.minLeft);
      var bh = Math.max(1, pixelBox.maxBottom - pixelBox.minTop);
      var edgePx = 0;
      var availW = Math.max(1, layoutW - 2 * edgePx);
      var availH = Math.max(1, layoutH - 2 * edgePx);
      var _raw = Math.min(availW / bw, availH / bh);
      var _nextScale = clampFitScale(_raw);
      var ap = alignPadSingle !== null && alignPadSingle !== void 0 ? alignPadSingle : padSingle;
      var bboxCx = ap + bw / 2;
      var bboxCy = ap + bh / 2;
      var _x = layoutW / 2 - bboxCx * _nextScale;
      var _y = layoutH / 2 - bboxCy * _nextScale;
      applyProgrammaticFit(_x, _y, _nextScale);
      return true;
    }
    if (contentWidth <= 0 || contentHeight <= 0) return false;
    /** 非平面图或无图元：仍按整块 content 适配 */
    var raw = Math.min(layoutW / contentWidth, layoutH / contentHeight);
    var nextScale = clampFitScale(raw);
    var padA = alignPadSingle !== null && alignPadSingle !== void 0 ? alignPadSingle : 0;
    var x = VIEWPORT_TOP_LEFT_MARGIN - padA * nextScale;
    var y = VIEWPORT_TOP_LEFT_MARGIN - padA * nextScale;
    applyProgrammaticFit(x, y, nextScale);
    return true;
  }, [clearFitBoundsTweenHold, contentWidth, contentHeight, zoom, transformRef, alignPadSingle, isFloorMapView, effectiveItemUnit, items, cellSize, padSingle]);

  /** 让"进入伪全屏后自动 fit"的 effect 能拿到最新的 fitBounds 实现 */
  fitBoundsRef.current = fitBounds;

  /**
   * autoFitOnMount：每个画布在「有图元且 content 尺寸已按包围盒算好」后执行一次 fitBounds。
   * 避免首帧 items 仍为空时用占位尺寸 fit 完并标记 done，导致异步图元加载后不再适配。
   */
  var autoFitOnceRef = useRef({
    frame: '',
    done: false
  });
  var prevItemsCountForAutoFitRef = useRef(null);
  /**
   * 记录「本 frame 的 transform 已由视口缓存接管」：
   * 命中 localStorage 恢复或 restore effect 完成后写入当前 frame。
   * 只要等于当前 frame，autoFit 所有分支（包括 items 从 0→N 的 reset done）一律放弃，
   * 防止 items 异步加载后 autoFit 覆盖恢复值 → onTransformed 又把 fit 结果回写到 localStorage。
   */
  var cachedRestoredFrameRef = useRef('');
  /**
   * 首屏 auto fit：时序上易出现「Transform 未挂载 / wrapper 尺寸为 0 / 内容区尚未提交」，
   * 用 layoutEffect + 双 rAF 贴近浏览器布局完成时刻；仅 fitBounds 真正 setTransform 后才记 done；
   * viewportSize 纳入依赖以便父级 flex 迟到的尺寸更新后重试（超次不伪造 done）。
   */
  useLayoutEffect(function () {
    if (!isFloorMapView || !autoFitOnMount || frameResetKey === undefined) return;
    var frame = String(frameResetKey);
    if (autoFitOnceRef.current.frame !== frame) {
      autoFitOnceRef.current = {
        frame: frame,
        done: false
      };
      prevItemsCountForAutoFitRef.current = null;
      /**
       * 命中视口缓存：跳过本帧 autoFit，让恢复 effect 用缓存 transform 接管。
       * 避免「先 autoFit 一次再被恢复覆盖」造成的视觉闪烁。
       * 同步打上「缓存接管」标记，防止下面的「items 0→N reset done」再度启用 autoFit
       * 覆盖恢复值并把 fit 结果通过 onTransformed 回写 localStorage。
       */
      if (viewportPersistKey && readPersistedViewport(viewportPersistKey)) {
        autoFitOnceRef.current.done = true;
        cachedRestoredFrameRef.current = frame;
      } else if (cachedRestoredFrameRef.current !== frame) {
        cachedRestoredFrameRef.current = '';
      }
    }
    var itemCount = items.length;
    var prevN = prevItemsCountForAutoFitRef.current;
    /**
     * 已由缓存接管本 frame 的 transform：items 异步加载完成后绝不重新启用 autoFit，
     * 否则会把用户上次拖拽的位置覆盖成适配视口，且被 onTransformed 回写 localStorage。
     */
    if (prevN !== null && prevN === 0 && itemCount > 0 && cachedRestoredFrameRef.current !== frame) {
      autoFitOnceRef.current.done = false;
    }
    prevItemsCountForAutoFitRef.current = itemCount;
    if (autoFitOnceRef.current.done) return;
    if (effectiveItemUnit === 'pixel' && itemCount === 0) {
      return;
    }
    if (contentWidth <= 0 || contentHeight <= 0) return;
    var cancelled = false;
    var raf = 0;
    var attempts = 0;
    var MAX_AUTO_FIT_ATTEMPTS = 160;
    var tick = function tick() {
      if (cancelled) return;
      if (attempts >= MAX_AUTO_FIT_ATTEMPTS) return;
      var ctx = transformRef.current;
      var container = containerRef.current;
      var wrapper = container === null || container === void 0 ? void 0 : container.querySelector('.react-transform-wrapper');
      if (!ctx || !wrapper) {
        attempts += 1;
        raf = requestAnimationFrame(tick);
        return;
      }
      var rect = wrapper.getBoundingClientRect();
      if (rect.width <= 0 || rect.height <= 0) {
        attempts += 1;
        raf = requestAnimationFrame(tick);
        return;
      }

      /** 再等两帧：react-zoom-pan-pinch 与 TransformComponent 常在本帧之后才把可测布局写稳 */
      raf = requestAnimationFrame(function () {
        if (cancelled) return;
        raf = requestAnimationFrame(function () {
          if (cancelled) return;
          var ok = fitBounds();
          if (ok) {
            autoFitOnceRef.current.done = true;
            return;
          }
          attempts += 1;
          if (attempts < MAX_AUTO_FIT_ATTEMPTS) {
            raf = requestAnimationFrame(tick);
          }
        });
      });
    };
    raf = requestAnimationFrame(tick);
    return function () {
      cancelled = true;
      cancelAnimationFrame(raf);
    };
  }, [isFloorMapView, autoFitOnMount, frameResetKey, effectiveItemUnit, items.length, contentWidth, contentHeight, viewportSize.width, viewportSize.height, mapAreaSize.width, mapAreaSize.height, fitBounds, transformRef, viewportPersistKey]);
  var lastTransformRef = useRef({
    x: 0,
    y: 0,
    scale: 1
  });
  var _useState13 = useState(false),
    _useState14 = _slicedToArray(_useState13, 2),
    isInteractingWithElement = _useState14[0],
    setIsInteractingWithElement = _useState14[1];
  var prevInteractingRef = useRef(false);
  useEffect(function () {
    if (isInteractingWithElement) {
      prevInteractingRef.current = true;
      return;
    }
    if (!prevInteractingRef.current) return;
    prevInteractingRef.current = false;
    var saved = lastTransformRef.current;
    var raf = requestAnimationFrame(function () {
      var _transformRef$current;
      (_transformRef$current = transformRef.current) === null || _transformRef$current === void 0 || _transformRef$current.setTransform(saved.x, saved.y, saved.scale);
    });
    return function () {
      return cancelAnimationFrame(raf);
    };
  }, [isInteractingWithElement, transformRef]);

  /**
   * 视口持久化：写入节流 + 切 canvas 时清掉 pending；
   * persistKeyRef 保证 debounce 触发时仍然写到「触发时刻」对应的 key（避免 key 变化后被错位写入）。
   */
  var persistKeyRef = useRef(viewportPersistKey);
  persistKeyRef.current = viewportPersistKey;
  var persistTimerRef = useRef(null);
  var flushPersistRef = useRef(null);
  var schedulePersistViewport = useCallback(function (snapshot) {
    var key = persistKeyRef.current;
    if (!key) return;
    if (persistTimerRef.current != null) {
      clearTimeout(persistTimerRef.current);
      persistTimerRef.current = null;
    }
    var targetKey = key;
    var doWrite = function doWrite() {
      persistTimerRef.current = null;
      flushPersistRef.current = null;
      writePersistedViewport(targetKey, snapshot);
    };
    flushPersistRef.current = doWrite;
    persistTimerRef.current = setTimeout(doWrite, VIEWPORT_PERSIST_DEBOUNCE_MS);
  }, []);

  /**
   * 由 onTransformed 回调统一上报当前 transform：
   *   - 写 lastTransformRef（替代父组件直接赋值）
   *   - 与最近一次 fitBounds 快照比较，更新激活态
   *
   * ❗注意：故意不在这里写 localStorage。
   * react-zoom-pan-pinch 在挂载、`setTransform`、`fitBounds`、`resetTransform` 等程序化路径
   * 也会触发 onTransformed（含挂载初始值 {x:16, y:16, scale:1}），若在此持久化，
   * wrapper 重挂载时会用这份"初始值"覆盖 localStorage 里用户上次保存的视角。
   * 持久化改由 onPanningStop / onPinchingStop / onZoomStop / onWheelStop 触发，
   * 那些事件只在「用户真的拖完/缩放完」时才发生。
   */
  var notifyTransformed = useCallback(function (x, y, nextScale) {
    lastTransformRef.current = {
      x: x,
      y: y,
      scale: nextScale
    };
    var snap = lastFitSnapshotRef.current;
    if (snap) {
      var same = Math.abs(snap.x - x) < FIT_BOUNDS_MATCH_POS_EPSILON && Math.abs(snap.y - y) < FIT_BOUNDS_MATCH_POS_EPSILON && Math.abs(snap.scale - nextScale) < FIT_BOUNDS_MATCH_SCALE_EPSILON;
      if (fitBoundsTweenHoldRef.current) {
        if (same) {
          clearFitBoundsTweenHold();
          setIsAtFitBounds(true);
        }
        /** 缓动中间帧：保持已设的「全览激活」，不因尚未对齐快照而关掉 */
        return;
      }
      setIsAtFitBounds(function (prev) {
        return prev === same ? prev : same;
      });
    } else {
      setIsAtFitBounds(function (prev) {
        return prev ? false : prev;
      });
    }
  }, [clearFitBoundsTweenHold]);

  /**
   * 用户交互结束时（pan / zoom / pinch / wheel stop）调用：
   * 以 lastTransformRef 当前值为快照写 localStorage（debounce 兜底高频 stop）。
   * 程序化的 setTransform / fitBounds / 挂载初始化都不会调这里，避免污染缓存。
   */
  var persistCurrentViewport = useCallback(function () {
    var snapshot = lastTransformRef.current;
    schedulePersistViewport({
      x: snapshot.x,
      y: snapshot.y,
      scale: snapshot.scale
    });
  }, [schedulePersistViewport]);

  /** 让 restore 路径读到最新 frameResetKey，避免 closure 过期 */
  var frameResetKeyRef = useRef(frameResetKey);
  frameResetKeyRef.current = frameResetKey;
  var viewportPersistKeyRef = useRef(viewportPersistKey);
  viewportPersistKeyRef.current = viewportPersistKey;

  /**
   * 把缓存视角立即贴到画布上的统一入口（restore effect 与 attachTransformContext 共用）。
   *
   * 关键点：
   * 1. setTransform 的 animationTime 必须传 0：
   *    - react-zoom-pan-pinch 默认 200ms 缓动；
   *    - 首屏若 namespace 异步、autoFit 抢先 setTransform(fit) 并仍在缓动中，
   *      restore 这次 setTransform 会被库认为是「动画过程中无意义的同向 set」吃掉
   *      或与原动画合成，最终视觉停在 fit 处；
   *    - 传 0 等价于"立即落点"，强制覆盖任何在飞动画。
   * 2. 命中后立刻把 cachedRestoredFrameRef / autoFit done / initialAlign done 都打上，
   *    防止后续 effect 反向覆盖缓存值。
   */
  var applyPersistedViewport = useCallback(function (cached) {
    clearFitBoundsTweenHold();
    var ctx = transformRef.current;
    if (!ctx) return false;
    ctx.setTransform(cached.x, cached.y, cached.scale, 0);
    lastTransformRef.current = _objectSpread({}, cached);
    lastFitSnapshotRef.current = null;
    setIsAtFitBounds(false);
    autoFitOnceRef.current.done = true;
    initialAlignRef.current.done = true;
    var currentFrame = frameResetKeyRef.current;
    if (currentFrame !== undefined) {
      cachedRestoredFrameRef.current = String(currentFrame);
    }
    return true;
  }, [clearFitBoundsTweenHold, transformRef]);

  /**
   * 切换 viewportPersistKey 或 frameResetKey 时（含挂载、wrapper 重挂载）：
   * 尝试从 localStorage 读取上次视角并恢复。命中缓存 → 阻止本帧 autoFitOnMount /
   * 首次左上对齐覆盖。未命中保持原行为。
   *
   * ❗frameResetKey 必须在依赖里：
   * `transformWrapperKey` 在远端配置（boundingPadding / defaultScale）回包后会变，
   * 触发 TransformWrapper 卸载重挂载并以 `initialPositionX/Y/Scale` (≈16,16,1) 渲染。
   * 仅依赖 viewportPersistKey 时此处不会重跑，画布会停在初始 transform，
   * 用户上次保存的视角虽然在 localStorage 里却没"贴回"画布。
   */
  useEffect(function () {
    if (!viewportPersistKey) return;
    var cached = readPersistedViewport(viewportPersistKey);
    if (!cached) return;
    var cancelled = false;
    var raf1 = 0;
    var raf2 = 0;
    var attempts = 0;
    var MAX_ATTEMPTS = 60;
    var tick = function tick() {
      if (cancelled) return;
      if (!applyPersistedViewport(cached)) {
        if (attempts++ < MAX_ATTEMPTS) {
          raf1 = requestAnimationFrame(tick);
        }
      }
    };

    /** 双 rAF：等 TransformWrapper 的 ctx 就绪后再写 */
    raf1 = requestAnimationFrame(function () {
      raf2 = requestAnimationFrame(tick);
    });
    return function () {
      cancelled = true;
      cancelAnimationFrame(raf1);
      cancelAnimationFrame(raf2);
    };
  }, [viewportPersistKey, frameResetKey, applyPersistedViewport]);

  /**
   * PisellFloorMapLayout 在 TransformWrapper children render 中调用：
   *   {(ctx) => { attachTransformContext(ctx); return <>...</> }}
   *
   * 用途：wrapper 首次挂载 / 重挂载时，立刻 schedule 一次 restore，
   * 避免依赖 useEffect、namespace 异步、autoFit 抢先 setTransform 之间的复杂时序。
   *
   * ⚠️ 不要用「ctx 引用是否变化」做去重：
   *   react-zoom-pan-pinch 在每次内部状态更新（缩放 / 平移过程中的 onTransformed）
   *   都会让父组件重 render，children render 函数会再次被调用，部分版本下 ctx 是新对象引用。
   *   一旦把它判成「新 ctx」再次 schedule restore，就会把用户刚做的缩放/平移
   *   又覆盖回缓存，表现成「拖动可以，缩放回弹/缩放不动」。
   *
   * 改用 cachedRestoredFrameRef 做幂等：每个 frame（= TransformWrapper 的 key）
   * 在生命周期内只 restore 一次。frame 真变化（wrapper 卸载重挂载）时，autoFit
   * useLayoutEffect 的 reset 分支会清掉 / 重置该 ref，attach 自然能再次触发。
   */
  var attachTransformContext = useCallback(function (ctx) {
    transformRef.current = ctx;
    var key = viewportPersistKeyRef.current;
    var currentFrame = frameResetKeyRef.current;
    if (!key || currentFrame === undefined) return;
    var frameStr = String(currentFrame);
    /** 该 frame 已经 restore 过（attach 触发或 autoFit reset 分支命中均会标记） */
    if (cachedRestoredFrameRef.current === frameStr) return;
    var cached = readPersistedViewport(key);
    if (!cached) return;
    /**
     * 立刻占座：避免本帧后续如果触发 attach 重入 / restore useEffect 同步跑
     * 出现两条 setTransform 路径并发。applyPersistedViewport 内部还会再设一次
     * （等于幂等）。
     */
    cachedRestoredFrameRef.current = frameStr;
    /**
     * 双 rAF 等 wrapper 内部 useEffect / 初始 onTransformed 走完，
     * 否则可能被库的 init 回调把 transform 又重置回 initial。
     */
    requestAnimationFrame(function () {
      requestAnimationFrame(function () {
        /** 等待期间 frame 又变了（快速切画布）则交给新 frame 的 attach 处理 */
        if (frameResetKeyRef.current !== currentFrame) return;
        applyPersistedViewport(cached);
      });
    });
  }, [transformRef, applyPersistedViewport]);

  /** 卸载 / key 变化时把待写的视口立刻 flush，避免快速来回切丢失最后一次操作 */
  useEffect(function () {
    return function () {
      var _flushPersistRef$curr;
      if (persistTimerRef.current != null) {
        clearTimeout(persistTimerRef.current);
        persistTimerRef.current = null;
      }
      (_flushPersistRef$curr = flushPersistRef.current) === null || _flushPersistRef$curr === void 0 || _flushPersistRef$curr.call(flushPersistRef);
      flushPersistRef.current = null;
      if (fitBoundsTweenHoldClearTimerRef.current != null) {
        clearTimeout(fitBoundsTweenHoldClearTimerRef.current);
        fitBoundsTweenHoldClearTimerRef.current = null;
      }
    };
  }, [viewportPersistKey]);
  return {
    containerRef: containerRef,
    mapAreaRef: mapAreaRef,
    viewportSize: viewportSize,
    mapAreaSize: mapAreaSize,
    contentWidth: contentWidth,
    contentHeight: contentHeight,
    contentOffsetX: contentOffsetX,
    contentOffsetY: contentOffsetY,
    initialPositionX: initialPositionX,
    initialPositionY: initialPositionY,
    zoomConfig: zoomConfig,
    scale: scale,
    setScale: setScale,
    isFullscreen: isFullscreen,
    toggleFullscreen: toggleFullscreen,
    fitBounds: fitBounds,
    isAtFitBounds: isAtFitBounds,
    notifyTransformed: notifyTransformed,
    persistCurrentViewport: persistCurrentViewport,
    attachTransformContext: attachTransformContext,
    lastTransformRef: lastTransformRef,
    isInteractingWithElement: isInteractingWithElement,
    setIsInteractingWithElement: setIsInteractingWithElement,
    viewportLocked: viewportLocked,
    setViewportLocked: setViewportLocked,
    toggleViewportLocked: toggleViewportLocked
  };
}