diff --git a/core/core-frontend/src/assets/svg/bar-range-origin.svg b/core/core-frontend/src/assets/svg/bar-range-origin.svg
new file mode 100644
index 0000000000..26ef1d75e9
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/bar-range-origin.svg
@@ -0,0 +1,7 @@
+<svg width="80" height="56" viewBox="0 0 80 56"  xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.00391V53.0016V54.0016H4V2.00391H7Z" />
+<path d="M17.5 50C17.2239 50 17 49.7761 17 49.5V42.5C17 42.2239 17.2239 42 17.5 42H52.5C52.7761 42 53 42.2239 53 42.5V49.5C53 49.7761 52.7761 50 52.5 50H17.5Z" />
+<path d="M48.5 38C48.2239 38 48 37.7761 48 37.5V30.5C48 30.2239 48.2239 30 48.5 30H71.5C71.7761 30 72 30.2239 72 30.5V37.5C72 37.7761 71.7761 38 71.5 38H48.5Z" />
+<path d="M28.5 26C28.2239 26 28 25.7761 28 25.5V18.5C28 18.2239 28.2239 18 28.5 18H47.5C47.7761 18 48 18.2239 48 18.5V25.5C48 25.7761 47.7761 26 47.5 26H28.5Z" />
+<path d="M9.5 14C9.22386 14 9 13.7761 9 13.5V6.5C9 6.22386 9.22386 6 9.5 6L48.5 6C48.7761 6 49 6.22386 49 6.5V13.5C49 13.7761 48.7761 14 48.5 14L9.5 14Z" />
+</svg>
diff --git a/core/core-frontend/src/assets/svg/bidirectional-bar-origin.svg b/core/core-frontend/src/assets/svg/bidirectional-bar-origin.svg
new file mode 100644
index 0000000000..122c82ea47
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/bidirectional-bar-origin.svg
@@ -0,0 +1,11 @@
+<svg width="80" height="56" viewBox="0 0 80 56" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M41 2.00391V53.0016V54.0016H38V2.00391H41Z" />
+  <path d="M4.5 50C4.22386 50 4 49.7761 4 49.5L4 42.5C4 42.2239 4.22386 42 4.5 42H35.5C35.7761 42 36 42.2239 36 42.5V49.5C36 49.7761 35.7761 50 35.5 50H4.5Z" />
+  <path d="M12.5 38C12.2239 38 12 37.7761 12 37.5V30.5C12 30.2239 12.2239 30 12.5 30H35.5C35.7761 30 36 30.2239 36 30.5V37.5C36 37.7761 35.7761 38 35.5 38H12.5Z" />
+  <path d="M43.5 14C43.2239 14 43 13.7761 43 13.5V6.5C43 6.22386 43.2239 6 43.5 6L71.5 6C71.7761 6 72 6.22386 72 6.5V13.5C72 13.7761 71.7761 14 71.5 14L43.5 14Z" />
+  <path d="M43.5 26C43.2239 26 43 25.7761 43 25.5V18.5C43 18.2239 43.2239 18 43.5 18H62.5C62.7761 18 63 18.2239 63 18.5V25.5C63 25.7761 62.7761 26 62.5 26H43.5Z" />
+  <path d="M43.5 38C43.2239 38 43 37.7761 43 37.5V30.5C43 30.2239 43.2239 30 43.5 30H57.5C57.7761 30 58 30.2239 58 30.5V37.5C58 37.7761 57.7761 38 57.5 38H43.5Z" />
+  <path d="M43.5 50C43.2239 50 43 49.7761 43 49.5V42.5C43 42.2239 43.2239 42 43.5 42H75.5C75.7761 42 76 42.2239 76 42.5V49.5C76 49.7761 75.7761 50 75.5 50H43.5Z" />
+  <path d="M16.5 26C16.2239 26 16 25.7761 16 25.5V18.5C16 18.2239 16.2239 18 16.5 18H35.5C35.7761 18 36 18.2239 36 18.5V25.5C36 25.7761 35.7761 26 35.5 26H16.5Z" />
+  <path d="M8.5 14C8.22386 14 8 13.7761 8 13.5V6.5C8 6.22386 8.22386 6 8.5 6L35.5 6C35.7761 6 36 6.22386 36 6.5V13.5C36 13.7761 35.7761 14 35.5 14L8.5 14Z" />
+</svg>
diff --git a/core/core-frontend/src/assets/svg/icon_search.svg b/core/core-frontend/src/assets/svg/icon_search.svg
new file mode 100644
index 0000000000..fa50c16739
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/icon_search.svg
@@ -0,0 +1 @@
+<?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="1717496887274" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4257" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M376.5 70c41.4 0 81.5 8.1 119.3 24.1 36.5 15.4 69.3 37.5 97.4 65.7 28.2 28.2 50.3 61 65.7 97.4 16 37.7 24.1 77.9 24.1 119.3s-8.1 81.5-24.1 119.3c-15.4 36.5-37.5 69.3-65.7 97.4-28.2 28.2-61 50.3-97.4 65.7-37.7 16-77.9 24.1-119.3 24.1s-81.5-8.1-119.3-24.1c-36.5-15.4-69.3-37.5-97.4-65.7s-50.3-61-65.7-97.4C78.1 458 70 417.9 70 376.5s8.1-81.5 24.1-119.3c15.4-36.5 37.5-69.3 65.7-97.4 28.2-28.2 61-50.3 97.4-65.7C295 78.1 335.1 70 376.5 70m0-70C168.6 0 0 168.6 0 376.5S168.6 753 376.5 753 753 584.4 753 376.5 584.4 0 376.5 0z" p-id="4258"></path><path d="M274.5 136.1c8.8-8.8 18-17 27.5-24.6-37.3 13.6-72.2 35.3-102.1 65.2-109.7 109.7-109.7 287.7 0 397.4 33.2 33.2 72.6 56.3 114.4 69.4-13.9-10.1-27.2-21.5-39.8-34.1-130.7-130.7-130.7-342.6 0-473.3zM998.3 998.3c-34.2 34.2-90.2 34.2-124.5 0L622.2 746.6c-34.2-34.2-34.2-90.2 0-124.5 34.2-34.2 90.2-34.2 124.5 0l251.7 251.7c34.2 34.3 34.2 90.3-0.1 124.5z" p-id="4259"></path></svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/progress-bar-origin.svg b/core/core-frontend/src/assets/svg/progress-bar-origin.svg
new file mode 100644
index 0000000000..7b6131949b
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/progress-bar-origin.svg
@@ -0,0 +1,11 @@
+<svg width="80" height="56" viewBox="0 0 80 56" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.00391V53.0016V54.0016H4V2.00391H7Z" />
+  <path d="M9.5 14C9.22386 14 9 13.7761 9 13.5V6.5C9 6.22386 9.22386 6 9.5 6L71.5 6C71.7761 6 72 6.22386 72 6.5V13.5C72 13.7761 71.7761 14 71.5 14L9.5 14Z" />
+  <path d="M9.5 26C9.22386 26 9 25.7761 9 25.5V18.5C9 18.2239 9.22386 18 9.5 18H71.5C71.7761 18 72 18.2239 72 18.5V25.5C72 25.7761 71.7761 26 71.5 26L9.5 26Z" />
+  <path d="M9.5 38C9.22386 38 9 37.7761 9 37.5V30.5C9 30.2239 9.22386 30 9.5 30H71.5C71.7761 30 72 30.2239 72 30.5V37.5C72 37.7761 71.7761 38 71.5 38H9.5Z" />
+  <path d="M9.5 50C9.22386 50 9 49.7761 9 49.5V42.5C9 42.2239 9.22386 42 9.5 42H71.5C71.7761 42 72 42.2239 72 42.5V49.5C72 49.7761 71.7761 50 71.5 50H9.5Z" />
+  <path d="M9.5 14C9.22386 14 9 13.7761 9 13.5V6.5C9 6.22386 9.22386 6 9.5 6L59.5 6C59.7761 6 60 6.22386 60 6.5V13.5C60 13.7761 59.7761 14 59.5 14L9.5 14Z" />
+  <path d="M9.5 26C9.22386 26 9 25.7761 9 25.5V18.5C9 18.2239 9.22386 18 9.5 18H46.5C46.7761 18 47 18.2239 47 18.5V25.5C47 25.7761 46.7761 26 46.5 26H9.5Z" />
+  <path d="M9.5 38C9.22386 38 9 37.7761 9 37.5V30.5C9 30.2239 9.22386 30 9.5 30H37.5C37.7761 30 38 30.2239 38 30.5V37.5C38 37.7761 37.7761 38 37.5 38H9.5Z" />
+  <path d="M9.5 50C9.22386 50 9 49.7761 9 49.5V42.5C9 42.2239 9.22386 42 9.5 42H21.5C21.7761 42 22 42.2239 22 42.5V49.5C22 49.7761 21.7761 50 21.5 50H9.5Z" />
+</svg>
diff --git a/core/core-frontend/src/assets/svg/quadrant-origin.svg b/core/core-frontend/src/assets/svg/quadrant-origin.svg
new file mode 100644
index 0000000000..b79493cba8
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/quadrant-origin.svg
@@ -0,0 +1,12 @@
+<svg width="88" height="64" viewBox="0 0 88 64" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M9 30.002H80L80 33.002H8V30.002H9Z"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M28.0417 6H31L31 58H28V6H28.0417Z"/>
+  <path d="M57.666 22C58.0616 22 58.4483 21.8827 58.7772 21.6629C59.1061 21.4432 59.3624 21.1308 59.5138 20.7654C59.6651 20.3999 59.7048 19.9978 59.6276 19.6098C59.5504 19.2219 59.3599 18.8655 59.0802 18.5858C58.8005 18.3061 58.4442 18.1156 58.0562 18.0384C57.6682 17.9613 57.2661 18.0009 56.9006 18.1522C56.5352 18.3036 56.2228 18.56 56.0031 18.8889C55.7833 19.2178 55.666 19.6044 55.666 20C55.666 20.5304 55.8767 21.0391 56.2518 21.4142C56.6269 21.7893 57.1356 22 57.666 22Z" />
+  <path d="M46.4432 46.9969C46.1143 47.2167 45.7276 47.334 45.332 47.334C44.8016 47.334 44.2929 47.1233 43.9178 46.7482C43.5427 46.3731 43.332 45.8644 43.332 45.334C43.332 44.9384 43.4493 44.5517 43.6691 44.2228C43.8889 43.8939 44.2012 43.6376 44.5667 43.4862C44.9321 43.3349 45.3342 43.2952 45.7222 43.3724C46.1102 43.4496 46.4665 43.6401 46.7462 43.9198C47.0259 44.1995 47.2164 44.5558 47.2936 44.9438C47.3708 45.3318 47.3312 45.7339 47.1798 46.0994C47.0284 46.4648 46.7721 46.7772 46.4432 46.9969Z" />
+  <path d="M18.7772 48.9969C18.4483 49.2167 18.0616 49.334 17.666 49.334C17.1356 49.334 16.6269 49.1233 16.2518 48.7482C15.8767 48.3731 15.666 47.8644 15.666 47.334C15.666 46.9384 15.7833 46.5517 16.0031 46.2228C16.2228 45.8939 16.5352 45.6376 16.9006 45.4862C17.2661 45.3349 17.6682 45.2952 18.0562 45.3724C18.4442 45.4496 18.8005 45.6401 19.0802 45.9198C19.3599 46.1995 19.5504 46.5558 19.6276 46.9438C19.7048 47.3318 19.6651 47.7339 19.5138 48.0994C19.3624 48.4648 19.1061 48.7772 18.7772 48.9969Z" />
+  <path d="M44.5543 19.9938C43.8965 20.4334 43.1232 20.668 42.332 20.668C41.2712 20.668 40.2537 20.2465 39.5036 19.4964C38.7535 18.7463 38.332 17.7288 38.332 16.668C38.332 15.8768 38.5666 15.1035 39.0062 14.4457C39.4457 13.7879 40.0704 13.2752 40.8013 12.9725C41.5322 12.6697 42.3365 12.5905 43.1124 12.7448C43.8883 12.8992 44.601 13.2801 45.1605 13.8395C45.7199 14.399 46.1008 15.1117 46.2552 15.8876C46.4095 16.6635 46.3303 17.4678 46.0275 18.1987C45.7248 18.9296 45.2121 19.5543 44.5543 19.9938Z" />
+  <path d="M62.221 49.3272C61.5632 49.7667 60.7898 50.0013 59.9987 50.0013C58.9378 50.0013 57.9204 49.5799 57.1703 48.8297C56.4201 48.0796 55.9987 47.0622 55.9987 46.0013C55.9987 45.2102 56.2333 44.4368 56.6728 43.779C57.1123 43.1212 57.7371 42.6085 58.468 42.3058C59.1989 42.003 60.0031 41.9238 60.7791 42.0782C61.555 42.2325 62.2677 42.6135 62.8271 43.1729C63.3865 43.7323 63.7675 44.445 63.9218 45.2209C64.0762 45.9969 63.997 46.8011 63.6942 47.532C63.3915 48.2629 62.8788 48.8877 62.221 49.3272Z" />
+  <path d="M20.5543 21.6605C19.8965 22.1 19.1232 22.3346 18.332 22.3346C17.2712 22.3346 16.2538 21.9132 15.5036 21.1631C14.7535 20.4129 14.332 19.3955 14.332 18.3346C14.332 17.5435 14.5666 16.7702 15.0062 16.1124C15.4457 15.4546 16.0704 14.9419 16.8013 14.6391C17.5322 14.3364 18.3365 14.2572 19.1124 14.4115C19.8883 14.5658 20.601 14.9468 21.1605 15.5062C21.7199 16.0656 22.1008 16.7784 22.2552 17.5543C22.4095 18.3302 22.3303 19.1345 22.0275 19.8654C21.7248 20.5963 21.2121 21.221 20.5543 21.6605Z" />
+  <path d="M68.666 16C69.4571 16 70.2305 15.7654 70.8883 15.3259C71.5461 14.8864 72.0588 14.2616 72.3615 13.5307C72.6643 12.7998 72.7435 11.9956 72.5892 11.2196C72.4348 10.4437 72.0539 9.73099 71.4944 9.17158C70.935 8.61217 70.2223 8.2312 69.4464 8.07686C68.6705 7.92252 67.8662 8.00173 67.1353 8.30448C66.4044 8.60723 65.7797 9.11993 65.3401 9.77772C64.9006 10.4355 64.666 11.2089 64.666 12C64.666 13.0609 65.0874 14.0783 65.8376 14.8284C66.5877 15.5786 67.6052 16 68.666 16Z" />
+  <path d="M16 43C16.7911 43 17.5645 42.7654 18.2223 42.3259C18.8801 41.8864 19.3928 41.2616 19.6955 40.5307C19.9983 39.7998 20.0775 38.9956 19.9231 38.2196C19.7688 37.4437 19.3878 36.731 18.8284 36.1716C18.269 35.6122 17.5563 35.2312 16.7804 35.0769C16.0044 34.9225 15.2002 35.0017 14.4693 35.3045C13.7384 35.6072 13.1136 36.1199 12.6741 36.7777C12.2346 37.4355 12 38.2089 12 39C12 40.0609 12.4214 41.0783 13.1716 41.8284C13.9217 42.5786 14.9391 43 16 43Z" />
+</svg>
diff --git a/core/core-frontend/src/custom-component/component-list.ts b/core/core-frontend/src/custom-component/component-list.ts
index f4183e92eb..051bfd9ba0 100644
--- a/core/core-frontend/src/custom-component/component-list.ts
+++ b/core/core-frontend/src/custom-component/component-list.ts
@@ -208,7 +208,7 @@ const list = [
     name: '查询',
     label: '查询',
     propValue: '',
-    icon: 'other_text',
+    icon: 'icon_search',
     innerType: 'VQuery',
     isHang: false,
     x: 1,