@pisell/materials 1.8.23 → 1.8.25

package/es/components/pisellFloorMapLayout/components/EditableItemLayer.less

@@ -1,9 +1,21 @@
-/* 根节点不拦截事件，空白区域 mousedown 可透传到下层，让 react-zoom-pan-pinch 正常平移画布 */
+/* 根节点不拦截事件；空白处点击由 .editable-canvas-hit 承接（显式 pointer-events: auto），以免继承 none */
 .pisell-floor-map-layout-editable-item-layer {
   cursor: default;
   pointer-events: none;
 }
 
+/** 铺满内容区、叠在图元之下，用于点击空白取消选中；不参与拖拽图元 */
+.pisell-floor-map-layout-editable-canvas-hit {
+  position: absolute;
+  left: 0;
+  top: 0;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+  pointer-events: auto;
+}
+
 .pisell-floor-map-layout-editable-item {
   cursor: move;
   outline: none;
@@ -12,14 +24,25 @@
   touch-action: none;
 
   &-selected {
-    box-shadow: 0 0 0 2px #1677ff;
-    z-index: 2;
+    /* 实际层级由 TSX 内联 zIndex（SELECTED_ITEM_STACK_Z + item.zIndex）控制 */
+    outline: 3px solid var(--fmap-primary, #1677ff);
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px color-mix(in srgb, var(--fmap-primary, #1677ff) 25%, transparent);
+  }
+
+  /** 已锁定：选中描边改为警告色，与未锁定区分 */
+
+  &-selected-lock {
+    outline-color: #d48806;
+    box-shadow: 0 0 0 1px rgba(212, 136, 6, 0.28);
   }
 
   &-inner {
     width: 100%;
     height: 100%;
     pointer-events: none;
+    overflow: hidden;
+    border-radius: inherit;
   }
 }
 
@@ -27,7 +50,7 @@
   width: 10px;
   height: 10px;
   margin: -5px;
-  background: #1677ff;
+  background: var(--fmap-primary, #1677ff);
   border: 1px solid #fff;
   border-radius: 2px;
   cursor: nwse-resize;
@@ -87,3 +110,48 @@
     cursor: ew-resize;
   }
 }
+
+.pisell-floor-map-layout-edit-quick-actions {
+  position: absolute;
+  left: 50%;
+  top: 100%;
+  transform: translate(-50%, 10px);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 12px;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+  border: 1px solid #e8eaed;
+  /* 高于同图元内缩放点 (3)，并贴近选中项栈顶，避免被内部子 stacking 盖住 */
+  z-index: 100000;
+  pointer-events: auto;
+  touch-action: manipulation;
+
+  &--locked {
+    border-color: rgba(212, 136, 6, 0.45);
+    background: #fffbf0;
+  }
+
+  /* 无边框、更大图标按钮（antd 类名在运行环境可能为 pisell-lowcode-*） */
+
+  .pisell-lowcode-btn,
+  .ant-btn {
+    width: 44px;
+    height: 44px;
+    min-width: 44px;
+    padding: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: none !important;
+    box-shadow: none !important;
+    line-height: 1;
+
+    .pisell-lowcode-btn-icon,
+    .anticon {
+      font-size: 22px;
+    }
+  }
+}

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import type { FloorMapMergedItem, FloorMapDataSources } from '../types';
+export declare type FigmaTableStatus = 'available' | 'reserved' | 'waiting' | 'dining' | 'billed' | 'availableSoon';
+/** 方桌/圆桌卡片展示用数据结构（与 Figma 设计一致，支持桌号/状态/人数/区域等） */
+export interface FigmaTableCardItem {
+    id: string;
+    /**
+     * 无绑定或无可展示数据行时与蘸料摆台占位一致：浅灰底 + 虚线框 + 提示文案
+     * @see getRenderItemByKindCondimentStation（RecordBoard Story）
+     */
+    isNoDataPlaceholder?: boolean;
+    placeholderBorderColor?: string;
+    placeholderHint?: string;
+    /** 占位主标题：优先图元名称，否则「餐桌」/「圆桌」 */
+    placeholderTitle?: string;
+    /** 桌号/名称，空闲态居中显示 */
+    displayName?: string;
+    status?: FigmaTableStatus;
+    customerName?: string;
+    reserveTime?: string;
+    /** 当前用餐人数（与 Figma 设计一致） */
+    guests?: number;
+    /** 可坐人数（与表格列「可坐人数」绑定） */
+    capacity?: number;
+    dishes?: string;
+    duration?: string;
+    /** 区域（与表格列「区域」绑定，如大厅/包厢A） */
+    area?: string;
+}
+/** 从 merged item + dataSources 得到卡片数据 */
+export declare function getFigmaTableCardFromMerged(item: FloorMapMergedItem, dataSources: FloorMapDataSources): FigmaTableCardItem;
+/** 渲染 Figma 样式的方桌卡片（上下小条 + 白底卡片 + 状态边框） */
+export declare function renderFigmaStyleTableCard(cardItem: FigmaTableCardItem): JSX.Element;
+/** 渲染 Figma 样式的圆桌卡片（圆形轮廓，展示桌号/状态/人数/区域） */
+export declare function renderFigmaStyleRoundTableCard(cardItem: FigmaTableCardItem): JSX.Element;
+/** 返回用于 renderItemByKind.table 的渲染函数（方桌） */
+export declare function getRenderItemByKindTable(dataSources: FloorMapDataSources): (item: unknown) => JSX.Element;
+/** 返回用于 renderItemByKind.roundTable 的渲染函数（圆桌） */
+export declare function getRenderItemByKindRoundTable(dataSources: FloorMapDataSources): (item: unknown) => JSX.Element;

package/es/components/pisellFloorMapLayout/components/FigmaTableCard.js

@@ -5,6 +5,10 @@
 import React from 'react';
 import { Avatar } from 'antd';
 import { UserOutlined, ClockCircleOutlined, TeamOutlined, AuditOutlined, FieldTimeOutlined, EnvironmentOutlined } from '@ant-design/icons';
+import { locales } from '@pisell/utils';
+var I18N_CARD = 'pisell-floor-map-layout.card-placeholder';
+var I18N_FIGMA = 'pisell-floor-map-layout.figma-card';
+
 /** Figma 设计 token（Pisell 2.0 Component Library） */
 var FIGMA = {
   white: '#FFFFFF',
@@ -53,7 +57,7 @@ export function getFigmaTableCardFromMerged(item, dataSources) {
   var el = item._sceneElement;
   var binding = el === null || el === void 0 ? void 0 : el.dataBinding;
   var titleFromElement = (el === null || el === void 0 ? void 0 : el.name) != null && String(el.name).trim() ? String(el.name).trim() : '';
-  var kindLabel = item.elementKind === 'roundTable' ? '圆桌' : '餐桌';
+  var kindLabel = locales.getText(item.elementKind === 'roundTable' ? "".concat(I18N_FIGMA, ".kind-round-table") : "".concat(I18N_FIGMA, ".kind-square-table"));
   var hasDataSource = Boolean((binding === null || binding === void 0 ? void 0 : binding.dataSourceKey) && String(binding.dataSourceKey).trim() !== '');
   var rid = (binding === null || binding === void 0 ? void 0 : binding.recordId) != null ? String(binding.recordId).trim() : '';
   var boundToData = Boolean(hasDataSource && rid !== '');
@@ -65,7 +69,7 @@ export function getFigmaTableCardFromMerged(item, dataSources) {
   if (!hasLiveRow) {
     /** 记录缺失或与「未选数据源」占位同一视觉（虚线 #bfbfbf），便于识别为待处理态 */
     var borderColor = '#bfbfbf';
-    var hint = !hasDataSource || !rid ? hasDataSource ? '已选择数据源，请在侧栏选择数据行' : '未绑定数据行：请在侧栏选择数据源与记录' : rid.startsWith('new_') ? "\u65B0".concat(kindLabel, "\u5360\u4F4D\uFF0C\u53EF\u5728\u4FA7\u680F\u7ED1\u5B9A\u5177\u4F53\u8BB0\u5F55") : '未找到对应记录：请检查绑定或数据列表';
+    var hint = !hasDataSource || !rid ? hasDataSource ? locales.getText("".concat(I18N_CARD, ".hint-select-row")) : locales.getText("".concat(I18N_CARD, ".hint-bind-datasource")) : rid.startsWith('new_') ? locales.getText("".concat(I18N_CARD, ".hint-new-slot")).replace(/\{kind\}/g, kindLabel) : locales.getText("".concat(I18N_CARD, ".hint-row-not-found"));
     return {
       id: item.id,
       isNoDataPlaceholder: true,
@@ -165,7 +169,7 @@ function TableCardInfoRows(_ref3) {
   if (!hasCapacity && !hasArea) return null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, hasCapacity && /*#__PURE__*/React.createElement(FigmaCardRow, {
     icon: /*#__PURE__*/React.createElement(TeamOutlined, null)
-  }, /*#__PURE__*/React.createElement("span", null, "\u53EF\u5750 ", cardItem.capacity, " \u4EBA")), hasArea && /*#__PURE__*/React.createElement(FigmaCardRow, {
+  }, /*#__PURE__*/React.createElement("span", null, locales.getText("".concat(I18N_FIGMA, ".capacity-seats")).replace(/\{n\}/g, String(cardItem.capacity)))), hasArea && /*#__PURE__*/React.createElement(FigmaCardRow, {
     icon: /*#__PURE__*/React.createElement(EnvironmentOutlined, null)
   }, /*#__PURE__*/React.createElement("span", null, cardItem.area)));
 }
@@ -234,7 +238,7 @@ function TableCardContent(_ref4) {
     icon: /*#__PURE__*/React.createElement(ClockCircleOutlined, null)
   }, /*#__PURE__*/React.createElement("span", null, cardItem.reserveTime))), (status === 'dining' || status === 'waiting' || status === 'billed' || status === 'availableSoon') && cardItem.guests != null && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FigmaCardRow, {
     icon: /*#__PURE__*/React.createElement(TeamOutlined, null)
-  }, /*#__PURE__*/React.createElement("span", null, cardItem.guests, " \u4EBA")), cardItem.dishes && /*#__PURE__*/React.createElement(FigmaCardRow, {
+  }, /*#__PURE__*/React.createElement("span", null, locales.getText("".concat(I18N_FIGMA, ".guests-count")).replace(/\{n\}/g, String(cardItem.guests)))), cardItem.dishes && /*#__PURE__*/React.createElement(FigmaCardRow, {
     icon: /*#__PURE__*/React.createElement(AuditOutlined, null)
   }, /*#__PURE__*/React.createElement("span", null, cardItem.dishes)), cardItem.duration && /*#__PURE__*/React.createElement(FigmaCardRow, {
     icon: /*#__PURE__*/React.createElement(FieldTimeOutlined, null)
@@ -247,7 +251,7 @@ function TableCardContent(_ref4) {
 function renderTableKindNoDataPlaceholder(cardItem, shape) {
   var _cardItem$placeholder, _cardItem$placeholder2, _cardItem$placeholder3;
   var borderColor = (_cardItem$placeholder = cardItem.placeholderBorderColor) !== null && _cardItem$placeholder !== void 0 ? _cardItem$placeholder : '#bfbfbf';
-  var title = (_cardItem$placeholder2 = cardItem.placeholderTitle) !== null && _cardItem$placeholder2 !== void 0 ? _cardItem$placeholder2 : '餐桌';
+  var title = (_cardItem$placeholder2 = cardItem.placeholderTitle) !== null && _cardItem$placeholder2 !== void 0 ? _cardItem$placeholder2 : locales.getText("".concat(I18N_FIGMA, ".default-table"));
   var hint = (_cardItem$placeholder3 = cardItem.placeholderHint) !== null && _cardItem$placeholder3 !== void 0 ? _cardItem$placeholder3 : '';
   return /*#__PURE__*/React.createElement("div", {
     style: {
@@ -382,7 +386,7 @@ export function renderFigmaStyleRoundTableCard(cardItem) {
     style: {
       marginRight: 4
     }
-  }), "\u53EF\u5750 ", cardItem.capacity, " \u4EBA"), cardItem.area != null && cardItem.area !== '' && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(EnvironmentOutlined, {
+  }), locales.getText("".concat(I18N_FIGMA, ".capacity-seats")).replace(/\{n\}/g, String(cardItem.capacity))), cardItem.area != null && cardItem.area !== '' && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(EnvironmentOutlined, {
     style: {
       marginRight: 4
     }
@@ -406,13 +410,13 @@ export function renderFigmaStyleRoundTableCard(cardItem) {
       color: FIGMA.gray700,
       marginTop: 2
     }
-  }, cardItem.guests, " \u4EBA"), (cardItem.capacity != null || cardItem.area != null && cardItem.area !== '') && /*#__PURE__*/React.createElement("div", {
+  }, locales.getText("".concat(I18N_FIGMA, ".guests-count")).replace(/\{n\}/g, String(cardItem.guests))), (cardItem.capacity != null || cardItem.area != null && cardItem.area !== '') && /*#__PURE__*/React.createElement("div", {
     style: {
       fontSize: 12,
       color: FIGMA.gray700,
       marginTop: 2
     }
-  }, cardItem.capacity != null && "\u53EF\u5750 ".concat(cardItem.capacity, " \u4EBA"), cardItem.capacity != null && cardItem.area && ' · ', cardItem.area))));
+  }, cardItem.capacity != null && locales.getText("".concat(I18N_FIGMA, ".capacity-seats")).replace(/\{n\}/g, String(cardItem.capacity)), cardItem.capacity != null && cardItem.area && ' · ', cardItem.area))));
 }
 
 /** 返回用于 renderItemByKind.table 的渲染函数（方桌） */

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { FloorMapDataSources, DataSourceFormColumn } from '../types';
+import './FloorMapDataForm.less';
+export interface FloorMapDataFormProps {
+    dataSourceKey: string;
+    recordId: string;
+    record: Record<string, unknown>;
+    dataSources: FloorMapDataSources;
+    onSave: (dataSourceKey: string, id: string, newData: Record<string, unknown>) => void;
+    saving?: boolean;
+    /** 列配置：标签、类型（string/number/select）、选项（select 时）；不传则自动列举 record 除 id 外字段 */
+    columns?: DataSourceFormColumn[];
+    className?: string;
+}
+/** 简单通用表单：可编辑记录中的字段；支持 columns 配置标签与控件类型 */
+export declare function FloorMapDataForm(props: FloorMapDataFormProps): JSX.Element;
+export default FloorMapDataForm;

package/es/components/pisellFloorMapLayout/components/FloorMapDataForm.js

@@ -17,8 +17,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
 import { Form, Input, InputNumber, Select, Button } from 'antd';
+import { locales } from '@pisell/utils';
 import "./FloorMapDataForm.less";
 var PREFIX = 'pisell-floor-map-layout';
+var I18N_DF = 'pisell-floor-map-layout.data-form';
 function renderFormControl(col, value) {
   var _col$type, _col$options;
   var type = (_col$type = col.type) !== null && _col$type !== void 0 ? _col$type : 'string';
@@ -97,7 +99,7 @@ export function FloorMapDataForm(props) {
       className: classNames("".concat(PREFIX, "-data-form"), className)
     }, /*#__PURE__*/React.createElement("p", {
       className: "".concat(PREFIX, "-data-form-empty")
-    }, "\u65E0\u989D\u5916\u5B57\u6BB5\u53EF\u7F16\u8F91"));
+    }, locales.getText("".concat(I18N_DF, ".empty"))));
   }
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(PREFIX, "-data-form"), className)
@@ -126,6 +128,6 @@ export function FloorMapDataForm(props) {
     htmlType: "submit",
     loading: saving,
     disabled: !changed
-  }, "\u4FDD\u5B58\u8BB0\u5F55"))));
+  }, locales.getText("".concat(I18N_DF, ".save-record"))))));
 }
 export default FloorMapDataForm;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { FloorMapEditPanelParams, FloorMapViewConfig, FloorMapDataSources } from '../types';
+import './FloorMapEditPanel.less';
+export interface FloorMapEditPanelProps extends FloorMapEditPanelParams {
+    config: FloorMapViewConfig;
+    dataSources: FloorMapDataSources;
+    savingRecord?: boolean;
+    className?: string;
+}
+export declare function FloorMapEditPanel(props: FloorMapEditPanelProps): JSX.Element;
+export default FloorMapEditPanel;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface FloorMapEditQuickActionLabels {
+    lock: string;
+    unlock: string;
+    duplicate: string;
+    delete: string;
+    popTitle: string;
+    popDesc: string;
+    cancel: string;
+    okDelete: string;
+    ariaToolbar: string;
+}
+export interface FloorMapEditQuickActionsProps {
+    className?: string;
+    labels: FloorMapEditQuickActionLabels;
+    isLocked: boolean;
+    onToggleLock: () => void;
+    onDuplicate: () => void;
+    onDelete: () => void;
+}
+export declare function FloorMapEditQuickActions(props: FloorMapEditQuickActionsProps): JSX.Element;

package/es/components/pisellFloorMapLayout/components/FloorMapEditQuickActions.js

@@ -0,0 +1,67 @@
+/**
+ * 编辑态选中图元旁的快捷操作：锁定 / 复制 / 删除（与侧栏同源逻辑）
+ */
+import React, { useCallback } from 'react';
+import classNames from 'classnames';
+import { Button, Popconfirm, Tooltip } from 'antd';
+import { CopyOutlined, DeleteOutlined, LockOutlined, UnlockOutlined } from '@ant-design/icons';
+var PREFIX = 'pisell-floor-map-layout';
+export function FloorMapEditQuickActions(props) {
+  var className = props.className,
+    labels = props.labels,
+    isLocked = props.isLocked,
+    onToggleLock = props.onToggleLock,
+    onDuplicate = props.onDuplicate,
+    onDelete = props.onDelete;
+  var stopBubble = useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    role: "toolbar",
+    "aria-label": labels.ariaToolbar,
+    className: classNames("".concat(PREFIX, "-edit-quick-actions"), isLocked && "".concat(PREFIX, "-edit-quick-actions--locked"), className),
+    onPointerDown: function onPointerDown(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: isLocked ? labels.unlock : labels.lock
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "text",
+    size: "large",
+    icon: isLocked ? /*#__PURE__*/React.createElement(LockOutlined, null) : /*#__PURE__*/React.createElement(UnlockOutlined, null),
+    onClick: function onClick(e) {
+      stopBubble(e);
+      onToggleLock();
+    },
+    "aria-pressed": isLocked
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    title: labels.duplicate
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "text",
+    size: "large",
+    icon: /*#__PURE__*/React.createElement(CopyOutlined, null),
+    onClick: function onClick(e) {
+      stopBubble(e);
+      onDuplicate();
+    }
+  })), /*#__PURE__*/React.createElement(Popconfirm, {
+    title: labels.popTitle,
+    description: labels.popDesc,
+    onConfirm: function onConfirm() {
+      return onDelete();
+    },
+    okText: labels.okDelete,
+    cancelText: labels.cancel,
+    okButtonProps: {
+      danger: true
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: labels.delete
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "text",
+    danger: true,
+    size: "large",
+    icon: /*#__PURE__*/React.createElement(DeleteOutlined, null),
+    onClick: stopBubble
+  }))));
+}

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

@@ -0,0 +1,38 @@
+/**
+ * FloorMapEditTopBar - 编辑态顶栏
+ * - `mode="compact"`：画布 Tab + 可选 `canvasTabsBarTrailing`（全屏入口在左下 Dock）
+ * - `mode="full"`：画布 Tab + `canvasTabsBarTrailing` + 保存（仅非浏览器全屏时）+ 扩展操作
+ */
+import React from 'react';
+import type { CanvasTabsProps } from './CanvasTabs';
+import type { FloorMapControlsConfig, FloorMapViewConfig } from '../types';
+import './FloorMapEditTopBar.less';
+export declare type FloorMapEditTopBarMode = 'full' | 'compact';
+export interface FloorMapEditTopBarProps {
+    /** full：全屏时的完整顶栏；compact：非全屏时 Tab + 扩展区 */
+    mode?: FloorMapEditTopBarMode;
+    config: FloorMapViewConfig;
+    canvases: CanvasTabsProps['canvases'];
+    currentCanvasId: CanvasTabsProps['currentCanvasId'];
+    onTabChange: CanvasTabsProps['onTabChange'];
+    canEditTabs?: CanvasTabsProps['canEdit'];
+    onAddCanvas?: CanvasTabsProps['onAddCanvas'];
+    onRemoveCanvas?: CanvasTabsProps['onRemoveCanvas'];
+    onRenameCanvas?: CanvasTabsProps['onRenameCanvas'];
+    onSave?: () => void;
+    saving?: boolean;
+    saveError?: Error | string;
+    layoutDirty?: boolean;
+    /** full 模式：浏览器全屏时为 true，顶栏不展示保存（改由侧栏） */
+    isFullscreen?: boolean;
+    controls?: FloorMapControlsConfig;
+    /** 顶栏右侧扩展（如「区域定位」等），仅 full 模式 */
+    extraActions?: React.ReactNode;
+    /** 画布 Tab 同排最右侧业务区 */
+    canvasTabsBarTrailing?: React.ReactNode;
+    /** 启用画布仅 1 个时隐藏 Tab 行，仅保留右侧操作区（全屏顶栏保存等） */
+    hideCanvasTabs?: boolean;
+    className?: string;
+}
+export declare function FloorMapEditTopBar(props: FloorMapEditTopBarProps): JSX.Element | null;
+export default FloorMapEditTopBar;

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

@@ -1,11 +1,10 @@
 /**
  * FloorMapEditTopBar - 编辑态顶栏
- * - `mode="compact"`：画布 Tab + 可选 `canvasTabsBarTrailing` + 全屏入口（非全屏；保存多在侧栏）
- * - `mode="full"`：画布 Tab + `canvasTabsBarTrailing` + 保存（仅非浏览器全屏时）+ 全屏退出 + 扩展操作
+ * - `mode="compact"`：画布 Tab + 可选 `canvasTabsBarTrailing`（全屏入口在左下 Dock）
+ * - `mode="full"`：画布 Tab + `canvasTabsBarTrailing` + 保存（仅非浏览器全屏时）+ 扩展操作
  */
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons';
 import { locales } from '@pisell/utils';
 import useEngineContext from "../../../hooks/useEngineContext";
 import { initFloorMapLayoutLocales } from "../utils/floorMapCanvasDisplay";
@@ -30,13 +29,12 @@ export function FloorMapEditTopBar(props) {
     saving = props.saving,
     saveError = props.saveError,
     layoutDirty = props.layoutDirty,
-    toggleFullscreen = props.toggleFullscreen,
     _props$isFullscreen = props.isFullscreen,
     isFullscreen = _props$isFullscreen === void 0 ? false : _props$isFullscreen,
-    _props$controls = props.controls,
-    controls = _props$controls === void 0 ? {} : _props$controls,
     extraActions = props.extraActions,
     canvasTabsBarTrailing = props.canvasTabsBarTrailing,
+    _props$hideCanvasTabs = props.hideCanvasTabs,
+    hideCanvasTabs = _props$hideCanvasTabs === void 0 ? false : _props$hideCanvasTabs,
     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';
@@ -44,10 +42,6 @@ export function FloorMapEditTopBar(props) {
     initFloorMapLayoutLocales(engineLocale);
     return {
       aria: locales.getText("".concat(I18N_TB, ".aria")),
-      fsEnterAria: locales.getText("".concat(I18N_TB, ".fullscreen-enter-aria")),
-      fsEnterTitle: locales.getText("".concat(I18N_TB, ".fullscreen-enter-title")),
-      fsExitAria: locales.getText("".concat(I18N_TB, ".fullscreen-exit-aria")),
-      fsExitTitle: locales.getText("".concat(I18N_TB, ".fullscreen-exit-title")),
       unsaved: locales.getText("".concat(I18N_TB, ".unsaved")),
       save: locales.getText("".concat(I18N_TB, ".save")),
       saving: locales.getText("".concat(I18N_TB, ".saving"))
@@ -56,19 +50,16 @@ export function FloorMapEditTopBar(props) {
 
   /** 浏览器全屏时顶栏不展示保存，改由侧栏承担（见 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 hasTrailing = canvasTabsBarTrailing != null && canvasTabsBarTrailing !== false;
-  var hasFullActions = showSave || showFullscreenExit || Boolean(saveError) || extraActions != null && extraActions !== false || hasTrailing;
+  var hasFullActions = showSave || Boolean(saveError) || extraActions != null && extraActions !== false || hasTrailing;
+  var tabsHiddenClass = hideCanvasTabs ? "".concat(PREFIX, "-edit-top-bar--tabs-hidden") : undefined;
   if (mode === 'compact') {
-    var showCompactActions = hasTrailing || showFullscreenEnter;
+    var showCompactActions = hasTrailing;
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames("".concat(PREFIX, "-edit-top-bar"), "".concat(PREFIX, "-edit-top-bar--compact"), className),
+      className: classNames("".concat(PREFIX, "-edit-top-bar"), "".concat(PREFIX, "-edit-top-bar--compact"), tabsHiddenClass, className),
       role: "toolbar",
       "aria-label": topBarLabels.aria
-    }, /*#__PURE__*/React.createElement("div", {
+    }, !hideCanvasTabs ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(PREFIX, "-edit-top-bar-tabs")
     }, /*#__PURE__*/React.createElement(CanvasTabs, {
       canvases: canvases,
@@ -79,23 +70,18 @@ export function FloorMapEditTopBar(props) {
       onRemoveCanvas: onRemoveCanvas,
       onRenameCanvas: onRenameCanvas,
       className: "".concat(PREFIX, "-edit-top-bar-canvas-tabs")
-    })), showCompactActions ? /*#__PURE__*/React.createElement("div", {
+    })) : null, showCompactActions ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(PREFIX, "-edit-top-bar-actions")
-    }, 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() {
-        return toggleFullscreen === null || toggleFullscreen === void 0 ? void 0 : toggleFullscreen();
-      },
-      "aria-label": topBarLabels.fsEnterAria,
-      title: topBarLabels.fsEnterTitle
-    }, /*#__PURE__*/React.createElement(FullscreenOutlined, null)) : null) : null);
+    }, canvasTabsBarTrailing) : null);
+  }
+  if (hideCanvasTabs && !hasFullActions) {
+    return null;
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(PREFIX, "-edit-top-bar"), className),
+    className: classNames("".concat(PREFIX, "-edit-top-bar"), "".concat(PREFIX, "-edit-top-bar--full-chrome"), tabsHiddenClass, className),
     role: "toolbar",
     "aria-label": topBarLabels.aria
-  }, /*#__PURE__*/React.createElement("div", {
+  }, !hideCanvasTabs ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX, "-edit-top-bar-tabs")
   }, /*#__PURE__*/React.createElement(CanvasTabs, {
     canvases: canvases,
@@ -106,20 +92,12 @@ export function FloorMapEditTopBar(props) {
     onRemoveCanvas: onRemoveCanvas,
     onRenameCanvas: onRenameCanvas,
     className: "".concat(PREFIX, "-edit-top-bar-canvas-tabs")
-  })), hasFullActions ? /*#__PURE__*/React.createElement("div", {
+  })) : null, hasFullActions ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX, "-edit-top-bar-actions")
   }, 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, 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() {
-      return toggleFullscreen === null || toggleFullscreen === void 0 ? void 0 : toggleFullscreen();
-    },
-    "aria-label": topBarLabels.fsExitAria,
-    title: topBarLabels.fsExitTitle
-  }, /*#__PURE__*/React.createElement(FullscreenExitOutlined, null)) : null, showSave ? /*#__PURE__*/React.createElement("div", {
+  }, typeof saveError === 'string' ? saveError : saveError === null || saveError === void 0 ? void 0 : saveError.message) : null, canvasTabsBarTrailing, extraActions, showSave ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(PREFIX, "-edit-top-bar-save-group")
   }, layoutDirty ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(PREFIX, "-edit-top-bar-dirty-badge"),

package/es/components/pisellFloorMapLayout/components/FloorMapEditTopBar.less

@@ -1,4 +1,4 @@
-/* 编辑态单行顶栏：画布 Tab + 保存 / 全屏 */
+/* 编辑态单行顶栏：画布 Tab + 保存 / 扩展操作 */
 .pisell-floor-map-layout-edit-top-bar {
   display: flex;
   flex-direction: row;
@@ -9,6 +9,16 @@
   border-bottom: 1px solid #f0f0f0;
   z-index: 3;
 
+  /** 单画布：无 Tab 区时操作区靠右，去掉左侧竖线 */
+
+  &--tabs-hidden {
+    justify-content: flex-end;
+
+    .pisell-floor-map-layout-edit-top-bar-actions {
+      border-left: none;
+    }
+  }
+
   &-tabs {
     flex: 1;
     min-width: 0;
@@ -100,8 +110,8 @@
     transition: border-color 0.2s, background 0.2s;
 
     &:hover:not(:disabled) {
-      border-color: #1677ff;
-      color: #1677ff;
+      border-color: var(--fmap-primary, #1677ff);
+      color: var(--fmap-primary, #1677ff);
     }
 
     &:disabled {
@@ -111,12 +121,16 @@
 
     &.primary {
       color: #fff;
-      background: #1677ff;
-      border-color: #1677ff;
+      background: var(--fmap-primary, #1677ff);
+      border-color: var(--fmap-primary, #1677ff);
 
       &:hover:not(:disabled) {
-        background: #4096ff;
-        border-color: #4096ff;
+        background: color-mix(in srgb,
+        var(--fmap-primary, #1677ff) 88%,
+        #fff);
+        border-color: color-mix(in srgb,
+        var(--fmap-primary, #1677ff) 88%,
+        #fff);
         color: #fff;
       }
     }
@@ -129,12 +143,13 @@
   }
 
   /**
-   * 只读顶栏（`edit-top-bar` + `read-canvas-tabs-bar` 并列）与编辑态 compact：
-   * 与左侧 Tab 同一浅灰底，去掉右侧白底与竖线分割。
+   * 只读顶栏（`edit-top-bar` + `read-canvas-tabs-bar` 并列）、编辑态 compact、
+   * 以及全屏/locked 时的 full 顶栏：与左侧 Tab 同一浅灰底，去掉右侧大块白底与竖线分割。
    */
 
   &.pisell-floor-map-layout-read-canvas-tabs-bar,
-  &--compact {
+  &--compact,
+  &--full-chrome {
     background: rgba(0, 0, 0, 0.04);
 
     .pisell-floor-map-layout-edit-top-bar-actions {

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface FloorMapImageElementProps {
+    imageUrl?: string;
+    name?: string;
+}
+export declare function FloorMapImageElement(props: FloorMapImageElementProps): JSX.Element;

package/es/components/pisellFloorMapLayout/components/FloorMapImageElement.js

@@ -8,7 +8,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * 平面图「图片图元」内层展示：支持 URL、object-fit 铺满；无地址或加载失败时占位
  */
 import React, { useEffect, useState } from 'react';
+import { locales } from '@pisell/utils';
 var PREFIX = 'pisell-floor-map-layout';
+var I18N_IMG = 'pisell-floor-map-layout.image-element';
 export function FloorMapImageElement(props) {
   var imageUrl = props.imageUrl,
     name = props.name;
@@ -20,7 +22,7 @@ export function FloorMapImageElement(props) {
   useEffect(function () {
     setBroken(false);
   }, [trimmed]);
-  var label = name != null && String(name).trim() ? String(name).trim() : '图片图元';
+  var label = name != null && String(name).trim() ? String(name).trim() : locales.getText("".concat(I18N_IMG, ".default-name"));
   if (!trimmed || broken) {
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(PREFIX, "-image-element-placeholder"),
@@ -48,7 +50,7 @@ export function FloorMapImageElement(props) {
         color: '#595959',
         marginBottom: 4
       }
-    }, label), /*#__PURE__*/React.createElement("span", null, !trimmed ? '在侧栏填写图片地址；可调层级置于桌位下方作底图' : '图片加载失败，请检查地址'));
+    }, label), /*#__PURE__*/React.createElement("span", null, !trimmed ? locales.getText("".concat(I18N_IMG, ".hint-no-url")) : locales.getText("".concat(I18N_IMG, ".hint-load-fail"))));
   }
   return /*#__PURE__*/React.createElement("img", {
     src: trimmed,