diff --git a/core/core-frontend/src/assets/svg/dv-filter1.svg b/core/core-frontend/src/assets/svg/dv-filter1.svg
new file mode 100644
index 0000000..befac97
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-filter1.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -881 -12 )">
+    <path d="M 0.723661691542247 0  L 15.1967507929104 0  L 15.2177367692786 0.00771898839137369  C 15.2365517879354 0.00849087893863422  15.2546431436567 0.010034676616912  15.2734581623134 0.0123503648424503  L 15.1967507929104 0.00771898839137369  C 15.2527697293184 0.00756261784035814  15.3086187444102 0.0142968716822149  15.3631913090796 0.0277883250414561  L 15.4304911847015 0.0486295854062973  C 15.5130587580163 0.0786058950132428  15.5898138840456 0.124381047838339  15.6569950248756 0.183711741293534  L 15.6620606032338 0.188343134328352  L 15.6743627332089 0.199921608623542  C 15.6910067786069 0.215359568822547  15.7076508395522 0.232341326699831  15.7228475746268 0.249323084577115  L 15.6620606032338 0.188343134328352  C 15.7995560851558 0.312245217654557  15.8892500674488 0.485997238864896  15.9138923507463 0.676182719734667  C 15.9183482306732 0.710453769912404  15.9205246306569 0.745018233954655  15.9204052394279 0.779617064676616  L 15.9204052394279 0.802002106135994  L 15.9167869713931 0.860666368159203  L 15.9204052394279 0.779617064676616  C 15.9205518380148 0.839370602389712  15.9142384750304 0.898942890792008  15.9015902363184 0.957153631840795  L 15.8820515547263 1.02894014925373  C 15.8538603957105 1.11697022272057  15.8109547328597 1.19882605888173  15.755412033582 1.27054424543947  L 15.7510701026119 1.27594752902157  L 10.169523289801 8.3712347429519  L 10.1304459577115 8.41446102819238  L 10.1304459577115 8.41986431177446  L 10.1311696050996 8.49859792703151  L 10.1311696050996 14.6861329684909  C 10.1296051839237 14.7997142374154  10.1043930073923 14.9115047086915  10.0573568563433 15.013417761194  L 10.0522912779851 15.0242243283582  L 10.0414364583334 15.0473812769486  C 10.0323739438493 15.0642310845861  10.0227183439378 15.0807099762082  10.0124902829602 15.0967827529022  L 10.0522912779851 15.0242243283582  C 9.96683265378738 15.2017036879598  9.82072152487376 15.3373832378165  9.64415015547263 15.4032262852405  C 9.59141894188417 15.4216696309159  9.53713021641465 15.4345955192218  9.48205155472635 15.4418211940299  C 9.45728885752078 15.4445311748415  9.43240750504731 15.4458195283723  9.4075151585821 15.4456806799337  L 9.39593667599502 15.4456806799337  C 9.37587386902578 15.4452883721633  9.35583523811715 15.4440007505602  9.33587336753726 15.4418211940299  L 9.4075151585821 15.4456806799337  C 9.32211571510288 15.4457089683987  9.23737236221689 15.4297726509621  9.15713070584582 15.3985949087894  L 9.14410492848253 15.3924197180763  C 9.1254226541048 15.3848151148188  9.1070714314543 15.3763155998596  9.08910719838309 15.3669470812604  L 9.07897602611945 15.3615437976783  L 6.18435820895525 13.7876435986733  C 5.94213158684659 13.655991638099  5.78951526952244 13.3906367729429  5.7892428793532 13.1006543117745  L 5.7892428793532 8.49859792703151  L 5.79286114738807 8.42449570480929  L 5.7892428793532 8.41986431177446  L 5.75088919465179 8.3712347429519  L 0.169342381840806 1.27594752902157  C 0.112140068696817 1.20279183261036  0.0679915044189556 1.11907307805517  0.0390845771144086 1.02894014925373  L 0.0188222481343701 0.956381724709778  C 0.00614620861460935 0.898437668524275  -0.000167895680760921 0.839117477588434  0 0.779617064676616  L 0 0.758003913764514  L 0.00217820273633151 0.723268507462687  L 0 0.779617064676616  C 0.000819028819591949 0.590755377344067  0.0658764062621913 0.408629005271268  0.183091806592074 0.267076733001659  C 0.202197482546353 0.24277207037591  0.223264125314017 0.220300990306214  0.246049751243731 0.199921608623542  C 0.31757225567253 0.132989734036861  0.400658382029746 0.0815976070866782  0.490644962686588 0.0486295854062973  L 0.557944822761215 0.0277883250414561  C 0.612267376049658 0.0142672218017348  0.667880055044066 0.0075321827863263  0.723661691542247 0  Z M 13.643788324005 1.5515151575456  L 2.27590049751245 1.5515151575456  L 5.7892428793532 6.01771747927032  L 7.23655178793535 7.85792250414594  L 7.23655178793535 12.6274807794362  L 8.6838606965174 13.4140449253731  L 8.6838606965174 7.85792250414594  L 10.1311696050996 6.01848936981758  L 13.6430646766169 1.5515151575456  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 881 12 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/dv-map.svg b/core/core-frontend/src/assets/svg/dv-map.svg
new file mode 100644
index 0000000..2ac96de
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-map.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="15px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -803 -12 )">
+    <path d="M 16 4.77272727539063  C 16 3.27272727539063  14.8000000025065 2.04545455078124  13.3333333357205 2.04545455078124  L 5.83333332990181 2.04545455078124  C 5.40000000304367 0.85227272460937  4.30000000295413 0  2.99999999373369 0  C 1.56666666419004 0  0.333333329454223 1.05681818847657  0.0666666601616613 2.45454544921877  C 0.0333333372422526 2.65909091308594  0 2.86363636230469  0 3.06818181152344  L 0 12.2727272753906  C 0 13.7727272753906  1.19999999749345 15  2.66666666427947 15  L 13.3333333357205 15  C 14.8000000025065 15  16 13.7727272753906  16 12.2727272753906  L 16 4.77272727539063  Z M 13.3333333357205 3.40909091308593  C 14.0666666691135 3.40909091308593  14.6666666678603 4.02272727539063  14.6666666678603 4.77272727539063  L 14.6666666678603 9.71590908691408  L 10.5999999969563 8.25000000000001  L 11.8333333316921 3.40909091308593  L 13.3333333357205 3.40909091308593  Z M 6.00000000179034 3.40909091308593  L 10.4666666623102 3.40909091308593  L 9.33333333930121 7.84090908691406  L 6.00000000179034 6.64772727539062  L 6.00000000179034 3.40909091308593  Z M 1.33333333213973 9.64772727539063  L 1.33333333213973 3.40909091308593  L 1.33333333213973 3.06818181152344  C 1.33333333213973 2.69318181152344  1.46666666678602 2.31818181152344  1.66666666159396 2.04545455078124  C 1.96666666812877 1.63636363769532  2.43333333222927 1.36363636230469  2.99999999373369 1.36363636230469  C 3.56666665523822 1.36363636230469  4.03333333366157 1.63636363769532  4.33333334019638 2.04545455078124  C 4.53333333500433 2.31818182617189  4.66666666965061 2.69318182617189  4.66666666965061 3.06818181152344  L 4.66666666965061 9.64772727539063  C 4.2000000055501 9.30681818847655  3.60000000680343 9.1363636376953  2.99999999373369 9.1363636376953  C 2.39999998066406 9.1363636376953  1.79999999624024 9.34090908691405  1.33333333213973 9.64772727539063  Z M 14.6666666678603 12.2727272753906  C 14.6666666678603 13.0227272753906  14.0666666691135 13.6363636376953  13.3333333357205 13.6363636376953  L 2.66666666427947 13.6363636376953  C 1.93333333088652 13.6363636376953  1.33333333213973 13.0227272753906  1.33333333213973 12.2727272753906  L 1.33333333213973 12.1704545507812  C 1.33333333213973 11.2159091015625  2.0666666655328 10.4659091015625  2.99999999373369 10.4659090869141  C 3.9333333219347 10.4659090722656  4.66666665532765 11.2159090869141  4.66666666965061 12.1704545507812  C 4.66666666965061 12.5454545507812  4.96666667618542 12.8522727392578  5.33333332855905 12.8522727246094  C 5.69999998093257 12.8522727099609  6.00000000179034 12.5454545361328  6.00000000179034 12.1704545507812  L 6.00000000179034 8.07954544921876  L 14.6666666678603 11.1818181884766  L 14.6666666678603 12.2727272753906  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 803 12 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/dv-map1.svg b/core/core-frontend/src/assets/svg/dv-map1.svg
new file mode 100644
index 0000000..2ac96de
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-map1.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="15px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -803 -12 )">
+    <path d="M 16 4.77272727539063  C 16 3.27272727539063  14.8000000025065 2.04545455078124  13.3333333357205 2.04545455078124  L 5.83333332990181 2.04545455078124  C 5.40000000304367 0.85227272460937  4.30000000295413 0  2.99999999373369 0  C 1.56666666419004 0  0.333333329454223 1.05681818847657  0.0666666601616613 2.45454544921877  C 0.0333333372422526 2.65909091308594  0 2.86363636230469  0 3.06818181152344  L 0 12.2727272753906  C 0 13.7727272753906  1.19999999749345 15  2.66666666427947 15  L 13.3333333357205 15  C 14.8000000025065 15  16 13.7727272753906  16 12.2727272753906  L 16 4.77272727539063  Z M 13.3333333357205 3.40909091308593  C 14.0666666691135 3.40909091308593  14.6666666678603 4.02272727539063  14.6666666678603 4.77272727539063  L 14.6666666678603 9.71590908691408  L 10.5999999969563 8.25000000000001  L 11.8333333316921 3.40909091308593  L 13.3333333357205 3.40909091308593  Z M 6.00000000179034 3.40909091308593  L 10.4666666623102 3.40909091308593  L 9.33333333930121 7.84090908691406  L 6.00000000179034 6.64772727539062  L 6.00000000179034 3.40909091308593  Z M 1.33333333213973 9.64772727539063  L 1.33333333213973 3.40909091308593  L 1.33333333213973 3.06818181152344  C 1.33333333213973 2.69318181152344  1.46666666678602 2.31818181152344  1.66666666159396 2.04545455078124  C 1.96666666812877 1.63636363769532  2.43333333222927 1.36363636230469  2.99999999373369 1.36363636230469  C 3.56666665523822 1.36363636230469  4.03333333366157 1.63636363769532  4.33333334019638 2.04545455078124  C 4.53333333500433 2.31818182617189  4.66666666965061 2.69318182617189  4.66666666965061 3.06818181152344  L 4.66666666965061 9.64772727539063  C 4.2000000055501 9.30681818847655  3.60000000680343 9.1363636376953  2.99999999373369 9.1363636376953  C 2.39999998066406 9.1363636376953  1.79999999624024 9.34090908691405  1.33333333213973 9.64772727539063  Z M 14.6666666678603 12.2727272753906  C 14.6666666678603 13.0227272753906  14.0666666691135 13.6363636376953  13.3333333357205 13.6363636376953  L 2.66666666427947 13.6363636376953  C 1.93333333088652 13.6363636376953  1.33333333213973 13.0227272753906  1.33333333213973 12.2727272753906  L 1.33333333213973 12.1704545507812  C 1.33333333213973 11.2159091015625  2.0666666655328 10.4659091015625  2.99999999373369 10.4659090869141  C 3.9333333219347 10.4659090722656  4.66666665532765 11.2159090869141  4.66666666965061 12.1704545507812  C 4.66666666965061 12.5454545507812  4.96666667618542 12.8522727392578  5.33333332855905 12.8522727246094  C 5.69999998093257 12.8522727099609  6.00000000179034 12.5454545361328  6.00000000179034 12.1704545507812  L 6.00000000179034 8.07954544921876  L 14.6666666678603 11.1818181884766  L 14.6666666678603 12.2727272753906  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 803 12 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/dv-material1.svg b/core/core-frontend/src/assets/svg/dv-material1.svg
new file mode 100644
index 0000000..370bad0
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-material1.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1223 -12 )">
+    <path d="M 4.71351351351359 11.5603603547297  C 5.31057810792504 11.5603603547297  5.79459459459463 11.0763438680603  5.79459459459463 10.4792792736486  C 5.79459459459463 9.88221467923699  5.31057810792504 9.39819819256758  4.71351351351359 9.39819819256758  C 4.11644891910191 9.39819819256758  3.63243243243232 9.88221467923699  3.63243243243232 10.4792792736486  C 3.63243243243232 11.0763438680603  4.11644891910191 11.5603603547297  4.71351351351359 11.5603603547297  Z M 6.87567567567567 7.95675670359856  C 5.48252497925114 7.95675670359856  4.35315318814219 6.82738493628949  4.3531531587837 5.43423423986488  C 4.3531531587837 4.0410834695225  5.48252495849147 2.91171166981479  6.87567567567567 2.91171166981479  C 8.26882639285986 2.91171166981479  9.39819819256741 4.0410834695225  9.39819819256741 5.43423418670668  C 9.39819819256741 6.82738490389087  8.26882639285986 7.95675670359856  6.87567567567567 7.95675670359856  Z M 6.87567567567567 4.35315315878378  C 6.27861108126399 4.35315315878378  5.79459459459463 4.8371696454532  5.79459459459463 5.43423423986488  C 5.79459459459463 6.03129883427653  6.27861108126399 6.51531532094594  6.87567567567567 6.51531532094594  C 7.47274027008734 6.51531532094594  7.9567567567567 6.03129883427653  7.9567567567567 5.43423423986488  C 7.9567567567567 4.8371696454532  7.47274027008734 4.35315315878378  6.87567567567567 4.35315315878378  Z M 13.722348075079 7.59639639358107  C 13.722348075079 6.60135686279767  12.9157602524704 5.79469093888002  11.9207207263512 5.7945945945946  C 10.9254386071841 5.79459458614866  10.1187444602142 6.60128873311859  10.1187444602142 7.59639639358107  C 10.1187444602142 8.59150405404358  10.9254386071841 9.39819820101351  11.9205462676466 9.39819820101351  C 12.9157602524704 9.39810184828215  13.722348075079 8.59143592436448  13.722348075079 7.59639639358107  Z M 11.9207207179054 7.9567567652027  C 11.72169918488 7.9567567652027  11.5603603547297 7.79541793505243  11.5603603547297 7.59639640202704  C 11.5603603547297 7.39737486900162  11.72169918488 7.23603603885135  11.9207207179054 7.23603603885135  C 12.1197422509308 7.23603603885135  12.2810810810811 7.39737486900162  12.2810810810811 7.59639640202704  C 12.2810810810811 7.79541793505243  12.1197422509308 7.9567567652027  11.9207207179054 7.9567567652027  Z M 15.8789189189188 7.92360359797297  C 15.8697644215245 5.82168098011184  15.0261901416497 3.80944263870833  13.5336936993242 2.329369375  C 10.463423429054 -0.714954949324323  5.36792793918926 -0.692612601351357  2.32432432432438 2.37693694256757  C -0.719279273648681 5.44720721283784  -0.697657652026919 10.5441441554054  2.37261261824324 13.5877477533784  C 3.14018018581078 14.3481081081081  4.19171172297297 15.0313513513514  5.32756756756748 15.4673873817568  C 6.4590991047296 15.90126125  7.73621621621623 16.1124324324324  8.93477478040541 15.8464864864865  C 9.47675675675669 15.7261261317568  9.890450456081 15.4609008952703  10.163603597973 15.0572972972973  C 10.4172972972972 14.6825225168919  10.5023423310811 14.2572972972973  10.5427027027026 13.9099099155405  C 10.5636035979728 13.7318918918919  10.5744144087837 13.551711722973  10.5837837837837 13.3881081081081  L 10.5873873817568 13.3246846790541  C 10.5960360304052 13.1805405405405  10.6032432432432 13.0486486486487  10.6147747804052 12.9181981925676  C 10.6428828885134 12.6169369256757  10.688288293919 12.3992792736487  10.7675675675675 12.2342342398649  C 10.8007207263513 12.165765777027  10.9513513513514 12.0072072128378  11.4493693749998 11.8443243243243  C 11.9127928040539 11.6922522466216  12.5073873986485 11.5899099155405  13.1690090033783 11.4926126182432  C 14.1311711655405 11.3513513513514  14.8475675675675 10.89873875  15.3009008952702 10.2061261317567  C 15.7369369256755 9.54018018581081  15.8825225168919 8.72648648648649  15.8789189189188 7.92360359797297  Z M 3.38738738175675 12.563603597973  C 0.882882871621632 10.0807207094595  0.864864864864785 5.89693692567568  3.34774775337837 3.39171170608108  C 5.83063064189196 0.887207195945933  10.0144144256756 0.8691891891892  12.5189189189189 3.35279278716217  C 13.7401716565305 4.56350492319802  14.4305413989462 6.20971141511956  14.4381981925674 7.92936937499999  C 14.4403603547296 8.57729729729729  14.3185585472972 9.07531532094595  14.095135135135 9.41621621621621  C 13.8897297297297 9.73045045608109  13.5560360304053 9.97837837837838  12.9599999999998 10.0663063006757  C 12.3041441385135 10.1628828716216  11.5956756756757 10.2796396283784  11.0010810810811 10.4742342398649  C 10.4403603547296 10.6572972972973  9.77657657094596 10.9722522635135  9.47027027027025 11.6072072128378  C 9.27567567567553 12.0079279391892  9.21225224662157 12.4324324324324  9.17981981418916 12.7877477533784  C 9.16540540540541 12.9441441554054  9.15675675675675 13.1019819932432  9.14810810810809 13.2439639695946  L 9.14450451013499 13.3045045101351  C 9.13513513513499 13.4681081081081  9.12576577702703 13.6108108108108  9.11063062499989 13.743423429054  C 9.07891891891882 14.0172972972973  9.02774773648639 14.1636036148649  8.97009008445934 14.2486486486486  C 8.93189189189184 14.3055855912162  8.857657652027 14.387027027027  8.62270270270255 14.4389189189189  C 7.78378378378375 14.6248648648649  6.80504505067574 14.489369375  5.84360359797302 14.1218018074324  C 4.8857657601352 13.7542342398649  4.00648648648644 13.1776576689189  3.38738738175675 12.563603597973  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 1223 12 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/dv-media1.svg b/core/core-frontend/src/assets/svg/dv-media1.svg
new file mode 100644
index 0000000..be90c8c
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-media1.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1025 -12 )">
+    <path d="M 16 2.993291921875  C 15.997910841759 1.34105035856547  14.7206144363649 0.00218985307316046  13.1443470052171 0  L 2.85565299478287 0  C 1.27895282600559 0.00109631582669891  0.00104590452770026 1.34059676351986  0 2.993291921875  L 0 13.006708078125  C 0.00104590452770026 14.6594032364801  1.27895282600559 15.9989036841733  2.85565299478287 16  L 13.1443470052171 16  C 14.7206144363649 15.9978101469268  15.997910841759 14.6589496414345  16 13.006708078125  L 16 2.993291921875  Z M 13.5122066879596 5.21540373437499  L 14.6973216352596 5.21540373437499  L 14.6973216352596 6.16149068749998  L 13.5122066879596 6.16149068749998  C 13.1530056115471 6.16149068749998  12.861815605239 6.46671569039952  12.861815605239 6.84322981249999  C 12.861815605239 7.2197439346005  13.1530056115471 7.52496893750001  13.5122066879596 7.52496893750001  L 14.6973216352596 7.52496893750001  L 14.6973216352596 8.47105590625  L 13.5122066879596 8.47105590625  C 13.5004986073184 8.47039350062386  13.4887756157963 8.4700621171875  13.4770504928208 8.4700621171875  C 13.1168021826853 8.4700621171875  12.8247632257076 8.77617698912447  12.8247632257076 9.15378882031251  C 12.8247632257076 9.53140065150052  13.1168021826853 9.83751552343749  13.4770504928208 9.83751552343749  C 13.4887756157963 9.83751552343749  13.5004986073184 9.83718414000113  13.5122066879596 9.83652173437499  L 14.6973216352596 9.83652173437499  L 14.6973216352596 10.782608703125  L 13.5122066879596 10.782608703125  C 13.1530055841351 10.782608703125  12.8618155778271 11.0878337060245  12.8618155778271 11.464347828125  C 12.8618155778271 11.8408619502255  13.1530055841351 12.146086953125  13.5122066605477 12.146086953125  L 14.6973216352596 12.146086953125  L 14.6973216352596 13.0047205  C 14.6973222650515 13.9040660972744  14.0023378412133 14.6334373844418  13.1443470052171 14.63453415625  L 2.85565299478287 14.63453415625  C 1.99735470036615 14.6334389943644  1.30182698399517 13.9043877060402  1.3007821803476 13.0047205  L 1.3007821803476 12.14807453125  L 2.48779331204037 12.14807453125  C 2.84699439256917 12.14807453125  3.13818440221416 11.8428495248527  3.13818440221416 11.4663353984375  C 3.13818440221416 11.0898212720223  2.84699439256917 10.784596265625  2.48779331204037 10.784596265625  L 1.3007821803476 10.784596265625  L 1.3007821803476 9.83850931249999  L 2.48779331204037 9.83850931249999  C 2.83387730853985 9.81892899071863  3.10492438401491 9.51906925574346  3.10492438401491 9.15577639843751  C 3.10492438401491 8.79248354113153  2.83387730853985 8.49262380615639  2.48779331204037 8.473043484375  L 1.3007821803476 8.473043484375  L 1.3007821803476 7.526956515625  L 2.48779331204037 7.526956515625  C 2.84699438845291 7.526956515625  3.13818439476097 7.22173151272549  3.13818439476097 6.84521739062499  C 3.13818439476097 6.46870326852452  2.84699438845291 6.16347826562501  2.48779331204037 6.16347826562501  L 1.3007821803476 6.16347826562501  L 1.3007821803476 5.21540373437499  L 2.48779331204037 5.21540373437499  C 2.84699439256917 5.21540373437499  3.13818440221416 4.91017872797772  3.13818440221416 4.53366460156249  C 3.13818440221416 4.15715047514729  2.84699439256917 3.85192546874999  2.48779331204037 3.85192546874999  L 1.3007821803476 3.85192546874999  L 1.3007821803476 2.993291921875  C 1.30182698399517 2.09362471583478  1.99735470036615 1.36457342751059  2.85565299478287 1.363478265625  L 13.1443470052171 1.363478265625  C 14.0023378412133 1.36457503743313  14.6973222650515 2.0939463246006  14.6973216352596 2.993291921875  L 14.6973216352596 3.85192546874999  L 13.5122066879596 3.85192546874999  C 13.1530056074308 3.85192546874999  12.8618155977858 4.15715047514729  12.8618155977858 4.53366460156249  C 12.8618155977858 4.91017872797772  13.1530056074308 5.21540373437499  13.5122066879596 5.21540373437499  Z M 11.2955676695411 7.98807453124999  C 11.301823873451 7.52131432738311  11.0791801645258 7.08383026229793  10.70585447248 6.82931676562499  L 7.21877222399701 4.44422360937499  C 6.87359587255071 4.19522934231979  6.42508654275696 4.16766489667452  6.05451529010998 4.3726708125  C 5.63832230945309 4.62809090082834  5.38876670823788 5.10168734431979  5.40412419248287 5.60695651562501  L 5.40412419248287 10.377142859375  C 5.39045097026656 10.888196276495  5.6452778686961 11.3659402159038  6.06778858085875 11.621366453125  C 6.23034315283064 11.7154415046915  6.41303519352846 11.7646837386982  6.59872007665297 11.764472046875  C 6.82618710834447 11.7644970355862  7.0487923577324 11.6954631448885  7.23963023740998 11.56571428125  L 10.6963735505166 9.18062112499999  C 11.0768143824795 8.91599772453455  11.3026097162945 8.46660837361071  11.2955676695411 7.98807453124999  Z M 9.9834083828373 7.964223609375  C 9.98531745163518 7.9706460238858  9.98596254533697 7.97740788273997  9.98530456723006 7.984099375  C 9.98826802508052 7.99917916918522  9.98826802508052 8.01473387768979  9.98530456723006 8.02981367187501  L 6.70490637283046 10.287701859375  L 6.70490637283046 5.716273296875  L 9.9834083828373 7.964223609375  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 1025 12 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/dv-more-com1.svg b/core/core-frontend/src/assets/svg/dv-more-com1.svg
new file mode 100644
index 0000000..2428721
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-more-com1.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="15px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1157 -12 )">
+    <path d="M 2.91875454282399 7.4074074074074  C 2.91875454282399 8.01704634522127  3.41296454887583 8.51125635127315  4.02260348668983 8.51125635127315  C 4.6322424245036 8.51125635127315  5.12645243055545 8.01704634522127  5.12645243055545 7.4074074074074  C 5.12645243055545 6.79776846959354  4.6322424245036 6.30355846354166  4.02260348668983 6.30355846354166  C 3.41296454887583 6.30355846354166  2.91875454282399 6.79776846959354  2.91875454282399 7.4074074074074  Z M 6.75317719907412 7.4074074074074  C 6.75317719907412 8.01704634522127  7.24738720512596 8.51125635127315  7.85702614293973 8.51125635127315  C 8.46666508075373 8.51125635127315  8.96087508680557 8.01704634522127  8.96087508680557 7.4074074074074  C 8.96087508680557 6.79776846959354  8.46666508075373 6.30355846354166  7.85702614293973 6.30355846354166  C 7.24738720512596 6.30355846354166  6.75317719907412 6.79776846959354  6.75317719907412 7.4074074074074  Z M 10.8780864149305 7.4074074074074  C 10.8780864149305 8.0170463492164  11.3722964242211 8.51125635850694  11.98193536603 8.51125635850694  C 12.591574307839 8.51125635850694  13.0857843171295 8.0170463492164  13.0857843171295 7.4074074074074  C 13.0857843171295 6.79776846559841  12.591574307839 6.30355845630787  11.98193536603 6.30355845630787  C 11.3722964242211 6.30355845630787  10.8780864149305 6.79776846559841  10.8780864149305 7.4074074074074  Z M 16 1.30718953993056  C 15.9906499565973 0.580973133680558  15.4096768373843 0  14.6834604166668 0  L 1.32107842881942 0  C 0.594862022569487 0  0.0138888888889142 0.580973133680558  0 1.30718953993056  L 0 13.5076252748842  C 0.0138888888889142 14.2338416811343  0.594862022569487 14.8148148148148  1.32107842881942 14.8148148148148  L 14.6834604166668 14.8148148148148  C 15.4096768229167 14.8148148148148  15.9906499565973 14.2338416811343  16 13.5076252748842  L 16 1.30718953993056  Z M 14.5382171440972 1.45243282696759  L 14.5382171440972 13.3623819878472  L 1.46632171585657 13.3623819878472  L 1.46632171585657 1.45243282696759  L 14.5382171440972 1.45243282696759  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 1157 12 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/dv-picture-show1.svg b/core/core-frontend/src/assets/svg/dv-picture-show1.svg
new file mode 100644
index 0000000..f6ba2a1
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-picture-show1.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 29 36" style="enable-background:new 0 0 29 36;" xml:space="preserve">
+<path class="st0" d="M29,14.3C29,6.4,22.5,0,14.5,0S0,6.4,0,14.3c0,0.2,0,0.3,0,0.5c0,0.2,0,0.3,0,0.5C0,16.1,0.2,17,0.5,18
+	c0.5,1.9,1.4,3.6,2.6,5.1C7.3,29.6,14.5,36,14.5,36s7.2-6.4,11.4-12.9c1.2-1.5,2-3.2,2.6-5.1c0.3-1,0.5-1.9,0.5-2.8
+	c0-0.2,0-0.3,0-0.5C29,14.6,29,14.5,29,14.3z M14.5,19.1c-2.7,0-4.9-2.1-4.9-4.8s2.2-4.8,4.9-4.8s4.9,2.2,4.9,4.8
+	C19.4,16.9,17.2,19.1,14.5,19.1z"/>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/dv-richText1.svg b/core/core-frontend/src/assets/svg/dv-richText1.svg
new file mode 100644
index 0000000..3f72f9e
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-richText1.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 36 33" style="enable-background:new 0 0 36 33;" xml:space="preserve">
+<g>
+	<path class="st0" d="M34.8,25.9H21.5c0,0,0,0,0,0c-0.7,0-1.2,0.5-1.2,1.2l0,0v4.7c0,0.7,0.5,1.2,1.2,1.2h13.2
+		c0.7,0,1.2-0.5,1.2-1.2v-4.7c0,0,0,0,0,0C36,26.4,35.4,25.9,34.8,25.9z"/>
+	<path class="st0" d="M34.8,13.4H21.5c0,0,0,0,0,0c-0.7,0-1.2,0.5-1.2,1.2h0v4.7c0,0.7,0.5,1.2,1.2,1.2h13.2c0.7,0,1.2-0.5,1.2-1.2
+		v-4.7c0,0,0,0,0,0C36,13.9,35.4,13.4,34.8,13.4z"/>
+	<path class="st0" d="M34.8,0H12.9c0,0,0,0,0,0c-0.7,0-1.2,0.5-1.2,1.2v4.7c0,0.7,0.5,1.2,1.2,1.2h21.9c0.7,0,1.2-0.5,1.2-1.2V1.2
+		c0,0,0,0,0,0C36,0.5,35.5,0,34.8,0z"/>
+	<path class="st0" d="M16.9,15H5.3V7.5H6C7,7.5,7.5,7,7.5,6V1.5C7.5,0.5,7,0,6,0H1.5C0.5,0,0,0.5,0,1.5V6c0,1,0.5,1.5,1.5,1.5h0.8
+		V30c0,1,0.5,1.5,1.5,1.5h12.8c1,0,1.5-0.5,1.5-1.5s-0.5-1.5-1.5-1.5H5.3V18h11.6c1,0,1.5-0.5,1.5-1.5S17.9,15,16.9,15z"/>
+</g>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/dv-tab1.svg b/core/core-frontend/src/assets/svg/dv-tab1.svg
new file mode 100644
index 0000000..565ebcf
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-tab1.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1092 -12 )">
+    <path d="M 16 2.76706839816055  C 15.9147125076556 1.85556351406061  15.1741147893244 1.1149657957294  14.2707483416897 1.10682735926422  L 6.92174021363394 1.10682735926422  L 6.92174021363394 0.545275243166934  C 6.91360177716876 0.24415309395534  6.67758711967861 0.00813843646518109  6.37646497046705 0  L 1.65617182066376 0  C 0.744666936563817 0.00813843646518109  0.00406921823264383 0.748736154796383  0 1.66024103889633  L 0 14.2666791234572  C 0.00406921823264383 15.1781840075571  0.744666936563817 15.9187817258883  1.65617182066376 16  L 14.2707483416897 16  C 15.1822532257896 15.9187817258883  15.9147125076556 15.1781840075571  16 14.2666791234572  L 16 2.76706839816055  Z M 14.8078851483915 3.60532735407389  L 11.4874030705988 3.60532735407389  L 11.4874030705988 2.20551628206326  L 14.2626099052245 2.20551628206326  L 14.2707483416897 2.20551628206326  C 14.4172401980629 2.20551628206326  14.5555936179709 2.27062377378468  14.6532548555531 2.376423447832  C 14.7590545296003 2.48222312187931  14.8078851483915 2.62057654178734  14.8078851483915 2.76706839816055  L 14.8078851483915 3.60532735407389  Z M 6.92174021363394 3.59718891760871  L 6.92174021363394 3.60532735407389  L 6.92174021363394 2.20551628206326  L 10.3887141477998 2.20551628206326  L 10.3887141477998 3.59718891760871  L 6.92174021363394 3.59718891760871  Z M 14.8160235848567 5  L 14.8160235848567 14.2666791234572  C 14.8160235848567 14.5678012726688  14.5718704909013 14.8200928030893  14.2626099052245 14.8282312395545  L 1.64803338419858 14.8282312395545  C 1.34691123498692 14.8200928030893  1.09461970456641 14.5759397091339  1.09461970456641 14.2666791234572  L 1.09461970456641 5  L 14.8160235848567 5  Z M 5.82305129083488 1.05799674047315  L 5.82305129083488 3.60532735407389  L 1.10275814103159 3.60532735407389  L 1.10275814103159 1.61954885657044  C 1.10275814103159 1.31842670735885  1.34691123498692 1.06613517693833  1.65617182066376 1.05799674047315  L 5.82305129083488 1.05799674047315  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 1092 12 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/dv-text1.svg b/core/core-frontend/src/assets/svg/dv-text1.svg
new file mode 100644
index 0000000..deba111
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-text1.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -960 -12 )">
+    <path d="M 1.28513631035547 0  L 2.71459839834818 0  C 3.42455396583347 0  3.99973469004949 0.597524077573238  3.99973470870365 1.33370014955128  L 3.99973470870365 1.38872077365463  L 11.9992040888026 1.38872077365463  L 11.9992040888026 2.72242092320591  L 3.99973470870365 2.72242092320591  L 3.99973470870365 2.81595598805026  C 3.99973470870365 3.55213206002829  3.42455396583347 4.14855570345508  2.71459839834818 4.14855572279828  L 2.42806924806093 4.14855572279828  L 2.42806924806093 11.8514442965449  L 2.71459839834818 11.8514442965449  C 3.42455396583347 11.8514442965449  3.99973469004949 12.4489683741182  3.99973470870365 13.185144426753  L 3.99973470870365 13.276478681334  L 11.9992040888026 13.276478681334  L 11.9992040888026 14.6101788115421  L 3.99973470870365 14.6101788115421  L 3.99973470870365 14.6662998697919  C 3.99973470870365 15.4035763565732  3.42455396583347 16  2.71459839834818 16  L 1.28513631035547 16  C 0.575180742870063 16  0 15.4024759224268  0 14.6662998697919  L 0 13.185144426753  C 0 12.4478679399717  0.575180742870063 11.8514442965449  1.28513631035547 11.8514442965449  L 1.14293295635962 11.8514442965449  L 1.14293295635962 4.14855572279828  L 1.28513631035547 4.14855572279828  C 0.575180742870063 4.14855572279828  0 3.55213206002829  0 2.81595598805026  L 0 1.33370014955128  C 0 0.596423662769985  0.575180742870063 0  1.28513631035547 0  Z M 13.2854016016517 4.14745530799503  L 13.2854016016517 4.14855572279828  C 12.5754460341664 4.14855572279828  12.0002653099505 3.55103164522504  12.0002653099505 2.814855573247  L 12.0002653099505 1.33370014955128  C 12.0002653099505 0.596423662769985  12.5754460528206 0  13.2854016016517 0  L 14.7138024871508 0  C 15.424819275784 0  16 0.597524077573238  16 1.33370014955128  L 16 2.814855573247  C 16 3.55103164522504  15.4237580359819 4.14745528865182  14.7138024871508 4.14745530799503  L 14.8570670622944 4.14745530799503  L 14.8570670622944 11.8503438817417  L 14.7138024871508 11.8503438817417  C 15.424819275784 11.8503438817417  16 12.4478679593149  16 13.1840440119498  L 16 14.6651994549887  C 16 15.40247594177  15.4237580359819 15.9988995851967  14.7138024871508 15.9988995851967  L 13.2854016016517 15.9988995851967  C 12.5754460341664 15.9988995851967  12.0002653099505 15.4013755076235  12.0002653099505 14.6651994549887  L 12.0002653099505 13.1840440119498  C 12.0002653099505 12.4467675251685  12.5754460528206 11.8503438817417  13.2854016016517 11.8503438817417  L 13.5708695307912 11.8503438817417  L 13.5708695307912 4.14745530799503  L 13.2854016016517 4.14745530799503  Z M 2.71459839834818 13.1840440119498  L 2.71459839834818 13.1829435971465  L 1.28513631035547 13.1829435971465  L 1.28513631035547 14.6651994549887  L 2.71459839834818 14.6651994549887  L 2.71459839834818 13.1840440119498  Z M 14.7138024871508 13.1840440119498  L 14.7138024871508 13.1829435971465  L 13.2854016016517 13.1829435971465  L 13.2854016016517 14.6651994549887  L 14.7138024871508 14.6651994549887  L 14.7138024871508 13.1840440119498  Z M 5.78576641216085 4.96286107171835  L 10.2142336064933 4.96286107171835  C 10.5589621688496 4.97739091007393  10.8312136344735 5.27140547652817  10.8312136344735 5.62916093909235  C 10.8312136344735 5.98691640165653  10.5589621688496 6.28093096811077  10.2142336064933 6.29546080646638  L 8.63301717417431 6.29546080646638  L 8.63301717417431 10.8874828051875  C 8.61344509128368 11.2403152721998  8.33180764226225 11.5160389463359  7.9909796388976 11.5160389463359  C 7.65015163553307 11.5160389463359  7.36851418651152 11.2403152721998  7.3489421036209 10.8874828051875  L 7.34681966132523 6.29546080646638  L 5.78576641216085 6.29546080646638  C 5.44103784980442 6.28093096811077  5.16878638418069 5.98691640165653  5.16878638418069 5.62916093909235  C 5.16878638418069 5.27140547652817  5.44103784980442 4.97739091007393  5.78576641216085 4.96286107171835  Z M 2.71459839834818 2.814855573247  L 2.71459839834818 1.33370014955128  L 1.28513631035547 1.33370014955128  L 1.28513631035547 2.814855573247  L 2.71459839834818 2.814855573247  Z M 14.7138024871508 2.814855573247  L 14.7138024871508 1.33370014955128  L 13.2854016016517 1.33370014955128  L 13.2854016016517 2.814855573247  L 14.7138024871508 2.814855573247  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 960 12 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/dv-three.svg b/core/core-frontend/src/assets/svg/dv-three.svg
new file mode 100644
index 0000000..6e8ba3e
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-three.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -738 -12 )">
+    <path d="M 0.884185763888922 5.3403880015432  L 0.954732503858054 5.33803645833333  C 1.11984853030663 5.33804372011898  1.28205361742482 5.38151468077888  1.42504409722221 5.46407995756172  L 6.23256907793211 8.23985891203705  C 6.66910271924348 8.49189172254717  6.93802364995895 8.95766276698723  6.93803645833327 9.46172839506173  L 6.93803645833327 15.0132863040124  C 6.93794614551859 15.5053451452011  6.55863301373131 15.9141831897665  6.06796003086413 15.9510875964506  L 5.997413290895 15.9539094714506  C 5.8322972626936 15.9539022038001  5.67009217546001 15.9104312364564  5.52710169753084 15.8278659529321  L 0.719576716820939 13.0520869984568  C 0.283043082934341 12.8000541830445  0.0141221601052166 12.3342831395277  0.0141093557098202 11.8302175154321  L 0.0141093557098202 6.27865960648148  C 0.0139535818387913 5.78641986582775  0.39333237426888 5.37730597064939  0.884185763888922 5.3403880015432  Z M 13.7801293402778 5.3417989390432  L 13.8624338541666 5.33803645833333  C 14.3544926884728 5.33812677038779  14.7633307303458 5.71743989126762  14.8002351466049 6.20811286651235  L 14.8030570216049 6.27865960648148  L 14.8030570216049 11.8302175154321  C 14.8030244273375 12.3007512315542  14.5684319049556 12.7403035505087  14.1775426311729 13.0022339891975  L 14.0975896604938 13.0520869984568  L 9.28959434799378 15.8278659529321  C 9.1707271116295 15.8964419844567  9.03829445348561 15.9381783413166  8.90158730709879 15.9501469714506  L 8.81928277391978 15.9539094714506  C 8.32722393273093 15.9538191586359  7.91838588816552 15.5745060268486  7.8814814814815 15.0838330439815  L 7.87865960648151 15.0132863040124  L 7.87865960648151 9.46172839506173  C 7.87869221149299 8.99119468212609  8.11328474075628 8.551642371068  8.50417401620371 8.28971194058641  L 8.58412698688267 8.23985891203705  L 13.3921222800925 5.46407995756172  C 13.5109895222532 5.3955039233642  13.6434221872681 5.35376756641389  13.7801293402778 5.3417989390432  Z M 1.42457378472227 7.09323927469137  L 1.42504409722221 11.8302175154321  L 5.52710169753084 14.1982363233025  L 5.52710169753084 9.46172839506173  L 1.42504409722221 7.09323927469137  Z M 13.3916519675926 7.09323927469137  L 9.33004114583332 9.43774249614196  L 9.28959434799378 9.46172839506173  L 9.28959434799378 14.1987066358025  L 13.3516754822531 11.8546737268518  L 13.3921222800925 11.8306878279321  L 13.3916519675926 7.09370958719137  Z M 6.70429158950617 0.236096412037028  C 7.10986320852226 0.00199988135599938  7.60515637149467 -0.0156199377701398  8.0263374421296 0.189065258487659  L 8.11522633101845 0.236096412037028  L 12.9227513310185 3.01187536651236  C 13.2137446254064 3.17991129690898  13.3929980988881 3.49041594848271  13.3929980988881 3.82644150001565  C 13.3929980988881 4.13616942001022  13.2405230166912 4.42604630593061  12.9853027584876 4.60152851080247  L 12.9227513310185 4.64103468364198  L 8.11522633101845 7.41681363811728  C 7.7095327749646 7.65107571905128  7.21401945269213 7.66869710150402  6.79271016589507 7.46384479166667  L 6.70429158950617 7.41681363811728  L 1.89629629629633 4.64103468364198  C 1.60544701954382 4.47296021613235  1.4263050666442 4.16253628784409  1.4263050666442 3.82661616576729  C 1.4263050666442 3.51679608116009  1.57887033760471 3.22684522636902  1.83421516203703 3.05138153935184  L 1.89629629629633 3.01187536651236  L 6.70429158950617 0.236096412037028  Z M 7.43562609953699 1.47254556327161  L 7.40834803240739 1.45796589506173  L 3.30723103780861 3.82598472222222  L 7.39188713348767 6.18459729938272  L 7.41022928240739 6.1940035300926  L 11.5118165702161 3.82598472222222  L 7.43562609953699 1.47254556327161  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 738 12 )" />
+  </g>        
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/dv-tree.svg b/core/core-frontend/src/assets/svg/dv-tree.svg
new file mode 100644
index 0000000..9287f1c
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-tree.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+
+<path class="st0" d="M9.3,9.8h5.3c0.8,0,1.4-0.6,1.4-1.4V6.3c0-0.8-0.6-1.4-1.4-1.4H9.3c-0.8,0-1.4,0.6-1.4,1.4v0.3H4.6V4.9h2.1
+	c0.8,0,1.4-0.6,1.4-1.4V1.4C8.1,0.6,7.5,0,6.7,0H1.4C0.6,0,0,0.6,0,1.4v2.1c0,0.8,0.6,1.4,1.4,1.4h1.7v7.2c0,1.2,1,2.1,2.1,2.1h2.6
+	v0.3c0,0.8,0.6,1.4,1.4,1.4h5.3c0.8,0,1.4-0.6,1.4-1.4v-2.1c0-0.8-0.6-1.4-1.4-1.4H9.3c-0.8,0-1.4,0.6-1.4,1.4v0.3H5.3
+	c-0.4,0-0.7-0.3-0.7-0.7V8h3.3v0.3C7.9,9.1,8.5,9.8,9.3,9.8z M9.3,6.3h5.3v2.1H9.3V6.3z M1.4,1.4h5.3v2.1H1.4V1.4z M9.3,12.5h5.3
+	v2.1H9.3V12.5z"/>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/dv-view1.svg b/core/core-frontend/src/assets/svg/dv-view1.svg
new file mode 100644
index 0000000..b7f0d9c
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/dv-view1.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="17px" height="17px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -671 -13 )">
+    <path d="M 16 15.3375111869826  L 15.9990764239637 15.3384984128541  C 15.9990764239637 15.7027840479322  15.6998383726717 15.9999384625785  15.3488801607584 16  L 0.640036943041423 16  C 0.292905115714689 16.0048982457666  0.00707466740925611 15.709509513858  0 15.3384984128541  C 0 14.9732255519045  0.289078731128143 14.6760711372582  0.640036943041423 14.6760711372582  L 15.3498037367947 14.6760711372582  C 15.7007619487079 14.6760711372582  16 14.9742127604224  16 15.3375111869826  Z M 11.4781805582526 2.31800181694287  L 14.182405899847 2.31800181694287  C 14.5435234319242 2.31800181694287  14.8326021630525 2.61614344010713  14.8326021630525 2.97944186666731  L 14.8326021630525 13.0195093700398  C 14.8326021630525 13.3847822309893  14.5435234319242 13.6829238541536  14.182405899847 13.6829238541536  L 11.4781805582526 13.6829238541536  C 11.1308968697645 13.6873365534959  10.8452173551185 13.391663155764  10.8381436152112 13.0204965959112  L 10.8381436152112 2.98042909253878  C 10.8381436152112 2.6151562315892  11.1272223463393 2.31800183429642  11.4781805582526 2.31800181694287  Z M 12.1182175012941 3.64088189903821  L 12.1182175012941 12.3580693203153  L 13.5423689568056 12.3580693203153  L 13.5423689568056 3.64088189903821  L 12.1182175012941 3.64088189903821  Z M 6.63680442488533 4.63501640801428  L 9.35211266267982 4.63501640801428  C 9.7030708745931 4.63501640801428  9.99214960572135 4.93315803117853  9.99214960572135 5.29645645773871  L 9.99214960572135 13.0204965959112  C 9.98457666437196 13.3912751371012  9.69904385949826 13.6863562722637  9.35211266267982 13.6819366282821  L 6.63680442488533 13.6819366282821  C 6.29023139105755 13.6858109247525  6.00526171704917 13.390886174103  5.99769105788005 13.0204965959112  L 5.99769105788005 5.29744368361018  C 5.99769105788005 4.9321708226606  6.28676978900819 4.63501642536782  6.63680442488533 4.63501640801428  Z M 7.2879242641269 5.95987094185256  L 7.2879242641269 12.3590565461868  L 8.70191641570921 12.3590565461868  L 8.70191641570921 5.95987094185256  L 7.2879242641269 5.95987094185256  Z M 4.51073654554716 0.000987225871473774  C 4.86169475746044 0.000987225871473774  5.16093280875259 0.299128849035725  5.16093280875259 0.662427258242376  L 5.16093280875259 13.0204965959112  C 5.16093280875259 13.3847822309893  4.86169475746044 13.6819366456357  4.51073654554716 13.6819366282821  L 1.79635186755422 13.6819366282821  C 1.44942067073578 13.6863562722637  1.16388786586208 13.3912751371012  1.15631492451269 13.0204965959112  L 1.15631492451269 0.662427258242376  C 1.15631492451269 0.297154397292777  1.44539365564094 0  1.79635186755422 0  L 4.51073654554727 0  Z M 2.44654813075954 12.3590565461868  L 4 12.3590565461868  L 4 1.32386730796681  L 2.44654813075954 1.32386730796681  L 2.44654813075954 12.3580693203153  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 671 13 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/icon-video1.svg b/core/core-frontend/src/assets/svg/icon-video1.svg
new file mode 100644
index 0000000..f70176e
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/icon-video1.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
+<path class="st0" d="M4.7,13.6l10,4.6c1.7,0.8,2.7,2.4,2.7,4.1l0,10.6c0,1.7-1.5,3.1-3.3,3.1c-0.5,0-1-0.1-1.5-0.3l-10-4.8
+	C1,30.1,0,28.5,0,26.8V16.3c0-1.7,1.5-3.1,3.3-3.1C3.8,13.2,4.2,13.4,4.7,13.6L4.7,13.6z M35.7,15c0.2,0.4,0.3,0.9,0.3,1.4v10.4
+	c0,1.7-1,3.3-2.6,4.1l-10,4.8c-1.6,0.8-3.6,0.2-4.4-1.4c-0.2-0.4-0.3-0.9-0.3-1.4l0-10.6c0-1.7,1-3.3,2.7-4.1l10-4.6
+	C32.9,12.8,34.9,13.4,35.7,15C35.7,15,35.7,15,35.7,15L35.7,15z M3.4,16.6v10.2l0,0.2c0.1,0.4,0.3,0.8,0.8,1l9.8,4.7l0-10.4
+	c0-0.5-0.3-1-0.8-1.2L3.4,16.6z M32.6,16.6l-9.7,4.5c-0.5,0.2-0.8,0.7-0.8,1.2l0,10.4l9.8-4.7c0.4-0.2,0.7-0.6,0.8-1l0-0.2
+	L32.6,16.6L32.6,16.6z M19.9,0.4L31,5.1c2,0.9,2.9,3.1,2,5.1c-0.4,0.9-1.1,1.5-2,1.9L20,16.9c-1.3,0.5-2.7,0.5-4,0L4.9,12.2
+	c-2-0.9-2.9-3.1-2-5.1c0.4-0.9,1.1-1.5,2-1.9l11-4.7C17.2-0.1,18.7-0.1,19.9,0.4L19.9,0.4z M17.4,3.4l-11,4.7C6,8.2,5.9,8.6,6,8.9
+	C6.1,9,6.2,9.1,6.3,9.2l11.1,4.7c0.4,0.2,0.8,0.2,1.1,0l11.1-4.8c0.3-0.1,0.5-0.5,0.3-0.8c-0.1-0.1-0.2-0.2-0.3-0.3L18.5,3.4
+	C18.2,3.2,17.7,3.2,17.4,3.4z"/>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/icon_copy_filled1.svg b/core/core-frontend/src/assets/svg/icon_copy_filled1.svg
new file mode 100644
index 0000000..3b66c2d
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/icon_copy_filled1.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1290 -12 )">
+    <path d="M 1.14285714285711 3.04457142857143  L 11.0811428571428 3.04457142857143  C 11.712 3.04457142857143  12.2239999999999 3.55657142857143  12 4.18742857142857  L 12 14.8571428571429  C 12.2239999999999 15.488  11.712 16  11.0811428571428 16  L 1.14285714285711 16  C 0.511999999999944 16  0 15.488  0 14.8571428571429  L 0 4.18742857142857  C 0 3.55657142857143  0.511999999999944 3.04457142857143  1.14285714285711 3.04457142857143  Z M 10.6971428571428 14.4731428571429  L 10.6971428571428 4.57142857142857  L 1.52685714285712 4.57142857142857  L 1.52685714285712 14.4731428571429  L 10.6971428571428 14.4731428571429  Z M 6.12571428571437 0  L 14.1257142857144 0  C 14.7108571428571 0  15.2045714285714 0.447999999999993  15.2594285714285 1.03314285714286  L 15 1.14285714285714  L 15 11.4194285714286  C 15.2685714285715 11.84  14.9302857142857 12.1782857142857  14.5097142857144 12.1782857142857  C 14.1257142857144 12.1782857142857  13.7965714285715 11.8857142857143  13.7508571428573 11.5108571428571  L 13.7417142857144 11.4194285714286  L 13.7417142857144 1.52685714285714  L 6.12571428571437 1.52685714285714  C 5.74171428571435 1.52685714285714  5.41257142857148 1.23428571428572  5.36685714285727 0.850285714285718  L 5.35771428571434 0.758857142857138  C 5.35771428571434 0.374857142857138  5.6502857142857 0.0457142857142827  6.03428571428572 0  L 6.12571428571437 0  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 1290 12 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/pie-proportion-dark.svg b/core/core-frontend/src/assets/svg/pie-proportion-dark.svg
index 4b3abae..ab2cfac 100644
--- a/core/core-frontend/src/assets/svg/pie-proportion-dark.svg
+++ b/core/core-frontend/src/assets/svg/pie-proportion-dark.svg
@@ -2,10 +2,6 @@
 <!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#00D6B9;}
-	.st1{fill:#3370FF;}
-</style>
 <g>
 	<path class="st0" d="M27.6,52v-7.4V52L27.6,52L27.6,52L27.6,52z M51.6,28c0-13.3-10.7-24-24-24v7.4c9.2,0,16.6,7.4,16.6,16.6H51.6
 		L51.6,28z"/>
diff --git a/core/core-frontend/src/assets/svg/pie-proportion.svg b/core/core-frontend/src/assets/svg/pie-proportion.svg
index 4b3abae..ab2cfac 100644
--- a/core/core-frontend/src/assets/svg/pie-proportion.svg
+++ b/core/core-frontend/src/assets/svg/pie-proportion.svg
@@ -2,10 +2,6 @@
 <!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 56 56" style="enable-background:new 0 0 56 56;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#00D6B9;}
-	.st1{fill:#3370FF;}
-</style>
 <g>
 	<path class="st0" d="M27.6,52v-7.4V52L27.6,52L27.6,52L27.6,52z M51.6,28c0-13.3-10.7-24-24-24v7.4c9.2,0,16.6,7.4,16.6,16.6H51.6
 		L51.6,28z"/>
diff --git a/core/core-frontend/src/assets/svg/redo.svg b/core/core-frontend/src/assets/svg/redo.svg
new file mode 100644
index 0000000..089144a
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/redo.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -583 -12 )">
+    <path d="M 0.228708791208874 14.4148351648352  C 0.500686813186803 11.4230769230769  1.58859890109886 8.83928571428572  3.49244505494505 6.93543956043959  C 5.26030219780216 5.09958791208791  7.43612637362639 4.07967032967034  9.88392857142856 3.87568681318683  L 9.88392857142856 1.01991758241758  C 9.88392857142856 0.61195054945054  10.1559065934066 0.203983516483504  10.4958791208792 0.0679945054945108  C 10.9038461538462 -0.0679945054945108  11.3798076923076 0  11.6517857142857 0.339972527472526  L 17.5673076923076 6.52747252747255  C 17.9072802197802 6.93543956043959  17.9072802197802 7.54739010989013  17.5673076923076 7.95535714285717  L 11.7197802197802 14.4828296703297  C 11.4478021978022 14.8228021978022  10.9718406593406 14.8907967032967  10.6318681318681 14.7548076923077  C 10.2239010989011 14.6188186813187  10.0199175824175 14.2108516483517  10.0199175824175 13.8028846153846  L 10.0199175824175 10.7431318681319  C 8.93200549450546 10.6071428571429  7.70810439560432 10.7431318681319  6.41620879120887 11.0151098901099  C 5.05631868131866 11.2870879120879  3.42445054945051 12.646978021978  1.52060439560432 15.0267857142857  C 1.38461538461536 15.1627747252747  1.18063186813185 15.2307692307693  0.97664835164835 15.2307692307693  C 0.908653846153811 15.2307692307693  0.840659340659386 15.2307692307693  0.704670329670307 15.1627747252747  C 0.364697802197839 15.0267857142857  0.228708791208874 14.7548076923077  0.228708791208874 14.4148351648352  Z M 11.3798076923076 4.69162087912088  C 11.3798076923076 4.96359890109892  11.0398351648352 5.30357142857142  10.6998626373627 5.30357142857142  C 8.32005494505495 5.30357142857142  6.2802197802198 6.25549450549451  4.58035714285711 7.95535714285717  C 3.49244505494505 9.11126373626374  2.67651098901104 10.4711538461539  2.13255494505495 12.0350274725275  C 3.49244505494505 10.6751373626374  4.85233516483515 9.79120879120879  6.07623626373629 9.5192307692308  C 7.70810439560432 9.17925824175825  9.33997252747247 9.11126373626377  10.7678571428571 9.38324175824175  C 11.1078296703297 9.45123626373629  11.3798076923076 9.72321428571431  11.3798076923076 10.1311813186813  L 11.3798076923076 12.782967032967  L 16.2754120879122 7.3434065934066  L 11.3798076923076 2.17582417582418  L 11.3798076923076 4.69162087912088  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 583 12 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/redo1.svg b/core/core-frontend/src/assets/svg/redo1.svg
new file mode 100644
index 0000000..a948ea0
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/redo1.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 18 16" style="enable-background:new 0 0 18 16;" xml:space="preserve">
+<path class="st0" d="M10.3,0.2l7.5,7.3c0.3,0.3,0.3,0.7,0,1l-7.5,7.3c-0.3,0.3-0.7,0.3-1,0c-0.1-0.1-0.2-0.3-0.2-0.5v-4l-0.1,0
+	c-3,0.2-5.7,1.6-7.4,4l-0.4,0.5C1,16,0.6,16.1,0.3,15.9c-0.2-0.1-0.2-0.3-0.3-0.5l0-0.7c0-0.2,0-0.4,0-0.6L0,14c0.1-4.9,4-9,9-9.3
+	l0.1,0v-4C9.1,0.3,9.5,0,9.8,0C10,0,10.2,0.1,10.3,0.2L10.3,0.2z M10.9,3.2v3.3l-1,0l-0.1,0l-0.2,0C5.9,6.5,2.9,8.9,2,12.2l0,0.1
+	l0.1-0.1c2.1-1.7,4.8-2.7,7.6-2.7c0.1,0,0.3,0,0.4,0l0.9,0l0,3.2L15.8,8C15.8,8,10.9,3.2,10.9,3.2z"/>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/undo.svg b/core/core-frontend/src/assets/svg/undo.svg
new file mode 100644
index 0000000..49588a0
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/undo.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -522 -12 )">
+    <path d="M 17.7712912087911 14.4148351648352  C 17.4993131868132 11.4230769230769  16.4114010989011 8.83928571428572  14.5075549450549 6.93543956043959  C 12.7396978021978 5.09958791208791  10.5638736263736 4.07967032967034  8.11607142857144 3.87568681318683  L 8.11607142857144 1.01991758241758  C 8.11607142857144 0.61195054945054  7.8440934065934 0.203983516483504  7.50412087912082 0.0679945054945108  C 7.09615384615381 -0.0679945054945108  6.62019230769238 0  6.34821428571433 0.339972527472526  L 0.432692307692378 6.52747252747255  C 0.0927197802197952 6.93543956043959  0.0927197802197952 7.54739010989013  0.432692307692378 7.95535714285717  L 6.2802197802198 14.4828296703297  C 6.55219780219784 14.8228021978022  7.02815934065939 14.8907967032967  7.36813186813185 14.7548076923077  C 7.77609890109886 14.6188186813187  7.98008241758248 14.2108516483517  7.98008241758248 13.8028846153846  L 7.98008241758248 10.7431318681319  C 9.06799450549454 10.6071428571429  10.2918956043957 10.7431318681319  11.5837912087911 11.0151098901099  C 12.9436813186813 11.2870879120879  14.5755494505495 12.646978021978  16.4793956043957 15.0267857142857  C 16.6153846153846 15.1627747252747  16.8193681318681 15.2307692307693  17.0233516483517 15.2307692307693  C 17.0913461538462 15.2307692307693  17.1593406593406 15.2307692307693  17.2953296703297 15.1627747252747  C 17.6353021978022 15.0267857142857  17.7712912087911 14.7548076923077  17.7712912087911 14.4148351648352  Z M 6.62019230769238 4.69162087912088  C 6.62019230769238 4.96359890109892  6.96016483516485 5.30357142857142  7.30013736263732 5.30357142857142  C 9.67994505494505 5.30357142857142  11.7197802197802 6.25549450549451  13.4196428571429 7.95535714285717  C 14.5075549450549 9.11126373626374  15.323489010989 10.4711538461539  15.8674450549451 12.0350274725275  C 14.5075549450549 10.6751373626374  13.1476648351648 9.79120879120879  11.9237637362637 9.5192307692308  C 10.2918956043957 9.17925824175825  8.66002747252753 9.11126373626377  7.23214285714289 9.38324175824175  C 6.89217032967031 9.45123626373629  6.62019230769238 9.72321428571431  6.62019230769238 10.1311813186813  L 6.62019230769238 12.782967032967  L 1.72458791208783 7.3434065934066  L 6.62019230769238 2.17582417582418  L 6.62019230769238 4.69162087912088  Z " fill-rule="nonzero" fill="#f2f4f5" stroke="none" transform="matrix(1 0 0 1 522 12 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/core/core-frontend/src/assets/svg/undo1.svg b/core/core-frontend/src/assets/svg/undo1.svg
new file mode 100644
index 0000000..bdf865b
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/undo1.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 18 16" style="enable-background:new 0 0 18 16;" xml:space="preserve">
+<path class="st0" d="M7.7,0.2L0.2,7.5c-0.3,0.3-0.3,0.7,0,1l7.5,7.3c0.3,0.3,0.7,0.3,1,0c0.1-0.1,0.2-0.3,0.2-0.5v-4l0.1,0
+	c3,0.2,5.7,1.6,7.4,4l0.4,0.5c0.2,0.3,0.6,0.3,0.9,0.1c0.2-0.1,0.2-0.3,0.3-0.5l0-0.7c0-0.2,0-0.4,0-0.6l0-0.2c-0.1-4.9-4-9-9-9.3
+	l-0.1,0v-4C8.9,0.3,8.5,0,8.2,0C8,0,7.8,0.1,7.7,0.2L7.7,0.2z M7.1,3.2v3.3l1,0l0.1,0l0.2,0c3.6,0.1,6.6,2.5,7.5,5.7l0,0.1l-0.1-0.1
+	c-2.1-1.7-4.8-2.7-7.6-2.7c-0.1,0-0.3,0-0.4,0l-0.9,0l0,3.2L2.2,8C2.2,8,7.1,3.2,7.1,3.2z"/>
+</svg>
diff --git a/core/core-frontend/src/components/data-visualization/DvToolbar.vue b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
index cded59e..a713f19 100644
--- a/core/core-frontend/src/components/data-visualization/DvToolbar.vue
+++ b/core/core-frontend/src/components/data-visualization/DvToolbar.vue
@@ -1,13 +1,18 @@
 <script setup lang="ts">
-import dvFilter from '@/assets/svg/dv-filter.svg'
-import dvMaterial from '@/assets/svg/dv-material.svg'
-import dvMedia from '@/assets/svg/dv-media.svg'
-import dvMoreCom from '@/assets/svg/dv-more-com.svg'
-import dvTab from '@/assets/svg/dv-tab.svg'
-import dvText from '@/assets/svg/dv-text.svg'
-import dvView from '@/assets/svg/dv-view.svg'
+import dvFilter from '@/assets/svg/dv-filter1.svg'
+import dvMaterial from '@/assets/svg/dv-material1.svg'
+import dvMedia from '@/assets/svg/dv-media1.svg'
+import dvMoreCom from '@/assets/svg/dv-more-com1.svg'
+import dvTab from '@/assets/svg/dv-tab1.svg'
+import dvTree from '@/assets/svg/dv-tree.svg'
+import dvText from '@/assets/svg/dv-text1.svg'
+import dvView from '@/assets/svg/dv-view1.svg'
+import dvThree from '@/assets/svg/dv-three.svg'
+import unedo from '@/assets/svg/undo.svg'
+import reado from '@/assets/svg/redo.svg'
+import dvMap from '@/assets/svg/dv-map.svg'
 import icon_params_setting from '@/assets/svg/icon_params_setting.svg'
-import icon_copy_filled from '@/assets/svg/icon_copy_filled.svg'
+import icon_copy_filled from '@/assets/svg/icon_copy_filled1.svg'
 import icon_left_outlined from '@/assets/svg/icon_left_outlined.svg'
 import icon_undo_outlined from '@/assets/svg/icon_undo_outlined.svg'
 import icon_redo_outlined from '@/assets/svg/icon_redo_outlined.svg'
@@ -25,6 +30,7 @@ import Icon from '../icon-custom/src/Icon.vue'
 import ComponentGroup from '@/components/visualization/ComponentGroup.vue'
 import UserViewGroup from '@/custom-component/component-group/UserViewGroup.vue'
 import MediaGroup from '@/custom-component/component-group/MediaGroup.vue'
+import ThreeGroup from '@/custom-component/component-group/ThreeGroup.vue'
 import TextGroup from '@/custom-component/component-group/TextGroup.vue'
 import CommonGroup from '@/custom-component/component-group/CommonGroup.vue'
 import DeResourceGroupOpt from '@/views/common/DeResourceGroupOpt.vue'
@@ -185,7 +191,7 @@ const saveResource = (checkParams?) => {
         snapshotStore.resetStyleChangeTimes()
         wsCache.delete('DE-DV-CATCH-' + dvInfo.value.id)
         let url = window.location.href
-        url = url.replace(/(#\/[^?]*)(?:\?[^#]*)?/,`$1?dvId=${dvInfo.value.id}&appId=${route.query.appId}`)
+        url = url.replace(/(#\/[^?]*)(?:\?[^#]*)?/, `$1?dvId=${dvInfo.value.id}&appId=${route.query.appId}`)
         if (!embeddedStore.baseUrl) {
           window.history.replaceState(
             {
@@ -230,7 +236,7 @@ const editCanvasName = () => {
 
 const backToMain = () => {
   let url = '#/module'
-  const appId:any = route.query.appId
+  const appId: any = route.query.appId
   if (appId) {
     url = url + '?id=' + appId
   }
@@ -365,152 +371,93 @@ const fullScreenPreview = () => {
           </Icon>
         </el-icon>
         <div class="left-area">
-          <span id="dv-canvas-name" class="name-area" @dblclick="editCanvasName">
+          <span id="dv-canvas-name" class="name-area" style="display: inline-block;margin-top: 10px;font-size: 16px !important;" @dblclick="editCanvasName">
             {{ dvInfo.name }}
           </span>
-          <div class="opt-area">
+          <!-- <div class="opt-area">
             <el-tooltip effect="light" :content="$t('visualization.undo')" placement="bottom">
-              <el-icon
-                class="toolbar-hover-icon"
-                :class="{ 'toolbar-icon-disabled': snapshotIndex < 1 }"
-                @click="undo()"
-              >
+              <el-icon class="toolbar-hover-icon" :class="{ 'toolbar-icon-disabled': snapshotIndex < 1 }"
+                @click="undo()">
                 <Icon name="icon_undo_outlined">
                   <icon_undo_outlined class="svg-icon" />
                 </Icon>
               </el-icon>
             </el-tooltip>
             <el-tooltip effect="light" :content="$t('commons.reduction')" placement="bottom">
-              <el-icon
-                class="toolbar-hover-icon opt-icon-redo"
-                :class="{
-                  'toolbar-icon-disabled': snapshotIndex === snapshotStore.snapshotData.length - 1
-                }"
-                @click="redo()"
-              >
+              <el-icon class="toolbar-hover-icon opt-icon-redo" :class="{
+                'toolbar-icon-disabled': snapshotIndex === snapshotStore.snapshotData.length - 1
+              }" @click="redo()">
                 <Icon name="icon_redo_outlined">
                   <icon_redo_outlined class="svg-icon" />
                 </Icon>
               </el-icon>
             </el-tooltip>
-          </div>
+          </div> -->
         </div>
         <div class="middle-area">
-          <component-group
-            show-split-line
-            is-label
-            :base-width="410"
-            :icon-name="dvView"
-            :title="t('visualization.view')"
-          >
+          <div @click="undo()"   :class="{ 'toolbar-icon-disabled': snapshotIndex < 1 }"  >
+            <component-group is-label :base-width="410" :icon-name="unedo" :title="t('visualization.undo')">
+            </component-group>
+          </div>
+          <div @click="redo()" :class="{'toolbar-icon-disabled': snapshotIndex === snapshotStore.snapshotData.length - 1}">
+            <component-group is-label :base-width="410" :icon-name="reado" :title="t('commons.reduction')" :show-split-line="true">
+            </component-group>
+          </div>
+
+          <component-group is-label :base-width="410" :icon-name="dvView" :title="t('visualization.view')">
             <user-view-group></user-view-group>
           </component-group>
-          <component-group
-            :base-width="115"
-            :show-split-line="true"
-            is-label
-            :icon-name="dvFilter"
-            :title="t('visualization.query_component')"
-          >
+          <component-group is-label placement="bottom"  :base-width="230" :icon-name="dvThree" :title="t('visualization.three_dimensional')">
+            <three-group></three-group>
+          </component-group>
+          <component-group is-label placement="bottom"  :base-width="320" :icon-name="dvMap" :title="t('chart.chart_map')">
+            <user-view-group :dvtype="'地图'"></user-view-group>
+          </component-group>
+          <component-group :base-width="115" is-label :icon-name="dvFilter" :title="t('visualization.query_component')">
             <query-group :dv-model="dvModel"></query-group>
           </component-group>
-          <component-group
-            is-label
-            :base-width="215"
-            :icon-name="dvText"
-            :title="t('visualization.text_html')"
-          >
+          <component-group is-label :base-width="215" :icon-name="dvText" :title="t('visualization.text_html')">
             <text-group></text-group>
           </component-group>
-          <component-group
-            is-label
-            placement="bottom"
-            :base-width="328"
-            :icon-name="dvMedia"
-            :title="t('visualization.media')"
-          >
+          <component-group is-label placement="bottom" :base-width="328" :icon-name="dvMedia"
+            :title="t('visualization.media')">
             <media-group></media-group>
           </component-group>
           <component-group is-label :base-width="115" :icon-name="dvTab" title="Tab">
             <tabs-group :dv-model="dvModel"></tabs-group>
           </component-group>
-          <component-group is-label :base-width="115" :icon-name="dvTab" title="树">
+          <component-group is-label :base-width="115"  :icon-name="dvTree" :title="t('visualization.tree')">
             <tree-group :dv-model="dvModel"></tree-group>
           </component-group>
-          <component-group
-            is-label
-            :base-width="215"
-            :icon-name="dvMoreCom"
-            :title="t('visualization.more')"
-          >
+          <component-group is-label :base-width="215" :icon-name="dvMoreCom" :title="t('visualization.more')">
             <more-com-group></more-com-group>
           </component-group>
-          <component-group
-            is-label
-            :base-width="410"
-            :icon-name="dvMaterial"
-            :show-split-line="true"
-            :title="t('visualization.source_material')"
-          >
+          <component-group is-label :base-width="410" :icon-name="dvMaterial" 
+            :title="t('visualization.source_material')">
             <common-group></common-group>
           </component-group>
-          <component-button-label
-            :icon-name="icon_copy_filled"
-            :title="t('visualization.multiplexing')"
-            is-label
-            @customClick="multiplexingCanvasOpen"
-          ></component-button-label>
+          <component-button-label :icon-name="icon_copy_filled" :title="t('visualization.multiplexing')" is-label
+            @customClick="multiplexingCanvasOpen"></component-button-label>
         </div>
       </template>
       <div class="right-area">
-        <el-tooltip
-          effect="dark"
-          :content="t('visualization.external_parameter_settings')"
-          placement="bottom"
-        >
-          <component-button
-            v-show="editMode === 'edit'"
-            :tips="t('visualization.external_parameter_settings')"
-            @custom-click="openOuterParamsSet"
-            :icon-name="icon_params_setting"
-          />
+        <el-tooltip effect="dark" :content="t('visualization.external_parameter_settings')" placement="bottom">
+          <component-button v-show="editMode === 'edit'" :tips="t('visualization.external_parameter_settings')"
+            @custom-click="openOuterParamsSet" :icon-name="icon_params_setting" />
         </el-tooltip>
         <div v-show="editMode === 'edit'" class="divider"></div>
-        <el-button
-          v-if="editMode === 'preview'"
-          icon="EditPen"
-          @click="edit()"
-          class="preview-button"
-          type="primary"
-        >
+        <el-button v-if="editMode === 'preview'" icon="EditPen" @click="edit()" class="preview-button" type="primary">
           {{ t('visualization.edit') }}
         </el-button>
-        <el-button
-          v-else-if="!isIframe"
-          class="preview-button"
-          @click="fullScreenPreview"
-          style="float: right"
-        >
+        <el-button v-else-if="!isIframe" class="preview-button" @click="fullScreenPreview" style="float: right">
           {{ t('visualization.preview') }}
         </el-button>
-        <el-button
-          @click="saveCanvasWithCheck()"
-          :disabled="styleChangeTimes < 1"
-          style="float: right; margin-right: 12px"
-          type="primary"
-        >
+        <el-button @click="saveCanvasWithCheck()" :disabled="styleChangeTimes < 1"
+          style="float: right; margin-right: 12px" type="primary">
           {{ t('visualization.save') }}
         </el-button>
-        <el-dropdown
-          :disabled="dvInfo.status === 0"
-          popper-class="menu-outer-dv_popper-toolbar"
-          trigger="hover"
-        >
-          <el-button
-            @click="saveCanvasWithCheck(true, 1)"
-            style="float: right; margin: 0 12px 0 0"
-            type="primary"
-          >
+        <el-dropdown :disabled="dvInfo.status === 0" popper-class="menu-outer-dv_popper-toolbar" trigger="hover">
+          <el-button @click="saveCanvasWithCheck(true, 1)" style="float: right; margin: 0 12px 0 0" type="primary">
             {{ t('visualization.publish') }}
           </el-button>
           <template #dropdown>
@@ -523,10 +470,7 @@ const fullScreenPreview = () => {
                 </el-icon>
                 {{ t('visualization.publish_recover') }}
               </el-dropdown-item>
-              <el-dropdown-item
-                @click.stop="publishStatusChange(0)"
-                v-if="[1, 2].includes(dvInfo.status)"
-              >
+              <el-dropdown-item @click.stop="publishStatusChange(0)" v-if="[1, 2].includes(dvInfo.status)">
                 <el-icon class="handle-icon">
                   <Icon name="icon_left_outlined">
                     <dv-cancel-publish class="svg-icon toolbar-icon" />
@@ -540,31 +484,13 @@ const fullScreenPreview = () => {
       </div>
     </div>
     <Teleport v-if="nameEdit" :to="'#dv-canvas-name'">
-      <input
-        @keydown.stop
-        @keyup.stop
-        @change="onDvNameChange"
-        ref="nameInput"
-        minlength="2"
-        maxlength="64"
-        v-model="inputName"
-        @blur="closeEditCanvasName"
-      />
+      <input @keydown.stop @keyup.stop @change="onDvNameChange" ref="nameInput" minlength="2" maxlength="64"
+        v-model="inputName" @blur="closeEditCanvasName" />
     </Teleport>
 
-    <de-resource-group-opt
-      @finish="resourceOptFinish"
-      cur-canvas-type="dataV"
-      ref="resourceGroupOpt"
-    />
-    <de-app-apply
-      ref="resourceAppOpt"
-      :component-data="componentData"
-      :dv-info="dvInfo"
-      :canvas-view-info="canvasViewInfo"
-      cur-canvas-type="dataV"
-      @saveAppCanvas="saveCanvasWithCheck"
-    ></de-app-apply>
+    <de-resource-group-opt @finish="resourceOptFinish" cur-canvas-type="dataV" ref="resourceGroupOpt" />
+    <de-app-apply ref="resourceAppOpt" :component-data="componentData" :dv-info="dvInfo"
+      :canvas-view-info="canvasViewInfo" cur-canvas-type="dataV" @saveAppCanvas="saveCanvasWithCheck"></de-app-apply>
   </div>
   <de-fullscreen ref="fullScreeRef" show-position="dvEdit"></de-fullscreen>
   <multiplexing-canvas ref="multiplexingRef"></multiplexing-canvas>
@@ -692,10 +618,12 @@ const fullScreenPreview = () => {
     background-color: transparent;
   }
 }
-:deep(.ed-button--primary){
+
+:deep(.ed-button--primary) {
   background: #0089ff;
   border: 1px solid #0089ff;
 }
+
 .divider {
   background: #5f5f5f;
   width: 1px;
@@ -705,17 +633,20 @@ const fullScreenPreview = () => {
 }
 </style>
 <style>
-.ed-message-box{
+.ed-message-box {
   background: #212121;
 }
-.ed-message-box__content{
+
+.ed-message-box__content {
   color: #ffffff;
 }
-.ed-message-box__btns .ed-button--primary{
+
+.ed-message-box__btns .ed-button--primary {
   background: #0089ff;
   border-color: #0089ff;
 }
-.ed-message-box__btns .ed-button.is-secondary{
+
+.ed-message-box__btns .ed-button.is-secondary {
   color: #F2F4F5 !important;
   background-color: #212121 !important;
   border: 1px solid #434343 !important;
diff --git a/core/core-frontend/src/custom-component/component-group/ThreeGroup.vue b/core/core-frontend/src/custom-component/component-group/ThreeGroup.vue
new file mode 100644
index 0000000..28f59c3
--- /dev/null
+++ b/core/core-frontend/src/custom-component/component-group/ThreeGroup.vue
@@ -0,0 +1,72 @@
+<script setup lang="ts">
+import iconVideo from '@/assets/svg/icon-video1.svg'
+import dvPictureShow from '@/assets/svg/dv-picture-show1.svg'
+import { toRefs } from 'vue'
+import eventBus from '@/utils/eventBus'
+import DragComponent from '@/custom-component/component-group/DragComponent.vue'
+import { commonHandleDragEnd, commonHandleDragStart } from '@/utils/canvasUtils'
+import { useI18n } from '@/hooks/web/useI18n'
+const { t } = useI18n()
+const props = defineProps({
+  propValue: {
+    type: Array,
+    default: () => []
+  },
+  dvModel: {
+    type: String,
+    default: 'dv'
+  },
+  element: {
+    type: Object,
+    default() {
+      return {
+        propValue: null
+      }
+    }
+  },
+  themes: {
+    type: String,
+    default: 'dark'
+  }
+})
+
+const { dvModel } = toRefs(props)
+const newComponent = (componentName, innerType) => {
+  eventBus.emit('handleNew', { componentName: componentName, innerType: innerType })
+}
+
+const handleDragStart = e => {
+  commonHandleDragStart(e, dvModel.value)
+}
+
+const handleDragEnd = e => {
+  commonHandleDragEnd(e, dvModel.value)
+}
+</script>
+
+<template>
+  <div class="group" @dragstart="handleDragStart" @dragend="handleDragEnd">
+    <drag-component
+      class="media-component"
+      :themes="themes"
+      :icon="iconVideo"
+      :label="t('visualization.three_dimensional')"
+    ></drag-component>
+    <drag-component
+      class="media-component"
+      :themes="themes"
+      :icon="dvPictureShow"
+      :label="t('chart.label')"
+    ></drag-component>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.group {
+  padding: 12px 8px;
+}
+.media-component {
+  float: left;
+  margin: 0 6px 12px 6px !important;
+}
+</style>
diff --git a/core/core-frontend/src/custom-component/component-group/TreeGroup.vue b/core/core-frontend/src/custom-component/component-group/TreeGroup.vue
index 8cfa35a..7f92df2 100644
--- a/core/core-frontend/src/custom-component/component-group/TreeGroup.vue
+++ b/core/core-frontend/src/custom-component/component-group/TreeGroup.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import dvRichText from '@/assets/svg/dv-richText.svg'
+import dvRichText from '@/assets/svg/dv-richText1.svg'
 import { toRefs } from 'vue'
 import eventBus from '@/utils/eventBus'
 import DragComponent from '@/custom-component/component-group/DragComponent.vue'
@@ -47,7 +47,7 @@ const handleDragEnd = e => {
     <drag-component
       :themes="themes"
       :icon="dvRichText"
-      :label="'树'"
+      :label="$t('visualization.tree')"
       drag-info="UserView&DeTree"
       v-on:click="newComponent('UserView', 'DeTree')"
     ></drag-component>
diff --git a/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue b/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue
index 91f9447..4c03f99 100644
--- a/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue
+++ b/core/core-frontend/src/custom-component/component-group/UserViewGroup.vue
@@ -18,6 +18,10 @@ const props = defineProps({
     type: String,
     default: 'dv'
   },
+  dvtype: {
+    type: String,
+    default: 'dv'
+  },
   element: {
     type: Object,
     default() {
@@ -32,7 +36,7 @@ const props = defineProps({
   }
 })
 
-const { dvModel } = toRefs(props)
+const { dvModel, dvtype } = toRefs(props)
 
 const userViewGroup = ref<InstanceType<typeof ElScrollbar>>()
 
@@ -134,57 +138,35 @@ const loadPluginCategory = data => {
 
 <template>
   <el-row class="group" :class="themes" @dragstart="handleDragStart" @dragend="handleDragEnd">
-    <div class="group-left">
+    <div class="group-left" v-if="dvtype!='地图'">
       <ul class="ul-custom">
-        <li
-          class="li-custom"
-          :class="{ 'li-custom-active': state.curCategory === chartGroupInfo.category }"
-          v-for="chartGroupInfo in state.chartGroupList"
-          v-show="chartGroupInfo.display !== 'hidden'"
-          :key="chartGroupInfo.category"
-          @click="groupActiveChange(chartGroupInfo.category)"
-        >
-          {{ chartGroupInfo.title }}
+        <li class="li-custom" :class="{ 'li-custom-active': state.curCategory === chartGroupInfo.category }"
+          v-for="chartGroupInfo in state.chartGroupList" v-show="chartGroupInfo.display !== 'hidden'"
+          :key="chartGroupInfo.category" @click="groupActiveChange(chartGroupInfo.category)">
+          <div
+            v-if="dvtype == 'dv' ? chartGroupInfo && chartGroupInfo.title != '地图' : chartGroupInfo && chartGroupInfo.title === dvtype">
+            {{ chartGroupInfo.title }}</div>
         </li>
       </ul>
     </div>
-    <el-scrollbar ref="userViewGroup" @scroll="handleScroll" class="group-right" height="392px">
-      <el-row
-        :id="chartGroupInfo.category"
-        v-for="chartGroupInfo in state.chartGroupList"
-        v-show="chartGroupInfo.display !== 'hidden'"
-        :key="chartGroupInfo.title"
-      >
-        <el-row class="group-title">{{ chartGroupInfo.title }}</el-row>
-        <el-row style="width: 100%">
-          <el-col
-            class="item"
-            :span="8"
-            v-for="chartInfo in chartGroupInfo.details"
-            :key="chartInfo.title"
-          >
-            <div
-              v-on:click="newComponent(chartInfo.value, chartInfo['staticMap'])"
-              class="item-top"
-              draggable="true"
-              :data-id="'UserView&' + chartInfo.value"
-              :title="chartInfo.title"
-            >
-              <Icon
-                class-name="item-top-icon"
-                v-if="chartInfo['isPlugin']"
-                :static-content="chartInfo.icon"
-              />
-              <Icon v-else class-name="item-top-icon"
-                ><component
-                  class="svg-icon item-top-icon"
-                  :is="
-                    props.themes === 'dark'
-                      ? iconChartDarkMap[`${chartInfo.icon}-dark`]
-                      : iconChartMap[chartInfo.icon]
-                  "
-                ></component
-              ></Icon>
+    <el-scrollbar ref="userViewGroup" @scroll="handleScroll" :style="{ border: dvtype=='地图' ? '0px' : '' }" class="group-right" style="margin-top: 10px;" :height="dvtype=='地图'?'200px':'336px'">
+      <el-row :id="chartGroupInfo.category" v-for="chartGroupInfo in state.chartGroupList"
+        v-show="chartGroupInfo.display !== 'hidden'" :key="chartGroupInfo.title">
+        <el-row
+           v-if="dvtype == 'dv' ? chartGroupInfo && chartGroupInfo.title != '地图' : ''"
+          class="group-title">{{ chartGroupInfo.title }}</el-row>
+        <el-row style="width: 100%"
+           v-if="dvtype == 'dv' ? chartGroupInfo && chartGroupInfo.title != '地图' : chartGroupInfo && chartGroupInfo.title === dvtype">
+          <el-col class="item" :span="8" v-for="chartInfo in chartGroupInfo.details" :key="chartInfo.title">
+            <div v-on:click="newComponent(chartInfo.value, chartInfo['staticMap'])" class="item-top" draggable="true"
+              :data-id="'UserView&' + chartInfo.value" :title="chartInfo.title">
+              <Icon class-name="item-top-icon" v-if="chartInfo['isPlugin']" :static-content="chartInfo.icon" />
+              <Icon v-else class-name="item-top-icon">
+                <component class="svg-icon item-top-icon" :is="props.themes === 'dark'
+                    ? iconChartDarkMap[`${chartInfo.icon}-dark`]
+                    : iconChartMap[chartInfo.icon]
+                  "></component>
+              </Icon>
             </div>
             <div :title="chartInfo.title" class="item-bottom">
               <span>{{ chartInfo.title }}</span>
@@ -194,54 +176,65 @@ const loadPluginCategory = data => {
       </el-row>
     </el-scrollbar>
   </el-row>
-  <XpackComponent
-    jsname="L2NvbXBvbmVudC9wbHVnaW5zLWhhbmRsZXIvVmlld0NhdGVnb3J5SGFuZGxlcg=="
-    @load-plugin-category="loadPluginCategory"
-  />
+  <XpackComponent jsname="L2NvbXBvbmVudC9wbHVnaW5zLWhhbmRsZXIvVmlld0NhdGVnb3J5SGFuZGxlcg=="
+    @load-plugin-category="loadPluginCategory" />
 </template>
 
 <style lang="less" scoped>
 .light {
   color: #646a73 !important;
+
   :deep(.group-right) {
-    border-left: 1px solid @side-outline-border-color-light!important;
+    border-left: 1px solid @side-outline-border-color-light !important;
   }
+
   :deep(.item-top) {
     background-color: #f5f6f7 !important;
   }
+
   :deep(.ul-custom) {
-    color: @chart-change-font-color-light!important;
+    color: @chart-change-font-color-light !important;
   }
+
   :deep(.li-custom) {
     color: #646a73 !important;
+
     &.li-custom-active {
       color: var(--ed-color-primary) !important;
     }
+
     &:hover {
       background: rgba(31, 35, 41, 0.1) !important;
     }
   }
+
   :deep(.item-bottom) {
-    color: @chart-change-font-color-light!important;
+    color: @chart-change-font-color-light !important;
   }
+
   :deep(.item-top-icon) {
-    color: @chart-change-font-color-light!important;
+    color: @chart-change-font-color-light !important;
   }
+
   :deep(.group-title) {
     color: #1f2329;
   }
 }
+
 .group {
   display: flex;
   max-height: 400px;
   height: 100%;
+
   .group-left {
     width: 100px;
     height: 100%;
+
     .ul-custom {
       padding-top: 8px;
       padding-inline-start: 0px;
       color: @canvas-main-font-color;
+
       .li-custom {
         margin-top: 1px;
         font-weight: 400;
@@ -255,6 +248,7 @@ const loadPluginCategory = data => {
         border-radius: 4px;
         color: #a6a6a6;
         padding-left: 8px;
+
         &:hover {
           background: rgba(255, 255, 255, 0.1);
           cursor: pointer;
@@ -270,12 +264,14 @@ const loadPluginCategory = data => {
       }
     }
   }
+
   .group-right {
     border-left: 1px solid @side-outline-border-color;
     flex: 1;
     padding: 4px 0 4px 12px;
   }
 }
+
 .custom_img {
   width: 100px;
   height: 70px;
@@ -285,6 +281,7 @@ const loadPluginCategory = data => {
 .li-custom-active {
   background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
   color: var(--ed-color-primary) !important;
+
   .li-a {
     color: var(--ed-color-primary) !important;
   }
@@ -296,6 +293,7 @@ const loadPluginCategory = data => {
   flex-direction: column;
   justify-content: center;
   align-items: center;
+
   .item-top {
     width: 88px;
     height: 64px;
@@ -305,15 +303,18 @@ const loadPluginCategory = data => {
     display: flex;
     align-items: center;
     justify-content: center;
+
     &:hover {
       border: 1px solid var(--ed-color-primary);
     }
+
     .item-top-icon {
       width: 80px;
       height: 56px;
       color: @canvas-main-font-color;
     }
   }
+
   .item-bottom {
     height: 20px;
     line-height: 20px;
diff --git a/core/core-frontend/src/locales/en.ts b/core/core-frontend/src/locales/en.ts
index 6f2c6c6..d13ab11 100644
--- a/core/core-frontend/src/locales/en.ts
+++ b/core/core-frontend/src/locales/en.ts
@@ -1448,6 +1448,7 @@ export default {
     chart_radar: 'Radar chart',
     chart_gauge: 'Dashboard',
     chart_map: 'Map',
+    vector_map:'Vector map',
     chart_bubble_map: 'Bubble map',
     dateStyle: 'Date display',
     datePattern: 'Date format',
@@ -3122,8 +3123,10 @@ export default {
       'Click or drag the query component to this position, click preview to view the pop-up area',
     view: 'View',
     query_component: 'Query',
+    three_dimensional:'Three Dimensional',
     media: 'Media',
     more: 'More',
+    tree: 'Tree',
     source_material: 'Material',
     text_html: 'Text',
     external_parameter_settings: 'External Parameter Settings',
diff --git a/core/core-frontend/src/locales/tw.ts b/core/core-frontend/src/locales/tw.ts
index ab2c015..123e68f 100644
--- a/core/core-frontend/src/locales/tw.ts
+++ b/core/core-frontend/src/locales/tw.ts
@@ -1410,6 +1410,7 @@ export default {
     chart_radar: '雷達圖',
     chart_gauge: '儀錶板',
     chart_map: '地圖',
+    vector_map:'矢量地圖',
     chart_bubble_map: '氣泡地圖',
     dateStyle: '日期顯示',
     datePattern: '日期格式',
@@ -3037,6 +3038,8 @@ export default {
     pop_area_tips: '可點擊或拖拽查詢組件到此位置，點擊預覽可查看彈窗區',
     view: '圖表',
     query_component: '查詢組件',
+    tree: '樹',
+    three_dimensional:'三維',
     media: '媒體',
     more: '更多',
     source_material: '素材',
diff --git a/core/core-frontend/src/locales/zh-CN.ts b/core/core-frontend/src/locales/zh-CN.ts
index 3e5ad41..e9fd116 100644
--- a/core/core-frontend/src/locales/zh-CN.ts
+++ b/core/core-frontend/src/locales/zh-CN.ts
@@ -1415,6 +1415,7 @@ export default {
     chart_radar: '雷达图',
     chart_gauge: '仪表盘',
     chart_map: '地图',
+    vector_map:'矢量地图',
     chart_bubble_map: '气泡地图',
     dateStyle: '日期显示',
     datePattern: '日期格式',
@@ -3043,8 +3044,10 @@ export default {
     pop_area_tips: '可点击或拖拽查询组件到此位置，点击预览可查看弹窗区',
     view: '图表',
     query_component: '查询组件',
+    three_dimensional:'三维',
     media: '媒体',
     more: '更多',
+    tree: '树',
     source_material: '素材',
     text_html: '文本',
     external_parameter_settings: '外部参数设置',
diff --git a/core/core-frontend/src/views/chart/components/editor/index.vue b/core/core-frontend/src/views/chart/components/editor/index.vue
index e335abb..c6f031b 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -2153,8 +2153,8 @@ const tabchange = (val: any) => {
               <el-tabs v-else v-model="tabActive" class="tab-header" :class="{ dark: themes === 'dark' }" @tab-click="tabchange">
                 <el-tab-pane name="data" :label="t('chart.chart_data')" class="padding-tab">
                   <el-container direction="vertical">
-                    <el-scrollbar class="has-footer drag_main_area attr-style theme-border-class">
-                      <el-row
+                    <el-scrollbar class="has-footer drag_main_area attr-style theme-border-class" style="padding-top:10px;" >
+                      <!-- <el-row
                         v-if="!['rich-text', 'DeTree' ,'Picture', 'picture-group'].includes(view.type)"
                         class="drag-data padding-lr"
                       >
@@ -2184,7 +2184,7 @@ const tabchange = (val: any) => {
                           </template>
                         </el-popover>
 
-                      </el-row>
+                      </el-row> -->
 
                       <template v-if="view.plugin?.isPlugin">
                         <plugin-component :jsname="view.plugin.staticMap['editor-data']" :view="view"
@@ -2796,7 +2796,7 @@ const tabchange = (val: any) => {
                     </el-footer>
                   </el-container>
                 </el-tab-pane>
-                <el-tab-pane v-if="view.type.includes('map')" name="base" :label="t('chart.chart_base')"
+                <el-tab-pane v-if="view.type.includes('map') && view.type != 'map' && view.type != 'bubble-map' " name="base" :label="t('chart.chart_base')"
                   class="padding-tab">
                   <el-row class="drag-data padding-lr" style="width: 100%;">
                     <span class="data-area-label">{{ t('chart.switch_base') }}</span>
diff --git a/core/core-frontend/src/views/chart/components/editor/util/chart.ts b/core/core-frontend/src/views/chart/components/editor/util/chart.ts
index 4e4878c..cfca570 100644
--- a/core/core-frontend/src/views/chart/components/editor/util/chart.ts
+++ b/core/core-frontend/src/views/chart/components/editor/util/chart.ts
@@ -1544,7 +1544,7 @@ export const CHART_TYPE_CONFIGS = [
         render: 'antv',
         category: 'map',
         value: 'map',
-        title: t('chart.chart_map'),
+        title: t('chart.vector_map'),
         icon: 'map'
       },
       {
diff --git a/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue b/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue
index 07a4a46..850b1ae 100644
--- a/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue
+++ b/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue
@@ -36,6 +36,7 @@ import * as THREE from 'three';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
 import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js' // 控制器
 import { ThreeLayer, ThreeRender } from '@antv/l7-three';
+import { ElMessage } from 'element-plus-secondary'
 const { t } = useI18n()
 const dvMainStore = dvMainStoreWithOut()
 const { nowPanelTrackInfo, nowPanelJumpInfo, mobileInPc, embeddedCallBack, inMobile, curComponent } =
@@ -378,13 +379,24 @@ class SatelliteControl extends Control {
     btn.style.borderRadius = '4px';
     btn.style.cursor = 'pointer'
     btn.style.fontSize = '11px';
+    let mapKey: any
+    if (curComponent.value && curComponent.value.mapServer) {
+      mapKey = curComponent.value.mapServer.find(server => server.status === true);
+    } 
+    
     let scene = myChart.getScene()
-    console.log('scene', scene)
-    // 创建高德卫星图层
-    let satelliteLayer = new window.AMap.TileLayer.Satellite();
+    let satelliteLayer
     let isSatelliteVisible = false;
-    console.log('12345677', satelliteLayer);
+    // 创建高德卫星图层
+    if(mapKey.mapType == 'gaode'){
+      satelliteLayer = new window.AMap.TileLayer.Satellite();
+      isSatelliteVisible = false;
+    }
     btn.onclick = () => {
+      if(mapKey.mapType != 'gaode'){
+      ElMessage.warning('当前仅高德地图支持切换卫星图层')
+      return
+    }
       // console.log('12345677',isSatelliteVisible);
       isSatelliteVisible = !isSatelliteVisible;
       if (isSatelliteVisible) {
@@ -395,7 +407,6 @@ class SatelliteControl extends Control {
         // 使用 scene.removeLayer 方法移除卫星图层
         btn.style.backgroundColor = '#000';
         scene.map.remove(satelliteLayer)
-
       }
     };
     // // 确保地图加载完成
@@ -422,29 +433,27 @@ const renderL7 = async (chart: ChartObj, chartView: L7ChartView<any, any>, callb
       action
     });
     // // 清除已有比例尺 
-    // if (!scaleControl) {
-    //   scaleControl = new Scale({
-    //     position: 'bottomleft',
-    //     imperial: false
-    //   });
-    //   myChart.getScene()?.addControl(scaleControl);
-    // }
-    // // 添加全屏控件
-    // if (fullscreenControl) {
 
-    // } else {
-    //   fullscreenControl = new Fullscreen({
-    //     position: 'bottomright',
-    //   });
-    //   myChart.getScene()?.addControl(fullscreenControl, 'bottomright');
-    // }
+      scaleControl = new Scale({
+        position: 'bottomleft',
+        imperial: false
+      });
+      myChart.getScene()?.addControl(scaleControl);
+
+    // // 添加全屏控件
+    
+      fullscreenControl = new Fullscreen({
+        position: 'bottomright',
+      });
+      myChart.getScene()?.addControl(fullscreenControl, 'bottomright');
+    
     // // ====== 使用高德地图原生API实现卫星图层切换 ======
     // // 添加控件到地图
     // // 移除之前的卫星控件（如果存在）
     // if (!satelliteControlInstance) {
     //   // 添加新的卫星控件到地图
-    //   satelliteControlInstance = new SatelliteControl({ position: 'bottomright' });
-    //   myChart.getScene()?.addControl(satelliteControlInstance);
+      satelliteControlInstance = new SatelliteControl({ position: 'bottomright' });
+      myChart.getScene()?.addControl(satelliteControlInstance);
     // }
     if (view.value.type == 'three-map' ) {
       // debugger