@pisell/materials 1.8.17 → 1.8.19

package/es/components/pisellFloorMapLayout/components/ItemLayer.js

@@ -0,0 +1,147 @@
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+/**
+ * ItemLayer - 楼层图展示层
+ * 按 items 的 (x, y) 与 cellSize 定位，用 renderItem 渲染每项内容
+ */
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import "./ItemLayer.less";
+var PREFIX = 'pisell-floor-map-layout';
+function getItemKey(item, index, rowKey) {
+  var _rowKey;
+  if (!rowKey) return item.id;
+  if (typeof rowKey === 'string') return String((_rowKey = item[rowKey]) !== null && _rowKey !== void 0 ? _rowKey : item.id);
+  return rowKey(item, index);
+}
+
+/**
+ * 根据形状返回 item 容器的 style（clip-path / border-radius）
+ */
+function getShapeStyle() {
+  var shape = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'rect';
+  switch (shape) {
+    case 'circle':
+      return {
+        borderRadius: '50%'
+      };
+    case 'triangle':
+      return {
+        clipPath: 'polygon(50% 0%, 0% 100%, 100% 100%)'
+      };
+    case 'polygon':
+    case 'custom':
+      return {};
+    default:
+      return {};
+  }
+}
+export function ItemLayer(props) {
+  var items = props.items,
+    renderItem = props.renderItem,
+    rowKey = props.rowKey,
+    cellSize = props.cellSize,
+    _props$itemUnit = props.itemUnit,
+    itemUnit = _props$itemUnit === void 0 ? 'cell' : _props$itemUnit,
+    _props$itemGap = props.itemGap,
+    itemGap = _props$itemGap === void 0 ? 0 : _props$itemGap,
+    contentWidth = props.contentWidth,
+    contentHeight = props.contentHeight,
+    _props$contentOffsetX = props.contentOffsetX,
+    contentOffsetX = _props$contentOffsetX === void 0 ? 0 : _props$contentOffsetX,
+    _props$contentOffsetY = props.contentOffsetY,
+    contentOffsetY = _props$contentOffsetY === void 0 ? 0 : _props$contentOffsetY,
+    _props$enableHover = props.enableHover,
+    enableHover = _props$enableHover === void 0 ? true : _props$enableHover,
+    onItemClick = props.onItemClick,
+    onItemHover = props.onItemHover,
+    onItemLeave = props.onItemLeave,
+    getMergedItemWrapperStyle = props.getMergedItemWrapperStyle,
+    className = props.className;
+  var itemNodes = useMemo(function () {
+    var isPixel = itemUnit === 'pixel';
+    var g = itemGap;
+    var sorted = _toConsumableArray(items).sort(function (a, b) {
+      var _a$zIndex, _b$zIndex;
+      return ((_a$zIndex = a.zIndex) !== null && _a$zIndex !== void 0 ? _a$zIndex : 0) - ((_b$zIndex = b.zIndex) !== null && _b$zIndex !== void 0 ? _b$zIndex : 0);
+    });
+    return sorted.map(function (item, index) {
+      var _item$zIndex;
+      var left;
+      var top;
+      var width;
+      var height;
+      if (isPixel) {
+        var _item$width, _item$height;
+        width = (_item$width = item.width) !== null && _item$width !== void 0 ? _item$width : cellSize;
+        height = (_item$height = item.height) !== null && _item$height !== void 0 ? _item$height : cellSize;
+        left = item.x;
+        top = item.y;
+      } else {
+        var _item$width2, _item$height2;
+        var w = (_item$width2 = item.width) !== null && _item$width2 !== void 0 ? _item$width2 : 1;
+        var h = (_item$height2 = item.height) !== null && _item$height2 !== void 0 ? _item$height2 : 1;
+        left = g > 0 ? item.x * (cellSize + g) + g : item.x * cellSize;
+        top = g > 0 ? item.y * (cellSize + g) + g : item.y * cellSize;
+        width = g > 0 ? w * cellSize + (w - 1) * g : w * cellSize;
+        height = g > 0 ? h * cellSize + (h - 1) * g : h * cellSize;
+      }
+      var key = getItemKey(item, index, rowKey);
+      var shapeStyle = getShapeStyle(item.shape);
+      return /*#__PURE__*/React.createElement("div", {
+        key: key,
+        className: classNames("".concat(PREFIX, "-item"), _defineProperty({}, "".concat(PREFIX, "-item-hoverable"), enableHover)),
+        style: _objectSpread(_objectSpread({
+          position: 'absolute',
+          left: left,
+          top: top,
+          width: width,
+          height: height,
+          boxSizing: 'border-box',
+          zIndex: (_item$zIndex = item.zIndex) !== null && _item$zIndex !== void 0 ? _item$zIndex : 0
+        }, shapeStyle), getMergedItemWrapperStyle === null || getMergedItemWrapperStyle === void 0 ? void 0 : getMergedItemWrapperStyle(item, index)),
+        onClick: function onClick(e) {
+          return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, index, e);
+        },
+        onMouseEnter: function onMouseEnter(e) {
+          return onItemHover === null || onItemHover === void 0 ? void 0 : onItemHover(item, index, e);
+        },
+        onMouseLeave: function onMouseLeave(e) {
+          return onItemLeave === null || onItemLeave === void 0 ? void 0 : onItemLeave(item, index, e);
+        }
+      }, renderItem(item, index));
+    });
+  }, [items, renderItem, rowKey, cellSize, itemUnit, itemGap, enableHover, onItemClick, onItemHover, onItemLeave, getMergedItemWrapperStyle]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(PREFIX, "-item-layer"), className),
+    style: {
+      position: 'absolute',
+      left: 0,
+      top: 0,
+      width: contentWidth,
+      height: contentHeight,
+      minWidth: contentWidth,
+      minHeight: contentHeight
+    }
+  }, contentOffsetX !== 0 || contentOffsetY !== 0 ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      left: 0,
+      top: 0,
+      width: contentWidth,
+      height: contentHeight,
+      transform: "translate(".concat(contentOffsetX, "px, ").concat(contentOffsetY, "px)")
+    }
+  }, itemNodes) : itemNodes);
+}
+export default ItemLayer;

package/es/components/pisellFloorMapLayout/components/ItemLayer.less

@@ -0,0 +1,19 @@
+.pisell-floor-map-layout-item-layer {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 1;
+}
+
+.pisell-floor-map-layout-item {
+  /* 必须裁剪在格子内，避免内容溢出到格子外导致位置错乱 */
+  overflow: hidden;
+  cursor: pointer;
+  z-index: 0;
+
+  &-hoverable:hover {
+    outline: 2px solid rgba(24, 144, 255, 0.5);
+    outline-offset: -2px;
+    z-index: 1;
+  }
+}

package/es/components/pisellFloorMapLayout/components/MapLayer.d.ts

@@ -0,0 +1,27 @@
+/**
+ * MapLayer - 楼层图底层
+ * 负责背景（无/纯色/图片/SVG）、网格线、padding、gap
+ */
+import React from 'react';
+import type { FloorMapLayerConfig } from '../types';
+import './MapLayer.less';
+export interface MapLayerProps {
+    /** 底层配置 */
+    config?: FloorMapLayerConfig;
+    /** 内容区域宽度（逻辑单位或像素，用于网格线计算） */
+    contentWidth?: number;
+    /** 内容区域高度 */
+    contentHeight?: number;
+    /** 每格像素尺寸（用于网格线间距） */
+    cellSize?: number;
+    /** 为 true 时不应用纯色背景，让画布底层网格透出 */
+    preferCanvasGrid?: boolean;
+    /** 为 true 时容器设置 pointer-events: none，空白处点击可透传到下层，供 react-zoom-pan-pinch 画布平移 */
+    pointerEventsNone?: boolean;
+    /** 子节点（展示层会叠在上方） */
+    children?: React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+}
+export declare function MapLayer(props: MapLayerProps): JSX.Element;
+export default MapLayer;

package/es/components/pisellFloorMapLayout/components/MapLayer.js

@@ -0,0 +1,82 @@
+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); }
+/**
+ * MapLayer - 楼层图底层
+ * 负责背景（无/纯色/图片/SVG）、网格线、padding、gap
+ */
+import React from 'react';
+import classNames from 'classnames';
+import "./MapLayer.less";
+var PREFIX = 'pisell-floor-map-layout';
+/**
+ * 解析 padding/gap 为 CSS 值
+ */
+function toCssSize(v) {
+  if (v === undefined) return undefined;
+  return typeof v === 'number' ? "".concat(v, "px") : v;
+}
+export function MapLayer(props) {
+  var _props$config = props.config,
+    config = _props$config === void 0 ? {} : _props$config,
+    _props$contentWidth = props.contentWidth,
+    contentWidth = _props$contentWidth === void 0 ? 0 : _props$contentWidth,
+    _props$contentHeight = props.contentHeight,
+    contentHeight = _props$contentHeight === void 0 ? 0 : _props$contentHeight,
+    _props$cellSize = props.cellSize,
+    cellSize = _props$cellSize === void 0 ? 64 : _props$cellSize,
+    _props$preferCanvasGr = props.preferCanvasGrid,
+    preferCanvasGrid = _props$preferCanvasGr === void 0 ? false : _props$preferCanvasGr,
+    _props$pointerEventsN = props.pointerEventsNone,
+    pointerEventsNone = _props$pointerEventsN === void 0 ? false : _props$pointerEventsN,
+    children = props.children,
+    className = props.className;
+  var _config$backgroundTyp = config.backgroundType,
+    backgroundType = _config$backgroundTyp === void 0 ? 'none' : _config$backgroundTyp,
+    backgroundColor = config.backgroundColor,
+    backgroundImage = config.backgroundImage,
+    backgroundSvg = config.backgroundSvg,
+    _config$showGrid = config.showGrid,
+    showGrid = _config$showGrid === void 0 ? false : _config$showGrid,
+    padding = config.padding,
+    gap = config.gap;
+  var paddingCss = toCssSize(padding);
+  var gapCss = toCssSize(gap);
+  var backgroundStyle = {};
+  if (preferCanvasGrid) {
+    backgroundStyle.backgroundColor = 'transparent';
+  } else if (backgroundType === 'color' && backgroundColor) {
+    backgroundStyle.backgroundColor = backgroundColor;
+  }
+  if (backgroundType === 'image' && backgroundImage) {
+    backgroundStyle.backgroundImage = "url(".concat(backgroundImage, ")");
+    backgroundStyle.backgroundSize = 'cover';
+    backgroundStyle.backgroundPosition = 'center';
+  }
+  if (backgroundType === 'svg' && backgroundSvg) {
+    var isUrl = backgroundSvg.startsWith('http') || backgroundSvg.startsWith('/');
+    backgroundStyle.backgroundImage = isUrl ? "url(".concat(backgroundSvg, ")") : "url(\"data:image/svg+xml,".concat(encodeURIComponent(backgroundSvg), "\")");
+    backgroundStyle.backgroundSize = 'cover';
+    backgroundStyle.backgroundPosition = 'center';
+  }
+  var containerStyle = _objectSpread({
+    padding: paddingCss,
+    gap: gapCss
+  }, pointerEventsNone ? {
+    pointerEvents: 'none'
+  } : {});
+
+  /** 网格线：用 CSS 线性渐变模拟 */
+  var gridStyle = showGrid ? {
+    backgroundImage: "\n          linear-gradient(to right, rgba(0,0,0,0.08) 1px, transparent 1px),\n          linear-gradient(to bottom, rgba(0,0,0,0.08) 1px, transparent 1px)\n        ",
+    backgroundSize: "".concat(cellSize, "px ").concat(cellSize, "px")
+  } : {};
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(PREFIX, "-map-layer"), className),
+    style: _objectSpread(_objectSpread(_objectSpread({}, backgroundStyle), containerStyle), gridStyle)
+  }, children);
+}
+export default MapLayer;

package/es/components/pisellFloorMapLayout/components/MapLayer.less

@@ -0,0 +1,7 @@
+.pisell-floor-map-layout-map-layer {
+  position: absolute;
+  inset: 0;
+  box-sizing: border-box;
+  overflow: hidden;
+  z-index: 0;
+}

package/es/components/pisellFloorMapLayout/components/ViewControls.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import type { FloorMapControlsConfig } from '../types';
+import './ViewControls.less';
+/** 从 react-zoom-pan-pinch 拿到的控制 API（由主组件传入） */
+export interface ViewControlsApi {
+    zoomIn: () => void;
+    zoomOut: () => void;
+    resetTransform: () => void;
+    /** 区域定位，可能由主组件基于 items 计算后封装 */
+    fitBounds?: () => void;
+    /** 切换全屏（requestFullscreen / exitFullscreen） */
+    toggleFullscreen?: () => void;
+}
+export interface ViewControlsProps {
+    /** 控制 API */
+    api: ViewControlsApi;
+    /** 显隐配置 */
+    config?: FloorMapControlsConfig;
+    /** 当前缩放比例（1 = 100%），用于 Stepper 展示 */
+    scale?: number;
+    /** 当前是否处于全屏 */
+    isFullscreen?: boolean;
+    className?: string;
+}
+export declare function ViewControls(props: ViewControlsProps): JSX.Element;
+export default ViewControls;

package/es/components/pisellFloorMapLayout/components/ViewControls.js

@@ -0,0 +1,69 @@
+/**
+ * ViewControls - 内置视图控制按钮：缩放（Stepper）、复位、区域定位
+ */
+import React from 'react';
+import classNames from 'classnames';
+import { MinusOutlined, PlusOutlined, FullscreenOutlined, FullscreenExitOutlined } from '@ant-design/icons';
+import "./ViewControls.less";
+var PREFIX = 'pisell-floor-map-layout';
+
+/** 从 react-zoom-pan-pinch 拿到的控制 API（由主组件传入） */
+
+export function ViewControls(props) {
+  var api = props.api,
+    _props$config = props.config,
+    config = _props$config === void 0 ? {} : _props$config,
+    _props$scale = props.scale,
+    scale = _props$scale === void 0 ? 1 : _props$scale,
+    _props$isFullscreen = props.isFullscreen,
+    isFullscreen = _props$isFullscreen === void 0 ? false : _props$isFullscreen,
+    className = props.className;
+  var showZoom = config.showZoom !== false;
+  var showReset = config.showReset === true;
+  var showFitBounds = config.showFitBounds === true;
+  var showFullscreen = config.showFullscreen === true;
+  var scalePercent = Math.round(scale * 100);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(PREFIX, "-view-controls"), className)
+  }, showZoom && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX, "-view-controls-zoom-stepper")
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "".concat(PREFIX, "-view-controls-zoom-stepper-btn"),
+    onClick: function onClick() {
+      return api.zoomOut();
+    },
+    "aria-label": "\u7F29\u5C0F"
+  }, /*#__PURE__*/React.createElement(MinusOutlined, null)), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(PREFIX, "-view-controls-zoom-stepper-value")
+  }, scalePercent, "%"), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "".concat(PREFIX, "-view-controls-zoom-stepper-btn"),
+    onClick: function onClick() {
+      return api.zoomIn();
+    },
+    "aria-label": "\u653E\u5927"
+  }, /*#__PURE__*/React.createElement(PlusOutlined, null))), showReset && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "".concat(PREFIX, "-view-controls-btn"),
+    onClick: function onClick() {
+      return api.resetTransform();
+    },
+    "aria-label": "\u590D\u4F4D"
+  }, "\u27F2"), showFitBounds && api.fitBounds && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "".concat(PREFIX, "-view-controls-btn"),
+    onClick: function onClick() {
+      return api.fitBounds();
+    },
+    "aria-label": "\u533A\u57DF\u5B9A\u4F4D"
+  }, "\u229E"), showFullscreen && api.toggleFullscreen && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "".concat(PREFIX, "-view-controls-btn"),
+    onClick: function onClick() {
+      return api.toggleFullscreen();
+    },
+    "aria-label": isFullscreen ? '退出全屏' : '全屏'
+  }, isFullscreen ? /*#__PURE__*/React.createElement(FullscreenExitOutlined, null) : /*#__PURE__*/React.createElement(FullscreenOutlined, null)));
+}
+export default ViewControls;

package/es/components/pisellFloorMapLayout/components/ViewControls.less

@@ -0,0 +1,77 @@
+/* Figma 14131:6265：缩放在左下角；Figma 14004:1149 Stepper 样式；z-index 保证在画布之上可点击 */
+.pisell-floor-map-layout-view-controls {
+  position: absolute;
+  left: 12px;
+  bottom: 12px;
+  z-index: 20;
+  pointer-events: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+
+  /* Stepper：胶囊形 [减] 数值% [加] */
+  &-zoom-stepper {
+    display: flex;
+    align-items: center;
+    height: 56px;
+    padding: 0 4px;
+    background: #fff;
+    border: 1px solid #98a2b3;
+    border-radius: 100px;
+    box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
+  }
+
+  &-zoom-stepper-btn {
+    width: 52px;
+    height: 52px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    border: none;
+    border-radius: 50%;
+    background: transparent;
+    cursor: pointer;
+    color: #101828;
+    font-size: 18px;
+
+    &:hover {
+      background: #f2f4f7;
+      color: #101828;
+    }
+  }
+
+  &-zoom-stepper-value {
+    min-width: 56px;
+    padding: 0 8px;
+    text-align: center;
+    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    font-weight: 600;
+    font-size: 18px;
+    line-height: 1;
+    color: #101828;
+  }
+
+  &-btn {
+    width: 32px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    background: #fff;
+    cursor: pointer;
+    font-size: 18px;
+    line-height: 1;
+    color: rgba(0, 0, 0, 0.65);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+
+    &:hover {
+      color: #1890ff;
+      border-color: #1890ff;
+      background: #e6f7ff;
+    }
+  }
+}

package/es/components/pisellFloorMapLayout/components/ViewControlsWithZoom.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { FloorMapControlsConfig } from '../types';
+export interface ViewControlsWithZoomProps {
+    config?: FloorMapControlsConfig;
+    scale?: number;
+    isFullscreen?: boolean;
+    fitBounds: () => void;
+    /** 未传时不展示全屏按钮（如编辑态 floorMapFullscreenMode 为 disabled） */
+    toggleFullscreen?: () => void;
+}
+export declare function ViewControlsWithZoom(props: ViewControlsWithZoomProps): JSX.Element;

package/es/components/pisellFloorMapLayout/components/ViewControlsWithZoom.js

@@ -0,0 +1,27 @@
+/**
+ * 在 TransformWrapper 内用 useControls 拿到 zoom 控制并渲染 ViewControls，确保点击加减能缩放
+ */
+import React, { useMemo } from 'react';
+import { useControls } from 'react-zoom-pan-pinch';
+import ViewControls from "./ViewControls";
+export function ViewControlsWithZoom(props) {
+  var _useControls = useControls(),
+    zoomIn = _useControls.zoomIn,
+    zoomOut = _useControls.zoomOut,
+    resetTransform = _useControls.resetTransform;
+  var api = useMemo(function () {
+    return {
+      zoomIn: zoomIn,
+      zoomOut: zoomOut,
+      resetTransform: resetTransform,
+      fitBounds: props.fitBounds,
+      toggleFullscreen: props.toggleFullscreen
+    };
+  }, [zoomIn, zoomOut, resetTransform, props.fitBounds, props.toggleFullscreen]);
+  return /*#__PURE__*/React.createElement(ViewControls, {
+    api: api,
+    config: props.config,
+    scale: props.scale,
+    isFullscreen: props.isFullscreen
+  });
+}

package/es/components/pisellFloorMapLayout/components/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 楼层图布局子组件导出
+ */
+export { MapLayer } from './MapLayer';
+export { ItemLayer } from './ItemLayer';
+export { ViewControls } from './ViewControls';
+export { ViewControlsWithZoom } from './ViewControlsWithZoom';
+export { CanvasTabs } from './CanvasTabs';
+export { EditableItemLayer } from './EditableItemLayer';
+export { FloorMapToolbar } from './FloorMapToolbar';
+export { FloorMapEditTopBar } from './FloorMapEditTopBar';
+export { FloorMapEditPanel } from './FloorMapEditPanel';
+export { FloorMapDataForm } from './FloorMapDataForm';
+export type { ViewControlsApi } from './ViewControls';
+export type { ViewControlsWithZoomProps } from './ViewControlsWithZoom';
+export type { CanvasTabsProps } from './CanvasTabs';
+export type { EditableItemLayerProps } from './EditableItemLayer';
+export type { FloorMapToolbarProps, PlaceMode } from './FloorMapToolbar';
+export type { FloorMapEditTopBarProps, FloorMapEditTopBarMode, } from './FloorMapEditTopBar';
+export type { FloorMapEditPanelProps } from './FloorMapEditPanel';
+export type { FloorMapDataFormProps } from './FloorMapDataForm';

package/es/components/pisellFloorMapLayout/components/index.js

@@ -0,0 +1,13 @@
+/**
+ * 楼层图布局子组件导出
+ */
+export { MapLayer } from "./MapLayer";
+export { ItemLayer } from "./ItemLayer";
+export { ViewControls } from "./ViewControls";
+export { ViewControlsWithZoom } from "./ViewControlsWithZoom";
+export { CanvasTabs } from "./CanvasTabs";
+export { EditableItemLayer } from "./EditableItemLayer";
+export { FloorMapToolbar } from "./FloorMapToolbar";
+export { FloorMapEditTopBar } from "./FloorMapEditTopBar";
+export { FloorMapEditPanel } from "./FloorMapEditPanel";
+export { FloorMapDataForm } from "./FloorMapDataForm";

package/es/components/pisellFloorMapLayout/context/FloorMapLayoutContext.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 平面图数据/保存等注入上下文；单独页面包 `FloorMapLayoutProvider`，RecordBoard 由 Shell 内置 Provider。
+ */
+import React from 'react';
+import type { FloorMapLayoutContextValue } from '../types';
+/**
+ * 未传 `floorMapLayoutContext` 时 Shell 使用该稳定引用，避免无意义变更引用。
+ */
+export declare const EMPTY_FLOOR_MAP_LAYOUT_CONTEXT: FloorMapLayoutContextValue;
+export declare function useFloorMapLayoutContext(): FloorMapLayoutContextValue | undefined;
+export interface FloorMapLayoutProviderProps {
+    value: FloorMapLayoutContextValue;
+    children: React.ReactNode;
+}
+/** 注入 `FloorMapLayoutContextValue`；`value` 建议由调用方 `useMemo` 稳定化 */
+export declare function FloorMapLayoutProvider({ value, children, }: FloorMapLayoutProviderProps): JSX.Element;

package/es/components/pisellFloorMapLayout/context/FloorMapLayoutContext.js

@@ -0,0 +1,21 @@
+/**
+ * 平面图数据/保存等注入上下文；单独页面包 `FloorMapLayoutProvider`，RecordBoard 由 Shell 内置 Provider。
+ */
+import React, { createContext, useContext } from 'react';
+var FloorMapLayoutContext = /*#__PURE__*/createContext(undefined);
+
+/**
+ * 未传 `floorMapLayoutContext` 时 Shell 使用该稳定引用，避免无意义变更引用。
+ */
+export var EMPTY_FLOOR_MAP_LAYOUT_CONTEXT = {};
+export function useFloorMapLayoutContext() {
+  return useContext(FloorMapLayoutContext);
+}
+/** 注入 `FloorMapLayoutContextValue`；`value` 建议由调用方 `useMemo` 稳定化 */
+export function FloorMapLayoutProvider(_ref) {
+  var value = _ref.value,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(FloorMapLayoutContext.Provider, {
+    value: value
+  }, children);
+}

package/es/components/pisellFloorMapLayout/context/mergeFloorMapLayoutContext.d.ts

@@ -0,0 +1,5 @@
+import type { FloorMapItemBase, FloorMapLayoutContextValue, PisellFloorMapLayoutProps } from '../types';
+/**
+ * 将 `FloorMapLayoutContext` 与 Layout props 合并：各字段 props ?? ctx，props 显式值优先。
+ */
+export declare function mergeFloorMapLayoutPropsFromContext<T extends FloorMapItemBase>(props: PisellFloorMapLayoutProps<T>, ctx: FloorMapLayoutContextValue | undefined): PisellFloorMapLayoutProps<T>;

package/es/components/pisellFloorMapLayout/context/mergeFloorMapLayoutContext.js

@@ -0,0 +1,27 @@
+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); }
+/**
+ * 将 `FloorMapLayoutContext` 与 Layout props 合并：各字段 props ?? ctx，props 显式值优先。
+ */
+export function mergeFloorMapLayoutPropsFromContext(props, ctx) {
+  var _props$floorMapConfig, _props$dataSources, _props$onSave, _props$onDataSourceRe, _props$dataSourceLabe, _props$dataSourceForm, _props$dataSourceReco, _props$loading, _props$saveError, _props$onElementRende, _props$toolbarShowSav, _props$floorMapFullsc;
+  if (ctx == null) return props;
+  return _objectSpread(_objectSpread({}, props), {}, {
+    floorMapConfig: (_props$floorMapConfig = props.floorMapConfig) !== null && _props$floorMapConfig !== void 0 ? _props$floorMapConfig : ctx.floorMapConfig,
+    dataSources: (_props$dataSources = props.dataSources) !== null && _props$dataSources !== void 0 ? _props$dataSources : ctx.dataSources,
+    onSave: (_props$onSave = props.onSave) !== null && _props$onSave !== void 0 ? _props$onSave : ctx.onSave,
+    onDataSourceRecordSave: (_props$onDataSourceRe = props.onDataSourceRecordSave) !== null && _props$onDataSourceRe !== void 0 ? _props$onDataSourceRe : ctx.onDataSourceRecordSave,
+    dataSourceLabels: (_props$dataSourceLabe = props.dataSourceLabels) !== null && _props$dataSourceLabe !== void 0 ? _props$dataSourceLabe : ctx.dataSourceLabels,
+    dataSourceFormColumns: (_props$dataSourceForm = props.dataSourceFormColumns) !== null && _props$dataSourceForm !== void 0 ? _props$dataSourceForm : ctx.dataSourceFormColumns,
+    dataSourceRecordForm: (_props$dataSourceReco = props.dataSourceRecordForm) !== null && _props$dataSourceReco !== void 0 ? _props$dataSourceReco : ctx.dataSourceRecordForm,
+    loading: (_props$loading = props.loading) !== null && _props$loading !== void 0 ? _props$loading : ctx.loading,
+    saveError: (_props$saveError = props.saveError) !== null && _props$saveError !== void 0 ? _props$saveError : ctx.saveError,
+    onElementRenderError: (_props$onElementRende = props.onElementRenderError) !== null && _props$onElementRende !== void 0 ? _props$onElementRende : ctx.onElementRenderError,
+    toolbarShowSave: (_props$toolbarShowSav = props.toolbarShowSave) !== null && _props$toolbarShowSav !== void 0 ? _props$toolbarShowSav : ctx.toolbarShowSave,
+    floorMapFullscreenMode: (_props$floorMapFullsc = props.floorMapFullscreenMode) !== null && _props$floorMapFullsc !== void 0 ? _props$floorMapFullsc : ctx.floorMapFullscreenMode
+  });
+}