@pisell/materials 1.8.20 → 1.8.22

package/es/components/pisellFloorMapLayout/PisellFloorMapLayout.js

@@ -17,6 +17,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  */
 import React, { useMemo, useRef, useImperativeHandle, useCallback, useState, useEffect } from 'react';
 import classNames from 'classnames';
+import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons';
 import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
 import MapLayer from "./components/MapLayer";
 import ItemLayer from "./components/ItemLayer";
@@ -42,7 +43,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,
@@ -81,7 +82,10 @@ function PisellFloorMapLayoutInner(props, ref) {
     onElementRenderError = p.onElementRenderError,
     _p$toolbarShowSave = p.toolbarShowSave,
     toolbarShowSave = _p$toolbarShowSave === void 0 ? true : _p$toolbarShowSave,
-    floorMapFullscreenMode = p.floorMapFullscreenMode;
+    floorMapFullscreenMode = p.floorMapFullscreenMode,
+    showDataSourceRecordFormBlock = p.showDataSourceRecordFormBlock,
+    floorMapViewportOverlay = p.floorMapViewportOverlay,
+    canvasTabsBarTrailing = p.canvasTabsBarTrailing;
   var isFloorMapView = Boolean(floorMapConfigProp);
   var contentOffsetRef = useRef({
     x: 0,
@@ -101,7 +105,8 @@ function PisellFloorMapLayoutInner(props, ref) {
     dataSourceRecordForm: dataSourceRecordForm,
     dataSourceLabels: dataSourceLabels,
     layoutPrefix: PREFIX,
-    contentOffsetRef: contentOffsetRef
+    contentOffsetRef: contentOffsetRef,
+    showDataSourceRecordFormBlock: showDataSourceRecordFormBlock
   });
   var config = edit.config,
     currentCanvasId = edit.currentCanvasId,
@@ -122,30 +127,64 @@ 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]);
   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';
+  var hasCanvasTabsBarTrailing = canvasTabsBarTrailing != null && canvasTabsBarTrailing !== false;
   var showReadModeCanvasTabsBar = useMemo(function () {
     if (!isFloorMapView || mode !== 'read' || !config) return false;
+    if (hasCanvasTabsBarTrailing) return true;
     return canvasesForTabs.filter(function (c) {
       return c.enabled;
     }).length > 1;
-  }, [isFloorMapView, mode, config, canvasesForTabs]);
+  }, [isFloorMapView, mode, config, canvasesForTabs, hasCanvasTabsBarTrailing]);
   var readCanvasTabsAriaLabel = useMemo(function () {
     initFloorMapLayoutLocales(engineLocale);
     return locales.getText('pisell-floor-map-layout.read-canvas-tabs.aria');
   }, [engineLocale]);
+  var readCanvasTabsFsLabels = useMemo(function () {
+    initFloorMapLayoutLocales(engineLocale);
+    return {
+      fsEnterAria: locales.getText('pisell-floor-map-layout.edit-top-bar.fullscreen-enter-aria'),
+      fsEnterTitle: locales.getText('pisell-floor-map-layout.edit-top-bar.fullscreen-enter-title'),
+      fsExitAria: locales.getText('pisell-floor-map-layout.edit-top-bar.fullscreen-exit-aria'),
+      fsExitTitle: locales.getText('pisell-floor-map-layout.edit-top-bar.fullscreen-exit-title')
+    };
+  }, [engineLocale]);
   var loadingLabel = useMemo(function () {
     initFloorMapLayoutLocales(engineLocale);
     return locales.getText('pisell-floor-map-layout.loading');
   }, [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,
@@ -157,8 +196,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,
@@ -184,26 +223,14 @@ function PisellFloorMapLayoutInner(props, ref) {
   var useFullTopChrome = isFloorMapView && mode === 'edit' && (fsMode === 'locked' || fsMode === 'toggle' && isFullscreen);
   /** 仅 toggle 时向顶栏/控件传入，避免 locked/disabled 误显全屏按钮 */
   var editToggleFullscreen = fsMode === 'toggle' ? toggleFullscreen : undefined;
+  var readToggleFullscreen = isFloorMapView && mode === 'read' && fsMode === 'toggle' ? toggleFullscreen : undefined;
   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],
@@ -231,7 +258,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) {
@@ -240,7 +268,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({
@@ -298,9 +327,12 @@ function PisellFloorMapLayoutInner(props, ref) {
         var _transformRef$current3;
         return (_transformRef$current3 = transformRef.current) === null || _transformRef$current3 === void 0 ? void 0 : _transformRef$current3.resetTransform();
       },
-      fitBounds: fitBounds
+      fitBounds: fitBounds,
+      saveLayout: function saveLayout() {
+        return handleSave();
+      }
     };
-  }, [fitBounds]);
+  }, [fitBounds, handleSave]);
   var showSidebar = isFloorMapView && mode === 'edit' && config && dataSources;
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
@@ -326,7 +358,8 @@ function PisellFloorMapLayoutInner(props, ref) {
     onRenameCanvas: handleRenameCanvas,
     toggleFullscreen: editToggleFullscreen,
     isFullscreen: false,
-    controls: controls
+    controls: controls,
+    canvasTabsBarTrailing: canvasTabsBarTrailing
   }), isFloorMapView && mode === 'edit' && config && useFullTopChrome && /*#__PURE__*/React.createElement(FloorMapEditTopBar, {
     mode: "full",
     config: config,
@@ -347,7 +380,8 @@ function PisellFloorMapLayoutInner(props, ref) {
     toggleFullscreen: editToggleFullscreen,
     isFullscreen: isFullscreen,
     controls: controls,
-    extraActions: topBarExtraActions
+    extraActions: topBarExtraActions,
+    canvasTabsBarTrailing: canvasTabsBarTrailing
   }), showReadModeCanvasTabsBar && /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX, "-edit-top-bar ").concat(PREFIX, "-read-canvas-tabs-bar"),
     role: "toolbar",
@@ -363,7 +397,17 @@ function PisellFloorMapLayoutInner(props, ref) {
     },
     canEdit: false,
     className: "".concat(PREFIX, "-edit-top-bar-canvas-tabs")
-  }))), loading && /*#__PURE__*/React.createElement("div", {
+  })), hasCanvasTabsBarTrailing || readToggleFullscreen ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX, "-edit-top-bar-actions")
+  }, canvasTabsBarTrailing, readToggleFullscreen ? /*#__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 readToggleFullscreen();
+    },
+    "aria-label": isFullscreen ? readCanvasTabsFsLabels.fsExitAria : readCanvasTabsFsLabels.fsEnterAria,
+    title: isFullscreen ? readCanvasTabsFsLabels.fsExitTitle : readCanvasTabsFsLabels.fsEnterTitle
+  }, isFullscreen ? /*#__PURE__*/React.createElement(FullscreenExitOutlined, null) : /*#__PURE__*/React.createElement(FullscreenOutlined, null)) : null) : null), loading && /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX, "-loading")
   }, /*#__PURE__*/React.createElement("span", null, loadingLabel)), saveError && !(isFloorMapView && mode === 'edit' && config) && /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX, "-save-error")
@@ -390,7 +434,7 @@ function PisellFloorMapLayoutInner(props, ref) {
       height: 120
     },
     decorationPreviewSize: 48,
-    onSave: !useFullTopChrome && toolbarShowSave !== false && onSave && config.canvasUi.canEdit ? handleSave : undefined,
+    onSave: onSave && config.canvasUi.canEdit && (!useFullTopChrome && toolbarShowSave !== false || useFullTopChrome && isFullscreen) ? handleSave : undefined,
     saving: saving,
     saveError: saveError,
     layoutDirty: isLayoutDirty,
@@ -426,7 +470,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,
@@ -452,7 +496,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: {
@@ -468,12 +512,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,
@@ -493,7 +535,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
@@ -537,8 +579,17 @@ function PisellFloorMapLayoutInner(props, ref) {
       scale: scale,
       isFullscreen: isFullscreen,
       fitBounds: fitBounds,
-      toggleFullscreen: editToggleFullscreen
-    }), isFloorMapView && mode === 'edit' && editPanelParams && config && dataSources && /*#__PURE__*/React.createElement("div", {
+      toggleFullscreen: editToggleFullscreen,
+      mapGridVisible: Boolean(effectiveMapLayer === null || effectiveMapLayer === void 0 ? void 0 : effectiveMapLayer.showGrid),
+      onToggleMapGrid: isFloorMapView ? toggleDraftCanvasShowGrid : undefined
+    }), isFloorMapView && floorMapViewportOverlay != null ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(PREFIX, "-viewport-overlay")
+    }, typeof floorMapViewportOverlay === 'function' ? floorMapViewportOverlay({
+      items: items,
+      dataSources: dataSources,
+      currentCanvasId: currentCanvasId,
+      mode: mode
+    }) : floorMapViewportOverlay) : null, 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 ? {
         height: mapAreaSize.height - 32,

package/es/components/pisellFloorMapLayout/PisellFloorMapLayout.less

@@ -74,4 +74,19 @@
       background: rgba(22, 119, 255, 0.06);
     }
   }
+
+  /** 视口内悬浮层：不随 Transform 缩放平移，与 ViewControls 同级 */
+
+  &-viewport-overlay {
+    position: absolute;
+    left: 12px;
+    top: 12px;
+    z-index: 19;
+    pointer-events: none;
+    max-width: min(280px, 46vw);
+
+    > * {
+      pointer-events: auto;
+    }
+  }
 }

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

@@ -1,4 +1,9 @@
-/// <reference types="react" />
+/**
+ * CanvasTabs - 多画布 Tab，支持切换、动态添加、删除与重命名（编辑态）
+ * - 展示名：可选 `nameKey` + `locales.getText`，否则用 `name`（字符串或多语言对象）
+ * - 角标：可选 `tabBadge` 或由布局层注入合并后的数量
+ */
+import React from 'react';
 import type { FloorMapCanvas, FloorMapCanvasNameI18n } from '../types';
 import './CanvasTabs.less';
 export interface CanvasTabsProps {
@@ -18,5 +23,5 @@ export interface CanvasTabsProps {
     onRenameCanvas?: (canvasId: string, name: string | FloorMapCanvasNameI18n) => void;
     className?: string;
 }
-export declare function CanvasTabs(props: CanvasTabsProps): JSX.Element;
+export declare function CanvasTabs(props: CanvasTabsProps): React.JSX.Element;
 export default CanvasTabs;

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

@@ -33,5 +33,5 @@ export interface EditableItemLayerProps<T extends FloorMapItemBase = FloorMapMer
     getMergedItemWrapperStyle?: (item: T, index: number) => CSSProperties | undefined;
     className?: string;
 }
-export declare function EditableItemLayer<T extends FloorMapItemBase>(props: EditableItemLayerProps<T>): JSX.Element;
+export declare function EditableItemLayer<T extends FloorMapItemBase>(props: EditableItemLayerProps<T>): React.JSX.Element;
 export default EditableItemLayer;

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

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * Figma 样式餐桌/圆桌卡片：上下小条 + 白底卡片 + 状态色边框
+ * 供 Floor Map Story 与 Sales Grid 平面图复用
+ */
+import React from 'react';
 import type { FloorMapMergedItem, FloorMapDataSources } from '../types';
 export declare type FigmaTableStatus = 'available' | 'reserved' | 'waiting' | 'dining' | 'billed' | 'availableSoon';
 /** 方桌/圆桌卡片展示用数据结构（与 Figma 设计一致，支持桌号/状态/人数/区域等） */
@@ -30,10 +34,10 @@ export interface FigmaTableCardItem {
 /** 从 merged item + dataSources 得到卡片数据 */
 export declare function getFigmaTableCardFromMerged(item: FloorMapMergedItem, dataSources: FloorMapDataSources): FigmaTableCardItem;
 /** 渲染 Figma 样式的方桌卡片（上下小条 + 白底卡片 + 状态边框） */
-export declare function renderFigmaStyleTableCard(cardItem: FigmaTableCardItem): JSX.Element;
+export declare function renderFigmaStyleTableCard(cardItem: FigmaTableCardItem): React.JSX.Element;
 /** 渲染 Figma 样式的圆桌卡片（圆形轮廓，展示桌号/状态/人数/区域） */
-export declare function renderFigmaStyleRoundTableCard(cardItem: FigmaTableCardItem): JSX.Element;
+export declare function renderFigmaStyleRoundTableCard(cardItem: FigmaTableCardItem): React.JSX.Element;
 /** 返回用于 renderItemByKind.table 的渲染函数（方桌） */
-export declare function getRenderItemByKindTable(dataSources: FloorMapDataSources): (item: unknown) => JSX.Element;
+export declare function getRenderItemByKindTable(dataSources: FloorMapDataSources): (item: unknown) => React.JSX.Element;
 /** 返回用于 renderItemByKind.roundTable 的渲染函数（圆桌） */
-export declare function getRenderItemByKindRoundTable(dataSources: FloorMapDataSources): (item: unknown) => JSX.Element;
+export declare function getRenderItemByKindRoundTable(dataSources: FloorMapDataSources): (item: unknown) => React.JSX.Element;

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

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * FloorMapDataForm - 数据源落位的数据表单，调用 onDataSourceRecordSave
+ * 支持通过 columns 配置列标签与控件类型（string/number/select），与表格列一致
+ */
+import React from 'react';
 import type { FloorMapDataSources, DataSourceFormColumn } from '../types';
 import './FloorMapDataForm.less';
 export interface FloorMapDataFormProps {
@@ -13,5 +17,5 @@ export interface FloorMapDataFormProps {
     className?: string;
 }
 /** 简单通用表单：可编辑记录中的字段；支持 columns 配置标签与控件类型 */
-export declare function FloorMapDataForm(props: FloorMapDataFormProps): JSX.Element;
+export declare function FloorMapDataForm(props: FloorMapDataFormProps): React.JSX.Element;
 export default FloorMapDataForm;

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

@@ -1,4 +1,7 @@
-/// <reference types="react" />
+/**
+ * FloorMapEditPanel - 选中图元后的编辑面板：画布属性 + 可选数据绑定 + 数据源记录表单
+ */
+import React from 'react';
 import type { FloorMapEditPanelParams, FloorMapViewConfig, FloorMapDataSources } from '../types';
 import './FloorMapEditPanel.less';
 export interface FloorMapEditPanelProps extends FloorMapEditPanelParams {
@@ -7,5 +10,5 @@ export interface FloorMapEditPanelProps extends FloorMapEditPanelParams {
     savingRecord?: boolean;
     className?: string;
 }
-export declare function FloorMapEditPanel(props: FloorMapEditPanelProps): JSX.Element;
+export declare function FloorMapEditPanel(props: FloorMapEditPanelProps): React.JSX.Element;
 export default FloorMapEditPanel;