完善建模交互、组件图标与系统协议

frontend/src/componentSymbols/mechanical.tsx

@@ -63,12 +63,44 @@ export const MECMAS21_PORT_ANCHORS = {
     y: 24,
   },
 } as const;
+const LSTP00A_STROKE = "#00af00";
+const LSTP00A_STROKE_WIDTH = 3;
+const LSTP00A_CONTENT_SCALE = (64 * 0.65) / 60;
+const LSTP00A_CONTENT_CENTER = { x: 32, y: 24 } as const;
+const LSTP00A_CONTENT_TRANSFORM = `translate(${LSTP00A_CONTENT_CENTER.x} ${LSTP00A_CONTENT_CENTER.y}) scale(${LSTP00A_CONTENT_SCALE}) translate(${-LSTP00A_CONTENT_CENTER.x} ${-LSTP00A_CONTENT_CENTER.y})`;
+export const LSTP00A_PORT_ANCHORS = {
+  left: {
+    x:
+      LSTP00A_CONTENT_CENTER.x +
+      (2 - LSTP00A_CONTENT_CENTER.x) * LSTP00A_CONTENT_SCALE,
+    y: LSTP00A_CONTENT_CENTER.y,
+  },
+  right: {
+    x:
+      LSTP00A_CONTENT_CENTER.x +
+      (62 - LSTP00A_CONTENT_CENTER.x) * LSTP00A_CONTENT_SCALE,
+    y: LSTP00A_CONTENT_CENTER.y,
+  },
+} as const;
 const PNRP17_STROKE = "#8b134f";
 const PNRP17_FILL = "#cf9db6";
 const PNRP17_LIGHT_FILL = "#f5ebf0";
 // PNRP17 使用最终像素线宽；几何缩放不再改变参考图中的粗细层级。
-const PNRP17_PRIMARY_STROKE_WIDTH = 2;
-const PNRP17_DETAIL_STROKE_WIDTH = 1.5;
+const PNRP17_PRIMARY_STROKE_WIDTH = 2.1;
+const PNRP17_DETAIL_STROKE_WIDTH = 1.9;
+const PNRP17_VERTICAL_CENTER = 24.5;
+const PNRP17_VERTICAL_SCALE = 1.21;
+const PNRP17_CONTENT_TRANSFORM = `translate(0 ${PNRP17_VERTICAL_CENTER}) scale(1 ${PNRP17_VERTICAL_SCALE}) translate(0 ${-PNRP17_VERTICAL_CENTER})`;
+const pnrp17ScaledY = (y: number) =>
+  PNRP17_VERTICAL_CENTER +
+  (y - PNRP17_VERTICAL_CENTER) * PNRP17_VERTICAL_SCALE;
+export const PNRP17_PORT_ANCHORS = {
+  bottom: { x: 25.5, y: pnrp17ScaledY(48) },
+  upperLeft: { x: 2, y: pnrp17ScaledY(4.4) },
+  middleLeft: { x: 2, y: pnrp17ScaledY(24.1) },
+  upperRight: { x: 62, y: pnrp17ScaledY(4.4) },
+  middleRight: { x: 62, y: pnrp17ScaledY(24.1) },
+} as const;
 
 const mechanicalStroke = {
   fill: "none",
@@ -200,8 +232,8 @@ export function AmesimForcSymbol() {
 export function AmesimMecmas21Symbol({
   parameters,
 }: ComponentSymbolRendererProps) {
-  const frictionEnabled = Number(parameters?.useFriction) === 2;
-  const stopType = Number(parameters?.stoptype);
+  const frictionEnabled = Number(parameters?.useFriction ?? 2) === 2;
+  const stopType = Number(parameters?.stoptype ?? 1);
   const limitsEnabled = stopType === 1 || stopType === 2 || stopType === 3;
   const showGuides = frictionEnabled || limitsEnabled;
   const variant = frictionEnabled
@@ -342,159 +374,336 @@ export function AmesimMecmas21Symbol({
 export function AmesimLstp00aSymbol() {
   return (
     <SymbolSvg className="component-symbol-amesim-lstp00a" domain="mechanical">
-      <path d="M2 24h8M54 24h8" {...mechanicalStroke} />
-      <g transform="rotate(90 32 24)">
-        <path d="M32 2v7M32 39v7" {...mechanicalStroke} />
-        <path d="M27 9V5h10v4M27 39v4h10v-4" {...mechanicalStroke} />
-        <rect
-          fill={SYMBOL_FILL}
-          height="3"
-          stroke={SYMBOL_STROKE}
-          strokeWidth="1.6"
-          width="46"
-          x="9"
-          y="10"
-        />
-        <rect
-          fill={SYMBOL_FILL}
-          height="3"
-          stroke={SYMBOL_STROKE}
-          strokeWidth="1.6"
-          width="46"
-          x="9"
-          y="31"
-        />
-        <rect
-          fill={SYMBOL_FILL}
-          height="3"
-          stroke={SYMBOL_STROKE}
-          strokeWidth="1.6"
-          width="46"
-          x="9"
-          y="39"
+      <g
+        data-lstp00a-part="symbol"
+        fill="#ffffff"
+        stroke={LSTP00A_STROKE}
+        strokeLinecap="butt"
+        strokeLinejoin="miter"
+        strokeWidth={LSTP00A_STROKE_WIDTH}
+        transform={LSTP00A_CONTENT_TRANSFORM}
+      >
+        <path
+          d="M2 24H7.5"
+          data-lstp00a-part="left-extension"
+          fill="none"
         />
         <path
-          d="M14 13v4c0 2 12 2 12 4s-12 2-12 4 12 2 12 6"
+          d="M56.5 24H62"
+          data-lstp00a-part="right-extension"
+          fill="none"
+        />
+        <path
+          data-lstp00a-part="left-socket"
+          d="M13.75 19.75H6.25V28.25H13.75"
+          fill="none"
+        />
+        <path
+          data-lstp00a-part="right-socket"
+          d="M49.75 19.75H57.25V28.25H49.75"
+          fill="none"
+        />
+        <path
+          d="M28.75 17.2C31.2 16 32.6 0 35 0c1.4 0 2.2 17.2 3.7 17.2 2.8 0 3.8-16 7.3-16"
+          data-lstp00a-part="spring"
           fill="none"
-          stroke={SYMBOL_ACCENT}
           strokeLinecap="round"
           strokeLinejoin="round"
-          strokeWidth="2"
         />
-        <path d="M36 18v-5M36 18h14v6H36v7M40 22h6" {...mechanicalStroke} />
+        <path
+          d="M28.75 39H36M41 39H46M36 31V47M33.75 27H41V50.5H33.75"
+          data-lstp00a-part="lower-link"
+          fill="none"
+        />
+        <rect
+          data-lstp00a-part="left-rail"
+          height="53"
+          width="3.75"
+          x="13.75"
+          y="-2.5"
+        />
+        <rect
+          data-lstp00a-part="middle-rail"
+          height="53"
+          width="3.75"
+          x="25"
+          y="-2.5"
+        />
+        <rect
+          data-lstp00a-part="right-rail"
+          height="53"
+          width="3.75"
+          x="46"
+          y="-2.5"
+        />
       </g>
     </SymbolSvg>
   );
 }
 
-export function AmesimLmechn1Symbol() {
-  const leftPortRows = [7, 12, 17, 22, 27, 32, 37, 42];
+export const LMECHN1_DEFAULT_RIGHT_PORT_COUNT = 2;
+export const LMECHN1_MAX_RIGHT_PORT_COUNT = 20;
+const LMECHN1_PALETTE_RIGHT_PORT_COUNT = 5;
+const LMECHN1_PORT_ROW_SPACING = 13;
+const LMECHN1_BODY_LEFT = 18;
+const LMECHN1_BODY_RIGHT = 46;
+const LMECHN1_SOCKET_WIDTH = 6;
+const LMECHN1_SOCKET_HALF_HEIGHT = 2.5;
+const LMECHN1_LEFT_SOCKET_OUTER_X = LMECHN1_BODY_LEFT - LMECHN1_SOCKET_WIDTH;
+const LMECHN1_RIGHT_SOCKET_OUTER_X = LMECHN1_BODY_RIGHT + LMECHN1_SOCKET_WIDTH;
+
+export function lmechn1RightPortCount(
+  parameters?: ComponentSymbolRendererProps["parameters"],
+) {
+  const candidate = Number(parameters?.v1);
+  if (!Number.isInteger(candidate)) {
+    return LMECHN1_DEFAULT_RIGHT_PORT_COUNT;
+  }
+  return Math.min(
+    LMECHN1_MAX_RIGHT_PORT_COUNT,
+    Math.max(1, candidate),
+  );
+}
+
+export function lmechn1SymbolMetrics(
+  parameters?: ComponentSymbolRendererProps["parameters"],
+) {
+  const rightPortCount = lmechn1RightPortCount(parameters);
+  const requestedBodyHeight = Math.max(
+    28,
+    12 + (rightPortCount - 1) * LMECHN1_PORT_ROW_SPACING,
+  );
+  const viewBoxHeight = Math.max(48, requestedBodyHeight + 8);
+  const bodyHeight = Math.min(requestedBodyHeight, viewBoxHeight - 8);
+  const bodyTop = (viewBoxHeight - bodyHeight) / 2;
+  const rightPortSpan = (rightPortCount - 1) * LMECHN1_PORT_ROW_SPACING;
+  const firstPortY = (viewBoxHeight - rightPortSpan) / 2;
+  const rightPortRows = Array.from(
+    { length: rightPortCount },
+    (_, index) => firstPortY + index * LMECHN1_PORT_ROW_SPACING,
+  );
+  return {
+    bodyHeight,
+    bodyTop,
+    rightPortCount,
+    rightPortRows,
+    viewBoxHeight,
+  } as const;
+}
+
+export function AmesimLmechn1Symbol({
+  parameters,
+  surface,
+}: ComponentSymbolRendererProps) {
+  // 组件库始终展示一个固定、易辨识的标准图；工作区才按实际端口数展开。
+  const metrics = lmechn1SymbolMetrics(
+    surface === "palette"
+      ? { ...parameters, v1: LMECHN1_PALETTE_RIGHT_PORT_COUNT }
+      : parameters,
+  );
+  const centerY = metrics.viewBoxHeight / 2;
   return (
     <SymbolSvg className="component-symbol-amesim-lmechn1" domain="mechanical">
       <rect
+        data-lmechn1-part="body"
         fill={SYMBOL_FILL}
-        height="44"
+        height={metrics.bodyHeight}
         rx="1"
         stroke={SYMBOL_STROKE}
-        strokeWidth="1.8"
-        width="12"
-        x="27"
-        y="2"
+        strokeWidth="2.5"
+        width={LMECHN1_BODY_RIGHT - LMECHN1_BODY_LEFT}
+        x={LMECHN1_BODY_LEFT}
+        y={metrics.bodyTop}
       />
-      {leftPortRows.map((y) => (
-        <path
-          d={`M5 ${y}h22`}
-          key={y}
-          stroke={SYMBOL_STROKE}
-          strokeLinecap="round"
-          strokeWidth="1.4"
-        />
+      {metrics.rightPortRows.map((y, index) => (
+        <g data-lmechn1-port={`port_${index + 1}`} key={index}>
+          <path
+            d={`M${LMECHN1_RIGHT_SOCKET_OUTER_X} ${y}H62`}
+            data-lmechn1-part="right-port-line"
+            fill="none"
+            stroke={SYMBOL_STROKE}
+            strokeLinecap="butt"
+            strokeWidth="1.5"
+          />
+          <path
+            d={`M${LMECHN1_BODY_RIGHT} ${y - LMECHN1_SOCKET_HALF_HEIGHT}H${LMECHN1_RIGHT_SOCKET_OUTER_X}V${y + LMECHN1_SOCKET_HALF_HEIGHT}H${LMECHN1_BODY_RIGHT}`}
+            data-lmechn1-part="right-port-socket"
+            fill="none"
+            stroke={SYMBOL_STROKE}
+            strokeLinecap="butt"
+            strokeLinejoin="miter"
+            strokeWidth="1.5"
+          />
+        </g>
       ))}
-      <path d="M39 24h20" stroke={SYMBOL_STROKE} strokeWidth="1.8" />
-      <circle cx="33" cy="24" fill={SYMBOL_ACCENT} r="2.2" />
+      <g data-lmechn1-part="reference-port">
+        <path
+          d={`M2 ${centerY}H${LMECHN1_LEFT_SOCKET_OUTER_X}`}
+          data-lmechn1-part="reference-port-line"
+          fill="none"
+          stroke={SYMBOL_STROKE}
+          strokeLinecap="butt"
+          strokeWidth="1.5"
+        />
+        <path
+          d={`M${LMECHN1_BODY_LEFT} ${centerY - LMECHN1_SOCKET_HALF_HEIGHT}H${LMECHN1_LEFT_SOCKET_OUTER_X}V${centerY + LMECHN1_SOCKET_HALF_HEIGHT}H${LMECHN1_BODY_LEFT}`}
+          data-lmechn1-part="reference-port-socket"
+          fill="none"
+          stroke={SYMBOL_STROKE}
+          strokeLinecap="butt"
+          strokeLinejoin="miter"
+          strokeWidth="1.5"
+        />
+      </g>
+      <text
+        data-lmechn1-part="label"
+        fill={SYMBOL_STROKE}
+        fontFamily="Arial, sans-serif"
+        fontSize="6.2"
+        fontWeight="600"
+        stroke="none"
+        textAnchor="middle"
+        x="32"
+        y={centerY - 6.2}
+      >
+        <tspan x="32">linear</tspan>
+        <tspan dy="6.5" x="32">node</tspan>
+        <tspan dy="6.5" x="32">(displ.)</tspan>
+      </text>
     </SymbolSvg>
   );
 }
 
+function Pnrp17ArrowPair({ centerY }: { centerY: number }) {
+  return (
+    <g
+      data-pnrp17-part="chamber-arrows"
+      fill="none"
+      stroke={PNRP17_STROKE}
+      strokeLinecap="butt"
+      strokeLinejoin="miter"
+      strokeWidth={PNRP17_DETAIL_STROKE_WIDTH}
+      transform={`translate(0 ${centerY})`}
+    >
+      <g data-pnrp17-arrow="left" transform="translate(18.2 0)">
+        <path d="M9.1 0H3.9" />
+        <path d="M3.9 -2.5 0 0 3.9 2.5Z" fill="#ffffff" />
+      </g>
+      <g
+        data-pnrp17-arrow="right"
+        transform="translate(38.8 0) scale(-1 1)"
+      >
+        <path d="M9.1 0H3.9" />
+        <path d="M3.9 -2.5 0 0 3.9 2.5Z" fill="#ffffff" />
+      </g>
+    </g>
+  );
+}
+
 export function AmesimPnrp17Symbol() {
   return (
     <SymbolSvg className="component-symbol-amesim-pnrp17" domain="mechanical">
-      <path
-        d="M13.4 1.1H51.4V3h4.1v2.9h-4.1v1.9H18.2v13.8h-10V7h5.2V5.9H9.3V3h4.1Z"
-        fill={PNRP17_FILL}
-        stroke={PNRP17_STROKE}
-        strokeLinejoin="miter"
-        strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
-      />
-      <path
-        d="M8.2 26.7h12.7v13.8h2v6.7H8.2Z"
-        fill={PNRP17_FILL}
-        stroke={PNRP17_STROKE}
-        strokeLinejoin="miter"
-        strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
-      />
-      <path
-        d="M28 40.5h28.5v6.7H28Z"
-        fill={PNRP17_FILL}
-        stroke={PNRP17_STROKE}
-        strokeLinejoin="miter"
-        strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
-      />
-      <rect
-        fill={PNRP17_LIGHT_FILL}
-        height="34"
-        stroke={PNRP17_STROKE}
-        strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
-        width="7.7"
-        x="40.8"
-        y="7.2"
-      />
-      <rect fill={PNRP17_STROKE} height="34" width="1.8" x="38.8" y="7.2" />
-      <rect
-        fill={PNRP17_LIGHT_FILL}
-        height="2.8"
-        stroke={PNRP17_STROKE}
-        strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
-        width="31.5"
-        x="9.3"
-        y="22.7"
-      />
-      <rect
-        fill={PNRP17_LIGHT_FILL}
-        height="2.8"
-        stroke={PNRP17_STROKE}
-        strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
-        width="7.7"
-        x="47.8"
-        y="22.7"
-      />
-      <path
-        d="M2 4.4h7.3m46.2 0H62M2 24.1h7.3m46.2 0H62M25.5 43.4V48"
-        stroke={PNRP17_STROKE}
-        strokeLinecap="butt"
-        strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
-      />
-      {[15.3, 33].map((centerY) => (
-        <g
+      <g data-pnrp17-part="symbol" transform={PNRP17_CONTENT_TRANSFORM}>
+        <path
+          data-pnrp17-part="upper-shell"
+          d="M13.4 1.1H51.4V3h4.1v2.9h-4.1v1.9H18.2V21.1H3.3V7.3H13.4V5.9H9.3V3h4.1Z"
+          fill={PNRP17_FILL}
+          stroke={PNRP17_STROKE}
+          strokeLinejoin="miter"
+          strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
+        />
+        <rect
+          data-pnrp17-part="upper-left-wall"
+          fill={PNRP17_STROKE}
+          height="13.8"
+          width="2.9"
+          x="15.3"
+          y="7.3"
+        />
+        <path
+          data-pnrp17-part="lower-left-shell"
+          d="M3.3 27H18.2V40.7H20V46.6H3.3Z"
+          fill={PNRP17_FILL}
+          stroke={PNRP17_STROKE}
+          strokeLinejoin="miter"
+          strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
+        />
+        <rect
+          data-pnrp17-part="lower-left-wall"
+          fill={PNRP17_STROKE}
+          height="13.7"
+          width="2.9"
+          x="15.3"
+          y="27"
+        />
+        <path
+          data-pnrp17-part="lower-base"
+          d="M28 40.5h28.5v6.7H28Z"
+          fill={PNRP17_FILL}
+          stroke={PNRP17_STROKE}
+          strokeLinejoin="miter"
+          strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
+        />
+        <rect
+          data-pnrp17-part="piston-sleeve"
+          fill={PNRP17_LIGHT_FILL}
+          height="34"
+          stroke={PNRP17_STROKE}
+          strokeLinejoin="miter"
+          strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
+          width="7.7"
+          x="40.8"
+          y="7.2"
+        />
+        <rect
+          data-pnrp17-part="piston-face"
+          fill={PNRP17_STROKE}
+          height="34"
+          width="1.8"
+          x="38.8"
+          y="7.2"
+        />
+        <rect
+          data-pnrp17-part="horizontal-rod-left"
+          fill={PNRP17_LIGHT_FILL}
+          height="2.8"
+          stroke={PNRP17_STROKE}
+          strokeLinejoin="miter"
+          strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
+          width="31.5"
+          x="9.3"
+          y="22.7"
+        />
+        <rect
+          data-pnrp17-part="horizontal-rod-right"
+          fill={PNRP17_LIGHT_FILL}
+          height="2.8"
+          stroke={PNRP17_STROKE}
+          strokeLinejoin="miter"
+          strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
+          width="7.7"
+          x="47.8"
+          y="22.7"
+        />
+        <path
+          data-pnrp17-part="horizontal-extensions"
+          d="M2 4.4h7.3m46.2 0H62M2 24.1h7.3m46.2 0H62"
           fill="none"
-          key={centerY}
           stroke={PNRP17_STROKE}
           strokeLinecap="butt"
-          strokeLinejoin="miter"
-          strokeWidth={PNRP17_DETAIL_STROKE_WIDTH}
-        >
-          <path d={`M28.8 ${centerY}h-3.4`} />
-          <path
-            d={`M25.4 ${centerY - 2.5} 21.5 ${centerY}l3.9 2.5Z`}
-            fill="#ffffff"
-          />
-          <path d={`M30.9 ${centerY}h3.4`} />
-          <path
-            d={`M34.3 ${centerY - 2.5} 38.3 ${centerY} 34.3 ${centerY + 2.5}Z`}
-            fill="#ffffff"
-          />
-        </g>
-      ))}
+          strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
+        />
+        <path
+          data-pnrp17-part="bottom-port"
+          d="M25.5 43.4V48"
+          fill="none"
+          stroke={PNRP17_STROKE}
+          strokeLinecap="butt"
+          strokeWidth={PNRP17_PRIMARY_STROKE_WIDTH}
+        />
+        <Pnrp17ArrowPair centerY={15.15} />
+        <Pnrp17ArrowPair centerY={32.9} />
+      </g>
     </SymbolSvg>
   );
 }

frontend/src/componentSymbols/pneumatic.tsx

@@ -118,6 +118,26 @@ export function AmesimPnvo001SignalSymbol() {
 
 type PipeSection = "C" | "R";
 
+const PIPE_NETWORK_CONTENT_CENTER = { x: 32, y: 24 } as const;
+const PIPE_NETWORK_CONTENT_SCALE = 0.64;
+const PIPE_NETWORK_CONTENT_TRANSFORM = `translate(${PIPE_NETWORK_CONTENT_CENTER.x} ${PIPE_NETWORK_CONTENT_CENTER.y}) scale(${PIPE_NETWORK_CONTENT_SCALE}) translate(${-PIPE_NETWORK_CONTENT_CENTER.x} ${-PIPE_NETWORK_CONTENT_CENTER.y})`;
+
+function scaledPipeNetworkPoint(x: number, y: number) {
+  return {
+    x:
+      PIPE_NETWORK_CONTENT_CENTER.x +
+      (x - PIPE_NETWORK_CONTENT_CENTER.x) * PIPE_NETWORK_CONTENT_SCALE,
+    y:
+      PIPE_NETWORK_CONTENT_CENTER.y +
+      (y - PIPE_NETWORK_CONTENT_CENTER.y) * PIPE_NETWORK_CONTENT_SCALE,
+  };
+}
+
+export const PIPE_NETWORK_PORT_ANCHORS = {
+  left: scaledPipeNetworkPoint(2, 24),
+  right: scaledPipeNetworkPoint(62, 24),
+} as const;
+
 function PipeNetworkBody({ sections }: { sections: readonly PipeSection[] }) {
   const left = 9;
   const right = 55;
@@ -126,7 +146,10 @@ function PipeNetworkBody({ sections }: { sections: readonly PipeSection[] }) {
   const sectionWidth = (right - left) / sections.length;
 
   return (
-    <>
+    <g
+      data-pipe-network-content="true"
+      transform={PIPE_NETWORK_CONTENT_TRANSFORM}
+    >
       <path
         d="M2 24h7M55 24h7"
         stroke={SYMBOL_STROKE}
@@ -169,7 +192,7 @@ function PipeNetworkBody({ sections }: { sections: readonly PipeSection[] }) {
           {section}
         </text>
       ))}
-    </>
+    </g>
   );
 }
 
@@ -209,34 +232,50 @@ export function AmesimPnl0003Symbol() {
   );
 }
 
-function JunctionTerminal({ x, y }: { x: number; y: number }) {
-  return (
-    <circle
-      cx={x}
-      cy={y}
-      fill={SYMBOL_FILL}
-      r="2"
-      stroke={SYMBOL_STROKE}
-      strokeWidth="1.3"
-    />
-  );
-}
+const JUNCTION_STROKE = "#8b134f";
+const JUNCTION_FINE_STROKE_WIDTH = 1.5;
+const JUNCTION_COLLECTOR_STROKE_WIDTH = 4;
+const JUNCTION_CENTER_RADIUS = 2.75;
+
+export const PN3NODE2_PORT_ANCHORS = {
+  port1: { x: 36.6, y: 11.2 },
+  port2: { x: 24.6, y: 24 },
+  port3: { x: 36.6, y: 36.8 },
+} as const;
+
+export const P4NODE2_PORT_ANCHORS = {
+  port1: { x: 32, y: 11.2 },
+  port2: { x: 19.2, y: 24 },
+  port3: { x: 44.8, y: 24 },
+  port4: { x: 32, y: 36.8 },
+} as const;
 
 /** Three-port pneumatic junction with one inlet-side and two outlet-side ports. */
 export function AmesimPn3Node2Symbol() {
   return (
     <SymbolSvg className="component-symbol-amesim-pn3node2-svg" domain="pneumatic">
       <path
-        d="M4 24h25M29 24C41 24 42 12 60 12M29 24c12 0 13 12 31 12"
-        stroke={SYMBOL_STROKE}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={PNEUMATIC_STROKE_WIDTH}
+        d="M36.6 11.2V36.8M24.6 24H27.5"
+        data-junction-part="fine-branches"
+        stroke={JUNCTION_STROKE}
+        strokeLinecap="butt"
+        strokeWidth={JUNCTION_FINE_STROKE_WIDTH}
+      />
+      <path
+        d="M27.5 24H36.6"
+        data-junction-part="collector-branch"
+        data-port-name="port_2"
+        stroke={JUNCTION_STROKE}
+        strokeLinecap="butt"
+        strokeWidth={JUNCTION_COLLECTOR_STROKE_WIDTH}
+      />
+      <circle
+        cx="36.6"
+        cy="24"
+        data-junction-part="center"
+        fill={JUNCTION_STROKE}
+        r={JUNCTION_CENTER_RADIUS}
       />
-      <circle cx="29" cy="24" fill={SYMBOL_ACCENT} r="3" />
-      <JunctionTerminal x={3} y={24} />
-      <JunctionTerminal x={61} y={12} />
-      <JunctionTerminal x={61} y={36} />
     </SymbolSvg>
   );
 }
@@ -246,17 +285,27 @@ export function AmesimP4Node2Symbol() {
   return (
     <SymbolSvg className="component-symbol-amesim-p4node2-svg" domain="pneumatic">
       <path
-        d="M4 24h24M28 24C40 24 42 8 60 8M28 24h32M28 24c12 0 14 16 32 16"
-        stroke={SYMBOL_STROKE}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={PNEUMATIC_STROKE_WIDTH}
+        d="M32 11.2V36.8M32 24H44.8M19.2 24H22.1"
+        data-junction-part="fine-branches"
+        stroke={JUNCTION_STROKE}
+        strokeLinecap="butt"
+        strokeWidth={JUNCTION_FINE_STROKE_WIDTH}
+      />
+      <path
+        d="M22.1 24H32"
+        data-junction-part="collector-branch"
+        data-port-name="port_2"
+        stroke={JUNCTION_STROKE}
+        strokeLinecap="butt"
+        strokeWidth={JUNCTION_COLLECTOR_STROKE_WIDTH}
+      />
+      <circle
+        cx="32"
+        cy="24"
+        data-junction-part="center"
+        fill={JUNCTION_STROKE}
+        r={JUNCTION_CENTER_RADIUS}
       />
-      <circle cx="28" cy="24" fill={SYMBOL_ACCENT} r="3" />
-      <JunctionTerminal x={3} y={24} />
-      <JunctionTerminal x={61} y={8} />
-      <JunctionTerminal x={61} y={24} />
-      <JunctionTerminal x={61} y={40} />
     </SymbolSvg>
   );
 }

frontend/src/componentSymbols/types.ts

@@ -42,8 +42,6 @@ export type ComponentSymbolLayout = {
   symbolSize: ComponentSymbolSize;
   nodeSize: ComponentSymbolSize;
   portAnchors?: ComponentSymbolPortAnchors;
-  /** 仅用于识别 presentationLayoutVersion 之前保存的固定尺寸接触连接。 */
-  legacyPortAnchors?: ComponentSymbolPortAnchors;
 };
 
 export type ComponentSymbolParameters = Readonly<
@@ -52,11 +50,15 @@ export type ComponentSymbolParameters = Readonly<
 
 export type ComponentSymbolRendererProps = {
   parameters?: ComponentSymbolParameters;
+  surface?: "palette" | "canvas";
 };
 
 export type SymbolDefinition = {
   presentation: ComponentSymbolPresentation;
   render: ComponentType<ComponentSymbolRendererProps>;
   layout: ComponentSymbolLayout;
+  layoutForParameters?: (
+    parameters?: ComponentSymbolParameters,
+  ) => ComponentSymbolLayout;
   variantKey?: (parameters?: ComponentSymbolParameters) => string;
 };