@pisell/materials 1.0.1063 → 1.0.1064

package/es/components/table/Actions/component/Group/PopoverContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './PopoverContent.less';
 declare type FieldType = string | number;
 export declare type GroupValue = {

package/es/components/table/Actions/component/Group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceGroupType } from "../../../types";
 declare type GroupProps = {
     setting: DataSourceGroupType;

package/es/components/table/Actions/component/ViewMode/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GridViewType, ModeType } from "../../../types";
 declare type ViewModeProps = {
     view: GridViewType;

package/es/components/table/Actions/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterType } from "../../filter/types";
 import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
 import "./index.less";

package/es/components/table/BasicTable/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TableProps } from 'antd';
 declare const BasicTable: (props: TableProps<any>) => JSX.Element;
 export default BasicTable;

package/es/components/table/Gallery/components/GalleryItem/components/Cover/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GallerySettingType, GallerySettingValueType } from "../../../../../types";
 declare type CoverProps = {
     cover?: GallerySettingType["cover"];

package/es/components/table/Gallery/components/GalleryItem/components/RenderFields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type RenderFieldsProps = {
     fields: string[];

package/es/components/table/Gallery/components/GalleryItem/components/Title/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GallerySettingType } from "../../../../../types";
 import "./index.less";
 declare type TitleProps = GallerySettingType["title"] & {

package/es/components/table/Summary/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const Summary: ({ summary }: any) => JSX.Element | null;
 export default Summary;

package/es/components/table/Table/SelectField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SelectField: () => JSX.Element;
 export default SelectField;

package/es/components/table/Table/fields/date/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/date/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/date/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/date/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/image/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/image/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/image/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/image/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/es/components/table/Table/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/es/components/table/Table/fields/link/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/link/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/link/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/link/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/es/components/table/Table/fields/number/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/number/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/number/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/numberRange/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/numberRange/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/numberRange/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/numberRange/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/oldRangePicker/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/oldRangePicker/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/oldRangePicker/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/oldRangePicker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/pSwitch/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/pSwitch/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/pSwitch/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/pSwitch/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/es/components/table/Table/fields/rangePicker/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/rangePicker/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/rangePicker/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/rangePicker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/search/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/search/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/search/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/search/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/select/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/select/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/select/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/text/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/text/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
 declare const Show: (props: FieldPropsType) => JSX.Element;

package/es/components/table/Table/fields/text/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/text/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/treeSelect/Config/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Config: () => JSX.Element;
 export default Config;

package/es/components/table/Table/fields/treeSelect/Show/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/es/components/table/Table/fields/treeSelect/Sort/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Sort: () => JSX.Element;
 export default Sort;

package/es/components/table/Table/fields/treeSelect/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/tableConfig/SortRow/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const SortRow: ({ children, rowKey, onSortChange }: any) => JSX.Element;
 export default SortRow;

package/es/components/table/Table/tableConfig/summary/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const summary: (props: any) => JSX.Element;
 export default summary;

package/es/components/table/TableFilter/SortIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SortIconProps {
     sortOrder: null | "ascend" | "descend";
 }

package/es/components/table/View/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;

package/es/components/time-picker/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const TimePicker: (props: any) => JSX.Element;
 export default TimePicker;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Upload: (props: any) => JSX.Element;
 export default Upload;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from 'antd';
 import './index.less';
 export interface Version {

package/es/components/virtual-keyboard/Amount/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AmountProps, RightItemsStyleProps } from './types';
 import './index.less';
 export type { AmountProps, RightItemsStyleProps };

package/es/components/virtual-keyboard/Number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NumberProps } from './types';
 import './index.less';
 export type { NumberProps };

package/es/components/virtual-keyboard/Time/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

package/es/components/walletCard/Guest/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Guest: (props: any) => JSX.Element;
 export default Guest;

package/es/components/walletCard/Guide/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Guide: (props: any) => JSX.Element;
 export default Guide;

package/es/index.d.ts

@@ -129,7 +129,7 @@ export { default as PisellRow } from './components/pisellRow';
 export { default as Div } from './components/div';
 export { default as PisellBasicGrid } from './components/PisellBasicGrid';
 export { default as PisellScrollView } from './components/PisellScrollView';
-export { PisellFloorMapLayout, FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, getFigmaTableCardFromMerged, renderFigmaStyleTableCard, renderFigmaStyleRoundTableCard, getRenderItemByKindTable, getRenderItemByKindRoundTable, } from './components/pisellFloorMapLayout';
+export { PisellFloorMapLayout, FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, getFigmaTableCardFromMerged, renderFigmaStyleTableCard, renderFigmaStyleRoundTableCard, getRenderItemByKindTable, getRenderItemByKindRoundTable, FloorMapImageElement, FLOOR_MAP_IMAGE_ELEMENT_KIND, renderFloorMapFallbackPlaceholder, isFloorMapImageElementKind, } from './components/pisellFloorMapLayout';
 export type { FloorMapViewConfig, FloorMapSceneElement, FloorMapCanvasNameI18n, FloorMapMergedItem, FloorMapDataSources, FloorMapItemBase, FloorMapRenderOptions, } from './components/pisellFloorMapLayout';
 /** PisellLayouts 命名空间另含 PisellFloorMapLayoutProps 等；平面图场景细粒度类型见上方 */
 export { default as PisellViewGrid } from './components/pisellViewGrid';

package/es/index.js

@@ -134,7 +134,7 @@ export { default as Div } from "./components/div";
 export { default as PisellBasicGrid } from "./components/PisellBasicGrid";
 // 类型已在 PisellLayouts 命名空间中导出
 export { default as PisellScrollView } from "./components/PisellScrollView";
-export { PisellFloorMapLayout, FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, getFigmaTableCardFromMerged, renderFigmaStyleTableCard, renderFigmaStyleRoundTableCard, getRenderItemByKindTable, getRenderItemByKindRoundTable } from "./components/pisellFloorMapLayout";
+export { PisellFloorMapLayout, FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, getFigmaTableCardFromMerged, renderFigmaStyleTableCard, renderFigmaStyleRoundTableCard, getRenderItemByKindTable, getRenderItemByKindRoundTable, FloorMapImageElement, FLOOR_MAP_IMAGE_ELEMENT_KIND, renderFloorMapFallbackPlaceholder, isFloorMapImageElementKind } from "./components/pisellFloorMapLayout";
 /** PisellLayouts 命名空间另含 PisellFloorMapLayoutProps 等；平面图场景细粒度类型见上方 */
 export { default as PisellViewGrid } from "./components/pisellViewGrid";
 

package/lib/components/pisellFloorMapLayout/PisellFloorMapLayout.js

@@ -135,8 +135,27 @@ function PisellFloorMapLayoutInner(props, ref) {
     placeSceneElementFromPaletteDrop,
     editPanelParams,
     placeOverlayClass,
-    isLayoutDirty
+    isLayoutDirty,
+    toggleDraftCanvasShowGrid
   } = edit;
+  const effectiveMapLayer = (0, import_react.useMemo)(() => {
+    if (!isFloorMapView || !config || !currentCanvasId) {
+      return mapLayer;
+    }
+    const canvas = config.canvases.find((c) => c.id === currentCanvasId);
+    return { ...mapLayer ?? {}, ...(canvas == null ? void 0 : canvas.mapLayer) ?? {} };
+  }, [isFloorMapView, config, currentCanvasId, mapLayer]);
+  const transformWrapperKey = (0, import_react.useMemo)(() => {
+    if (!isFloorMapView) return "fmap-layout";
+    const bp = (effectiveMapLayer == null ? void 0 : effectiveMapLayer.boundingPadding) ?? "d";
+    const z = zoom.defaultScale ?? 1;
+    return `fmap-${currentCanvasId ?? "na"}-bp${bp}-z${z}`;
+  }, [
+    isFloorMapView,
+    currentCanvasId,
+    effectiveMapLayer == null ? void 0 : effectiveMapLayer.boundingPadding,
+    zoom.defaultScale
+  ]);
   const canvasesForTabs = (0, import_react.useMemo)(
     () => config ? (0, import_mergeCanvasesForTabs.mergeCanvasesForTabs)(config) : [],
     [config]
@@ -156,7 +175,10 @@ function PisellFloorMapLayoutInner(props, ref) {
     return import_utils.locales.getText("pisell-floor-map-layout.loading");
   }, [engineLocale]);
   const cellSize = cellSizeProp ?? import_layoutMeasurements.DEFAULT_CELL_SIZE;
-  const itemGap = (0, import_react.useMemo)(() => (0, import_layoutMeasurements.gapToPx)(mapLayer == null ? void 0 : mapLayer.gap), [mapLayer == null ? void 0 : mapLayer.gap]);
+  const itemGap = (0, import_react.useMemo)(
+    () => (0, import_layoutMeasurements.gapToPx)(effectiveMapLayer == null ? void 0 : effectiveMapLayer.gap),
+    [effectiveMapLayer == null ? void 0 : effectiveMapLayer.gap]
+  );
   const effectiveItemUnit = isFloorMapView ? "pixel" : itemUnit;
   const metrics = (0, import_useFloorMapTransformMetrics.useFloorMapTransformMetrics)({
     items,
@@ -168,8 +190,8 @@ function PisellFloorMapLayoutInner(props, ref) {
     zoom,
     transformRef,
     contentOffsetRef,
-    boundingPadding: mapLayer == null ? void 0 : mapLayer.boundingPadding,
-    frameResetKey: isFloorMapView ? currentCanvasId ?? "" : void 0
+    boundingPadding: effectiveMapLayer == null ? void 0 : effectiveMapLayer.boundingPadding,
+    frameResetKey: isFloorMapView ? transformWrapperKey : void 0
   });
   const {
     containerRef,
@@ -198,28 +220,10 @@ function PisellFloorMapLayoutInner(props, ref) {
     if (!isFloorMapView || mode !== "edit") return controls;
     return {
       ...controls,
-      showFullscreen: false,
-      showFitBounds: false
+      showFullscreen: false
     };
   }, [isFloorMapView, mode, controls]);
-  const topBarExtraActions = (0, import_react.useMemo)(() => {
-    if (!isFloorMapView || mode !== "edit") return null;
-    if (controls.showFitBounds !== true) return null;
-    return /* @__PURE__ */ import_react.default.createElement(
-      "button",
-      {
-        type: "button",
-        className: (0, import_classnames.default)(
-          `${PREFIX}-edit-top-bar-btn`,
-          `${PREFIX}-edit-top-bar-btn-ghost`
-        ),
-        onClick: () => fitBounds(),
-        "aria-label": "区域定位",
-        title: "区域定位"
-      },
-      "⊞"
-    );
-  }, [isFloorMapView, mode, controls.showFitBounds, fitBounds]);
+  const topBarExtraActions = null;
   const [mapPaletteDragActive, setMapPaletteDragActive] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     const clear = () => setMapPaletteDragActive(false);
@@ -243,7 +247,8 @@ function PisellFloorMapLayoutInner(props, ref) {
         type: "scene",
         elementKind: payload.elementKind,
         dataSourceKey: payload.dataSourceKey,
-        recordId: payload.recordId
+        recordId: payload.recordId,
+        recordIds: payload.recordIds
       });
     },
     [isFloorMapView, mode, placeSceneElementFromPaletteDrop]
@@ -255,7 +260,8 @@ function PisellFloorMapLayoutInner(props, ref) {
         type: "scene",
         elementKind: payload.elementKind,
         dataSourceKey: payload.dataSourceKey,
-        recordId: payload.recordId
+        recordId: payload.recordId,
+        recordIds: payload.recordIds
       });
     },
     [isFloorMapView, mode, placeSceneElementFromPaletteDrop]
@@ -490,7 +496,7 @@ function PisellFloorMapLayoutInner(props, ref) {
         /* @__PURE__ */ import_react.default.createElement(
           import_react_zoom_pan_pinch.TransformWrapper,
           {
-            key: isFloorMapView ? `fmap-${currentCanvasId ?? "na"}-bp${(mapLayer == null ? void 0 : mapLayer.boundingPadding) ?? "d"}-z${zoomConfig.initialScale}` : "fmap-layout",
+            key: transformWrapperKey,
             centerOnInit: false,
             initialScale: zoomConfig.initialScale,
             initialPositionX,
@@ -530,18 +536,13 @@ function PisellFloorMapLayoutInner(props, ref) {
                   minHeight: contentHeight,
                   position: "relative",
                   overflow: "visible",
-                  backgroundColor: "#F2F4F7",
-                  backgroundImage: [
-                    "linear-gradient(to right, rgba(0,0,0,0.08) 1px, transparent 1px)",
-                    "linear-gradient(to bottom, rgba(0,0,0,0.08) 1px, transparent 1px)"
-                  ].join(", "),
-                  backgroundSize: "50px 50px"
+                  backgroundColor: "#F2F4F7"
                 }
               },
               /* @__PURE__ */ import_react.default.createElement(
                 import_MapLayer.default,
                 {
-                  config: mapLayer,
+                  config: effectiveMapLayer,
                   contentWidth,
                   contentHeight,
                   cellSize,
@@ -565,7 +566,7 @@ function PisellFloorMapLayoutInner(props, ref) {
                   selectedId,
                   onSelect: setSelectedId,
                   onUpdateItem: handleUpdateItem,
-                  snapStep: (mapLayer == null ? void 0 : mapLayer.snapStep) ?? 0,
+                  snapStep: (effectiveMapLayer == null ? void 0 : effectiveMapLayer.snapStep) ?? 0,
                   scale,
                   onInteractionChange: setIsInteractingWithElement,
                   getMergedItemWrapperStyle
@@ -620,7 +621,9 @@ function PisellFloorMapLayoutInner(props, ref) {
                 scale,
                 isFullscreen,
                 fitBounds,
-                toggleFullscreen: editToggleFullscreen
+                toggleFullscreen: editToggleFullscreen,
+                mapGridVisible: Boolean(effectiveMapLayer == null ? void 0 : effectiveMapLayer.showGrid),
+                onToggleMapGrid: isFloorMapView ? toggleDraftCanvasShowGrid : void 0
               }
             ), isFloorMapView && mode === "edit" && editPanelParams && config && dataSources && /* @__PURE__ */ import_react.default.createElement(
               "div",