diff --git a/src/components/image-editor/ImageCanvasBottomToolbarView.tsx b/src/components/image-editor/ImageCanvasBottomToolbarView.tsx
index edf7e87f7..453392e4e 100644
--- a/src/components/image-editor/ImageCanvasBottomToolbarView.tsx
+++ b/src/components/image-editor/ImageCanvasBottomToolbarView.tsx
@@ -100,6 +100,17 @@ export function ImageCanvasBottomToolbarView({
   onOpenToolOptions,
   onCloseToolOptions,
 }: ImageCanvasBottomToolbarViewProps) {
+  // 每个可展开子选项挂在自己那一格上的定位锚点：查表比三层三元链更好加新工具。
+  const toolWrapRefs: Record<
+    ToolbarOptionTool,
+    RefObject<HTMLSpanElement | null>
+  > = {
+    spec: specToolWrapRef,
+    music: musicToolWrapRef,
+    model3d: model3dToolWrapRef,
+    publication: publicationToolWrapRef,
+  };
+
   return (
     <CanvasToolbar
       className={[
@@ -118,15 +129,7 @@ export function ImageCanvasBottomToolbarView({
             <CanvasToolbarGroup key={id}>
               {separatorBefore ? <CanvasToolbarDivider /> : null}
               <span
-                ref={
-                  id === 'spec'
-                    ? specToolWrapRef
-                    : id === 'music'
-                      ? musicToolWrapRef
-                      : id === 'model3d'
-                        ? model3dToolWrapRef
-                        : publicationToolWrapRef
-                }
+                ref={toolWrapRefs[id]}
                 className={[
                   'image-canvas-editor__bottom-toolbar-option-wrap',
                   id === 'spec' ? 'image-canvas-editor__spec-tool-wrap' : '',