@pisell/materials 1.8.23 → 1.8.25

package/lib/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/lib/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/lib/components/pisellFloorMapLayout/components/FigmaTableCard.js

@@ -39,6 +39,9 @@ module.exports = __toCommonJS(FigmaTableCard_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_icons = require("@ant-design/icons");
+var import_utils = require("@pisell/utils");
+var I18N_CARD = "pisell-floor-map-layout.card-placeholder";
+var I18N_FIGMA = "pisell-floor-map-layout.figma-card";
 var FIGMA = {
   white: "#FFFFFF",
   gray200: "#EAECF0",
@@ -80,7 +83,9 @@ function getFigmaTableCardFromMerged(item, dataSources) {
   const el = item._sceneElement;
   const binding = el == null ? void 0 : el.dataBinding;
   const titleFromElement = (el == null ? void 0 : el.name) != null && String(el.name).trim() ? String(el.name).trim() : "";
-  const kindLabel = item.elementKind === "roundTable" ? "圆桌" : "餐桌";
+  const kindLabel = import_utils.locales.getText(
+    item.elementKind === "roundTable" ? `${I18N_FIGMA}.kind-round-table` : `${I18N_FIGMA}.kind-square-table`
+  );
   const hasDataSource = Boolean(
     (binding == null ? void 0 : binding.dataSourceKey) && String(binding.dataSourceKey).trim() !== ""
   );
@@ -91,7 +96,7 @@ function getFigmaTableCardFromMerged(item, dataSources) {
   const hasLiveRow = Boolean(record);
   if (!hasLiveRow) {
     const borderColor = "#bfbfbf";
-    const hint = !hasDataSource || !rid ? hasDataSource ? "已选择数据源，请在侧栏选择数据行" : "未绑定数据行：请在侧栏选择数据源与记录" : rid.startsWith("new_") ? `新${kindLabel}占位，可在侧栏绑定具体记录` : "未找到对应记录：请检查绑定或数据列表";
+    const hint = !hasDataSource || !rid ? hasDataSource ? import_utils.locales.getText(`${I18N_CARD}.hint-select-row`) : import_utils.locales.getText(`${I18N_CARD}.hint-bind-datasource`) : rid.startsWith("new_") ? import_utils.locales.getText(`${I18N_CARD}.hint-new-slot`).replace(/\{kind\}/g, kindLabel) : import_utils.locales.getText(`${I18N_CARD}.hint-row-not-found`);
     return {
       id: item.id,
       isNoDataPlaceholder: true,
@@ -185,7 +190,7 @@ function TableCardInfoRows({ cardItem }) {
   const hasCapacity = cardItem.capacity != null;
   const hasArea = cardItem.area != null && cardItem.area !== "";
   if (!hasCapacity && !hasArea) return null;
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hasCapacity && /* @__PURE__ */ import_react.default.createElement(FigmaCardRow, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.TeamOutlined, null) }, /* @__PURE__ */ import_react.default.createElement("span", null, "可坐 ", cardItem.capacity, " 人")), hasArea && /* @__PURE__ */ import_react.default.createElement(FigmaCardRow, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.EnvironmentOutlined, null) }, /* @__PURE__ */ import_react.default.createElement("span", null, cardItem.area)));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hasCapacity && /* @__PURE__ */ import_react.default.createElement(FigmaCardRow, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.TeamOutlined, null) }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText(`${I18N_FIGMA}.capacity-seats`).replace(/\{n\}/g, String(cardItem.capacity)))), hasArea && /* @__PURE__ */ import_react.default.createElement(FigmaCardRow, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.EnvironmentOutlined, null) }, /* @__PURE__ */ import_react.default.createElement("span", null, cardItem.area)));
 }
 function TableCardContent({ cardItem }) {
   const status = cardItem.status ?? "available";
@@ -263,12 +268,12 @@ function TableCardContent({ cardItem }) {
         )
       },
       /* @__PURE__ */ import_react.default.createElement("span", null, cardItem.customerName)
-    ), cardItem.reserveTime != null && cardItem.reserveTime !== "" && /* @__PURE__ */ import_react.default.createElement(FigmaCardRow, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleOutlined, null) }, /* @__PURE__ */ import_react.default.createElement("span", null, cardItem.reserveTime))), (status === "dining" || status === "waiting" || status === "billed" || status === "availableSoon") && cardItem.guests != null && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(FigmaCardRow, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.TeamOutlined, null) }, /* @__PURE__ */ import_react.default.createElement("span", null, cardItem.guests, " 人")), cardItem.dishes && /* @__PURE__ */ import_react.default.createElement(FigmaCardRow, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.AuditOutlined, null) }, /* @__PURE__ */ import_react.default.createElement("span", null, cardItem.dishes)), cardItem.duration && /* @__PURE__ */ import_react.default.createElement(FigmaCardRow, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.FieldTimeOutlined, null) }, /* @__PURE__ */ import_react.default.createElement("span", null, cardItem.duration))), /* @__PURE__ */ import_react.default.createElement(TableCardInfoRows, { cardItem }))
+    ), cardItem.reserveTime != null && cardItem.reserveTime !== "" && /* @__PURE__ */ import_react.default.createElement(FigmaCardRow, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleOutlined, null) }, /* @__PURE__ */ import_react.default.createElement("span", null, cardItem.reserveTime))), (status === "dining" || status === "waiting" || status === "billed" || status === "availableSoon") && cardItem.guests != null && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(FigmaCardRow, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.TeamOutlined, null) }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText(`${I18N_FIGMA}.guests-count`).replace(/\{n\}/g, String(cardItem.guests)))), cardItem.dishes && /* @__PURE__ */ import_react.default.createElement(FigmaCardRow, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.AuditOutlined, null) }, /* @__PURE__ */ import_react.default.createElement("span", null, cardItem.dishes)), cardItem.duration && /* @__PURE__ */ import_react.default.createElement(FigmaCardRow, { icon: /* @__PURE__ */ import_react.default.createElement(import_icons.FieldTimeOutlined, null) }, /* @__PURE__ */ import_react.default.createElement("span", null, cardItem.duration))), /* @__PURE__ */ import_react.default.createElement(TableCardInfoRows, { cardItem }))
   );
 }
 function renderTableKindNoDataPlaceholder(cardItem, shape) {
   const borderColor = cardItem.placeholderBorderColor ?? "#bfbfbf";
-  const title = cardItem.placeholderTitle ?? "餐桌";
+  const title = cardItem.placeholderTitle ?? import_utils.locales.getText(`${I18N_FIGMA}.default-table`);
   const hint = cardItem.placeholderHint ?? "";
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
@@ -429,7 +434,7 @@ function renderFigmaStyleRoundTableCard(cardItem) {
             color: FIGMA.gray700
           }
         },
-        cardItem.capacity != null && /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_icons.TeamOutlined, { style: { marginRight: 4 } }), "可坐 ", cardItem.capacity, " 人"),
+        cardItem.capacity != null && /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_icons.TeamOutlined, { style: { marginRight: 4 } }), import_utils.locales.getText(`${I18N_FIGMA}.capacity-seats`).replace(/\{n\}/g, String(cardItem.capacity))),
         cardItem.area != null && cardItem.area !== "" && /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(import_icons.EnvironmentOutlined, { style: { marginRight: 4 } }), cardItem.area)
       )) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
         "div",
@@ -448,9 +453,8 @@ function renderFigmaStyleRoundTableCard(cardItem) {
         {
           style: { fontSize: 12, color: FIGMA.gray700, marginTop: 2 }
         },
-        cardItem.guests,
-        " 人"
-      ), (cardItem.capacity != null || cardItem.area != null && cardItem.area !== "") && /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 12, color: FIGMA.gray700, marginTop: 2 } }, cardItem.capacity != null && `可坐 ${cardItem.capacity} 人`, cardItem.capacity != null && cardItem.area && " · ", cardItem.area))
+        import_utils.locales.getText(`${I18N_FIGMA}.guests-count`).replace(/\{n\}/g, String(cardItem.guests))
+      ), (cardItem.capacity != null || cardItem.area != null && cardItem.area !== "") && /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: 12, color: FIGMA.gray700, marginTop: 2 } }, cardItem.capacity != null && import_utils.locales.getText(`${I18N_FIGMA}.capacity-seats`).replace(/\{n\}/g, String(cardItem.capacity)), cardItem.capacity != null && cardItem.area && " · ", cardItem.area))
     )
   );
 }

package/lib/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/lib/components/pisellFloorMapLayout/components/FloorMapDataForm.js

@@ -36,8 +36,10 @@ module.exports = __toCommonJS(FloorMapDataForm_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
 var import_FloorMapDataForm = require("./FloorMapDataForm.less");
 var PREFIX = "pisell-floor-map-layout";
+var I18N_DF = "pisell-floor-map-layout.data-form";
 function renderFormControl(col, value) {
   var _a;
   const type = col.type ?? "string";
@@ -83,7 +85,7 @@ function FloorMapDataForm(props) {
   }, [recordId, record, form]);
   const fieldsToRender = columns ? columns.filter((col) => col.key !== "id") : Object.entries(record).filter(([k]) => k !== "id").map(([key]) => ({ key, label: key, type: "string" }));
   if (fieldsToRender.length === 0) {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${PREFIX}-data-form`, className) }, /* @__PURE__ */ import_react.default.createElement("p", { className: `${PREFIX}-data-form-empty` }, "无额外字段可编辑"));
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${PREFIX}-data-form`, className) }, /* @__PURE__ */ import_react.default.createElement("p", { className: `${PREFIX}-data-form-empty` }, import_utils.locales.getText(`${I18N_DF}.empty`)));
   }
   return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${PREFIX}-data-form`, className) }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Form,
@@ -106,7 +108,7 @@ function FloorMapDataForm(props) {
         loading: saving,
         disabled: !changed
       },
-      "保存记录"
+      import_utils.locales.getText(`${I18N_DF}.save-record`)
     ))
   ));
 }

package/lib/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/lib/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/lib/components/pisellFloorMapLayout/components/FloorMapEditQuickActions.js

@@ -0,0 +1,108 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellFloorMapLayout/components/FloorMapEditQuickActions.tsx
+var FloorMapEditQuickActions_exports = {};
+__export(FloorMapEditQuickActions_exports, {
+  FloorMapEditQuickActions: () => FloorMapEditQuickActions
+});
+module.exports = __toCommonJS(FloorMapEditQuickActions_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var PREFIX = "pisell-floor-map-layout";
+function FloorMapEditQuickActions(props) {
+  const { className, labels, isLocked, onToggleLock, onDuplicate, onDelete } = props;
+  const stopBubble = (0, import_react.useCallback)((e) => {
+    e.stopPropagation();
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      role: "toolbar",
+      "aria-label": labels.ariaToolbar,
+      className: (0, import_classnames.default)(
+        `${PREFIX}-edit-quick-actions`,
+        isLocked && `${PREFIX}-edit-quick-actions--locked`,
+        className
+      ),
+      onPointerDown: (e) => e.stopPropagation()
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: isLocked ? labels.unlock : labels.lock }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        type: "text",
+        size: "large",
+        icon: isLocked ? /* @__PURE__ */ import_react.default.createElement(import_icons.LockOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.UnlockOutlined, null),
+        onClick: (e) => {
+          stopBubble(e);
+          onToggleLock();
+        },
+        "aria-pressed": isLocked
+      }
+    )),
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: labels.duplicate }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        type: "text",
+        size: "large",
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.CopyOutlined, null),
+        onClick: (e) => {
+          stopBubble(e);
+          onDuplicate();
+        }
+      }
+    )),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Popconfirm,
+      {
+        title: labels.popTitle,
+        description: labels.popDesc,
+        onConfirm: () => onDelete(),
+        okText: labels.okDelete,
+        cancelText: labels.cancel,
+        okButtonProps: { danger: true }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: labels.delete }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          type: "text",
+          danger: true,
+          size: "large",
+          icon: /* @__PURE__ */ import_react.default.createElement(import_icons.DeleteOutlined, null),
+          onClick: stopBubble
+        }
+      ))
+    )
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FloorMapEditQuickActions
+});

package/lib/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/lib/components/pisellFloorMapLayout/components/FloorMapEditTopBar.js

@@ -35,7 +35,6 @@ __export(FloorMapEditTopBar_exports, {
 module.exports = __toCommonJS(FloorMapEditTopBar_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
-var import_icons = require("@ant-design/icons");
 var import_utils = require("@pisell/utils");
 var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var import_floorMapCanvasDisplay = require("../utils/floorMapCanvasDisplay");
@@ -59,11 +58,10 @@ function FloorMapEditTopBar(props) {
     saving,
     saveError,
     layoutDirty,
-    toggleFullscreen,
     isFullscreen = false,
-    controls = {},
     extraActions,
     canvasTabsBarTrailing,
+    hideCanvasTabs = false,
     className
   } = props;
   const engineCtx = (0, import_useEngineContext.default)();
@@ -72,34 +70,30 @@ function FloorMapEditTopBar(props) {
     (0, import_floorMapCanvasDisplay.initFloorMapLayoutLocales)(engineLocale);
     return {
       aria: import_utils.locales.getText(`${I18N_TB}.aria`),
-      fsEnterAria: import_utils.locales.getText(`${I18N_TB}.fullscreen-enter-aria`),
-      fsEnterTitle: import_utils.locales.getText(`${I18N_TB}.fullscreen-enter-title`),
-      fsExitAria: import_utils.locales.getText(`${I18N_TB}.fullscreen-exit-aria`),
-      fsExitTitle: import_utils.locales.getText(`${I18N_TB}.fullscreen-exit-title`),
       unsaved: import_utils.locales.getText(`${I18N_TB}.unsaved`),
       save: import_utils.locales.getText(`${I18N_TB}.save`),
       saving: import_utils.locales.getText(`${I18N_TB}.saving`)
     };
   }, [engineLocale]);
   const showSave = Boolean(onSave && config.canvasUi.canEdit) && !isFullscreen;
-  const showFullscreenEnter = Boolean(toggleFullscreen);
-  const showFullscreenExit = mode === "full" && isFullscreen && Boolean(toggleFullscreen);
   const hasTrailing = canvasTabsBarTrailing != null && canvasTabsBarTrailing !== false;
-  const hasFullActions = showSave || showFullscreenExit || Boolean(saveError) || extraActions != null && extraActions !== false || hasTrailing;
+  const hasFullActions = showSave || Boolean(saveError) || extraActions != null && extraActions !== false || hasTrailing;
+  const tabsHiddenClass = hideCanvasTabs ? `${PREFIX}-edit-top-bar--tabs-hidden` : void 0;
   if (mode === "compact") {
-    const showCompactActions = hasTrailing || showFullscreenEnter;
+    const showCompactActions = hasTrailing;
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: (0, import_classnames.default)(
           `${PREFIX}-edit-top-bar`,
           `${PREFIX}-edit-top-bar--compact`,
+          tabsHiddenClass,
           className
         ),
         role: "toolbar",
         "aria-label": topBarLabels.aria
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-edit-top-bar-tabs` }, /* @__PURE__ */ import_react.default.createElement(
+      !hideCanvasTabs ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-edit-top-bar-tabs` }, /* @__PURE__ */ import_react.default.createElement(
         import_CanvasTabs.CanvasTabs,
         {
           canvases,
@@ -111,31 +105,26 @@ function FloorMapEditTopBar(props) {
           onRenameCanvas,
           className: `${PREFIX}-edit-top-bar-canvas-tabs`
         }
-      )),
-      showCompactActions ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-edit-top-bar-actions` }, canvasTabsBarTrailing, showFullscreenEnter ? /* @__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: () => toggleFullscreen == null ? void 0 : toggleFullscreen(),
-          "aria-label": topBarLabels.fsEnterAria,
-          title: topBarLabels.fsEnterTitle
-        },
-        /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenOutlined, null)
-      ) : null) : null
+      )) : null,
+      showCompactActions ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-edit-top-bar-actions` }, canvasTabsBarTrailing) : null
     );
   }
+  if (hideCanvasTabs && !hasFullActions) {
+    return null;
+  }
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: (0, import_classnames.default)(`${PREFIX}-edit-top-bar`, className),
+      className: (0, import_classnames.default)(
+        `${PREFIX}-edit-top-bar`,
+        `${PREFIX}-edit-top-bar--full-chrome`,
+        tabsHiddenClass,
+        className
+      ),
       role: "toolbar",
       "aria-label": topBarLabels.aria
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-edit-top-bar-tabs` }, /* @__PURE__ */ import_react.default.createElement(
+    !hideCanvasTabs ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-edit-top-bar-tabs` }, /* @__PURE__ */ import_react.default.createElement(
       import_CanvasTabs.CanvasTabs,
       {
         canvases,
@@ -147,7 +136,7 @@ function FloorMapEditTopBar(props) {
         onRenameCanvas,
         className: `${PREFIX}-edit-top-bar-canvas-tabs`
       }
-    )),
+    )) : null,
     hasFullActions ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-edit-top-bar-actions` }, saveError ? /* @__PURE__ */ import_react.default.createElement(
       "span",
       {
@@ -155,20 +144,7 @@ function FloorMapEditTopBar(props) {
         title: typeof saveError === "string" ? saveError : saveError == null ? void 0 : saveError.message
       },
       typeof saveError === "string" ? saveError : saveError == null ? void 0 : saveError.message
-    ) : null, canvasTabsBarTrailing, extraActions, showFullscreenExit ? /* @__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: () => toggleFullscreen == null ? void 0 : toggleFullscreen(),
-        "aria-label": topBarLabels.fsExitAria,
-        title: topBarLabels.fsExitTitle
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenExitOutlined, null)
-    ) : null, showSave ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-edit-top-bar-save-group` }, layoutDirty ? /* @__PURE__ */ import_react.default.createElement(
+    ) : null, canvasTabsBarTrailing, extraActions, showSave ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-edit-top-bar-save-group` }, layoutDirty ? /* @__PURE__ */ import_react.default.createElement(
       "span",
       {
         className: `${PREFIX}-edit-top-bar-dirty-badge`,