feat(ui): update ui

cmdb-ui/public/iconfont/demo_index.html

@@ -54,6 +54,108 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a9;</span>
+                <div class="name">caise-middleware</div>
+                <div class="code-name">&amp;#xe9a9;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a7;</span>
+                <div class="name">caise-database</div>
+                <div class="code-name">&amp;#xe9a7;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a8;</span>
+                <div class="name">caise-business</div>
+                <div class="code-name">&amp;#xe9a8;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a6;</span>
+                <div class="name">caise- virtualization</div>
+                <div class="code-name">&amp;#xe9a6;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a4;</span>
+                <div class="name">caise-storage_pool</div>
+                <div class="code-name">&amp;#xe9a4;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a5;</span>
+                <div class="name">caise-storage_volume</div>
+                <div class="code-name">&amp;#xe9a5;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a3;</span>
+                <div class="name">ciase-aix</div>
+                <div class="code-name">&amp;#xe9a3;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe99b;</span>
+                <div class="name">caise_pool</div>
+                <div class="code-name">&amp;#xe99b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe99c;</span>
+                <div class="name">caise-ip_address</div>
+                <div class="code-name">&amp;#xe99c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe99d;</span>
+                <div class="name">caise-computer_room</div>
+                <div class="code-name">&amp;#xe99d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe99e;</span>
+                <div class="name">caise-rack</div>
+                <div class="code-name">&amp;#xe99e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe99f;</span>
+                <div class="name">caise-pc</div>
+                <div class="code-name">&amp;#xe99f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a0;</span>
+                <div class="name">caise-bandwidth_line</div>
+                <div class="code-name">&amp;#xe9a0;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a1;</span>
+                <div class="name">caise-fiber</div>
+                <div class="code-name">&amp;#xe9a1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe9a2;</span>
+                <div class="name">caise-disk_array</div>
+                <div class="code-name">&amp;#xe9a2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe99a;</span>
+                <div class="name">veops-group</div>
+                <div class="code-name">&amp;#xe99a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe999;</span>
+                <div class="name">veops-inheritance</div>
+                <div class="code-name">&amp;#xe999;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe998;</span>
                 <div class="name">veops-department</div>
@@ -5520,9 +5622,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1724653006782') format('woff2'),
-       url('iconfont.woff?t=1724653006782') format('woff'),
-       url('iconfont.ttf?t=1724653006782') format('truetype');
+  src: url('iconfont.woff2?t=1724834571283') format('woff2'),
+       url('iconfont.woff?t=1724834571283') format('woff'),
+       url('iconfont.ttf?t=1724834571283') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -5548,6 +5650,159 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont caise-middleware"></span>
+            <div class="name">
+              caise-middleware
+            </div>
+            <div class="code-name">.caise-middleware
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-database"></span>
+            <div class="name">
+              caise-database
+            </div>
+            <div class="code-name">.caise-database
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-business"></span>
+            <div class="name">
+              caise-business
+            </div>
+            <div class="code-name">.caise-business
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont a-caise-virtualization"></span>
+            <div class="name">
+              caise- virtualization
+            </div>
+            <div class="code-name">.a-caise-virtualization
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-storage_pool"></span>
+            <div class="name">
+              caise-storage_pool
+            </div>
+            <div class="code-name">.caise-storage_pool
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont a-caise-storage_volume1"></span>
+            <div class="name">
+              caise-storage_volume
+            </div>
+            <div class="code-name">.a-caise-storage_volume1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont ciase-aix"></span>
+            <div class="name">
+              ciase-aix
+            </div>
+            <div class="code-name">.ciase-aix
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise_pool"></span>
+            <div class="name">
+              caise_pool
+            </div>
+            <div class="code-name">.caise_pool
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-ip_address"></span>
+            <div class="name">
+              caise-ip_address
+            </div>
+            <div class="code-name">.caise-ip_address
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-computer_room"></span>
+            <div class="name">
+              caise-computer_room
+            </div>
+            <div class="code-name">.caise-computer_room
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-rack"></span>
+            <div class="name">
+              caise-rack
+            </div>
+            <div class="code-name">.caise-rack
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-pc"></span>
+            <div class="name">
+              caise-pc
+            </div>
+            <div class="code-name">.caise-pc
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-bandwidth_line"></span>
+            <div class="name">
+              caise-bandwidth_line
+            </div>
+            <div class="code-name">.caise-bandwidth_line
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-fiber"></span>
+            <div class="name">
+              caise-fiber
+            </div>
+            <div class="code-name">.caise-fiber
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-disk_array"></span>
+            <div class="name">
+              caise-disk_array
+            </div>
+            <div class="code-name">.caise-disk_array
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont veops-group"></span>
+            <div class="name">
+              veops-group
+            </div>
+            <div class="code-name">.veops-group
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont veops-inheritance"></span>
+            <div class="name">
+              veops-inheritance
+            </div>
+            <div class="code-name">.veops-inheritance
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont veops-department"></span>
             <div class="name">
@@ -13747,6 +14002,142 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-middleware"></use>
+                </svg>
+                <div class="name">caise-middleware</div>
+                <div class="code-name">#caise-middleware</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-database"></use>
+                </svg>
+                <div class="name">caise-database</div>
+                <div class="code-name">#caise-database</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-business"></use>
+                </svg>
+                <div class="name">caise-business</div>
+                <div class="code-name">#caise-business</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#a-caise-virtualization"></use>
+                </svg>
+                <div class="name">caise- virtualization</div>
+                <div class="code-name">#a-caise-virtualization</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-storage_pool"></use>
+                </svg>
+                <div class="name">caise-storage_pool</div>
+                <div class="code-name">#caise-storage_pool</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#a-caise-storage_volume1"></use>
+                </svg>
+                <div class="name">caise-storage_volume</div>
+                <div class="code-name">#a-caise-storage_volume1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#ciase-aix"></use>
+                </svg>
+                <div class="name">ciase-aix</div>
+                <div class="code-name">#ciase-aix</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise_pool"></use>
+                </svg>
+                <div class="name">caise_pool</div>
+                <div class="code-name">#caise_pool</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-ip_address"></use>
+                </svg>
+                <div class="name">caise-ip_address</div>
+                <div class="code-name">#caise-ip_address</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-computer_room"></use>
+                </svg>
+                <div class="name">caise-computer_room</div>
+                <div class="code-name">#caise-computer_room</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-rack"></use>
+                </svg>
+                <div class="name">caise-rack</div>
+                <div class="code-name">#caise-rack</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-pc"></use>
+                </svg>
+                <div class="name">caise-pc</div>
+                <div class="code-name">#caise-pc</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-bandwidth_line"></use>
+                </svg>
+                <div class="name">caise-bandwidth_line</div>
+                <div class="code-name">#caise-bandwidth_line</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-fiber"></use>
+                </svg>
+                <div class="name">caise-fiber</div>
+                <div class="code-name">#caise-fiber</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-disk_array"></use>
+                </svg>
+                <div class="name">caise-disk_array</div>
+                <div class="code-name">#caise-disk_array</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#veops-group"></use>
+                </svg>
+                <div class="name">veops-group</div>
+                <div class="code-name">#veops-group</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#veops-inheritance"></use>
+                </svg>
+                <div class="name">veops-inheritance</div>
+                <div class="code-name">#veops-inheritance</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#veops-department"></use>

cmdb-ui/public/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3857903 */
-  src: url('iconfont.woff2?t=1724653006782') format('woff2'),
-       url('iconfont.woff?t=1724653006782') format('woff'),
-       url('iconfont.ttf?t=1724653006782') format('truetype');
+  src: url('iconfont.woff2?t=1724834571283') format('woff2'),
+       url('iconfont.woff?t=1724834571283') format('woff'),
+       url('iconfont.ttf?t=1724834571283') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,74 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.caise-middleware:before {
+  content: "\e9a9";
+}
+
+.caise-database:before {
+  content: "\e9a7";
+}
+
+.caise-business:before {
+  content: "\e9a8";
+}
+
+.a-caise-virtualization:before {
+  content: "\e9a6";
+}
+
+.caise-storage_pool:before {
+  content: "\e9a4";
+}
+
+.a-caise-storage_volume1:before {
+  content: "\e9a5";
+}
+
+.ciase-aix:before {
+  content: "\e9a3";
+}
+
+.caise_pool:before {
+  content: "\e99b";
+}
+
+.caise-ip_address:before {
+  content: "\e99c";
+}
+
+.caise-computer_room:before {
+  content: "\e99d";
+}
+
+.caise-rack:before {
+  content: "\e99e";
+}
+
+.caise-pc:before {
+  content: "\e99f";
+}
+
+.caise-bandwidth_line:before {
+  content: "\e9a0";
+}
+
+.caise-fiber:before {
+  content: "\e9a1";
+}
+
+.caise-disk_array:before {
+  content: "\e9a2";
+}
+
+.veops-group:before {
+  content: "\e99a";
+}
+
+.veops-inheritance:before {
+  content: "\e999";
+}
+
 .veops-department:before {
   content: "\e998";
 }

cmdb-ui/public/iconfont/iconfont.json

@@ -5,6 +5,125 @@
   "css_prefix_text": "",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "41655608",
+      "name": "caise-middleware",
+      "font_class": "caise-middleware",
+      "unicode": "e9a9",
+      "unicode_decimal": 59817
+    },
+    {
+      "icon_id": "41655599",
+      "name": "caise-database",
+      "font_class": "caise-database",
+      "unicode": "e9a7",
+      "unicode_decimal": 59815
+    },
+    {
+      "icon_id": "41655591",
+      "name": "caise-business",
+      "font_class": "caise-business",
+      "unicode": "e9a8",
+      "unicode_decimal": 59816
+    },
+    {
+      "icon_id": "41655550",
+      "name": "caise- virtualization",
+      "font_class": "a-caise-virtualization",
+      "unicode": "e9a6",
+      "unicode_decimal": 59814
+    },
+    {
+      "icon_id": "41654680",
+      "name": "caise-storage_pool",
+      "font_class": "caise-storage_pool",
+      "unicode": "e9a4",
+      "unicode_decimal": 59812
+    },
+    {
+      "icon_id": "41654676",
+      "name": "caise-storage_volume",
+      "font_class": "a-caise-storage_volume1",
+      "unicode": "e9a5",
+      "unicode_decimal": 59813
+    },
+    {
+      "icon_id": "41654608",
+      "name": "ciase-aix",
+      "font_class": "ciase-aix",
+      "unicode": "e9a3",
+      "unicode_decimal": 59811
+    },
+    {
+      "icon_id": "41654233",
+      "name": "caise_pool",
+      "font_class": "caise_pool",
+      "unicode": "e99b",
+      "unicode_decimal": 59803
+    },
+    {
+      "icon_id": "41654237",
+      "name": "caise-ip_address",
+      "font_class": "caise-ip_address",
+      "unicode": "e99c",
+      "unicode_decimal": 59804
+    },
+    {
+      "icon_id": "41654249",
+      "name": "caise-computer_room",
+      "font_class": "caise-computer_room",
+      "unicode": "e99d",
+      "unicode_decimal": 59805
+    },
+    {
+      "icon_id": "41654271",
+      "name": "caise-rack",
+      "font_class": "caise-rack",
+      "unicode": "e99e",
+      "unicode_decimal": 59806
+    },
+    {
+      "icon_id": "41654276",
+      "name": "caise-pc",
+      "font_class": "caise-pc",
+      "unicode": "e99f",
+      "unicode_decimal": 59807
+    },
+    {
+      "icon_id": "41654305",
+      "name": "caise-bandwidth_line",
+      "font_class": "caise-bandwidth_line",
+      "unicode": "e9a0",
+      "unicode_decimal": 59808
+    },
+    {
+      "icon_id": "41654323",
+      "name": "caise-fiber",
+      "font_class": "caise-fiber",
+      "unicode": "e9a1",
+      "unicode_decimal": 59809
+    },
+    {
+      "icon_id": "41654369",
+      "name": "caise-disk_array",
+      "font_class": "caise-disk_array",
+      "unicode": "e9a2",
+      "unicode_decimal": 59810
+    },
+    {
+      "icon_id": "41643869",
+      "name": "veops-group",
+      "font_class": "veops-group",
+      "unicode": "e99a",
+      "unicode_decimal": 59802
+    },
+    {
+      "icon_id": "41637123",
+      "name": "veops-inheritance",
+      "font_class": "veops-inheritance",
+      "unicode": "e999",
+      "unicode_decimal": 59801
+    },
     {
       "icon_id": "41570722",
       "name": "veops-department",