scada-engine 1.0.0

package/dist/utils-Ncgt7Dqu.js

@@ -0,0 +1,1057 @@
+import { svgLoader as l } from "./scada-engine.es.js";
+/*!
+ * @nywqs/scada-engine v1.1.31
+ * Copyright (c) 2025 leoncheng
+ * Licensed under proprietary license - see LICENSE file
+ * Contact: nywqs@outlook.com
+ */
+const a = `<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80">
+  <metadata>
+    <scada-config><![CDATA[
+    {
+      "component": {
+        "id": "circle",
+        "name": "\\u5706\\u5f62",
+        "category": "basic",
+        "icon": "\\u25CB",
+        "description": "\\u57fa\\u7840\\u5706\\u5f62\\u56fe\\u5f62\\u7ec4\\u4ef6",
+        "version": "1.0.0",
+        "author": "SCADA Engine"
+      },
+      "size": {
+        "width": 80,
+        "height": 80
+      },
+      "presetBindings": [
+        {
+          "partId": "part-label",
+          "suggestedDriverProperty": "text",
+          "label": "\\u663e\\u793a\\u6587\\u672c",
+          "valueType": "string",
+          "suggestedTemplate": "value-text",
+          "suggestedParams": {
+            "type": "value-text",
+            "defaultText": "\\u5706\\u5f62"
+          }
+        },
+        {
+          "partId": "part-body",
+          "suggestedDriverProperty": "fill",
+          "label": "\\u586b\\u5145\\u8272",
+          "valueType": "color",
+          "suggestedTemplate": "status-color",
+          "suggestedParams": {
+            "type": "status-color",
+            "colorMap": {},
+            "defaultColor": "#10b981",
+            "applyTo": "fill"
+          }
+        }
+      ],
+      "ports": [
+        { "id": "port-top", "group": "top" },
+        { "id": "port-right", "group": "right" },
+        { "id": "port-bottom", "group": "bottom" },
+        { "id": "port-left", "group": "left" }
+      ]
+    }
+    ]]></scada-config>
+  </metadata>
+  <defs>
+    <radialGradient id="circle-gradient" cx="30%" cy="30%">
+      <stop offset="0%" stop-color="#34d399" />
+      <stop offset="100%" stop-color="#10b981" />
+    </radialGradient>
+  </defs>
+  <g id="root">
+    <circle
+      id="part-body"
+      cx="40"
+      cy="40"
+      r="35"
+      fill="url(#circle-gradient)"
+      stroke="#059669"
+      stroke-width="2"
+    />
+    <text
+      id="part-label"
+      x="40"
+      y="40"
+      text-anchor="middle"
+      dominant-baseline="middle"
+      font-size="14"
+      fill="#ffffff"
+      font-family="system-ui, sans-serif"
+    >\\u5706\\u5f62</text>
+  </g>
+</svg>
+`, s = `<?xml version="1.0" encoding="UTF-8"?>\r
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">\r
+  <!-- 组件元数据 -->\r
+  <metadata>\r
+    <scada-config><![CDATA[\r
+    {\r
+      "component": {\r
+        "id": "light-bulb",\r
+        "name": "灯泡",\r
+        "category": "iot",\r
+        "icon": "💡",\r
+        "description": "可控制开关状态和颜色的灯泡组件",\r
+        "version": "1.0.0",\r
+        "author": "SCADA Engine"\r
+      },\r
+      "size": {\r
+        "width": 100,\r
+        "height": 120\r
+      },\r
+      "presetBindings": [\r
+        {\r
+          "partId": "part-bulbGlow",\r
+          "suggestedDriverProperty": "state",\r
+          "label": "开关状态",\r
+          "valueType": "boolean",\r
+          "booleanOptions": [\r
+            { "value": 0, "label": "关闭" },\r
+            { "value": 1, "label": "开启" }\r
+          ],\r
+          "suggestedTemplate": "value-opacity",\r
+          "suggestedParams": {\r
+            "type": "value-opacity",\r
+            "inputRange": { "min": 0, "max": 1 },\r
+            "outputRange": { "min": 0, "max": 1 }\r
+          }\r
+        },\r
+        {\r
+          "partId": "part-outerGlow",\r
+          "suggestedDriverProperty": "state",\r
+          "label": "开关状态",\r
+          "valueType": "boolean",\r
+          "booleanOptions": [\r
+            { "value": 0, "label": "关闭" },\r
+            { "value": 1, "label": "开启" }\r
+          ],\r
+          "suggestedTemplate": "value-opacity",\r
+          "suggestedParams": {\r
+            "type": "value-opacity",\r
+            "inputRange": { "min": 0, "max": 1 },\r
+            "outputRange": { "min": 0, "max": 0.3 }\r
+          }\r
+        },\r
+        {\r
+          "partId": "part-filament",\r
+          "suggestedDriverProperty": "state",\r
+          "label": "开关状态",\r
+          "valueType": "boolean",\r
+          "booleanOptions": [\r
+            { "value": 0, "label": "关闭" },\r
+            { "value": 1, "label": "开启" }\r
+          ],\r
+          "suggestedTemplate": "value-opacity",\r
+          "suggestedParams": {\r
+            "type": "value-opacity",\r
+            "inputRange": { "min": 0, "max": 1 },\r
+            "outputRange": { "min": 0, "max": 0.8 }\r
+          }\r
+        }\r
+      ],\r
+      "ports": [\r
+        {\r
+          "id": "port-power-in",\r
+          "group": "bottom"\r
+        },\r
+        {\r
+          "id": "port-control",\r
+          "group": "left",\r
+          "args": {\r
+            "y": "50%"\r
+          }\r
+        }\r
+      ]\r
+    }\r
+    ]]></scada-config>\r
+  </metadata>\r
+  \r
+  <!-- 渐变定义 -->\r
+  <defs>\r
+    <!-- 灯泡玻璃渐变（关闭状态） -->\r
+    <radialGradient id="bulb-gradient-off" cx="40%" cy="30%">\r
+      <stop offset="0%" stop-color="#e5e7eb" />\r
+      <stop offset="50%" stop-color="#d1d5db" />\r
+      <stop offset="100%" stop-color="#9ca3af" />\r
+    </radialGradient>\r
+    \r
+    <!-- 灯泡玻璃渐变（开启状态） -->\r
+    <radialGradient id="bulb-gradient-on" cx="40%" cy="30%">\r
+      <stop offset="0%" stop-color="#fff9e6" />\r
+      <stop offset="50%" stop-color="#fbbf24" />\r
+      <stop offset="100%" stop-color="#d97706" />\r
+    </radialGradient>\r
+    \r
+    <!-- 灯泡底座渐变 -->\r
+    <linearGradient id="base-gradient" x1="0%" y1="0%" x2="0%" y2="100%">\r
+      <stop offset="0%" stop-color="#94a3b8" />\r
+      <stop offset="50%" stop-color="#64748b" />\r
+      <stop offset="100%" stop-color="#475569" />\r
+    </linearGradient>\r
+    \r
+    <!-- 光晕滤镜 -->\r
+    <filter id="glow-filter">\r
+      <feGaussianBlur stdDeviation="3" result="coloredBlur"/>\r
+      <feMerge>\r
+        <feMergeNode in="coloredBlur"/>\r
+        <feMergeNode in="SourceGraphic"/>\r
+      </feMerge>\r
+    </filter>\r
+    \r
+    <!-- 外发光滤镜 -->\r
+    <filter id="outer-glow-filter">\r
+      <feGaussianBlur stdDeviation="5" result="blur"/>\r
+      <feFlood flood-color="#fbbf24" flood-opacity="0.6" result="color"/>\r
+      <feComposite in="color" in2="blur" operator="in" result="glow"/>\r
+      <feMerge>\r
+        <feMergeNode in="glow"/>\r
+        <feMergeNode in="SourceGraphic"/>\r
+      </feMerge>\r
+    </filter>\r
+  </defs>\r
+  \r
+  <!-- 组件主体 -->\r
+  <g id="root">\r
+    <!-- 外发光（根据状态控制透明度） -->\r
+    <circle \r
+      id="part-outerGlow"\r
+      cx="50" \r
+      cy="35" \r
+      r="32"\r
+      fill="#fbbf24"\r
+      opacity="0"\r
+      filter="url(#outer-glow-filter)"\r
+    />\r
+    \r
+    <!-- 灯泡玻璃球体 -->\r
+    <ellipse\r
+      cx="50"\r
+      cy="35"\r
+      rx="25"\r
+      ry="28"\r
+      fill="url(#bulb-gradient-off)"\r
+      stroke="#cbd5e1"\r
+      stroke-width="0.5"\r
+    />\r
+    \r
+    <!-- 灯泡发光层（根据状态控制） -->\r
+    <ellipse\r
+      id="part-bulbGlow"\r
+      cx="50"\r
+      cy="35"\r
+      rx="25"\r
+      ry="28"\r
+      fill="url(#bulb-gradient-on)"\r
+      opacity="0"\r
+      filter="url(#glow-filter)"\r
+    />\r
+    \r
+    <!-- 灯泡高光 -->\r
+    <ellipse\r
+      cx="42"\r
+      cy="25"\r
+      rx="8"\r
+      ry="10"\r
+      fill="#ffffff"\r
+      opacity="0.3"\r
+    />\r
+    \r
+    <!-- 灯丝（根据状态显示） -->\r
+    <g id="part-filament" opacity="0">\r
+      <path\r
+        d="M 45 30 Q 47 35 45 40"\r
+        stroke="#ff9500"\r
+        stroke-width="1.5"\r
+        fill="none"\r
+      />\r
+      <path\r
+        d="M 55 30 Q 53 35 55 40"\r
+        stroke="#ff9500"\r
+        stroke-width="1.5"\r
+        fill="none"\r
+      />\r
+    </g>\r
+    \r
+    <!-- 灯泡底部连接部分 -->\r
+    <ellipse\r
+      cx="50"\r
+      cy="60"\r
+      rx="15"\r
+      ry="4"\r
+      fill="#94a3b8"\r
+    />\r
+    \r
+    <!-- 灯泡螺纹底座 -->\r
+    <g>\r
+      <!-- 螺纹线条 -->\r
+      <rect x="40" y="63" width="20" height="3" fill="url(#base-gradient)" rx="1"/>\r
+      <rect x="40" y="67" width="20" height="3" fill="url(#base-gradient)" rx="1"/>\r
+      <rect x="40" y="71" width="20" height="3" fill="url(#base-gradient)" rx="1"/>\r
+      <rect x="40" y="75" width="20" height="3" fill="url(#base-gradient)" rx="1"/>\r
+      \r
+      <!-- 螺纹阴影 -->\r
+      <rect x="40" y="66" width="20" height="1" fill="#1e293b" opacity="0.3"/>\r
+      <rect x="40" y="70" width="20" height="1" fill="#1e293b" opacity="0.3"/>\r
+      <rect x="40" y="74" width="20" height="1" fill="#1e293b" opacity="0.3"/>\r
+      <rect x="40" y="78" width="20" height="1" fill="#1e293b" opacity="0.3"/>\r
+    </g>\r
+    \r
+    <!-- 底座 -->\r
+    <ellipse\r
+      cx="50"\r
+      cy="80"\r
+      rx="12"\r
+      ry="5"\r
+      fill="url(#base-gradient)"\r
+    />\r
+    \r
+    <!-- 底座底部 -->\r
+    <ellipse\r
+      cx="50"\r
+      cy="83"\r
+      rx="8"\r
+      ry="3"\r
+      fill="#334155"\r
+    />\r
+    \r
+    <!-- 底部接触点 -->\r
+    <circle\r
+      cx="50"\r
+      cy="85"\r
+      r="2"\r
+      fill="#475569"\r
+    />\r
+  </g>\r
+</svg>\r
+`, d = `<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 60">
+  <metadata>
+    <scada-config><![CDATA[
+    {
+      "component": {
+        "id": "rect",
+        "name": "\\u77e9\\u5f62",
+        "category": "basic",
+        "icon": "\\u25A2",
+        "description": "\\u57fa\\u7840\\u77e9\\u5f62\\u56fe\\u5f62\\u7ec4\\u4ef6",
+        "version": "1.0.0",
+        "author": "SCADA Engine"
+      },
+      "size": {
+        "width": 120,
+        "height": 60
+      },
+      "presetBindings": [
+        {
+          "partId": "part-label",
+          "suggestedDriverProperty": "name",
+          "label": "\\u663e\\u793a\\u6587\\u672c",
+          "valueType": "string",
+          "suggestedTemplate": "value-text",
+          "suggestedParams": {
+            "type": "value-text",
+            "defaultText": "\\u77e9\\u5f62"
+          }
+        },
+        {
+          "partId": "part-body",
+          "suggestedDriverProperty": "fill",
+          "label": "\\u586b\\u5145\\u8272",
+          "valueType": "color",
+          "suggestedTemplate": "status-color",
+          "suggestedParams": {
+            "type": "status-color",
+            "colorMap": {},
+            "defaultColor": "#3b82f6",
+            "applyTo": "fill"
+          }
+        }
+      ],
+      "ports": [
+        { "id": "port-top", "group": "top" },
+        { "id": "port-right", "group": "right" },
+        { "id": "port-bottom", "group": "bottom" },
+        { "id": "port-left", "group": "left" }
+      ]
+    }
+    ]]></scada-config>
+  </metadata>
+  <defs>
+    <linearGradient id="rect-gradient" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#60a5fa" />
+      <stop offset="100%" stop-color="#3b82f6" />
+    </linearGradient>
+  </defs>
+  <g id="root">
+    <rect
+      id="part-body"
+      x="10"
+      y="10"
+      width="100"
+      height="40"
+      rx="4"
+      fill="url(#rect-gradient)"
+      stroke="#2563eb"
+      stroke-width="2"
+    />
+    <text
+      id="part-label"
+      x="60"
+      y="30"
+      text-anchor="middle"
+      dominant-baseline="middle"
+      font-size="14"
+      fill="#ffffff"
+      font-family="system-ui, sans-serif"
+    >\\u77e9\\u5f62</text>
+  </g>
+</svg>
+`, c = `<?xml version="1.0" encoding="UTF-8"?>\r
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 80">\r
+  <!-- 组件元数据 -->\r
+  <metadata>\r
+    <scada-config><![CDATA[\r
+    {\r
+      "component": {\r
+        "id": "switch-toggle",\r
+        "name": "拨动开关",\r
+        "category": "iot",\r
+        "icon": "🔘",\r
+        "description": "可控制开关状态的拨动开关组件",\r
+        "version": "1.0.0",\r
+        "author": "SCADA Engine"\r
+      },\r
+      "size": {\r
+        "width": 140,\r
+        "height": 100\r
+      },\r
+      "presetBindings": [\r
+        {\r
+          "partId": "part-handle",\r
+          "suggestedDriverProperty": "state",\r
+          "label": "开关状态",\r
+          "valueType": "boolean",\r
+          "booleanOptions": [\r
+            { "value": 0, "label": "关闭" },\r
+            { "value": 1, "label": "开启" }\r
+          ],\r
+          "suggestedTemplate": "value-position",\r
+          "suggestedParams": {\r
+            "type": "value-position",\r
+            "inputRange": { "min": 0, "max": 1 },\r
+            "movement": {\r
+              "axis": "x",\r
+              "distance": 24\r
+            }\r
+          }\r
+        },\r
+        {\r
+          "partId": "part-indicatorOff",\r
+          "suggestedDriverProperty": "state",\r
+          "label": "开关状态",\r
+          "valueType": "boolean",\r
+          "booleanOptions": [\r
+            { "value": 0, "label": "关闭" },\r
+            { "value": 1, "label": "开启" }\r
+          ],\r
+          "suggestedTemplate": "value-opacity",\r
+          "suggestedParams": {\r
+            "type": "value-opacity",\r
+            "inputRange": { "min": 0, "max": 1 },\r
+            "outputRange": { "min": 1, "max": 0 }\r
+          }\r
+        },\r
+        {\r
+          "partId": "part-indicatorOn",\r
+          "suggestedDriverProperty": "state",\r
+          "label": "开关状态",\r
+          "valueType": "boolean",\r
+          "booleanOptions": [\r
+            { "value": 0, "label": "关闭" },\r
+            { "value": 1, "label": "开启" }\r
+          ],\r
+          "suggestedTemplate": "value-opacity",\r
+          "suggestedParams": {\r
+            "type": "value-opacity",\r
+            "inputRange": { "min": 0, "max": 1 },\r
+            "outputRange": { "min": 0, "max": 1 }\r
+          }\r
+        }\r
+      ],\r
+      "ports": [\r
+        {\r
+          "id": "port-power-in",\r
+          "group": "left",\r
+          "args": {\r
+            "y": "50%"\r
+          }\r
+        },\r
+        {\r
+          "id": "port-power-out",\r
+          "group": "right",\r
+          "args": {\r
+            "y": "50%"\r
+          }\r
+        },\r
+        {\r
+          "id": "port-control",\r
+          "group": "bottom"\r
+        }\r
+      ]\r
+    }\r
+    ]]></scada-config>\r
+  </metadata>\r
+  \r
+  <!-- 渐变定义 -->\r
+  <defs>\r
+    <!-- 开关底座渐变 -->\r
+    <linearGradient id="base-gradient-switch" x1="0%" y1="0%" x2="0%" y2="100%">\r
+      <stop offset="0%" stop-color="#475569" />\r
+      <stop offset="50%" stop-color="#334155" />\r
+      <stop offset="100%" stop-color="#1e293b" />\r
+    </linearGradient>\r
+    \r
+    <!-- 开关轨道渐变 -->\r
+    <linearGradient id="track-gradient-switch" x1="0%" y1="0%" x2="0%" y2="100%">\r
+      <stop offset="0%" stop-color="#1e293b" />\r
+      <stop offset="50%" stop-color="#0f172a" />\r
+      <stop offset="100%" stop-color="#1e293b" />\r
+    </linearGradient>\r
+    \r
+    <!-- 拨杆渐变 -->\r
+    <linearGradient id="handle-gradient-switch" x1="0%" y1="0%" x2="0%" y2="100%">\r
+      <stop offset="0%" stop-color="#e2e8f0" />\r
+      <stop offset="50%" stop-color="#cbd5e1" />\r
+      <stop offset="100%" stop-color="#94a3b8" />\r
+    </linearGradient>\r
+    \r
+    <!-- 指示灯光晕 -->\r
+    <filter id="indicator-glow-switch">\r
+      <feGaussianBlur stdDeviation="3" result="coloredBlur"/>\r
+      <feMerge>\r
+        <feMergeNode in="coloredBlur"/>\r
+        <feMergeNode in="SourceGraphic"/>\r
+      </feMerge>\r
+    </filter>\r
+  </defs>\r
+  \r
+  <!-- 组件主体 -->\r
+  <g id="root">\r
+    <!-- 底座 -->\r
+    <rect x="20" y="25" width="80" height="50" rx="8" fill="url(#base-gradient-switch)" stroke="#0f172a" stroke-width="1"/>\r
+    \r
+    <!-- 固定螺丝 -->\r
+    <g>\r
+      <circle cx="30" cy="35" r="3" fill="#0f172a"/>\r
+      <circle cx="30" cy="35" r="1.5" fill="#475569"/>\r
+      <line x1="28" y1="35" x2="32" y2="35" stroke="#1e293b" stroke-width="0.5"/>\r
+      \r
+      <circle cx="90" cy="35" r="3" fill="#0f172a"/>\r
+      <circle cx="90" cy="35" r="1.5" fill="#475569"/>\r
+      <line x1="88" y1="35" x2="92" y2="35" stroke="#1e293b" stroke-width="0.5"/>\r
+      \r
+      <circle cx="30" cy="65" r="3" fill="#0f172a"/>\r
+      <circle cx="30" cy="65" r="1.5" fill="#475569"/>\r
+      <line x1="28" y1="65" x2="32" y2="65" stroke="#1e293b" stroke-width="0.5"/>\r
+      \r
+      <circle cx="90" cy="65" r="3" fill="#0f172a"/>\r
+      <circle cx="90" cy="65" r="1.5" fill="#475569"/>\r
+      <line x1="88" y1="65" x2="92" y2="65" stroke="#1e293b" stroke-width="0.5"/>\r
+    </g>\r
+    \r
+    <!-- 开关轨道槽 -->\r
+    <rect x="40" y="38" width="40" height="24" rx="12" fill="url(#track-gradient-switch)" stroke="#0f172a" stroke-width="1"/>\r
+    \r
+    <!-- OFF标记 -->\r
+    <text x="48" y="53" font-size="8" fill="#64748b" text-anchor="middle" font-weight="bold">OFF</text>\r
+    \r
+    <!-- ON标记 -->\r
+    <text x="72" y="53" font-size="8" fill="#64748b" text-anchor="middle" font-weight="bold">ON</text>\r
+    \r
+    <!-- 拨杆（可移动部分，基准位置 48px，value-position 动画叠加 0~24px） -->\r
+    <g transform="translate(48, 0)">\r
+      <g id="part-handle">\r
+        <!-- 拨杆阴影 -->\r
+        <ellipse cx="0" cy="52" rx="10" ry="3" fill="#000" opacity="0.3"/>\r
+        \r
+        <!-- 拨杆主体 -->\r
+        <rect x="-8" y="40" width="16" height="20" rx="8" fill="url(#handle-gradient-switch)" stroke="#94a3b8" stroke-width="1"/>\r
+        \r
+        <!-- 拨杆纹理 -->\r
+        <g opacity="0.3">\r
+          <line x1="-4" y1="43" x2="-4" y2="57" stroke="#64748b" stroke-width="0.5"/>\r
+          <line x1="0" y1="43" x2="0" y2="57" stroke="#64748b" stroke-width="0.5"/>\r
+          <line x1="4" y1="43" x2="4" y2="57" stroke="#64748b" stroke-width="0.5"/>\r
+        </g>\r
+        \r
+        <!-- 拨杆高光 -->\r
+        <rect x="-6" y="42" width="4" height="8" rx="2" fill="#ffffff" opacity="0.4"/>\r
+      </g>\r
+    </g>\r
+    \r
+    <!-- 状态指示灯 -->\r
+    <g>\r
+      <!-- OFF指示灯 -->\r
+      <g id="part-indicatorOff">\r
+        <circle \r
+          cx="35" \r
+          cy="50" \r
+          r="3" \r
+          fill="#ef4444"\r
+          filter="url(#indicator-glow-switch)"\r
+        />\r
+        <circle \r
+          cx="35" \r
+          cy="50" \r
+          r="1.5" \r
+          fill="#ffffff"\r
+          opacity="0.6"\r
+        />\r
+      </g>\r
+      \r
+      <!-- ON指示灯 -->\r
+      <g id="part-indicatorOn" opacity="0">\r
+        <circle \r
+          cx="85" \r
+          cy="50" \r
+          r="3" \r
+          fill="#22c55e"\r
+          filter="url(#indicator-glow-switch)"\r
+        />\r
+        <circle \r
+          cx="85" \r
+          cy="50" \r
+          r="1.5" \r
+          fill="#ffffff"\r
+          opacity="0.6"\r
+        />\r
+      </g>\r
+    </g>\r
+    \r
+    <!-- 接线端子 -->\r
+    <g>\r
+      <rect x="15" y="47" width="8" height="6" rx="1" fill="#64748b" stroke="#475569" stroke-width="0.5"/>\r
+      <circle cx="19" cy="50" r="1.5" fill="#94a3b8"/>\r
+      \r
+      <rect x="97" y="47" width="8" height="6" rx="1" fill="#64748b" stroke="#475569" stroke-width="0.5"/>\r
+      <circle cx="101" cy="50" r="1.5" fill="#94a3b8"/>\r
+    </g>\r
+    \r
+    <!-- 型号标识 -->\r
+    <rect x="50" y="67" width="20" height="6" rx="1" fill="#0f172a" opacity="0.7"/>\r
+    <text x="60" y="71" font-size="3" fill="#64748b" text-anchor="middle" font-family="monospace">KCD1-101</text>\r
+  </g>\r
+</svg>\r
+`, g = `<?xml version="1.0" encoding="UTF-8"?>\r
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 160">\r
+  <!-- 组件元数据 -->\r
+  <metadata>\r
+    <scada-config><![CDATA[\r
+    {\r
+      "component": {\r
+        "id": "tank-level",\r
+        "name": "液位罐",\r
+        "category": "iot",\r
+        "icon": "🛢️",\r
+        "description": "带液位显示的储罐组件",\r
+        "version": "1.0.0",\r
+        "author": "SCADA Engine"\r
+      },\r
+      "size": {\r
+        "width": 120,\r
+        "height": 160\r
+      },\r
+      "presetBindings": [\r
+        {\r
+          "partId": "part-liquidFill",\r
+          "suggestedDriverProperty": "level",\r
+          "label": "液位",\r
+          "valueType": "number",\r
+          "suggestedTemplate": "level-height",\r
+          "suggestedParams": {\r
+            "type": "level-height",\r
+            "inputRange": { "min": 0, "max": 100 },\r
+            "direction": "bottom-up"\r
+          }\r
+        },\r
+        {\r
+          "partId": "part-alarmLight",\r
+          "suggestedDriverProperty": "alarm",\r
+          "label": "报警状态",\r
+          "valueType": "boolean",\r
+          "booleanOptions": [\r
+            { "value": 0, "label": "正常" },\r
+            { "value": 1, "label": "报警" }\r
+          ],\r
+          "suggestedTemplate": "status-color",\r
+          "suggestedParams": {\r
+            "type": "status-color",\r
+            "colorMap": {\r
+              "0": "#10b981",\r
+              "1": "#ef4444",\r
+              "false": "#10b981",\r
+              "true": "#ef4444",\r
+              "normal": "#10b981",\r
+              "alarm": "#ef4444"\r
+            },\r
+            "defaultColor": "#94a3b8",\r
+            "applyTo": "fill"\r
+          }\r
+        }\r
+      ],\r
+      "ports": [\r
+        {\r
+          "id": "port-inlet",\r
+          "group": "top"\r
+        },\r
+        {\r
+          "id": "port-outlet",\r
+          "group": "bottom"\r
+        },\r
+        {\r
+          "id": "port-level-sensor",\r
+          "group": "left",\r
+          "args": {\r
+            "y": "50%"\r
+          }\r
+        },\r
+        {\r
+          "id": "port-control",\r
+          "group": "right",\r
+          "args": {\r
+            "y": "50%"\r
+          }\r
+        }\r
+      ]\r
+    }\r
+    ]]></scada-config>\r
+  </metadata>\r
+  \r
+  <!-- 渐变定义 -->\r
+  <defs>\r
+    <linearGradient id="tank-body-gradient" x1="0%" y1="0%" x2="100%" y2="0%">\r
+      <stop offset="0%" stop-color="#e2e8f0" />\r
+      <stop offset="50%" stop-color="#f8fafc" />\r
+      <stop offset="100%" stop-color="#e2e8f0" />\r
+    </linearGradient>\r
+    <linearGradient id="liquid-gradient" x1="0%" y1="0%" x2="100%" y2="0%">\r
+      <stop offset="0%" stop-color="#3b82f6" />\r
+      <stop offset="50%" stop-color="#60a5fa" />\r
+      <stop offset="100%" stop-color="#3b82f6" />\r
+    </linearGradient>\r
+  </defs>\r
+  \r
+  <!-- 组件主体 -->\r
+  <g id="root">\r
+    <!-- 罐体外壳 -->\r
+    <rect \r
+      x="20" \r
+      y="30" \r
+      width="80" \r
+      height="110" \r
+      rx="4" \r
+      fill="url(#tank-body-gradient)" \r
+      stroke="#64748b" \r
+      stroke-width="3"\r
+      opacity="0.9"\r
+    />\r
+    \r
+    <!-- 液位填充（动态高度） -->\r
+    <rect \r
+      id="part-liquidFill"\r
+      x="23" \r
+      y="33" \r
+      width="74" \r
+      height="104" \r
+      rx="2" \r
+      fill="url(#liquid-gradient)" \r
+      opacity="0.8"\r
+      data-original-height="104"\r
+      data-original-y="33"\r
+    />\r
+    \r
+    <!-- 罐体顶部 -->\r
+    <ellipse \r
+      cx="60" \r
+      cy="30" \r
+      rx="40" \r
+      ry="8" \r
+      fill="#cbd5e1" \r
+      stroke="#64748b" \r
+      stroke-width="2"\r
+    />\r
+    \r
+    <!-- 罐体底部 -->\r
+    <ellipse \r
+      cx="60" \r
+      cy="140" \r
+      rx="40" \r
+      ry="8" \r
+      fill="#94a3b8" \r
+      stroke="#64748b" \r
+      stroke-width="2"\r
+    />\r
+    \r
+    <!-- 管道连接（底部出口） -->\r
+    <rect \r
+      x="55" \r
+      y="145" \r
+      width="10" \r
+      height="15" \r
+      fill="#64748b"\r
+    />\r
+    \r
+    <!-- 刻度线 -->\r
+    <line x1="15" y1="50" x2="20" y2="50" stroke="#64748b" stroke-width="1"/>\r
+    <line x1="15" y1="70" x2="20" y2="70" stroke="#64748b" stroke-width="1"/>\r
+    <line x1="15" y1="90" x2="20" y2="90" stroke="#64748b" stroke-width="1"/>\r
+    <line x1="15" y1="110" x2="20" y2="110" stroke="#64748b" stroke-width="1"/>\r
+    <line x1="15" y1="130" x2="20" y2="130" stroke="#64748b" stroke-width="1"/>\r
+    \r
+    <!-- 报警灯 -->\r
+    <circle \r
+      id="part-alarmLight"\r
+      cx="60" \r
+      cy="15" \r
+      r="8" \r
+      fill="#10b981" \r
+      stroke="#334155" \r
+      stroke-width="2"\r
+    />\r
+    \r
+    <!-- 液位文字背景 -->\r
+    <rect \r
+      x="45" \r
+      y="80" \r
+      width="30" \r
+      height="20" \r
+      rx="2" \r
+      fill="rgba(255,255,255,0.9)" \r
+      stroke="#64748b" \r
+      stroke-width="1"\r
+    />\r
+    \r
+    <!-- 装饰环 -->\r
+    <ellipse \r
+      cx="60" \r
+      cy="60" \r
+      rx="42" \r
+      ry="4" \r
+      fill="none" \r
+      stroke="#94a3b8" \r
+      stroke-width="2"\r
+      opacity="0.5"\r
+    />\r
+    <ellipse \r
+      cx="60" \r
+      cy="110" \r
+      rx="42" \r
+      ry="4" \r
+      fill="none" \r
+      stroke="#94a3b8" \r
+      stroke-width="2"\r
+      opacity="0.5"\r
+    />\r
+  </g>\r
+</svg>\r
+`, p = `<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 40">
+  <metadata>
+    <scada-config><![CDATA[
+    {
+      "component": {
+        "id": "text",
+        "name": "\\u6587\\u672c",
+        "category": "basic",
+        "icon": "T",
+        "description": "\\u6587\\u672c\\u6807\\u7b7e\\u7ec4\\u4ef6",
+        "version": "1.0.0",
+        "author": "SCADA Engine"
+      },
+      "size": {
+        "width": 100,
+        "height": 40
+      },
+      "presetBindings": [],
+      "ports": [
+        { "id": "port-top", "group": "top" },
+        { "id": "port-right", "group": "right" },
+        { "id": "port-bottom", "group": "bottom" },
+        { "id": "port-left", "group": "left" }
+      ]
+    }
+    ]]></scada-config>
+  </metadata>
+  <g id="root">
+    <rect
+      x="2"
+      y="2"
+      width="96"
+      height="36"
+      rx="2"
+      fill="transparent"
+      stroke="#64748b"
+      stroke-width="1"
+      stroke-dasharray="5 5"
+    />
+    <text
+      id="part-text"
+      x="50"
+      y="24"
+      text-anchor="middle"
+      dominant-baseline="middle"
+      font-size="16"
+      fill="#e2e8f0"
+      font-family="system-ui, sans-serif"
+    >&#25991;&#26412;</text>
+  </g>
+</svg>
+`, f = `<?xml version="1.0" encoding="UTF-8"?>\r
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">\r
+  <!-- 组件元数据 -->\r
+  <metadata>\r
+    <scada-config><![CDATA[\r
+    {\r
+      "component": {\r
+        "id": "valve-standard",\r
+        "name": "标准阀门",\r
+        "category": "iot",\r
+        "icon": "🚰",\r
+        "description": "带开度指示的标准阀门组件",\r
+        "version": "1.0.0",\r
+        "author": "SCADA Engine"\r
+      },\r
+      "size": {\r
+        "width": 120,\r
+        "height": 120\r
+      },\r
+      "presetBindings": [\r
+        {\r
+          "partId": "part-valveHandle",\r
+          "suggestedDriverProperty": "opening",\r
+          "label": "阀门开度",\r
+          "valueType": "number",\r
+          "suggestedTemplate": "opening-rotate",\r
+          "suggestedParams": {\r
+            "type": "opening-rotate",\r
+            "inputRange": { "min": 0, "max": 90 },\r
+            "outputRange": { "min": 0, "max": 90 },\r
+            "origin": "center"\r
+          }\r
+        }\r
+      ],\r
+      "ports": [\r
+        {\r
+          "id": "port-inlet",\r
+          "group": "top"\r
+        },\r
+        {\r
+          "id": "port-outlet",\r
+          "group": "bottom"\r
+        },\r
+        {\r
+          "id": "port-control",\r
+          "group": "left",\r
+          "args": {\r
+            "y": "50%"\r
+          }\r
+        },\r
+        {\r
+          "id": "port-feedback",\r
+          "group": "right",\r
+          "args": {\r
+            "y": "50%"\r
+          }\r
+        }\r
+      ]\r
+    }\r
+    ]]></scada-config>\r
+  </metadata>\r
+  \r
+  <!-- 渐变定义 -->\r
+  <defs>\r
+    <linearGradient id="valve-body-gradient" x1="0%" y1="0%" x2="0%" y2="100%">\r
+      <stop offset="0%" stop-color="#64748b" />\r
+      <stop offset="100%" stop-color="#475569" />\r
+    </linearGradient>\r
+    <linearGradient id="valve-handle-gradient" x1="0%" y1="0%" x2="100%" y2="0%">\r
+      <stop offset="0%" stop-color="#94a3b8" />\r
+      <stop offset="100%" stop-color="#64748b" />\r
+    </linearGradient>\r
+  </defs>\r
+  \r
+  <!-- 组件主体 -->\r
+  <g id="root">\r
+    <!-- 阀门主体 -->\r
+    <rect \r
+      x="35" \r
+      y="40" \r
+      width="50" \r
+      height="40" \r
+      rx="4" \r
+      fill="url(#valve-body-gradient)" \r
+      stroke="#334155" \r
+      stroke-width="2"\r
+    />\r
+    \r
+    <!-- 阀门手柄（可旋转部分） -->\r
+    <g id="part-valveHandle">\r
+      <rect \r
+        x="52" \r
+        y="35" \r
+        width="16" \r
+        height="50" \r
+        rx="2" \r
+        fill="url(#valve-handle-gradient)" \r
+        stroke="#334155" \r
+        stroke-width="2"\r
+      />\r
+      <circle cx="60" cy="60" r="6" fill="#475569" stroke="#334155" stroke-width="1"/>\r
+    </g>\r
+    \r
+    <!-- 状态指示灯 -->\r
+    <circle \r
+      id="part-statusIndicator" \r
+      cx="60" \r
+      cy="25" \r
+      r="8" \r
+      fill="#94a3b8" \r
+      stroke="#334155" \r
+      stroke-width="2"\r
+    />\r
+    \r
+    <!-- 管道连接点 -->\r
+    <line x1="60" y1="20" x2="60" y2="0" stroke="#475569" stroke-width="4" stroke-linecap="round"/>\r
+    <line x1="60" y1="100" x2="60" y2="120" stroke="#475569" stroke-width="4" stroke-linecap="round"/>\r
+    \r
+    <!-- 装饰螺栓 -->\r
+    <circle cx="40" cy="50" r="3" fill="#334155"/>\r
+    <circle cx="80" cy="50" r="3" fill="#334155"/>\r
+    <circle cx="40" cy="70" r="3" fill="#334155"/>\r
+    <circle cx="80" cy="70" r="3" fill="#334155"/>\r
+  </g>\r
+</svg>\r
+`;
+async function x() {
+  try {
+    const n = /* @__PURE__ */ Object.assign({ "../examples/circle.svg": a, "../examples/light-bulb.svg": s, "../examples/rect.svg": d, "../examples/switch-toggle.svg": c, "../examples/tank-level.svg": g, "../examples/text.svg": p, "../examples/valve-standard.svg": f });
+    let r = 0;
+    const t = [];
+    for (const [o, i] of Object.entries(n)) {
+      const e = o.split("/").pop() || "unknown.svg";
+      l.loadFromString(i, e) ? r++ : t.push(e);
+    }
+    r > 0 && console.log(`[SCADA Engine] ✅ 已加载 ${r} 个 SVG 组件`);
+  } catch {
+    console.warn("[SCADA Engine] SVG 组件加载失败，请手动调用 loadExampleSvgComponents()");
+  }
+}
+export {
+  x as loadExampleSvgComponents
+};