perf: 更换图片组件占位符

-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1698114729661" class="icon" viewBox="0 0 1262 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18580" xmlns:xlink="http://www.w3.org/1999/xlink" width="39.4375" height="32"><path d="M1144.523821 0.00008H118.407981A118.271982 118.271982 0 0 0 0 118.101062v787.796876A118.271982 118.271982 0 0 0 118.407981 1023.99992h1026.11584a118.305982 118.305982 0 0 0 118.408982-118.101982V118.101062A118.373982 118.373982 0 0 0 1144.523821 0.00008z m19.729997 785.407877L916.546857 455.680009a70.041989 70.041989 0 0 0-64.85299-26.623996 87.619986 87.619986 0 0 0-74.615988 25.599996L560.093912 789.161957a46.659993 46.659993 0 0 1-40.755993 22.186996 55.090991 55.090991 0 0 1-44.781993-22.186996L360.447944 658.772977a99.464984 99.464984 0 0 0-67.24299-38.569994 105.812983 105.812983 0 0 0-69.255989 42.665993L98.713985 818.859952V139.263058a39.252994 39.252994 0 0 1 39.491993-39.252994h986.589846a39.252994 39.252994 0 0 1 39.491994 39.252994v646.143899zM572.141911 354.645025A139.775978 139.775978 0 1 1 432.399932 215.040046a139.570978 139.570978 0 0 1 139.741979 139.604979z" fill="#1296db" p-id="18581"></path></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#8CBCD6" d="M31 41H8c-2.2 0-4-1.8-4-4V11c0-2.2 1.8-4 4-4h32c2.2 0 4 1.8 4 4v17c0 7.2-5.8 13-13 13z"/><circle cx="35" cy="16" r="3" fill="#B3DDF5"/><path fill="#9AC9E3" d="M20 16L9 32h22z"/><path fill="#B3DDF5" d="m31 22l-8 10h16z"/><path fill="#E57373" d="m47.7 29.1l-2.8-2.8c-.4-.4-1.1-.4-1.6 0L42 27.6l4.4 4.4l1.3-1.3c.4-.4.4-1.1 0-1.6z"/><path fill="#FF9800" d="M27.467 42.167L39.77 29.865l4.384 4.384L31.85 46.55z"/><path fill="#B0BEC5" d="m46.4 32.038l-2.192 2.192l-4.383-4.384l2.192-2.191z"/><path fill="#FFC107" d="M27.5 42.2L26 48l5.8-1.5z"/><path fill="#37474F" d="m26.7 45l-.7 3l3-.7z"/></svg>

-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1698114511177" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6417" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M328.887995 146.401322a109.61707 109.61707 0 1 0 109.61707 109.61707 109.690639 109.690639 0 0 0-109.61707-109.61707zM804.655507 0H219.270925A219.381277 219.381277 0 0 0 0 219.270925v584.869602a227.768087 227.768087 0 0 0 3.678425 37.740643l-3.678425 3.678425a131.76119 131.76119 0 0 0 13.463036 31.560888 219.197356 219.197356 0 0 0 205.99181 146.879517h584.869603a219.785904 219.785904 0 0 0 215.629283-180.463539 120.578777 120.578777 0 0 0 4.119837-30.494145V219.270925A219.381277 219.381277 0 0 0 804.655507 0z m146.364538 557.980315a5266.769164 5266.769164 0 0 0-73.936346-103.437316c-73.568503-99.31748-160.820749-129.811624-249.76507-16.037934l-114.28867 160.820749c-82.727782-82.727782-187.599684-91.519218-274.594439 7.761477l-164.46239 165.529133V219.270925A146.548459 146.548459 0 0 1 220.300884 72.832818h584.869602a146.548459 146.548459 0 0 1 146.364538 146.364538v338.70939z" fill="#0AA8FD" p-id="6418"></path></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#8CBCD6" d="M40 41H8c-2.2 0-4-1.8-4-4V11c0-2.2 1.8-4 4-4h32c2.2 0 4 1.8 4 4v26c0 2.2-1.8 4-4 4z"/><circle cx="35" cy="16" r="3" fill="#B3DDF5"/><path fill="#9AC9E3" d="M20 16L9 32h22z"/><path fill="#B3DDF5" d="m31 22l-8 10h16z"/><circle cx="38" cy="38" r="10" fill="#43A047"/><g fill="#fff"><path d="M36 32h4v12h-4z"/><path d="M32 36h12v4H32z"/></g></svg>

@@ -7,7 +7,7 @@ import type { CommandSource } from '@/core/websocket/processor'
 import type { SubscriptionUpdateMsg } from '@/core/websocket/type/message'
 import type { NodeDataDataSourceJsonType } from '@/api/node/model'
 
-const imageSrc = ref('data:image/svg+xml;base64,PHN2ZyB0PSIxNjk4OTExMjk1NTcyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc4MjkiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNOTI0LjYwNCA2NTIuNzQxYy04LjY1NyAxNC4wNDUtMTkuOTk1IDI4Ljk2OS0zNC43OTkgNDIuNzA4QzkwNy4xMTQgNjgwLjUxNCA5MTUgNjY4LjI4MyA5MTUgNjY4LjI4M1Y4MTRIMTAwVjU4NC4zMDJzMS45MTktMy45NzQgNS4zMTYtMTAuNTZjLTIuOTIzIDQuMDA5LTUuMzE2IDcuMjc2LTYuMzE2IDkuNTY2VjgxOGg4MjZWNjUyLjEyMWMwIDAuMjA3LTAuMjY4IDAuNDEzLTAuMzk2IDAuNjJ6IiBmaWxsPSIjNTNBRkZEIiBwLWlkPSI3ODMwIj48L3BhdGg+PHBhdGggZD0iTTc3NS4zNjggNzQ1Ljc4M2MtOC43NzQgMC45MzctMTcuOTY0IDEuNDQxLTI3LjYwNCAxLjQ0MS0zOS4xNTUgMC03NS4yMTYtNy4xMDktMTA3LjM0My0yMS4xMzQgMjQuNTA0IDEzLjQ4MiA1NC44MDQgMjIuODE0IDkxLjgwNiAyMi44MTQgMTUuNDc3IDAgMjkuODMzLTEuMTM2IDQzLjE0MS0zLjEyMXpNMTMxLjQ2NiA0OTUuNjk4YzI0LjM1OS0yMS40NjcgNTAuNDctMzguNTk5IDc3LjgwNy01MC45MjIgMzQuNDQ0LTE1LjUyNSA3MC42NTMtMjMuMzk3IDEwNy43Mi0yMy4zOTcgNjYuOTA3IDAgMTI3LjQxNyAyNi44MDcgMTc1LjAzNyA3Ny41MjMgMzUuNjA1IDM3LjkxOSA1MS40MjUgNzUuNzIxIDUyLjA4MiA3Ny4zMTJsMC4zMTIgMC43NzIgMC4yMzcgMC44YzAuMDkzIDAuMzAxIDEwLjkxMyAzNC44MTUgNDEuNDQ3IDY4LjU5NiA0MC4zMzcgNDQuNjI1IDk0LjcyNSA2Ny4yNTIgMTYxLjY1NiA2Ny4yNTIgNjYuMjQ0IDAgMTE2LjEzMi0yNi40MTcgMTQ4LjI0My03OC41MTdDOTE4LjQ4NSA1OTguNjQ3IDkyNCA1NjIuMTk0IDkyNSA1NTYuMzczVjE5MEg5OXYzMzguNDExYzktMTAuMjA4IDE5LjY4OC0yMS40NTIgMzIuNDY2LTMyLjcxM3ogbTU4NC44MzctMjA5Ljg2M2M1OC4xMjQgMCAxMDUuMjQzIDQ3LjExOSAxMDUuMjQzIDEwNS4yNDMgMCA1OC4xMjQtNDcuMTE5IDEwNS4yNDMtMTA1LjI0MyAxMDUuMjQzLTU4LjEyNCAwLTEwNS4yNDMtNDcuMTE5LTEwNS4yNDMtMTA1LjI0My0wLjAwMS01OC4xMjQgNDcuMTE4LTEwNS4yNDMgMTA1LjI0My0xMDUuMjQzeiIgZmlsbD0iIzUzQUZGRCIgcC1pZD0iNzgzMSI+PC9wYXRoPjxwYXRoIGQ9Ik05NTkgMTg3LjkxM0M5NTkgMTcwLjI4OCA5NDQuNzEyIDE1NiA5MjcuMDg3IDE1Nkg5Ni45MTNDNzkuMjg4IDE1NiA2NSAxNzAuMjg4IDY1IDE4Ny45MTN2NjMxLjE3NUM2NSA4MzYuNzEyIDc5LjI4OCA4NTEgOTYuOTEzIDg1MWg4MzAuMTc1Qzk0NC43MTIgODUxIDk1OSA4MzYuNzEyIDk1OSA4MTkuMDg3VjE4Ny45MTN6TTk5IDgxOFY1ODMuMzA4YzEtMi4yOSAzLjUyOS01LjU1NyA2LjQ1Mi05LjU2NiA5LjM3LTEyLjg1MiAyNS44MDktMzMuMzEyIDQ4LjkxOC01My41NDEgNDkuNDQ1LTQzLjI4MyAxMDQuMTI2LTY1LjIzIDE2Mi42MjMtNjUuMjMgNTcuODMxIDAgMTA4LjIwMSAyMi4yMzYgMTQ5Ljc2MSA2Ni4wOTEgMjkuNTM0IDMxLjE2NSA0NC4wOTUgNjIuOTM2IDQ2LjA3MyA2Ny40MyAyLjE2NyA2LjY2OCAxNC45NSA0Mi45NTYgNDcuMjg2IDc5LjIxMyAyMC42MTIgMjMuMTExIDQ0Ljk2NiA0MS41MzQgNzIuMzkzIDU0Ljc1OCAyLjYxIDEuMjU5IDUuMjUgMi40NjQgNy45MTUgMy42MjcgMzIuMTI3IDE0LjAyNSA2OC4xODcgMjEuMTM0IDEwNy4zNDIgMjEuMTM0IDkuNjQgMCAxOC44My0wLjUwNCAyNy42MDQtMS40NDEgNTEuMzYzLTUuNDg3IDg4LjIxLTI2LjA1OCAxMTQuMzctNTAuMzM1IDE0LjgwNS0xMy43MzkgMjYuMjA5LTI4LjY2MiAzNC44NjYtNDIuNzA4IDAuMTI4LTAuMjA3IDAuMzk2LTAuNDEzIDAuMzk2LTAuNjJWODE4SDk5eiBtODI2LTYyOHYzNjYuMzczYy0xIDUuODIxLTYuNTE2IDQyLjI3NS0yOC45OTMgNzguNzQzLTMyLjExMSA1Mi4xLTgxLjk5MSA3OC41MTctMTQ4LjIzNCA3OC41MTctNjYuOTMxIDAtMTIxLjMyNS0yMi42MjctMTYxLjY2Mi02Ny4yNTItMzAuNTM0LTMzLjc4MS00MS4zNTgtNjguMjk1LTQxLjQ1MS02OC41OTZsLTAuMjQxLTAuOC0wLjMxOS0wLjc3MmMtMC42NTctMS41OTEtMTYuNDktMzkuMzkyLTUyLjA5NS03Ny4zMTItNDcuNjItNTAuNzE2LTEwOC4xNTUtNzcuNTIzLTE3NS4wNjItNzcuNTIzLTM3LjA2NyAwLTczLjMyNyA3Ljg3Mi0xMDcuNzcxIDIzLjM5Ny0yNy4zMzcgMTIuMzIyLTUzLjM0NiAyOS40NTUtNzcuNzA2IDUwLjkyMkMxMTguNjg4IDUwNi45NTkgMTA4IDUxOC4yMDMgOTkgNTI4LjQxMVYxOTBoODI2eiIgZmlsbD0iIiBwLWlkPSI3ODMyIj48L3BhdGg+PHBhdGggZD0iTTEwMCA4MTRoODE1VjY2OC4yODNzLTcuODk2IDEyLjIzMi0yNS4yMDQgMjcuMTY2Yy0yNi4xNiAyNC4yNzctNjMuMDM2IDQ0Ljg0OC0xMTQuMzk5IDUwLjMzNS0xMy4zMDggMS45ODQtMjcuNjc4IDMuMTIxLTQzLjE1NSAzLjEyMS0zNy4wMDIgMC02Ny4zMDktOS4zMzMtOTEuODE0LTIyLjgxNGEyMzEuNDkyIDIzMS40OTIgMCAwIDEtNy45Mi0zLjYyN2MtMjcuNDI3LTEzLjIyNC01MS43ODYtMzEuNjQ3LTcyLjM5OC01NC43NTgtMzIuMzM2LTM2LjI1Ny00NS4xMjctNzIuNTQ1LTQ3LjI5My03OS4yMTMtMS45NzgtNC40OTQtMTYuNTUzLTM2LjI2NS00Ni4wODctNjcuNDMtNDEuNTYtNDMuODU1LTkxLjk1Ni02Ni4wOTEtMTQ5Ljc4Ny02Ni4wOTEtNTguNDk3IDAtMTEzLjIyOSAyMS45NDctMTYyLjY3NCA2NS4yMy0yMy4xMDkgMjAuMjI5LTM5Ljc4NiA0MC42ODktNDkuMTU2IDUzLjU0MS0zLjM5NyA2LjU4Ni01LjExMiAxMC41Ni01LjExMiAxMC41NlY4MTR6IiBmaWxsPSIjMTA4M0VBIiBwLWlkPSI3ODMzIj48L3BhdGg+PHBhdGggZD0iTTcxNi4zMDMgMzkxLjA3OG0tMTA1LjI0MyAwYTEwNS4yNDMgMTA1LjI0MyAwIDEgMCAyMTAuNDg2IDAgMTA1LjI0MyAxMDUuMjQzIDAgMSAwLTIxMC40ODYgMFoiIGZpbGw9IiNGOUY0NTUiIHAtaWQ9Ijc4MzQiPjwvcGF0aD48L3N2Zz4=')
+const imageSrc = ref('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="48" height="48" viewBox="0 0 48 48"%3E%3Cpath fill="%238CBCD6" d="M40 41H8c-2.2 0-4-1.8-4-4V11c0-2.2 1.8-4 4-4h32c2.2 0 4 1.8 4 4v26c0 2.2-1.8 4-4 4z"%2F%3E%3Ccircle cx="35" cy="16" r="3" fill="%23B3DDF5"%2F%3E%3Cpath fill="%239AC9E3" d="M20 16L9 32h22z"%2F%3E%3Cpath fill="%23B3DDF5" d="m31 22l-8 10h16z"%2F%3E%3Ccircle cx="38" cy="38" r="10" fill="%2343A047"%2F%3E%3Cg fill="%23fff"%3E%3Cpath d="M36 32h4v12h-4z"%2F%3E%3Cpath d="M32 36h12v4H32z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
 
 const onReceiveDataSourceMessage = (commandSource: CommandSource, message: SubscriptionUpdateMsg) => {
   const { data } = commandSource