@pisell/materials 1.8.20 → 1.8.21

package/es/components/pisellFloorMapLayout/components/FloorMapEditTopBar.js

@@ -1,7 +1,7 @@
 /**
  * FloorMapEditTopBar - 编辑态顶栏
- * - `mode="compact"`：画布 Tab + 全屏入口（非全屏时；保存等在侧栏）
- * - `mode="full"`：画布 Tab + 保存 + 全屏退出 + 扩展操作（全屏时）
+ * - `mode="compact"`：画布 Tab + 可选 `canvasTabsBarTrailing` + 全屏入口（非全屏；保存多在侧栏）
+ * - `mode="full"`：画布 Tab + `canvasTabsBarTrailing` + 保存（仅非浏览器全屏时）+ 全屏退出 + 扩展操作
  */
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
@@ -36,6 +36,7 @@ export function FloorMapEditTopBar(props) {
     _props$controls = props.controls,
     controls = _props$controls === void 0 ? {} : _props$controls,
     extraActions = props.extraActions,
+    canvasTabsBarTrailing = props.canvasTabsBarTrailing,
     className = props.className;
   var engineCtx = useEngineContext();
   var engineLocale = (engineCtx === null || engineCtx === void 0 || (_engineCtx$engine = engineCtx.engine) === null || _engineCtx$engine === void 0 || (_engineCtx$engine = _engineCtx$engine.props) === null || _engineCtx$engine === void 0 ? void 0 : _engineCtx$engine.locale) || 'zh-CN';
@@ -52,13 +53,17 @@ export function FloorMapEditTopBar(props) {
       saving: locales.getText("".concat(I18N_TB, ".saving"))
     };
   }, [engineLocale]);
-  var showSave = Boolean(onSave && config.canvasUi.canEdit);
-  /** compact：右侧仅「进入全屏」 */
-  var showFullscreenEnter = mode === 'compact' && Boolean(toggleFullscreen);
+
+  /** 浏览器全屏时顶栏不展示保存，改由侧栏承担（见 PisellFloorMapLayout 对 Toolbar onSave 的互斥逻辑） */
+  var showSave = Boolean(onSave && config.canvasUi.canEdit) && !isFullscreen;
+  /** compact：有 toggle 时展示「进入全屏」 */
+  var showFullscreenEnter = Boolean(toggleFullscreen);
   /** full 模式在全屏态下展示「退出全屏」 */
   var showFullscreenExit = mode === 'full' && isFullscreen && Boolean(toggleFullscreen);
-  var hasFullActions = showSave || showFullscreenExit || Boolean(saveError) || extraActions != null && extraActions !== false;
+  var hasTrailing = canvasTabsBarTrailing != null && canvasTabsBarTrailing !== false;
+  var hasFullActions = showSave || showFullscreenExit || Boolean(saveError) || extraActions != null && extraActions !== false || hasTrailing;
   if (mode === 'compact') {
+    var showCompactActions = hasTrailing || showFullscreenEnter;
     return /*#__PURE__*/React.createElement("div", {
       className: classNames("".concat(PREFIX, "-edit-top-bar"), className),
       role: "toolbar",
@@ -74,9 +79,9 @@ export function FloorMapEditTopBar(props) {
       onRemoveCanvas: onRemoveCanvas,
       onRenameCanvas: onRenameCanvas,
       className: "".concat(PREFIX, "-edit-top-bar-canvas-tabs")
-    })), showFullscreenEnter ? /*#__PURE__*/React.createElement("div", {
+    })), showCompactActions ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(PREFIX, "-edit-top-bar-actions")
-    }, /*#__PURE__*/React.createElement("button", {
+    }, canvasTabsBarTrailing, showFullscreenEnter ? /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: classNames("".concat(PREFIX, "-edit-top-bar-btn"), "".concat(PREFIX, "-edit-top-bar-btn-ghost")),
       onClick: function onClick() {
@@ -84,7 +89,7 @@ export function FloorMapEditTopBar(props) {
       },
       "aria-label": topBarLabels.fsEnterAria,
       title: topBarLabels.fsEnterTitle
-    }, /*#__PURE__*/React.createElement(FullscreenOutlined, null))) : null);
+    }, /*#__PURE__*/React.createElement(FullscreenOutlined, null)) : null) : null);
   }
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(PREFIX, "-edit-top-bar"), className),
@@ -106,7 +111,7 @@ export function FloorMapEditTopBar(props) {
   }, saveError ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(PREFIX, "-edit-top-bar-error"),
     title: typeof saveError === 'string' ? saveError : saveError === null || saveError === void 0 ? void 0 : saveError.message
-  }, typeof saveError === 'string' ? saveError : saveError === null || saveError === void 0 ? void 0 : saveError.message) : null, extraActions, showFullscreenExit ? /*#__PURE__*/React.createElement("button", {
+  }, typeof saveError === 'string' ? saveError : saveError === null || saveError === void 0 ? void 0 : saveError.message) : null, canvasTabsBarTrailing, extraActions, showFullscreenExit ? /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: classNames("".concat(PREFIX, "-edit-top-bar-btn"), "".concat(PREFIX, "-edit-top-bar-btn-ghost")),
     onClick: function onClick() {

package/es/components/pisellFloorMapLayout/components/FloorMapToolbar.js

@@ -20,6 +20,7 @@ import { Select } from 'antd';
 import { FLOOR_MAP_IMAGE_ELEMENT_KIND, FLOOR_MAP_STAGE_ELEMENT_KIND } from "../types";
 import { resolveDataBindingPolicy } from "../utils/floorMapElementKindUtils";
 import { FLOOR_MAP_PALETTE_DRAG_MIME } from "../utils/floorMapDropUtils";
+import { formatDataRecordOptionLabel } from "../utils/floorMapDataRecordLabel";
 import "./FloorMapToolbar.less";
 var PREFIX = 'pisell-floor-map-layout';
 var DEFAULT_PLACEMENT_SIZE = {
@@ -27,12 +28,6 @@ var DEFAULT_PLACEMENT_SIZE = {
   height: 120
 };
 var DEFAULT_DECORATION_SIZE = 48;
-function formatDataRecordOptionLabel(record) {
-  var name = record.name != null ? String(record.name) : '';
-  var status = record.status != null ? String(record.status) : '';
-  if (name && status) return "".concat(name, "\uFF08").concat(status, "\uFF09");
-  return name || String(record.id);
-}
 function getUnplacedRecordsForKey(dataSourceKey, dataSources, elements) {
   var _dataSources$dataSour;
   var used = new Set(elements.filter(function (e) {
@@ -173,12 +168,16 @@ export function FloorMapToolbar(props) {
   var handleDsChange = function handleDsChange(mode, key) {
     onPlaceModeChange(_objectSpread(_objectSpread({}, mode), {}, {
       dataSourceKey: key,
-      recordId: undefined
+      recordId: undefined,
+      recordIds: undefined
     }));
   };
-  var handleRecordChange = function handleRecordChange(mode, recordId) {
+  var handleRecordsChange = function handleRecordsChange(mode, ids) {
+    var _ids$filter;
+    var list = (_ids$filter = ids === null || ids === void 0 ? void 0 : ids.filter(Boolean)) !== null && _ids$filter !== void 0 ? _ids$filter : [];
     onPlaceModeChange(_objectSpread(_objectSpread({}, mode), {}, {
-      recordId: recordId || undefined
+      recordIds: list.length > 0 ? list : undefined,
+      recordId: undefined
     }));
   };
   var cancelPlaceMode = function cancelPlaceMode() {
@@ -209,10 +208,13 @@ export function FloorMapToolbar(props) {
     }) : allKeys;
     var paletteDragPayload = _objectSpread({
       elementKind: k.value
-    }, (placeMode === null || placeMode === void 0 ? void 0 : placeMode.type) === 'scene' && placeMode.elementKind === k.value ? {
-      dataSourceKey: placeMode.dataSourceKey,
+    }, (placeMode === null || placeMode === void 0 ? void 0 : placeMode.type) === 'scene' && placeMode.elementKind === k.value ? _objectSpread({
+      dataSourceKey: placeMode.dataSourceKey
+    }, placeMode.recordIds && placeMode.recordIds.length > 0 ? {
+      recordIds: placeMode.recordIds
+    } : placeMode.recordId ? {
       recordId: placeMode.recordId
-    } : {});
+    } : {}) : {});
     return /*#__PURE__*/React.createElement("div", {
       key: k.value,
       className: "".concat(PREFIX, "-toolbar-preview-card-wrap")
@@ -273,7 +275,7 @@ export function FloorMapToolbar(props) {
       onChange: function onChange(v) {
         if ((placeMode === null || placeMode === void 0 ? void 0 : placeMode.type) === 'scene') handleDsChange(placeMode, v);
       },
-      size: "small",
+      size: "large",
       style: {
         width: '100%'
       }
@@ -291,10 +293,13 @@ export function FloorMapToolbar(props) {
           className: "".concat(PREFIX, "-toolbar-record-pick-hint")
         }, "\u5F53\u524D\u6570\u636E\u6E90\u65E0\u672A\u7ED1\u5B9A\u8BB0\u5F55\uFF0C\u6216\u5217\u8868\u4E3A\u7A7A\uFF1B\u53EF\u76F4\u63A5\u5728\u753B\u5E03\u843D\u70B9\u5360\u4F4D\u3002");
       }
+      var recordValue = mode !== null && mode !== void 0 && mode.recordIds && mode.recordIds.length > 0 ? mode.recordIds : mode !== null && mode !== void 0 && mode.recordId ? [mode.recordId] : undefined;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Select, {
-        placeholder: "\u9009\u62E9\u8981\u5C55\u793A\u7684\u8BB0\u5F55\uFF08\u53EF\u9009\uFF09",
+        mode: "multiple",
+        placeholder: "\u9009\u62E9\u8981\u5C55\u793A\u7684\u8BB0\u5F55\uFF08\u53EF\u9009\uFF0C\u53EF\u591A\u9009\uFF09",
         allowClear: true,
-        value: mode === null || mode === void 0 ? void 0 : mode.recordId,
+        maxTagCount: "responsive",
+        value: recordValue,
         options: unplaced.map(function (r) {
           return {
             value: r.id,
@@ -302,16 +307,16 @@ export function FloorMapToolbar(props) {
           };
         }),
         onChange: function onChange(v) {
-          if (mode) handleRecordChange(mode, v);
+          if (mode) handleRecordsChange(mode, v);
         },
-        size: "small",
+        size: "large",
         style: {
           width: '100%',
           marginTop: 4
         }
       }), /*#__PURE__*/React.createElement("div", {
         className: "".concat(PREFIX, "-toolbar-record-pick-hint")
-      }, "\u9009\u4E2D\u540E\u5728\u753B\u5E03\u70B9\u51FB\u5B8C\u6210\u843D\u4F4D\uFF1B\u7559\u7A7A\u5219\u5148\u5360\u4F4D\uFF0C\u7A0D\u540E\u5728\u4FA7\u680F\u7ED1\u5B9A\u3002"));
+      }, "\u53EF\u9009\u591A\u6761\uFF0C\u5728\u753B\u5E03\u70B9\u51FB\u4E00\u6B21\u5C06\u6309\u9636\u68AF\u504F\u79FB\u843D\u591A\u6761\uFF1B\u7559\u7A7A\u5219\u5148\u5360\u4F4D\uFF0C\u7A0D\u540E\u5728\u4FA7\u680F\u7ED1\u5B9A\u3002"));
     }()), allowedKeys.length === 0 && /*#__PURE__*/React.createElement("div", {
       className: "".concat(PREFIX, "-toolbar-record-hint")
     }, "\u65E0\u53EF\u7528\u6570\u636E\u6E90"), /*#__PURE__*/React.createElement("button", {

package/es/components/pisellFloorMapLayout/components/FloorMapToolbar.less

@@ -2,7 +2,7 @@
 .pisell-floor-map-layout-toolbar {
   &.pisell-floor-map-layout-toolbar-sidebar {
     position: relative;
-    width: 220px;
+    width: 248px;
     flex-shrink: 0;
     display: flex;
     flex-direction: column;
@@ -131,8 +131,9 @@
     display: block;
     width: 100%;
     margin-top: 8px;
-    padding: 8px 12px;
-    font-size: 13px;
+    padding: 10px 16px;
+    font-size: 15px;
+    min-height: 40px;
     color: #333;
     background: #f5f5f5;
     border: 1px solid #d9d9d9;
@@ -152,8 +153,9 @@
 
     &.cancel-inline {
       margin-top: 0;
-      padding: 4px 8px;
-      font-size: 12px;
+      padding: 8px 12px;
+      font-size: 14px;
+      min-height: 40px;
       color: #8c8c8c;
     }
 

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

@@ -20,6 +20,7 @@ function toCssSize(v) {
   return typeof v === 'number' ? "".concat(v, "px") : v;
 }
 export function MapLayer(props) {
+  var _config$snapStep;
   var _props$config = props.config,
     config = _props$config === void 0 ? {} : _props$config,
     _props$contentWidth = props.contentWidth,
@@ -69,10 +70,12 @@ export function MapLayer(props) {
     pointerEvents: 'none'
   } : {});
 
-  /** 网格线：用 CSS 线性渐变模拟 */
+  /** 网格线：用 CSS 线性渐变模拟（默认不小于 50px，避免像素模式下格线过密） */
+  var snapStep = Math.max(1, Number((_config$snapStep = config.snapStep) !== null && _config$snapStep !== void 0 ? _config$snapStep : 1) || 1);
+  var gridSize = Math.max(50, Math.round(cellSize * snapStep));
   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")
+    backgroundSize: "".concat(gridSize, "px ").concat(gridSize, "px")
   } : {};
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(PREFIX, "-map-layer"), className),

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

@@ -21,6 +21,10 @@ export interface ViewControlsProps {
     /** 当前是否处于全屏 */
     isFullscreen?: boolean;
     className?: string;
+    /** 与 config.showGridToggle 联用：当前画布是否显示网格 */
+    mapGridVisible?: boolean;
+    /** 切换当前画布 draft 的 mapLayer.showGrid */
+    onToggleMapGrid?: () => void;
 }
 export declare function ViewControls(props: ViewControlsProps): JSX.Element;
 export default ViewControls;

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

@@ -1,9 +1,13 @@
+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 _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); }
 /**
  * ViewControls - 内置视图控制按钮：缩放（Stepper）、复位、区域定位
  */
 import React from 'react';
 import classNames from 'classnames';
-import { MinusOutlined, PlusOutlined, FullscreenOutlined, FullscreenExitOutlined } from '@ant-design/icons';
+import { MinusOutlined, PlusOutlined, FullscreenOutlined, FullscreenExitOutlined, BorderInnerOutlined } from '@ant-design/icons';
 import "./ViewControls.less";
 var PREFIX = 'pisell-floor-map-layout';
 
@@ -17,12 +21,17 @@ export function ViewControls(props) {
     scale = _props$scale === void 0 ? 1 : _props$scale,
     _props$isFullscreen = props.isFullscreen,
     isFullscreen = _props$isFullscreen === void 0 ? false : _props$isFullscreen,
-    className = props.className;
+    className = props.className,
+    _props$mapGridVisible = props.mapGridVisible,
+    mapGridVisible = _props$mapGridVisible === void 0 ? false : _props$mapGridVisible,
+    onToggleMapGrid = props.onToggleMapGrid;
   var showZoom = config.showZoom !== false;
   var showReset = config.showReset === true;
   var showFitBounds = config.showFitBounds === true;
   var showFullscreen = config.showFullscreen === true;
+  var showGridToggle = config.showGridToggle === true && typeof onToggleMapGrid === 'function';
   var scalePercent = Math.round(scale * 100);
+  var showToolsCapsule = showReset || showFitBounds || showFullscreen || showGridToggle;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(PREFIX, "-view-controls"), className)
   }, showZoom && /*#__PURE__*/React.createElement("div", {
@@ -43,27 +52,37 @@ export function ViewControls(props) {
       return api.zoomIn();
     },
     "aria-label": "\u653E\u5927"
-  }, /*#__PURE__*/React.createElement(PlusOutlined, null))), showReset && /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React.createElement(PlusOutlined, null))), showToolsCapsule && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX, "-view-controls-tools-capsule")
+  }, showReset && /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: "".concat(PREFIX, "-view-controls-btn"),
+    className: "".concat(PREFIX, "-view-controls-tool-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"),
+    className: "".concat(PREFIX, "-view-controls-tool-btn"),
     onClick: function onClick() {
       return api.fitBounds();
     },
     "aria-label": "\u533A\u57DF\u5B9A\u4F4D"
-  }, "\u229E"), showFullscreen && api.toggleFullscreen && /*#__PURE__*/React.createElement("button", {
+  }, "\u229E"), showGridToggle && /*#__PURE__*/React.createElement("button", {
     type: "button",
-    className: "".concat(PREFIX, "-view-controls-btn"),
+    className: classNames("".concat(PREFIX, "-view-controls-tool-btn"), _defineProperty({}, "".concat(PREFIX, "-view-controls-tool-btn--active"), mapGridVisible)),
+    onClick: function onClick() {
+      return onToggleMapGrid();
+    },
+    "aria-pressed": mapGridVisible,
+    "aria-label": mapGridVisible ? '隐藏网格' : '显示网格'
+  }, /*#__PURE__*/React.createElement(BorderInnerOutlined, null)), showFullscreen && api.toggleFullscreen && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "".concat(PREFIX, "-view-controls-tool-btn"),
     onClick: function onClick() {
       return api.toggleFullscreen();
     },
     "aria-label": isFullscreen ? '退出全屏' : '全屏'
-  }, isFullscreen ? /*#__PURE__*/React.createElement(FullscreenExitOutlined, null) : /*#__PURE__*/React.createElement(FullscreenOutlined, null)));
+  }, isFullscreen ? /*#__PURE__*/React.createElement(FullscreenExitOutlined, null) : /*#__PURE__*/React.createElement(FullscreenOutlined, null))));
 }
 export default ViewControls;

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

@@ -10,6 +10,7 @@
   gap: 6px;
 
   /* Stepper：胶囊形 [减] 数值% [加] */
+
   &-zoom-stepper {
     display: flex;
     align-items: center;
@@ -52,26 +53,49 @@
     color: #101828;
   }
 
-  &-btn {
-    width: 32px;
-    height: 32px;
+  /* 复位 / 区域定位 / 全屏 / 网格：与 Stepper 同系胶囊条 */
+
+  &-tools-capsule {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 4px;
+    min-height: 56px;
+    padding: 2px 6px;
+    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);
+  }
+
+  &-tool-btn {
+    width: 52px;
+    height: 52px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 4px;
-    background: #fff;
+    border: none;
+    border-radius: 50%;
+    background: transparent;
     cursor: pointer;
-    font-size: 18px;
+    color: #101828;
+    font-size: 20px;
     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;
+      background: #f2f4f7;
+      color: #101828;
+    }
+  }
+
+  &-tool-btn--active {
+    background: #fff4ed;
+    color: #ff692e;
+
+    &:hover {
+      background: #ffe8d9;
+      color: #ff692e;
     }
   }
 }

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

@@ -7,5 +7,7 @@ export interface ViewControlsWithZoomProps {
     fitBounds: () => void;
     /** 未传时不展示全屏按钮（如编辑态 floorMapFullscreenMode 为 disabled） */
     toggleFullscreen?: () => void;
+    mapGridVisible?: boolean;
+    onToggleMapGrid?: () => void;
 }
 export declare function ViewControlsWithZoom(props: ViewControlsWithZoomProps): JSX.Element;

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

@@ -22,6 +22,8 @@ export function ViewControlsWithZoom(props) {
     api: api,
     config: props.config,
     scale: props.scale,
-    isFullscreen: props.isFullscreen
+    isFullscreen: props.isFullscreen,
+    mapGridVisible: props.mapGridVisible,
+    onToggleMapGrid: props.onToggleMapGrid
   });
 }

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

@@ -8,7 +8,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * 将 `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;
+  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, _props$showDataSource;
   if (ctx == null) return props;
   return _objectSpread(_objectSpread({}, props), {}, {
     floorMapConfig: (_props$floorMapConfig = props.floorMapConfig) !== null && _props$floorMapConfig !== void 0 ? _props$floorMapConfig : ctx.floorMapConfig,
@@ -22,6 +22,7 @@ export function mergeFloorMapLayoutPropsFromContext(props, ctx) {
     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
+    floorMapFullscreenMode: (_props$floorMapFullsc = props.floorMapFullscreenMode) !== null && _props$floorMapFullsc !== void 0 ? _props$floorMapFullsc : ctx.floorMapFullscreenMode,
+    showDataSourceRecordFormBlock: (_props$showDataSource = props.showDataSourceRecordFormBlock) !== null && _props$showDataSource !== void 0 ? _props$showDataSource : ctx.showDataSourceRecordFormBlock
   });
 }

package/es/components/pisellFloorMapLayout/hooks/useFloorMapEditState.d.ts

@@ -16,6 +16,7 @@ export interface UseFloorMapEditStateParams<T extends FloorMapItemBase> {
         x: number;
         y: number;
     }>;
+    showDataSourceRecordFormBlock?: boolean;
 }
 export declare function useFloorMapEditState<T extends FloorMapItemBase>(params: UseFloorMapEditStateParams<T>): {
     config: FloorMapViewConfig | null;
@@ -54,7 +55,9 @@ export declare function useFloorMapEditState<T extends FloorMapItemBase>(params:
         dataSourceRecordForm: Record<string, FloorMapDataSourceRecordFormContent> | undefined;
         dataSourceLabels: Record<string, string> | undefined;
         layoutDraftDirty: boolean;
+        showDataSourceRecordFormBlock: boolean | undefined;
     } | null;
     placeOverlayClass: string;
     isLayoutDirty: boolean;
+    toggleDraftCanvasShowGrid: () => void;
 };