@pisell/materials 6.11.44 → 6.11.46

package/es/components/pisellFloorMapLayout/components/FloorMapToolbar.js

@@ -18,7 +18,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 /**
  * FloorMapToolbar - 编辑态左侧侧边栏：按分类添加图元、绑定数据源与行；保存可选（默认用顶栏）
  */
-import React, { useMemo, useState, useCallback, useEffect } from 'react';
+import React, { useMemo, useState, useCallback } from 'react';
 import classNames from 'classnames';
 import { Select } from 'antd';
 import { LeftOutlined, RightOutlined } from '@ant-design/icons';
@@ -86,29 +86,6 @@ var IMAGE_PREVIEW_SIZE = {
   width: 140,
   height: 80
 };
-
-/**
- * 侧栏收起态偏好持久化 key（跨画布/跨业务共享，仅是个人 UI 偏好）。
- * `1` = 收起；缺省、`0` = 展开（编辑态左侧栏默认展开）。
- * key 迭代后不再读旧 key，首次进入为展开；用户收起/展开后会写入新偏好。
- */
-var TOOLBAR_COLLAPSED_STORAGE_KEY = 'pisell-floor-map-layout.toolbar.leftbar-collapsed.v1';
-function readToolbarCollapsedPreference() {
-  if (typeof window === 'undefined') return false;
-  try {
-    return window.localStorage.getItem(TOOLBAR_COLLAPSED_STORAGE_KEY) === '1';
-  } catch (_unused) {
-    return false;
-  }
-}
-function writeToolbarCollapsedPreference(collapsed) {
-  if (typeof window === 'undefined') return;
-  try {
-    window.localStorage.setItem(TOOLBAR_COLLAPSED_STORAGE_KEY, collapsed ? '1' : '0');
-  } catch (_unused2) {
-    /** 隐私模式 / quota 失败时静默：UI 偏好丢失对功能无影响 */
-  }
-}
 export function FloorMapToolbar(props) {
   var config = props.config,
     dataSources = props.dataSources,
@@ -133,19 +110,14 @@ export function FloorMapToolbar(props) {
     consumeToolbarClickIfTouchDrag = props.consumeToolbarClickIfTouchDrag;
 
   /**
-   * 侧栏收起 / 展开本地状态：默认展开；有持久化记录时恢复用户偏好。
+   * 侧栏收起 / 展开：仅会话内状态，**不写入 localStorage**；每次进入编辑（组件挂载）默认展开。
    * 收起后整个 body / footer 隐藏、容器宽度收缩到一条；
    * 切换按钮挂在容器右边垂直居中，外突半个按钮宽度。
    */
-  var _useState = useState(function () {
-      return readToolbarCollapsedPreference();
-    }),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     collapsed = _useState2[0],
     setCollapsed = _useState2[1];
-  useEffect(function () {
-    writeToolbarCollapsedPreference(collapsed);
-  }, [collapsed]);
   var handleToggleCollapsed = useCallback(function () {
     setCollapsed(function (prev) {
       return !prev;

package/es/components/pisellFloorMapLayout/components/FloorMapToolbar.less

@@ -46,15 +46,15 @@
   }
 
   /**
-   * 收起 / 展开按钮：固定挂在容器右边垂直居中，外突大半个按钮宽度。
-   * 124px 抽屉下整体视觉更宽松，handle 用 28×72 配合放大的箭头，
-   * 在窄边栏旁仍然显眼、易点（之前 16×48 几乎看不见，参考用户截图）。
-   * 收起态下容器宽度为 0，按钮仍能完整露出（z-index 高于地图区遮罩）。
+   * 收起 / 展开按钮：左缘与侧栏**右缘对齐**（`left: 100%`），整体仍在侧栏外，不与图元预览重叠；
+   * 旧写法 `right: -22px` + `width: 28` 会让按钮左缘落在侧栏内约 6px 压到卡片。
+   * 收起态下容器宽度为 0，100% 仍锚在右缘，按钮仍能完整露出（z-index 高于地图区遮罩）。
    */
   &-collapse-handle {
     position: absolute;
     top: 50%;
-    right: -22px;
+    left: 100%;
+    right: auto;
     transform: translateY(-50%);
     width: 28px;
     height: 72px;

package/es/components/pisellFloorMapLayout/components/ViewControls.js

@@ -52,27 +52,26 @@ export function ViewControls(props) {
   var showFullscreen = config.showFullscreen === true;
   var showGridToggle = config.showGridToggle === true && typeof onToggleMapGrid === 'function';
   var showViewportLock = config.showViewportLock === true && typeof onToggleViewportLock === 'function';
+  /**
+   * `horizontalAlign` 仅作用于非 dockChrome 的普通横条（决定贴左下还是右下）。
+   * dockChrome（平面图）模式已统一固定在屏右下，不再读这个配置。
+   */
   var horizontalAlign = (_config$horizontalAli = config.horizontalAlign) !== null && _config$horizontalAli !== void 0 ? _config$horizontalAli : 'start';
-  /** 右下 Dock：`row-reverse` 后入口在屏缘右侧，箭头与左下镜像（展开朝内左、收起朝外右） */
-  var isDockAlignEnd = horizontalAlign === 'end';
   var scalePercent = Math.round(scale * 100);
   var showTools = showReset || showFitBounds || showFullscreen || showGridToggle || showViewportLock;
   var hasTrailingSlot = dockExpandedTrailing != null && dockExpandedTrailing !== false;
   var dockHasExpandable = dockChrome && (showTools || hasTrailingSlot);
   var showBar = showZoom || showTools || dockChrome && hasTrailingSlot;
 
-  /** Dock：展开条是否拉宽（与 CSS max-width 过渡联动） */
+  /**
+   * Dock：展开条是否拉宽（与 CSS max-width 过渡联动）。
+   * dockChrome 下 slide 内嵌合并 toggle 按钮，slide 始终 mounted；
+   * 折叠态 max-width 仅露 toggle 宽，展开态拉满。
+   */
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     dockExpanded = _useState2[0],
     setDockExpanded = _useState2[1];
-  /** 收起动画结束后再卸载展开条，保证 max-width 能从宽缩回 0 */
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dockPanelMounted = _useState4[0],
-    setDockPanelMounted = _useState4[1];
-  var dockExpandedRef = useRef(dockExpanded);
-  dockExpandedRef.current = dockExpanded;
   var idleTimerRef = useRef(null);
   var clearIdleTimer = useCallback(function () {
     if (idleTimerRef.current != null) {
@@ -100,21 +99,8 @@ export function ViewControls(props) {
       scheduleDockCollapse();
     }
   }, [dockExpanded, dockHasExpandable, scheduleDockCollapse]);
-  var handleDockSlideTransitionEnd = useCallback(function (e) {
-    if (e.propertyName !== 'max-width' || e.target !== e.currentTarget) {
-      return;
-    }
-    if (!dockExpandedRef.current) {
-      setDockPanelMounted(false);
-    }
-  }, []);
   var handleDockExpand = useCallback(function () {
-    setDockPanelMounted(true);
-    requestAnimationFrame(function () {
-      requestAnimationFrame(function () {
-        setDockExpanded(true);
-      });
-    });
+    setDockExpanded(true);
   }, []);
   var handleDockCollapseClick = useCallback(function () {
     clearIdleTimer();
@@ -127,8 +113,8 @@ export function ViewControls(props) {
   }, [dockExpanded, autoCollapseDockMs, scheduleDockCollapse]);
 
   /**
-   * 右下 Dock（align-end）收起态已在 `dock-collapsed-extras` 暴露锁 / 全览，
-   * 展开后 extras 仍贴边可见，展开条内不再重复渲染这两项。
+   * dockChrome 下「锁 / 全览」常驻在 `dock-collapsed-extras` 屏右缘，展开条内不再重复渲染。
+   * 非 dockChrome 普通横条不省略，所有按钮顺排。
    */
   var renderToolButtons = function renderToolButtons(opts) {
     var omitLock = (opts === null || opts === void 0 ? void 0 : opts.omitViewportLock) === true;
@@ -180,10 +166,29 @@ export function ViewControls(props) {
     }, isFullscreen ? /*#__PURE__*/React.createElement(FullscreenExitOutlined, null) : /*#__PURE__*/React.createElement(FullscreenOutlined, null)) : null);
   };
 
-  /** Dock 展开条内是否还有「工具区」按钮（排除已在收起条 mirror 的锁 / 全览） */
-  var dockExpandedBarHasToolButtons = showReset || showFitBounds && Boolean(api.fitBounds) && !isDockAlignEnd || showGridToggle || showViewportLock && !isDockAlignEnd || showFullscreen && Boolean(api.toggleFullscreen);
+  /**
+   * dockChrome 展开条内的「工具区」按钮：锁 / 全览 已常驻在 `dock-collapsed-extras` 屏右缘，
+   * 展开条内不再重复渲染，避免冗余。
+   */
+  var dockExpandedBarHasToolButtons = showReset || showGridToggle || showFullscreen && Boolean(api.toggleFullscreen);
+
+  /**
+   * dockChrome 合并入口：同一个 toggle 按钮承担展开/收起，常驻在 slide 内最左端。
+   * - 折叠态：箭头朝左，点一下展开（slide 由 toggle 宽撑成 max-width）；
+   * - 展开态：箭头朝右，点一下收起；toggle 跟随 slide max-width 收缩"被推回"右侧屏缘。
+   * 主题色样式（紫底白 icon）由 `dock-toggle-btn` 类提供。
+   */
+  var renderDockToggleButton = function renderDockToggleButton() {
+    return /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: classNames("".concat(PREFIX, "-view-controls-dock-toggle-btn"), _defineProperty({}, "".concat(PREFIX, "-view-controls-dock-toggle-btn--panel-open"), dockExpanded)),
+      onClick: dockExpanded ? handleDockCollapseClick : handleDockExpand,
+      "aria-expanded": dockExpanded,
+      "aria-label": locales.getText(dockExpanded ? "".concat(I18N_VC, ".collapse-tools-aria") : "".concat(I18N_VC, ".expand-tools-aria"))
+    }, dockExpanded ? /*#__PURE__*/React.createElement(RightOutlined, null) : /*#__PURE__*/React.createElement(LeftOutlined, null));
+  };
   var renderDockExpandableBarContents = function renderDockExpandableBarContents() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, showZoom ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, renderDockToggleButton(), showZoom ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: "".concat(PREFIX, "-view-controls-tool-btn"),
       onClick: function onClick() {
@@ -207,46 +212,32 @@ export function ViewControls(props) {
       className: "".concat(PREFIX, "-view-controls-bar-divider"),
       "aria-hidden": true
     }) : null, dockExpandedBarHasToolButtons ? renderToolButtons({
-      omitViewportLock: isDockAlignEnd,
-      omitFitBounds: isDockAlignEnd
+      omitViewportLock: true,
+      omitFitBounds: true
     }) : null, hasTrailingSlot ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(PREFIX, "-view-controls-dock-trailing")
-    }, dockExpandedTrailing) : null, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "".concat(PREFIX, "-view-controls-tool-btn"),
-      onClick: handleDockCollapseClick,
-      "aria-expanded": dockExpanded,
-      "aria-label": locales.getText("".concat(I18N_VC, ".collapse-tools-aria"))
-    }, isDockAlignEnd ? /*#__PURE__*/React.createElement(RightOutlined, null) : /*#__PURE__*/React.createElement(LeftOutlined, null)));
+    }, dockExpandedTrailing) : null);
   };
   if (!showBar) {
     return null;
   }
 
   /**
-   * Dock 收起态额外暴露的高频按钮（不必先展开就能点）。
-   * 当前包含「视口锁定」「适配视口（全览）」——两者都是单击操作，不依赖展开条里的状态展示。
-   * 展开时这块和 expand-btn 一起 width→0 收掉，让位给 dock-slide。
+   * dockChrome 屏右缘常驻按钮：「锁 / 全览」。两者都是单击操作，与展开条解耦。
+   * dockChrome 模式下 extras 与 slide 共用同一外壳，无 panel-open 收起行为。
    */
   var renderDockCollapsedExtras = function renderDockCollapsedExtras() {
     var showLockChip = showViewportLock;
     var showFitChip = showFitBounds && Boolean(api.fitBounds);
     if (!showLockChip && !showFitChip) return null;
-    /**
-     * align-end（画布右下 dock）下 extras 与 expand-btn / slide 做"连体"，
-     * 展开态仍贴右缘可见，因此不参与 panel-open 收起，也保持可聚焦/无 aria-hidden。
-     */
-    var collapseExtras = dockExpanded && !isDockAlignEnd;
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames("".concat(PREFIX, "-view-controls-dock-collapsed-extras"), _defineProperty({}, "".concat(PREFIX, "-view-controls-dock-collapsed-extras--panel-open"), collapseExtras)),
-      "aria-hidden": collapseExtras
+      className: "".concat(PREFIX, "-view-controls-dock-collapsed-extras")
     }, showLockChip ? /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: classNames("".concat(PREFIX, "-view-controls-tool-btn"), "".concat(PREFIX, "-view-controls-dock-collapsed-extras-btn"), _defineProperty({}, "".concat(PREFIX, "-view-controls-tool-btn--active"), viewportLocked)),
       onClick: function onClick() {
         return onToggleViewportLock();
       },
-      tabIndex: collapseExtras ? -1 : 0,
       "aria-pressed": viewportLocked,
       "aria-label": locales.getText(viewportLocked ? "".concat(I18N_VC, ".viewport-unlock-aria") : "".concat(I18N_VC, ".viewport-lock-aria")),
       title: locales.getText(viewportLocked ? "".concat(I18N_VC, ".viewport-unlock-aria") : "".concat(I18N_VC, ".viewport-lock-aria"))
@@ -259,32 +250,22 @@ export function ViewControls(props) {
       disabled: viewportLocked,
       "aria-disabled": viewportLocked,
       "aria-pressed": fitBoundsActive,
-      tabIndex: collapseExtras ? -1 : 0,
       "aria-label": locales.getText("".concat(I18N_VC, ".fit-bounds-aria")),
       title: locales.getText("".concat(I18N_VC, ".fit-bounds-aria"))
     }, /*#__PURE__*/React.createElement(ExpandOutlined, null)) : null);
   };
   if (dockChrome && dockHasExpandable) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: classNames("".concat(PREFIX, "-view-controls"), "".concat(PREFIX, "-view-controls--dock"), horizontalAlign === 'end' && "".concat(PREFIX, "-view-controls--align-end"), className)
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames("".concat(PREFIX, "-view-controls"), "".concat(PREFIX, "-view-controls--dock"), /* dockChrome 始终右下；保留 --align-end 类以复用既有 CSS */"".concat(PREFIX, "-view-controls--align-end"), className)
     }, /*#__PURE__*/React.createElement("div", {
       className: "".concat(PREFIX, "-view-controls-dock-row")
-    }, renderDockCollapsedExtras(), /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: classNames("".concat(PREFIX, "-view-controls-dock-expand-btn"), _defineProperty({}, "".concat(PREFIX, "-view-controls-dock-expand-btn--panel-open"), dockExpanded)),
-      onClick: handleDockExpand,
-      "aria-expanded": dockExpanded,
-      "aria-hidden": dockExpanded,
-      tabIndex: dockExpanded ? -1 : 0,
-      "aria-label": locales.getText("".concat(I18N_VC, ".expand-tools-aria"))
-    }, isDockAlignEnd ? /*#__PURE__*/React.createElement(LeftOutlined, null) : /*#__PURE__*/React.createElement(RightOutlined, null)), dockPanelMounted ? /*#__PURE__*/React.createElement("div", {
-      className: classNames("".concat(PREFIX, "-view-controls-dock-slide"), _defineProperty({}, "".concat(PREFIX, "-view-controls-dock-slide--open"), dockExpanded)),
-      onTransitionEnd: handleDockSlideTransitionEnd
+    }, renderDockCollapsedExtras(), /*#__PURE__*/React.createElement("div", {
+      className: classNames("".concat(PREFIX, "-view-controls-dock-slide"), _defineProperty({}, "".concat(PREFIX, "-view-controls-dock-slide--open"), dockExpanded))
     }, /*#__PURE__*/React.createElement("div", {
       className: classNames("".concat(PREFIX, "-view-controls-bar"), "".concat(PREFIX, "-view-controls-bar--dock")),
       role: "group",
       onPointerDown: handleDockBarPointerDown
-    }, renderDockExpandableBarContents())) : null)));
+    }, renderDockExpandableBarContents()))));
   }
   var barClass = classNames("".concat(PREFIX, "-view-controls-bar"), _defineProperty({}, "".concat(PREFIX, "-view-controls-bar--dock"), dockChrome));
   return /*#__PURE__*/React.createElement("div", {

package/es/components/pisellFloorMapLayout/components/ViewControls.less

@@ -195,9 +195,15 @@
      */
     .pisell-floor-map-layout-view-controls-dock-slide {
       box-sizing: border-box;
-      max-width: 0;
+      /**
+       * 折叠态必须露出 slide 内首位的合并 toggle（42px）+ bar 左 padding（12px）≈ 54px。
+       * 历史上曾用 max-width:0 + 外层覆写，但与 `&--align-end &-dock-slide` 同优先级时
+       * 打包顺序可能导致 0 压过 54px → slide 宽度为 0、toggle 整块被裁掉。
+       */
+      max-width: 54px;
       overflow: hidden;
       min-width: 0;
+      flex-shrink: 0;
       display: flex;
       flex-direction: row;
       align-items: center;
@@ -279,82 +285,10 @@
     }
   }
 
-  &-dock-expand-btn {
-    box-sizing: border-box;
-    width: @dock-chrome-outer;
-    height: @dock-chrome-outer;
-    min-width: @dock-chrome-outer;
-    min-height: @dock-chrome-outer;
-    padding: 0;
-    margin: 0;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border: 1px solid transparent;
-    border-radius: 14px;
-    /**
-     * 主题色背景：与左下「Today sales」chip 同步走 antd primary 变量；
-     * 兜底 #5d3f9f 跟随项目其它主色 token，主题改色时自动同步。
-     * 边框透明保留圆角，避免主题色与浅灰描边混色。
-     */
-    background: var(--color-primary, var(--ant-color-primary, #5d3f9f));
-    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.22);
-    cursor: pointer;
-    color: #fff;
-    font-size: @dock-icon-px;
-    line-height: 0;
-    appearance: none;
-    flex-shrink: 0;
-    overflow: hidden;
-    transition: width @dock-slide-ms linear,
-      min-width @dock-slide-ms linear,
-      max-width @dock-slide-ms linear,
-      opacity @dock-slide-ms linear,
-      border-color @dock-slide-ms linear,
-      box-shadow @dock-slide-ms linear,
-      filter @dock-slide-ms linear,
-      margin @dock-slide-ms linear;
-
-    /** 与右侧条带同时：条带变长时入口收起为 0 宽；收起条带时入口从 0 拉回到正方形 */
-
-    &--panel-open {
-      width: 0;
-      min-width: 0;
-      max-width: 0;
-      margin: 0;
-      opacity: 0;
-      border-color: transparent;
-      box-shadow: none;
-      pointer-events: none;
-      cursor: default;
-    }
-
-    &:hover {
-      /** 与 Today chip 一致：主题色上用 brightness 让 hover 永远比静态色暗一档 */
-      filter: brightness(0.92);
-    }
-
-    .anticon {
-      font-size: @dock-icon-px !important;
-      line-height: 0;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .anticon svg {
-      width: @dock-icon-px !important;
-      height: @dock-icon-px !important;
-      display: block;
-    }
-  }
-
   /**
-   * Dock 收起态额外按钮 pill：
-   * - 折叠时 DOM 在 expand-btn 之前（屏缘一侧），与展开入口并排；
-   * - dockExpanded 时与 expand-btn 同步 width→0、opacity→0，让位给 dock-slide 横向展开；
-   * - 默认 align（左下）：extras 在左缘，用 margin-right:8px 与 expand-btn 留缝；
-   * - align-end（右下）row-reverse 后 extras 贴右缘，用 margin-left:8px 与左侧 expand 留缝。
+   * dockChrome 屏右缘常驻 pill：「锁 / 全览」。
+   * 整组与 slide 共用同一外壳（dock-row 提供 border / radius / shadow），
+   * 左侧留 padding，与左侧展开条 / toggle 拉开，避免贴太紧；右侧保留与屏缘的呼吸。
    */
   &-dock-collapsed-extras {
     box-sizing: border-box;
@@ -364,38 +298,27 @@
     align-items: center;
     justify-content: center;
     gap: 5px;
-    padding: 0 10px;
-    margin-right: 8px;
-    border: 1px solid #e8eaed;
-    border-radius: 14px;
+    padding: 0 10px 0 10px;
     background: #fff;
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
     flex-shrink: 0;
-    overflow: hidden;
-    transition: max-width @dock-slide-ms linear,
-      opacity @dock-slide-ms linear,
-      border-color @dock-slide-ms linear,
-      box-shadow @dock-slide-ms linear,
-      margin @dock-slide-ms linear,
-      padding @dock-slide-ms linear;
     max-width: 240px;
   }
 
   /**
-   * 右下 dock：row-reverse 后 DOM [extras][expand][slide] 呈 [slide][expand][extras]，
+   * 右下 dock：row-reverse 后 DOM [extras][slide] 呈 [slide][extras]，
    * extras 贴右缘。本场景下整组按钮做成「连体 pill」：
    *
-   *   - 折叠态视觉：[紫色 expand-btn][锁定/全览 extras]
+   *   - 折叠态视觉：[slide 内紫色 toggle][锁定/全览 extras]
    *   - 展开态视觉：[slide-bar 工具条][锁定/全览 extras]
-   *   - 展开方向：slide max-width 由 0 → 720px，由于父级锚定 `right:14px`，
+   *   - 展开方向：slide max-width 由 54 → 720px，由于父级锚定 `right:14px`，
    *     整组横向"从右往左"伸长，视觉上工具条从 extras 左侧扩出来。
    *
    * 实现方式：把 box-shadow / border / border-radius 统一挂到外层 `dock-row` 容器上，
-   * 内层 slide-bar / expand-btn / extras 全部去掉自己的边框圆角与投影，
+   * 内层 slide-bar / extras 全部去掉自己的边框圆角与投影，
    * 由 `overflow: hidden` 的外壳负责整体裁剪。这样：
    *   - 整组只有一道阴影，无相邻拼接处的接缝阴影；
    *   - 子元素切换宽度（max-width / width）时阴影边界跟随容器自然增长，无需 clip-path 修补；
-   *   - 紫色 expand-btn / 白色 extras / 白色 slide-bar 在同一个外壳里平铺，自动呈现连体观感。
+   *   - 紫色 toggle / 白色 extras / 白色 slide-bar 在同一个外壳里平铺，自动呈现连体观感。
    */
   &--align-end .pisell-floor-map-layout-view-controls-dock-row {
     border: 1px solid #e8eaed;
@@ -427,35 +350,58 @@
     padding-right: 0;
   }
 
-  /** 紫色入口：去掉自身投影圆角与边框，仅保留紫色底色，由外壳裁出连体圆角 */
-  &--align-end &-dock-expand-btn {
-    border: 0;
-    border-radius: 0;
-    box-shadow: none;
-  }
-
   /**
-   * 锁定 / 全览 extras：去掉自身边框圆角阴影与外边距，背景仍为白，贴外壳右缘排布；
-   * 贴邻 slide-bar / expand-btn 那一侧（DOM 内的左侧）padding 清零，避免接缝空隙。
+   * 合并入口：紫底白 icon，主题色与原 `dock-expand-btn` 一致。
+   * 尺寸对齐 dock 内其他工具按钮（@dock-btn-size），由外壳负责连体圆角与阴影。
    */
-  &--align-end &-dock-collapsed-extras {
+  &-dock-toggle-btn {
+    box-sizing: border-box;
+    width: @dock-btn-size;
+    min-width: @dock-btn-size;
+    max-width: @dock-btn-size;
+    height: @dock-btn-size;
+    min-height: @dock-btn-size !important;
+    max-height: @dock-btn-size !important;
+    flex-shrink: 0;
+    padding: 0;
     margin: 0;
-    border: 0;
-    border-radius: 0;
-    box-shadow: none;
-    padding-left: 0;
-  }
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: none;
+    border-radius: 8px;
+    background: var(--color-primary, var(--ant-color-primary, #5d3f9f));
+    color: #fff;
+    font-size: @dock-icon-px;
+    line-height: 0;
+    cursor: pointer;
+    appearance: none;
+    transition: filter @dock-slide-ms linear;
 
-  /** 展开态保留 extras 显示在右侧（覆盖通用 panel-open 的收起规则） */
-  &--align-end &-dock-collapsed-extras--panel-open {
-    max-width: 240px;
-    margin: 0;
-    padding: 0 10px 0 0;
-    opacity: 1;
-    border: 0;
-    border-radius: 0;
-    box-shadow: none;
-    pointer-events: auto;
+    &:hover {
+      /** 与原 expand-btn 一致：主题色上用 brightness 让 hover 暗一档 */
+      filter: brightness(0.92);
+      background: var(--color-primary, var(--ant-color-primary, #5d3f9f));
+      color: #fff;
+    }
+
+    .anticon,
+    .pisell-lowcode-icon,
+    span[role='img'] {
+      font-size: @dock-icon-px !important;
+      line-height: 0;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .anticon svg,
+    .pisell-lowcode-icon svg,
+    span[role='img'] svg {
+      width: @dock-icon-px !important;
+      height: @dock-icon-px !important;
+      display: block;
+    }
   }
 
   &-dock-collapsed-extras-btn {
@@ -488,17 +434,6 @@
     }
   }
 
-  &-dock-collapsed-extras--panel-open {
-    max-width: 0;
-    margin-left: 0;
-    margin-right: 0;
-    padding: 0;
-    opacity: 0;
-    border-color: transparent;
-    box-shadow: none;
-    pointer-events: none;
-  }
-
   &-dock-trailing {
     display: inline-flex;
     align-items: center;
@@ -521,8 +456,7 @@
 
 @media (prefers-reduced-motion: reduce) {
   .pisell-floor-map-layout-view-controls--dock .pisell-floor-map-layout-view-controls-dock-slide,
-  .pisell-floor-map-layout-view-controls--dock .pisell-floor-map-layout-view-controls-dock-expand-btn,
-  .pisell-floor-map-layout-view-controls--dock .pisell-floor-map-layout-view-controls-dock-collapsed-extras {
+  .pisell-floor-map-layout-view-controls--dock .pisell-floor-map-layout-view-controls-dock-toggle-btn {
     transition-duration: 0.01ms;
   }
 }

package/es/components/pisellRecordBoard/shellFrame/ResourceWall/venueWallUtils.d.ts

@@ -42,7 +42,7 @@ export declare function parseRecordBoardToolbarSortParam(sort: unknown): {
     dir: 'asc' | 'desc';
 } | null;
 /** 当 Sort 字段名匹配这些 key（忽略大小写）时，资源墙按占用态重排卡片 */
-export declare const DEFAULT_RESOURCE_WALL_STATUS_SORT_FIELD_KEYS: readonly ["status"];
+export declare const DEFAULT_RESOURCE_WALL_STATUS_SORT_FIELD_KEYS: string[];
 export declare function matchesResourceWallStatusSortField(sortField: string, keys: readonly string[]): boolean;
 /**
  * 用于资源墙排序：占用/将结/已结束为 1，其余为 0（与 {@link deriveVenueWallStatus} 一致）。

package/es/components/pisellRecordBoard/shellFrame/ToolBar/index.js

@@ -31,7 +31,7 @@ import { useRecordBoardShellBodyMeta } from "../ShellBodyMetaContext";
 import { useRecordBoardContext } from "../../hooks/useRecordBoardContext";
 import { getText } from "../../../../locales";
 import { deriveFilterFromColumns, deriveSortFromColumns } from "../../utils/recordBoardColumns";
-import { matchesResourceWallStatusSortField } from "../ResourceWall/venueWallUtils";
+import { DEFAULT_RESOURCE_WALL_STATUS_SORT_FIELD_KEYS, matchesResourceWallStatusSortField } from "../ResourceWall/venueWallUtils";
 import { DEFAULT_SEARCH_FIELD, FILTER_PARAMS_FIELD, RESOURCE_WALL_QUICK_FILTER_KEY, SORT_PARAMS_FIELD } from "./recordBoardToolBarConstants";
 import { buildResourceWallStatusSortFallbackItem, getDefaultFilterValue, getSortButtonText, getViewCalendarLabel, getViewFloorMapLabel, getViewGridLabel, getViewResourceWallLabel } from "./recordBoardToolBarI18n";
 import "./ToolBarFilter.less";

package/lib/components/pisellFloorMapLayout/components/FloorMapToolbar.js

@@ -87,25 +87,6 @@ function buildScenePreviewMergedItem(kind, dataSourceKey, size) {
 }
 var STAGE_PREVIEW_SIZE = { width: 160, height: 64 };
 var IMAGE_PREVIEW_SIZE = { width: 140, height: 80 };
-var TOOLBAR_COLLAPSED_STORAGE_KEY = "pisell-floor-map-layout.toolbar.leftbar-collapsed.v1";
-function readToolbarCollapsedPreference() {
-  if (typeof window === "undefined") return false;
-  try {
-    return window.localStorage.getItem(TOOLBAR_COLLAPSED_STORAGE_KEY) === "1";
-  } catch {
-    return false;
-  }
-}
-function writeToolbarCollapsedPreference(collapsed) {
-  if (typeof window === "undefined") return;
-  try {
-    window.localStorage.setItem(
-      TOOLBAR_COLLAPSED_STORAGE_KEY,
-      collapsed ? "1" : "0"
-    );
-  } catch {
-  }
-}
 function FloorMapToolbar(props) {
   const {
     config,
@@ -126,12 +107,7 @@ function FloorMapToolbar(props) {
     onPaletteCardPointerDown,
     consumeToolbarClickIfTouchDrag
   } = props;
-  const [collapsed, setCollapsed] = (0, import_react.useState)(
-    () => readToolbarCollapsedPreference()
-  );
-  (0, import_react.useEffect)(() => {
-    writeToolbarCollapsedPreference(collapsed);
-  }, [collapsed]);
+  const [collapsed, setCollapsed] = (0, import_react.useState)(false);
   const handleToggleCollapsed = (0, import_react.useCallback)(() => {
     setCollapsed((prev) => !prev);
   }, []);

package/lib/components/pisellFloorMapLayout/components/FloorMapToolbar.less

@@ -46,15 +46,15 @@
   }
 
   /**
-   * 收起 / 展开按钮：固定挂在容器右边垂直居中，外突大半个按钮宽度。
-   * 124px 抽屉下整体视觉更宽松，handle 用 28×72 配合放大的箭头，
-   * 在窄边栏旁仍然显眼、易点（之前 16×48 几乎看不见，参考用户截图）。
-   * 收起态下容器宽度为 0，按钮仍能完整露出（z-index 高于地图区遮罩）。
+   * 收起 / 展开按钮：左缘与侧栏**右缘对齐**（`left: 100%`），整体仍在侧栏外，不与图元预览重叠；
+   * 旧写法 `right: -22px` + `width: 28` 会让按钮左缘落在侧栏内约 6px 压到卡片。
+   * 收起态下容器宽度为 0，100% 仍锚在右缘，按钮仍能完整露出（z-index 高于地图区遮罩）。
    */
   &-collapse-handle {
     position: absolute;
     top: 50%;
-    right: -22px;
+    left: 100%;
+    right: auto;
     transform: translateY(-50%);
     width: 28px;
     height: 72px;