@pisell/materials 6.11.45 → 6.11.47

package/es/components/productCard/cartSkuCard/components/weighing/index.d.ts

@@ -0,0 +1,18 @@
+import './index.less';
+declare type WeightUnit = 'KILOGRAMS' | 'GRAMS' | 'POUNDS' | 'OUNCES';
+interface WeighingInfo {
+    weight?: number;
+    tare?: {
+        id?: string;
+        label?: string;
+        value?: number;
+        unit?: WeightUnit;
+    };
+    net_weight?: number;
+    unit?: WeightUnit;
+}
+interface WeighingProps {
+    dataSource?: WeighingInfo;
+}
+declare const Weighing: (props: WeighingProps) => JSX.Element | null;
+export default Weighing;

package/es/components/productCard/cartSkuCard/components/weighing/index.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { locales } from '@pisell/utils';
+import { PREFIX } from "../../index";
+import "./index.less";
+var UNIT_LABEL_MAP = {
+  KILOGRAMS: 'kg',
+  GRAMS: 'g',
+  POUNDS: 'lb',
+  OUNCES: 'oz'
+};
+var formatWeight = function formatWeight(value, unit) {
+  var parsedValue = Number(value);
+  var displayValue = Number.isFinite(parsedValue) ? parsedValue : 0;
+  var displayUnit = UNIT_LABEL_MAP[unit || 'KILOGRAMS'];
+  return "".concat(displayValue.toFixed(3), " ").concat(displayUnit);
+};
+var Weighing = function Weighing(props) {
+  var dataSource = props.dataSource;
+  if (!dataSource) {
+    return null;
+  }
+  var weight = dataSource.weight,
+    tare = dataSource.tare,
+    net_weight = dataSource.net_weight,
+    _dataSource$unit = dataSource.unit,
+    unit = _dataSource$unit === void 0 ? 'KILOGRAMS' : _dataSource$unit;
+  var tareValue = Number((tare === null || tare === void 0 ? void 0 : tare.value) || 0);
+  var tareLabel = (tare === null || tare === void 0 ? void 0 : tare.label) || locales.getText('pisell2.cart.sku-card.weighing.tare');
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX, "__weighing")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX, "__weighing-row")
+  }, /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.cart.sku-card.weighing.gross'), ":"), /*#__PURE__*/React.createElement("span", null, formatWeight(weight, unit))), tareValue > 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX, "__weighing-row")
+  }, /*#__PURE__*/React.createElement("span", null, tareLabel, ":"), /*#__PURE__*/React.createElement("span", null, "-", formatWeight(tareValue, (tare === null || tare === void 0 ? void 0 : tare.unit) || unit))) : null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(PREFIX, "__weighing-row")
+  }, /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.cart.sku-card.weighing.net'), ":"), /*#__PURE__*/React.createElement("span", null, formatWeight(net_weight, unit))));
+};
+export default Weighing;

package/es/components/productCard/cartSkuCard/components/weighing/index.less

@@ -0,0 +1,25 @@
+.pisell-cart-sku-card__weighing {
+  user-select: none;
+  color: #667085;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+
+  &-row {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+
+    > span {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}

package/es/components/productCard/cartSkuCard/locales.d.ts

@@ -6,6 +6,10 @@ declare const _default: {
         'pisell2.cart.sku-card.sales.title': string;
         'pisell2.cart.sku-card.actions.delete': string;
         'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
         'pisell2.cart.sku-card.gift.title': string;
         'pisell2.cart.sku-card.gift.select.title': string;
         'pisell2.cart.sku-card.gift.total': (num: number) => string;
@@ -41,6 +45,10 @@ declare const _default: {
         'pisell2.cart.sku-card.sales.title': string;
         'pisell2.cart.sku-card.actions.delete': string;
         'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
         'pisell2.cart.sku-card.gift.title': string;
         'pisell2.cart.sku-card.gift.select.title': string;
         'pisell2.cart.sku-card.gift.total': (num: number) => string;
@@ -76,6 +84,10 @@ declare const _default: {
         'pisell2.cart.sku-card.sales.title': string;
         'pisell2.cart.sku-card.actions.delete': string;
         'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
         'pisell2.cart.sku-card.gift.title': string;
         'pisell2.cart.sku-card.gift.select.title': string;
         'pisell2.cart.sku-card.gift.total': (num: number) => string;
@@ -111,6 +123,10 @@ declare const _default: {
         'pisell2.cart.sku-card.sales.title': string;
         'pisell2.cart.sku-card.actions.delete': string;
         'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
         'pisell2.cart.sku-card.gift.title': string;
         'pisell2.cart.sku-card.gift.select.title': string;
         'pisell2.cart.sku-card.gift.total': (num: number) => string;
@@ -146,6 +162,10 @@ declare const _default: {
         'pisell2.cart.sku-card.sales.title': string;
         'pisell2.cart.sku-card.actions.delete': string;
         'pisell2.cart.sku-card.unassigned': string;
+        'pisell2.cart.sku-card.weighing.gross': string;
+        'pisell2.cart.sku-card.weighing.tare': string;
+        'pisell2.cart.sku-card.weighing.net': string;
+        'pisell2.cart.sku-card.weighing.noTare': string;
         'pisell2.cart.sku-card.gift.title': string;
         'pisell2.cart.sku-card.gift.select.title': string;
         'pisell2.cart.sku-card.gift.total': (num: number) => string;

package/es/components/productCard/cartSkuCard/locales.js

@@ -13,6 +13,10 @@ export default {
     'pisell2.cart.sku-card.sales.title': 'Sales',
     'pisell2.cart.sku-card.actions.delete': 'Delete',
     'pisell2.cart.sku-card.unassigned': 'Unassigned',
+    'pisell2.cart.sku-card.weighing.gross': 'Gross',
+    'pisell2.cart.sku-card.weighing.tare': 'Tare',
+    'pisell2.cart.sku-card.weighing.net': 'Net',
+    'pisell2.cart.sku-card.weighing.noTare': 'No tare',
     'pisell2.cart.sku-card.gift.title': 'Gift',
     'pisell2.cart.sku-card.gift.select.title': 'Select Gift',
     'pisell2.cart.sku-card.gift.total': function pisell2CartSkuCardGiftTotal(num) {
@@ -26,6 +30,10 @@ export default {
     'pisell2.cart.sku-card.sales.title': '销售',
     'pisell2.cart.sku-card.actions.delete': '删除',
     'pisell2.cart.sku-card.unassigned': '未分配',
+    'pisell2.cart.sku-card.weighing.gross': '毛重',
+    'pisell2.cart.sku-card.weighing.tare': '皮重',
+    'pisell2.cart.sku-card.weighing.net': '净重',
+    'pisell2.cart.sku-card.weighing.noTare': '无皮重',
     'pisell2.cart.sku-card.gift.title': '赠品',
     'pisell2.cart.sku-card.gift.select.title': '选择赠品',
     'pisell2.cart.sku-card.gift.total': function pisell2CartSkuCardGiftTotal(num) {
@@ -39,6 +47,10 @@ export default {
     'pisell2.cart.sku-card.sales.title': '銷售',
     'pisell2.cart.sku-card.actions.delete': '刪除',
     'pisell2.cart.sku-card.unassigned': '未分配',
+    'pisell2.cart.sku-card.weighing.gross': '毛重',
+    'pisell2.cart.sku-card.weighing.tare': '皮重',
+    'pisell2.cart.sku-card.weighing.net': '淨重',
+    'pisell2.cart.sku-card.weighing.noTare': '無皮重',
     'pisell2.cart.sku-card.gift.title': '贈品',
     'pisell2.cart.sku-card.gift.select.title': '選擇贈品',
     'pisell2.cart.sku-card.gift.total': function pisell2CartSkuCardGiftTotal(num) {
@@ -52,6 +64,10 @@ export default {
     'pisell2.cart.sku-card.sales.title': 'セール',
     'pisell2.cart.sku-card.actions.delete': '削除',
     'pisell2.cart.sku-card.unassigned': '未割り当て',
+    'pisell2.cart.sku-card.weighing.gross': '総重量',
+    'pisell2.cart.sku-card.weighing.tare': '風袋',
+    'pisell2.cart.sku-card.weighing.net': '正味重量',
+    'pisell2.cart.sku-card.weighing.noTare': '風袋なし',
     'pisell2.cart.sku-card.gift.title': 'プレゼント',
     'pisell2.cart.sku-card.gift.select.title': 'プレゼントを選択',
     'pisell2.cart.sku-card.gift.total': function pisell2CartSkuCardGiftTotal(num) {
@@ -65,6 +81,10 @@ export default {
     'pisell2.cart.sku-card.sales.title': 'Vendas',
     'pisell2.cart.sku-card.actions.delete': 'Excluir',
     'pisell2.cart.sku-card.unassigned': 'Não atribuído',
+    'pisell2.cart.sku-card.weighing.gross': 'Peso bruto',
+    'pisell2.cart.sku-card.weighing.tare': 'Tara',
+    'pisell2.cart.sku-card.weighing.net': 'Peso líquido',
+    'pisell2.cart.sku-card.weighing.noTare': 'Sem tara',
     'pisell2.cart.sku-card.gift.title': 'Brinde',
     'pisell2.cart.sku-card.gift.select.title': 'Escolher brinde',
     'pisell2.cart.sku-card.gift.total': function pisell2CartSkuCardGiftTotal(num) {

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;

package/lib/components/pisellFloorMapLayout/components/ViewControls.js

@@ -63,16 +63,12 @@ function ViewControls(props) {
   const showGridToggle = config.showGridToggle === true && typeof onToggleMapGrid === "function";
   const showViewportLock = config.showViewportLock === true && typeof onToggleViewportLock === "function";
   const horizontalAlign = config.horizontalAlign ?? "start";
-  const isDockAlignEnd = horizontalAlign === "end";
   const scalePercent = Math.round(scale * 100);
   const showTools = showReset || showFitBounds || showFullscreen || showGridToggle || showViewportLock;
   const hasTrailingSlot = dockExpandedTrailing != null && dockExpandedTrailing !== false;
   const dockHasExpandable = dockChrome && (showTools || hasTrailingSlot);
   const showBar = showZoom || showTools || dockChrome && hasTrailingSlot;
   const [dockExpanded, setDockExpanded] = (0, import_react.useState)(false);
-  const [dockPanelMounted, setDockPanelMounted] = (0, import_react.useState)(false);
-  const dockExpandedRef = (0, import_react.useRef)(dockExpanded);
-  dockExpandedRef.current = dockExpanded;
   const idleTimerRef = (0, import_react.useRef)(null);
   const clearIdleTimer = (0, import_react.useCallback)(() => {
     if (idleTimerRef.current != null) {
@@ -104,24 +100,8 @@ function ViewControls(props) {
       scheduleDockCollapse();
     }
   }, [dockExpanded, dockHasExpandable, scheduleDockCollapse]);
-  const handleDockSlideTransitionEnd = (0, import_react.useCallback)(
-    (e) => {
-      if (e.propertyName !== "max-width" || e.target !== e.currentTarget) {
-        return;
-      }
-      if (!dockExpandedRef.current) {
-        setDockPanelMounted(false);
-      }
-    },
-    []
-  );
   const handleDockExpand = (0, import_react.useCallback)(() => {
-    setDockPanelMounted(true);
-    requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        setDockExpanded(true);
-      });
-    });
+    setDockExpanded(true);
   }, []);
   const handleDockCollapseClick = (0, import_react.useCallback)(() => {
     clearIdleTimer();
@@ -207,8 +187,23 @@ function ViewControls(props) {
       isFullscreen ? /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenExitOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenOutlined, null)
     ) : null);
   };
-  const dockExpandedBarHasToolButtons = showReset || showFitBounds && Boolean(api.fitBounds) && !isDockAlignEnd || showGridToggle || showViewportLock && !isDockAlignEnd || showFullscreen && Boolean(api.toggleFullscreen);
-  const renderDockExpandableBarContents = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showZoom ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+  const dockExpandedBarHasToolButtons = showReset || showGridToggle || showFullscreen && Boolean(api.toggleFullscreen);
+  const renderDockToggleButton = () => /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: (0, import_classnames.default)(`${PREFIX}-view-controls-dock-toggle-btn`, {
+        [`${PREFIX}-view-controls-dock-toggle-btn--panel-open`]: dockExpanded
+      }),
+      onClick: dockExpanded ? handleDockCollapseClick : handleDockExpand,
+      "aria-expanded": dockExpanded,
+      "aria-label": import_utils.locales.getText(
+        dockExpanded ? `${I18N_VC}.collapse-tools-aria` : `${I18N_VC}.expand-tools-aria`
+      )
+    },
+    dockExpanded ? /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null)
+  );
+  const renderDockExpandableBarContents = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderDockToggleButton(), showZoom ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     "button",
     {
       type: "button",
@@ -231,19 +226,9 @@ function ViewControls(props) {
     },
     /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null)
   )) : null, showZoom && (dockExpandedBarHasToolButtons || hasTrailingSlot) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-view-controls-bar-divider`, "aria-hidden": true }) : null, dockExpandedBarHasToolButtons ? renderToolButtons({
-    omitViewportLock: isDockAlignEnd,
-    omitFitBounds: isDockAlignEnd
-  }) : null, hasTrailingSlot ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-view-controls-dock-trailing` }, dockExpandedTrailing) : null, /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      type: "button",
-      className: `${PREFIX}-view-controls-tool-btn`,
-      onClick: handleDockCollapseClick,
-      "aria-expanded": dockExpanded,
-      "aria-label": import_utils.locales.getText(`${I18N_VC}.collapse-tools-aria`)
-    },
-    isDockAlignEnd ? /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null)
-  ));
+    omitViewportLock: true,
+    omitFitBounds: true
+  }) : null, hasTrailingSlot ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-view-controls-dock-trailing` }, dockExpandedTrailing) : null);
   if (!showBar) {
     return null;
   }
@@ -251,96 +236,66 @@ function ViewControls(props) {
     const showLockChip = showViewportLock;
     const showFitChip = showFitBounds && Boolean(api.fitBounds);
     if (!showLockChip && !showFitChip) return null;
-    const collapseExtras = dockExpanded && !isDockAlignEnd;
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-view-controls-dock-collapsed-extras` }, showLockChip ? /* @__PURE__ */ import_react.default.createElement(
+      "button",
       {
+        type: "button",
         className: (0, import_classnames.default)(
-          `${PREFIX}-view-controls-dock-collapsed-extras`,
+          `${PREFIX}-view-controls-tool-btn`,
+          `${PREFIX}-view-controls-dock-collapsed-extras-btn`,
           {
-            [`${PREFIX}-view-controls-dock-collapsed-extras--panel-open`]: collapseExtras
+            [`${PREFIX}-view-controls-tool-btn--active`]: viewportLocked
           }
         ),
-        "aria-hidden": collapseExtras
+        onClick: () => onToggleViewportLock(),
+        "aria-pressed": viewportLocked,
+        "aria-label": import_utils.locales.getText(
+          viewportLocked ? `${I18N_VC}.viewport-unlock-aria` : `${I18N_VC}.viewport-lock-aria`
+        ),
+        title: import_utils.locales.getText(
+          viewportLocked ? `${I18N_VC}.viewport-unlock-aria` : `${I18N_VC}.viewport-lock-aria`
+        )
       },
-      showLockChip ? /* @__PURE__ */ import_react.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: (0, import_classnames.default)(
-            `${PREFIX}-view-controls-tool-btn`,
-            `${PREFIX}-view-controls-dock-collapsed-extras-btn`,
-            {
-              [`${PREFIX}-view-controls-tool-btn--active`]: viewportLocked
-            }
-          ),
-          onClick: () => onToggleViewportLock(),
-          tabIndex: collapseExtras ? -1 : 0,
-          "aria-pressed": viewportLocked,
-          "aria-label": import_utils.locales.getText(
-            viewportLocked ? `${I18N_VC}.viewport-unlock-aria` : `${I18N_VC}.viewport-lock-aria`
-          ),
-          title: import_utils.locales.getText(
-            viewportLocked ? `${I18N_VC}.viewport-unlock-aria` : `${I18N_VC}.viewport-lock-aria`
-          )
-        },
-        viewportLocked ? /* @__PURE__ */ import_react.default.createElement(import_icons.LockOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.UnlockOutlined, null)
-      ) : null,
-      showFitChip ? /* @__PURE__ */ import_react.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: (0, import_classnames.default)(
-            `${PREFIX}-view-controls-tool-btn`,
-            `${PREFIX}-view-controls-dock-collapsed-extras-btn`,
-            {
-              [`${PREFIX}-view-controls-tool-btn--active`]: fitBoundsActive && !viewportLocked
-            }
-          ),
-          onClick: () => api.fitBounds(),
-          disabled: viewportLocked,
-          "aria-disabled": viewportLocked,
-          "aria-pressed": fitBoundsActive,
-          tabIndex: collapseExtras ? -1 : 0,
-          "aria-label": import_utils.locales.getText(`${I18N_VC}.fit-bounds-aria`),
-          title: import_utils.locales.getText(`${I18N_VC}.fit-bounds-aria`)
-        },
-        /* @__PURE__ */ import_react.default.createElement(import_icons.ExpandOutlined, null)
-      ) : null
-    );
+      viewportLocked ? /* @__PURE__ */ import_react.default.createElement(import_icons.LockOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.UnlockOutlined, null)
+    ) : null, showFitChip ? /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        type: "button",
+        className: (0, import_classnames.default)(
+          `${PREFIX}-view-controls-tool-btn`,
+          `${PREFIX}-view-controls-dock-collapsed-extras-btn`,
+          {
+            [`${PREFIX}-view-controls-tool-btn--active`]: fitBoundsActive && !viewportLocked
+          }
+        ),
+        onClick: () => api.fitBounds(),
+        disabled: viewportLocked,
+        "aria-disabled": viewportLocked,
+        "aria-pressed": fitBoundsActive,
+        "aria-label": import_utils.locales.getText(`${I18N_VC}.fit-bounds-aria`),
+        title: import_utils.locales.getText(`${I18N_VC}.fit-bounds-aria`)
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_icons.ExpandOutlined, null)
+    ) : null);
   };
   if (dockChrome && dockHasExpandable) {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: (0, import_classnames.default)(
           `${PREFIX}-view-controls`,
           `${PREFIX}-view-controls--dock`,
-          horizontalAlign === "end" && `${PREFIX}-view-controls--align-end`,
+          /* dockChrome 始终右下；保留 --align-end 类以复用既有 CSS */
+          `${PREFIX}-view-controls--align-end`,
           className
         )
       },
       /* @__PURE__ */ import_react.default.createElement("div", { className: `${PREFIX}-view-controls-dock-row` }, renderDockCollapsedExtras(), /* @__PURE__ */ import_react.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: (0, import_classnames.default)(`${PREFIX}-view-controls-dock-expand-btn`, {
-            [`${PREFIX}-view-controls-dock-expand-btn--panel-open`]: dockExpanded
-          }),
-          onClick: handleDockExpand,
-          "aria-expanded": dockExpanded,
-          "aria-hidden": dockExpanded,
-          tabIndex: dockExpanded ? -1 : 0,
-          "aria-label": import_utils.locales.getText(`${I18N_VC}.expand-tools-aria`)
-        },
-        isDockAlignEnd ? /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null)
-      ), dockPanelMounted ? /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
           className: (0, import_classnames.default)(`${PREFIX}-view-controls-dock-slide`, {
             [`${PREFIX}-view-controls-dock-slide--open`]: dockExpanded
-          }),
-          onTransitionEnd: handleDockSlideTransitionEnd
+          })
         },
         /* @__PURE__ */ import_react.default.createElement(
           "div",
@@ -354,8 +309,8 @@ function ViewControls(props) {
           },
           renderDockExpandableBarContents()
         )
-      ) : null)
-    ));
+      ))
+    );
   }
   const barClass = (0, import_classnames.default)(`${PREFIX}-view-controls-bar`, {
     [`${PREFIX}-view-controls-bar--dock`]: dockChrome