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

2026-08-15 17:40:18 +08:00
1 parent 456c29b3b6
commit 6572defaa4
@@ -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>
  );
 }