@pisell/materials 6.11.17 → 6.11.18

package/lib/components/pisellFloorMapLayout/components/FloorMapEditPanel.less

@@ -0,0 +1,162 @@
+.pisell-floor-map-layout-edit-panel {
+  width: 280px;
+  padding: 12px;
+  background: #fff;
+  border: 1px solid #e8e8e8;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  max-height: 80vh;
+  overflow-y: auto;
+  touch-action: pan-y;
+
+  &-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    margin-bottom: 12px;
+  }
+
+  /** 与下方分组标题（如「数据绑定」「数据源记录」）统一的标题样式 */
+
+  &-header-title {
+    font-size: 14px;
+    font-weight: 500;
+    color: #262626;
+    line-height: 1.4;
+  }
+
+  &-close {
+    flex-shrink: 0;
+    color: rgba(0, 0, 0, 0.45);
+
+    &:hover {
+      color: rgba(0, 0, 0, 0.88);
+    }
+  }
+
+  &-footer {
+    margin-top: 16px;
+    padding-top: 16px;
+    border-top: 1px solid #f0f0f0;
+  }
+
+  &-record-custom {
+    margin-top: 8px;
+  }
+
+  &-layout-lock-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    margin-bottom: 8px;
+  }
+
+  &-layout-lock-title {
+    font-size: 12px;
+    font-weight: 600;
+    color: #434343;
+  }
+
+  &-layout-lock-btn {
+    flex-shrink: 0;
+    color: rgba(0, 0, 0, 0.55);
+  }
+
+  /* X、Y、层级 同一行 */
+
+  &-xy-row {
+    display: flex;
+    gap: 8px;
+    align-items: flex-start;
+
+    .ant-form-item {
+      flex: 1;
+      min-width: 0;
+    }
+  }
+
+  &-size-row {
+    display: flex;
+    gap: 8px;
+    align-items: flex-start;
+    margin-bottom: 8px;
+
+    .ant-form-item {
+      flex: 1;
+      min-width: 0;
+    }
+  }
+
+  &-record-bind {
+    margin-bottom: 12px;
+  }
+
+  &-record-bind-label {
+    font-size: 12px;
+    font-weight: 600;
+    color: #434343;
+    margin-bottom: 6px;
+  }
+
+  &-record-bind-hint {
+    margin: 8px 0 0;
+    font-size: 12px;
+    color: #8c8c8c;
+    line-height: 1.5;
+  }
+
+  &-hints {
+    margin-bottom: 10px;
+  }
+
+  &-hint {
+    margin: 0 0 6px;
+    font-size: 12px;
+    line-height: 1.45;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+
+    &.warn {
+      color: #ad6800;
+      padding: 6px 8px;
+      background: #fffbe6;
+      border-radius: 6px;
+      border: 1px solid #ffe58f;
+    }
+
+    &.muted {
+      margin-top: 4px;
+      color: #595959;
+    }
+  }
+
+  &-record-draft-note {
+    margin: 0 0 10px;
+    font-size: 11px;
+    color: #8c8c8c;
+    line-height: 1.45;
+  }
+}
+
+/* 父 wrap 根据画布限制高度时，面板填满 wrap 并内部滚动 */
+.pisell-floor-map-layout-edit-panel-wrap-constrained .pisell-floor-map-layout-edit-panel {
+  height: 100%;
+  max-height: 100%;
+  box-sizing: border-box;
+
+  &-record {
+    margin-top: 16px;
+    padding-top: 16px;
+    border-top: 1px solid #f0f0f0;
+  }
+
+  &-record-title {
+    font-size: 14px;
+    font-weight: 500;
+    margin-bottom: 8px;
+  }
+}

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

@@ -0,0 +1,36 @@
+/**
+ * FloorMapEditTopBar - 编辑态顶栏
+ * - `mode="compact"`：画布 Tab + 可选 `canvasTabsBarTrailing` + 全屏入口（非全屏；保存多在侧栏）
+ * - `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;
+    toggleFullscreen?: () => void;
+    isFullscreen?: boolean;
+    controls?: FloorMapControlsConfig;
+    /** 顶栏右侧扩展（如「区域定位」等），仅 full 模式 */
+    extraActions?: React.ReactNode;
+    /** 画布 Tab 同排最右侧业务区（在「进入全屏」/「退出全屏」与保存等之前） */
+    canvasTabsBarTrailing?: React.ReactNode;
+    className?: string;
+}
+export declare function FloorMapEditTopBar(props: FloorMapEditTopBarProps): React.JSX.Element;
+export default FloorMapEditTopBar;

package/lib/components/pisellFloorMapLayout/components/FloorMapEditTopBar.js

@@ -0,0 +1,195 @@
+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/FloorMapEditTopBar.tsx
+var FloorMapEditTopBar_exports = {};
+__export(FloorMapEditTopBar_exports, {
+  FloorMapEditTopBar: () => FloorMapEditTopBar,
+  default: () => FloorMapEditTopBar_default
+});
+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");
+var import_CanvasTabs = require("./CanvasTabs");
+var import_FloorMapEditTopBar = require("./FloorMapEditTopBar.less");
+var PREFIX = "pisell-floor-map-layout";
+var I18N_TB = "pisell-floor-map-layout.edit-top-bar";
+function FloorMapEditTopBar(props) {
+  var _a, _b;
+  const {
+    mode = "full",
+    config,
+    canvases,
+    currentCanvasId,
+    onTabChange,
+    canEditTabs = false,
+    onAddCanvas,
+    onRemoveCanvas,
+    onRenameCanvas,
+    onSave,
+    saving,
+    saveError,
+    layoutDirty,
+    toggleFullscreen,
+    isFullscreen = false,
+    controls = {},
+    extraActions,
+    canvasTabsBarTrailing,
+    className
+  } = props;
+  const engineCtx = (0, import_useEngineContext.default)();
+  const engineLocale = ((_b = (_a = engineCtx == null ? void 0 : engineCtx.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "zh-CN";
+  const topBarLabels = (0, import_react.useMemo)(() => {
+    (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;
+  if (mode === "compact") {
+    const showCompactActions = hasTrailing || showFullscreenEnter;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          `${PREFIX}-edit-top-bar`,
+          `${PREFIX}-edit-top-bar--compact`,
+          className
+        ),
+        role: "toolbar",
+        "aria-label": topBarLabels.aria
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-edit-top-bar-tabs` }, /* @__PURE__ */ import_react.default.createElement(
+        import_CanvasTabs.CanvasTabs,
+        {
+          canvases,
+          currentCanvasId,
+          onTabChange,
+          canEdit: canEditTabs,
+          onAddCanvas,
+          onRemoveCanvas,
+          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
+    );
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(`${PREFIX}-edit-top-bar`, className),
+      role: "toolbar",
+      "aria-label": topBarLabels.aria
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-edit-top-bar-tabs` }, /* @__PURE__ */ import_react.default.createElement(
+      import_CanvasTabs.CanvasTabs,
+      {
+        canvases,
+        currentCanvasId,
+        onTabChange,
+        canEdit: canEditTabs,
+        onAddCanvas,
+        onRemoveCanvas,
+        onRenameCanvas,
+        className: `${PREFIX}-edit-top-bar-canvas-tabs`
+      }
+    )),
+    hasFullActions ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-edit-top-bar-actions` }, saveError ? /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        className: `${PREFIX}-edit-top-bar-error`,
+        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(
+      "span",
+      {
+        className: `${PREFIX}-edit-top-bar-dirty-badge`,
+        role: "status",
+        "aria-live": "polite"
+      },
+      topBarLabels.unsaved
+    ) : null, /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        type: "button",
+        className: (0, import_classnames.default)(`${PREFIX}-edit-top-bar-btn`, "primary"),
+        disabled: saving,
+        onClick: onSave
+      },
+      saving ? topBarLabels.saving : topBarLabels.save
+    )) : null) : null
+  );
+}
+var FloorMapEditTopBar_default = FloorMapEditTopBar;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FloorMapEditTopBar
+});

package/lib/components/pisellFloorMapLayout/components/FloorMapEditTopBar.less

@@ -0,0 +1,149 @@
+/* 编辑态单行顶栏：画布 Tab + 保存 / 全屏 */
+.pisell-floor-map-layout-edit-top-bar {
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+  flex-shrink: 0;
+  min-height: 48px;
+  background: #fff;
+  border-bottom: 1px solid #f0f0f0;
+  z-index: 3;
+
+  &-tabs {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    align-items: stretch;
+    overflow: hidden;
+  }
+
+  /* 嵌入顶栏时去掉 CanvasTabs 自身底边，避免双线 */
+
+  &-canvas-tabs.pisell-floor-map-layout-canvas-tabs {
+    flex: 1;
+    min-width: 0;
+    overflow-x: auto;
+    overflow-y: hidden;
+    border-bottom: none;
+    flex-wrap: nowrap;
+    align-items: center;
+  }
+
+  &-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 8px;
+    padding: 0 12px;
+    border-left: 1px solid #f0f0f0;
+  }
+
+  &-error {
+    max-width: 160px;
+    font-size: 12px;
+    color: #ff4d4f;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  /* 全屏顶栏：未保存标签在保存按钮左侧，单行对齐 */
+
+  &-save-group {
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 10px;
+  }
+
+  &-dirty-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 4px 10px 4px 8px;
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 1;
+    color: #ad6800;
+    white-space: nowrap;
+    background: linear-gradient(180deg, #fffef7 0%, #fff7e6 100%);
+    border: 1px solid #ffe7a3;
+    border-radius: 999px;
+    box-shadow: 0 1px 2px rgba(173, 104, 0, 0.06);
+
+    &::before {
+      content: '';
+      width: 6px;
+      height: 6px;
+      flex-shrink: 0;
+      border-radius: 50%;
+      background: #faad14;
+      box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.25);
+    }
+  }
+
+  &-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 36px;
+    height: 32px;
+    padding: 0 14px;
+    font-size: 14px;
+    line-height: 1;
+    border-radius: 6px;
+    cursor: pointer;
+    border: 1px solid #d9d9d9;
+    background: #fff;
+    color: rgba(0, 0, 0, 0.88);
+    transition: border-color 0.2s, background 0.2s;
+
+    &:hover:not(:disabled) {
+      border-color: #1677ff;
+      color: #1677ff;
+    }
+
+    &:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+
+    &.primary {
+      color: #fff;
+      background: #1677ff;
+      border-color: #1677ff;
+
+      &:hover:not(:disabled) {
+        background: #4096ff;
+        border-color: #4096ff;
+        color: #fff;
+      }
+    }
+  }
+
+  &-btn-ghost {
+    min-width: 32px;
+    padding: 0 8px;
+    font-size: 16px;
+  }
+
+  /**
+   * 只读顶栏（`edit-top-bar` + `read-canvas-tabs-bar` 并列）与编辑态 compact：
+   * 与左侧 Tab 同一浅灰底，去掉右侧白底与竖线分割。
+   */
+
+  &.pisell-floor-map-layout-read-canvas-tabs-bar,
+  &--compact {
+    background: rgba(0, 0, 0, 0.04);
+
+    .pisell-floor-map-layout-edit-top-bar-actions {
+      background: transparent;
+      border-left: none;
+    }
+
+    .pisell-floor-map-layout-edit-top-bar-canvas-tabs.pisell-floor-map-layout-canvas-tabs {
+      background: transparent;
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+/**
+ * 平面图「图片图元」内层展示：支持 URL、object-fit 铺满；无地址或加载失败时占位
+ */
+import React from 'react';
+export interface FloorMapImageElementProps {
+    imageUrl?: string;
+    name?: string;
+}
+export declare function FloorMapImageElement(props: FloorMapImageElementProps): React.JSX.Element;

package/lib/components/pisellFloorMapLayout/components/FloorMapImageElement.js

@@ -0,0 +1,94 @@
+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/FloorMapImageElement.tsx
+var FloorMapImageElement_exports = {};
+__export(FloorMapImageElement_exports, {
+  FloorMapImageElement: () => FloorMapImageElement
+});
+module.exports = __toCommonJS(FloorMapImageElement_exports);
+var import_react = __toESM(require("react"));
+var PREFIX = "pisell-floor-map-layout";
+function FloorMapImageElement(props) {
+  const { imageUrl, name } = props;
+  const [broken, setBroken] = (0, import_react.useState)(false);
+  const trimmed = imageUrl != null ? String(imageUrl).trim() : "";
+  (0, import_react.useEffect)(() => {
+    setBroken(false);
+  }, [trimmed]);
+  const label = name != null && String(name).trim() ? String(name).trim() : "图片图元";
+  if (!trimmed || broken) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${PREFIX}-image-element-placeholder`,
+        style: {
+          width: "100%",
+          height: "100%",
+          boxSizing: "border-box",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: 8,
+          background: "#fafafa",
+          border: "2px dashed #bfbfbf",
+          borderRadius: 4,
+          fontSize: 11,
+          color: "#8c8c8c",
+          textAlign: "center",
+          lineHeight: 1.4,
+          overflow: "hidden"
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement("span", { style: { fontWeight: 600, color: "#595959", marginBottom: 4 } }, label),
+      /* @__PURE__ */ import_react.default.createElement("span", null, !trimmed ? "在侧栏填写图片地址；可调层级置于桌位下方作底图" : "图片加载失败，请检查地址")
+    );
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    "img",
+    {
+      src: trimmed,
+      alt: label,
+      draggable: false,
+      onError: () => setBroken(true),
+      style: {
+        width: "100%",
+        height: "100%",
+        objectFit: "cover",
+        display: "block",
+        pointerEvents: "none",
+        userSelect: "none"
+      }
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FloorMapImageElement
+});

package/lib/components/pisellFloorMapLayout/components/FloorMapToolbar.d.ts

@@ -0,0 +1,35 @@
+/**
+ * FloorMapToolbar - 编辑态左侧侧边栏：按分类添加图元、绑定数据源与行；保存可选（默认用顶栏）
+ */
+import React from 'react';
+import type { FloorMapViewConfig, FloorMapDataSources, FloorMapMergedItem, FloorMapSceneElement, FloorMapPlaceMode } from '../types';
+import { type FloorMapPaletteDragPayload } from '../utils/floorMapDropUtils';
+import './FloorMapToolbar.less';
+export type { FloorMapPlaceMode as PlaceMode };
+export interface FloorMapToolbarProps {
+    config: FloorMapViewConfig;
+    dataSources: FloorMapDataSources;
+    dataSourceLabels?: Record<string, string>;
+    canCreate: boolean;
+    placeMode: FloorMapPlaceMode;
+    onPlaceModeChange: (mode: FloorMapPlaceMode) => void;
+    renderPreviewItem?: (item: FloorMapMergedItem) => React.ReactNode;
+    placementPreviewSize?: {
+        width: number;
+        height: number;
+    };
+    decorationPreviewSize?: number;
+    sceneElements?: FloorMapSceneElement[];
+    onSave?: () => void;
+    saving?: boolean;
+    saveError?: Error | string;
+    /** 布局草稿已相对持久化配置变更，提示用户点击本栏「保存」 */
+    layoutDirty?: boolean;
+    className?: string;
+    /** 触摸/笔：Pointer 拖拽落点（mouse 仍用 HTML5 DnD） */
+    onPaletteCardPointerDown?: (payload: FloorMapPaletteDragPayload, e: React.PointerEvent<HTMLButtonElement>) => void;
+    /** 触摸拖放结束后吞掉按钮 click，避免误触切换落点模式 */
+    consumeToolbarClickIfTouchDrag?: () => boolean;
+}
+export declare function FloorMapToolbar(props: FloorMapToolbarProps): React.JSX.Element;
+export default FloorMapToolbar;