@pisell/materials 1.0.1063 → 1.0.1064

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PaginationProps } from 'antd';
 import './index.less';
 declare const Pagination: (props: PaginationProps) => JSX.Element | null;

package/es/components/PisellBasicGrid/PisellBasicGrid.d.ts

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

package/es/components/PisellCards/components/GraphicTextCard/GraphicTextCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GraphicTextCardProps } from './types';
 import './GraphicTextCard.less';
 /**

package/es/components/PisellCards/components/MultilevelCard/hooks/useMultilevelCardExpand.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MultilevelCardTrigger } from '../types';
 /**
  * 管理 MultilevelCard 的展开/收起状态

package/es/components/PisellCards/components/PisellImageCard/PisellImageCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellImageCardProps } from './types';
 import './PisellImageCard.less';
 /**

package/es/components/PisellCards/components/PisellImageCard/hooks/useImageLoad.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * 图片加载状态管理 Hook
  * @param src - 图片地址

package/es/components/PisellCards/components/TabCard/TabCard.d.ts

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

package/es/components/PisellCards/components/TextCard/TextCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './TextCard.less';
 /**
  * Provider 包装器

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellEntityCard } from '../pisellEntityCard';
 declare const PisellCards: {
     TabCard: (props: any) => JSX.Element;

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

@@ -9,7 +9,6 @@
  * <PisellFields.Number value={123} viewMode="readonly" />
  * <PisellFields.Currency value={1000} currencySymbol="$" />
  */
-/// <reference types="react" />
 declare const PisellFields: {
     SingleLineText: import("react").NamedExoticComponent<import("../pisellSingleLineText").PisellSingleLineTextProps>;
     LongText: import("react").NamedExoticComponent<import("../pisellLongText").PisellLongTextProps>;

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

@@ -13,7 +13,6 @@
  *   <Content />
  * </PisellLayouts.ScrollView>
  */
-/// <reference types="react" />
 declare const PisellLayouts: {
     BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => JSX.Element;
     ScrollView: import("react").ForwardRefExoticComponent<Omit<import("../PisellScrollView").PisellScrollViewProps, "ref"> & import("react").RefAttributes<import("../PisellScrollView").PisellScrollViewRef>>;

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

@@ -13,7 +13,6 @@
  * />
  * <PisellMetrics.StatisticList data={[...]} />
  */
-/// <reference types="react" />
 declare const PisellMetrics: {
     MetricCard: import("react").FC<import("../pisellMetricCard").PisellMetricCardProps>;
     StatisticList: (props: import("../pisellStatisticList").PisellStatisticListProps) => JSX.Element;

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

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

package/es/components/auto-complete-number/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AutoCompleteProps, InputNumberProps } from "antd";
 interface AutoCompleteNumberProps {
     autoCompleteProps: AutoCompleteProps;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BadgeProps as OriginalBadgeprops } from 'antd';
 import './index.less';
 export interface Badgeprops extends OriginalBadgeprops {

package/es/components/batch-editor/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: {
     price: import("react").FC<import("./Price").PriceProps>;
     image: (props: import("./Image").ImageProps) => JSX.Element | null;

package/es/components/batch-editor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface BatchEditorProps {
     columns: any[];

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

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

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

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

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

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

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

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

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

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

package/es/components/config-provider/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
 import "dayjs/locale/zh-cn";
 import "dayjs/locale/ja";

package/es/components/dataSourceComponents/dataSourceForm/formItem.d.ts

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

package/es/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

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

package/es/components/dataSourceComponents/dataSourceTable/filter/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface BaseFilterItem {
     name?: string;

package/es/components/dataSourceComponents/dataSourceTable/filter/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FilterItemProps } from '../../../filter/types';
 import { DataSourceType, Field } from '../../provider/dataSource/DataSourceContext';
 export declare const genGetField: (dataSource?: DataSourceType) => (key: string) => Field;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const useDataSourceKey: () => {
     dataSourceKey: string | undefined;
     dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceTableProps } from '../type';
 declare type Params = {
     pagination?: {

package/es/components/dataSourceComponents/dataSourceWrapper/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DataSourceContextProps } from '../provider/dataSource/DataSourceContext';
 declare const DataSourceWrapper: (props: DataSourceContextProps) => JSX.Element;
 export default DataSourceWrapper;

package/es/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColorPickerProps } from './type';
 import './ReadPretty.less';
 declare const ColorPickerReadPretty: (props: ColorPickerProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/DateRangePicker/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateRangePickerProps } from './type';
 import './ReadPretty.less';
 declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/IconSelect/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconSelectProps } from './type';
 import './ReadPretty.less';
 declare const IconSelectReadPretty: (props: IconSelectProps) => JSX.Element | null;

package/es/components/dataSourceComponents/fields/Input/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/Input.Json/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { JsonProps } from "./type";
 import "./ReadPretty.less";
 declare const JsonReadPretty: (props: JsonProps) => JSX.Element | null;

package/es/components/dataSourceComponents/fields/Input.Password/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PasswordProps } from './type';
 import './ReadPretty.less';
 declare const PasswordReadPretty: (props: PasswordProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.d.ts

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

package/es/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UrlProps } from './type';
 import './ReadPretty.less';
 export declare const formatUrl: (url: string) => string;

package/es/components/dataSourceComponents/fields/RecordListWrapper/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const RecordListWrapperWithDataSource: (props: import("./type").RecordListWrapperProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
     optionSourceType?: "default" | "custom" | "api" | undefined;

package/es/components/dataSourceComponents/fields/Select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const SelectWithDataSource: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
     optionSourceType?: "default" | "custom" | "api" | undefined;

package/es/components/dataSourceComponents/fields/Tabs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /** 包装 DataSource 层（提供数据源上下文） */
 declare const FormItemTabs: (props: import("./type").TabsProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;

package/es/components/dataSourceComponents/fields/TimePicker/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TimePickerProps } from './type';
 import './ReadPretty.less';
 declare const TimePickerReadPretty: (props: TimePickerProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/Translation/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TranslationProps } from './type';
 import './ReadPretty.less';
 declare const TranslationReadPretty: (props: TranslationProps) => JSX.Element;

package/es/components/dataSourceComponents/fields/Upload/CameraPopover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const CameraPopover: (props: {
     onLocalFileClick: () => void;
     onCameraChange: (file: any) => void;

package/es/components/dataSourceComponents/fields/Upload/ReadPretty.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UploadProps } from './type';
 import './ReadPretty.less';
 declare const UploadReadPretty: (props: UploadProps) => JSX.Element | null;

package/es/components/dataSourceComponents/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const formFieldMap: {
     FormItemCheckbox: import("react").FC<{}> & {
         Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;

package/es/components/date-picker/datePickerCpt.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './index.less';

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

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

package/es/components/drag-sort-tree/TreeItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { ValueProps, SortType } from '../types';
 declare type IdType = string | number;

package/es/components/drag-sort-tree/index.d.ts

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

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

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

package/es/components/filter/components/items/index.d.ts

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

package/es/components/filter/components/items/text/Editor/index.d.ts

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

package/es/components/filter/components/items/text/Preview/index.d.ts

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

package/es/components/filter/components/items/text/index.d.ts

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

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

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

package/es/components/hardwareErrorTip/errorCard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const DEVICE_TYPE_MAP: {
     readonly printer: any;

package/es/components/hardwareErrorTip/errorTipStatistics/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export declare type StatisticsData = {
     fatal: number;

package/es/components/hardwareErrorTip/logCard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const DEVICE_TYPE_MAP: {
     readonly printer: any;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type LowCodePageProps = {
     id: number;
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ConfigProviderProps } from '../config-provider';
 interface PageProps extends ConfigProviderProps {
     variablesConfig?: {

package/es/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;

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

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

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

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

package/es/components/pisellDataSourceContainer/PisellDataSourceContainer.d.ts

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

package/es/components/pisellDataSourceContainer/hooks/useDataSourceKey.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const useDataSourceKey: () => {
     dataSourceKey: string | undefined;
     dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;

package/es/components/pisellDatePicker/datePickerCpt.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './detePickerCpt.less';

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

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

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

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

package/es/components/pisellFloorMapLayout/PisellFloorMapLayout.js

@@ -42,7 +42,7 @@ import { initFloorMapLayoutLocales } from "./utils/floorMapCanvasDisplay";
 import "./PisellFloorMapLayout.less";
 var PREFIX = 'pisell-floor-map-layout';
 function PisellFloorMapLayoutInner(props, ref) {
-  var _engineCtx$engine, _config$sceneElements, _mapLayer$boundingPad;
+  var _engineCtx$engine, _config$sceneElements;
   var layoutCtx = useFloorMapLayoutContext();
   var p = mergeFloorMapLayoutPropsFromContext(props, layoutCtx);
   var className = p.className,
@@ -124,7 +124,30 @@ function PisellFloorMapLayoutInner(props, ref) {
     placeSceneElementFromPaletteDrop = edit.placeSceneElementFromPaletteDrop,
     editPanelParams = edit.editPanelParams,
     placeOverlayClass = edit.placeOverlayClass,
-    isLayoutDirty = edit.isLayoutDirty;
+    isLayoutDirty = edit.isLayoutDirty,
+    toggleDraftCanvasShowGrid = edit.toggleDraftCanvasShowGrid;
+  var effectiveMapLayer = useMemo(function () {
+    var _canvas$mapLayer;
+    if (!isFloorMapView || !config || !currentCanvasId) {
+      return mapLayer;
+    }
+    var canvas = config.canvases.find(function (c) {
+      return c.id === currentCanvasId;
+    });
+    return _objectSpread(_objectSpread({}, mapLayer !== null && mapLayer !== void 0 ? mapLayer : {}), (_canvas$mapLayer = canvas === null || canvas === void 0 ? void 0 : canvas.mapLayer) !== null && _canvas$mapLayer !== void 0 ? _canvas$mapLayer : {});
+  }, [isFloorMapView, config, currentCanvasId, mapLayer]);
+
+  /**
+   * 必须与下方 TransformWrapper 的 `key` 完全一致。
+   * 远程/合并配置落地后 boundingPadding 等会变 → Wrapper 重挂载 → 若 autoFit 仍按旧「仅 canvasId」帧认为已 done，首屏会停在初始 transform；切换画布才因 id 变化再次 fit。
+   */
+  var transformWrapperKey = useMemo(function () {
+    var _effectiveMapLayer$bo, _zoom$defaultScale;
+    if (!isFloorMapView) return 'fmap-layout';
+    var bp = (_effectiveMapLayer$bo = effectiveMapLayer === null || effectiveMapLayer === void 0 ? void 0 : effectiveMapLayer.boundingPadding) !== null && _effectiveMapLayer$bo !== void 0 ? _effectiveMapLayer$bo : 'd';
+    var z = (_zoom$defaultScale = zoom.defaultScale) !== null && _zoom$defaultScale !== void 0 ? _zoom$defaultScale : 1;
+    return "fmap-".concat(currentCanvasId !== null && currentCanvasId !== void 0 ? currentCanvasId : 'na', "-bp").concat(bp, "-z").concat(z);
+  }, [isFloorMapView, currentCanvasId, effectiveMapLayer === null || effectiveMapLayer === void 0 ? void 0 : effectiveMapLayer.boundingPadding, zoom.defaultScale]);
   var canvasesForTabs = useMemo(function () {
     return config ? mergeCanvasesForTabs(config) : [];
   }, [config]);
@@ -146,8 +169,8 @@ function PisellFloorMapLayoutInner(props, ref) {
   }, [engineLocale]);
   var cellSize = cellSizeProp !== null && cellSizeProp !== void 0 ? cellSizeProp : DEFAULT_CELL_SIZE;
   var itemGap = useMemo(function () {
-    return gapToPx(mapLayer === null || mapLayer === void 0 ? void 0 : mapLayer.gap);
-  }, [mapLayer === null || mapLayer === void 0 ? void 0 : mapLayer.gap]);
+    return gapToPx(effectiveMapLayer === null || effectiveMapLayer === void 0 ? void 0 : effectiveMapLayer.gap);
+  }, [effectiveMapLayer === null || effectiveMapLayer === void 0 ? void 0 : effectiveMapLayer.gap]);
   var effectiveItemUnit = isFloorMapView ? 'pixel' : itemUnit;
   var metrics = useFloorMapTransformMetrics({
     items: items,
@@ -159,8 +182,8 @@ function PisellFloorMapLayoutInner(props, ref) {
     zoom: zoom,
     transformRef: transformRef,
     contentOffsetRef: contentOffsetRef,
-    boundingPadding: mapLayer === null || mapLayer === void 0 ? void 0 : mapLayer.boundingPadding,
-    frameResetKey: isFloorMapView ? currentCanvasId !== null && currentCanvasId !== void 0 ? currentCanvasId : '' : undefined
+    boundingPadding: effectiveMapLayer === null || effectiveMapLayer === void 0 ? void 0 : effectiveMapLayer.boundingPadding,
+    frameResetKey: isFloorMapView ? transformWrapperKey : undefined
   });
   var containerRef = metrics.containerRef,
     mapAreaRef = metrics.mapAreaRef,
@@ -189,23 +212,10 @@ function PisellFloorMapLayoutInner(props, ref) {
   var viewControlsConfig = useMemo(function () {
     if (!isFloorMapView || mode !== 'edit') return controls;
     return _objectSpread(_objectSpread({}, controls), {}, {
-      showFullscreen: false,
-      showFitBounds: false
+      showFullscreen: false
     });
   }, [isFloorMapView, mode, controls]);
-  var topBarExtraActions = useMemo(function () {
-    if (!isFloorMapView || mode !== 'edit') return null;
-    if (controls.showFitBounds !== true) return null;
-    return /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: classNames("".concat(PREFIX, "-edit-top-bar-btn"), "".concat(PREFIX, "-edit-top-bar-btn-ghost")),
-      onClick: function onClick() {
-        return fitBounds();
-      },
-      "aria-label": "\u533A\u57DF\u5B9A\u4F4D",
-      title: "\u533A\u57DF\u5B9A\u4F4D"
-    }, "\u229E");
-  }, [isFloorMapView, mode, controls.showFitBounds, fitBounds]);
+  var topBarExtraActions = null;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     mapPaletteDragActive = _useState2[0],
@@ -233,7 +243,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]);
   var applyPaletteTouchDropInScene = useCallback(function (payload, cx, cy) {
@@ -242,7 +253,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]);
   var paletteTouchDrag = useFloorMapPaletteTouchDrag({
@@ -431,7 +443,7 @@ function PisellFloorMapLayoutInner(props, ref) {
       }
     }
   }, /*#__PURE__*/React.createElement(TransformWrapper, {
-    key: isFloorMapView ? "fmap-".concat(currentCanvasId !== null && currentCanvasId !== void 0 ? currentCanvasId : 'na', "-bp").concat((_mapLayer$boundingPad = mapLayer === null || mapLayer === void 0 ? void 0 : mapLayer.boundingPadding) !== null && _mapLayer$boundingPad !== void 0 ? _mapLayer$boundingPad : 'd', "-z").concat(zoomConfig.initialScale) : 'fmap-layout',
+    key: transformWrapperKey,
     centerOnInit: false,
     initialScale: zoomConfig.initialScale,
     initialPositionX: initialPositionX,
@@ -457,7 +469,7 @@ function PisellFloorMapLayoutInner(props, ref) {
       };
     }
   }, function (ctx) {
-    var _mapLayer$snapStep;
+    var _effectiveMapLayer$sn;
     transformRef.current = ctx;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TransformComponent, {
       wrapperStyle: {
@@ -473,12 +485,10 @@ 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__*/React.createElement(MapLayer, {
-      config: mapLayer,
+      config: effectiveMapLayer,
       contentWidth: contentWidth,
       contentHeight: contentHeight,
       cellSize: cellSize,
@@ -498,7 +508,7 @@ function PisellFloorMapLayoutInner(props, ref) {
       selectedId: selectedId,
       onSelect: setSelectedId,
       onUpdateItem: handleUpdateItem,
-      snapStep: (_mapLayer$snapStep = mapLayer === null || mapLayer === void 0 ? void 0 : mapLayer.snapStep) !== null && _mapLayer$snapStep !== void 0 ? _mapLayer$snapStep : 0,
+      snapStep: (_effectiveMapLayer$sn = effectiveMapLayer === null || effectiveMapLayer === void 0 ? void 0 : effectiveMapLayer.snapStep) !== null && _effectiveMapLayer$sn !== void 0 ? _effectiveMapLayer$sn : 0,
       scale: scale,
       onInteractionChange: setIsInteractingWithElement,
       getMergedItemWrapperStyle: getMergedItemWrapperStyle
@@ -542,7 +552,9 @@ function PisellFloorMapLayoutInner(props, ref) {
       scale: scale,
       isFullscreen: isFullscreen,
       fitBounds: fitBounds,
-      toggleFullscreen: editToggleFullscreen
+      toggleFullscreen: editToggleFullscreen,
+      mapGridVisible: Boolean(effectiveMapLayer === null || effectiveMapLayer === void 0 ? void 0 : effectiveMapLayer.showGrid),
+      onToggleMapGrid: isFloorMapView ? toggleDraftCanvasShowGrid : undefined
     }), isFloorMapView && mode === 'edit' && editPanelParams && config && dataSources && /*#__PURE__*/React.createElement("div", {
       className: classNames("".concat(PREFIX, "-edit-panel-wrap"), mapAreaSize.height > 0 && "".concat(PREFIX, "-edit-panel-wrap-constrained")),
       style: mapAreaSize.height > 0 ? {