feat:add icons (#460)

cmdb-ui/public/iconfont/demo_index.html

@@ -54,6 +54,24 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe910;</span>
+                <div class="name">VPC</div>
+                <div class="code-name">&amp;#xe910;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe911;</span>
+                <div class="name">CDN</div>
+                <div class="code-name">&amp;#xe911;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe90f;</span>
+                <div class="name">OOS</div>
+                <div class="code-name">&amp;#xe90f;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe90b;</span>
                 <div class="name">Google Cloud Platform</div>
@@ -4770,9 +4788,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1711618200417') format('woff2'),
+  src: url('iconfont.woff2?t=1711963254221') format('woff2'),
-       url('iconfont.woff?t=1711618200417') format('woff'),
+       url('iconfont.woff?t=1711963254221') format('woff'),
-       url('iconfont.ttf?t=1711618200417') format('truetype');
+       url('iconfont.ttf?t=1711963254221') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -4798,6 +4816,33 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont caise-VPC"></span>
+            <div class="name">
+              VPC
+            </div>
+            <div class="code-name">.caise-VPC
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-CDN"></span>
+            <div class="name">
+              CDN
+            </div>
+            <div class="code-name">.caise-CDN
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont caise-OOS"></span>
+            <div class="name">
+              OOS
+            </div>
+            <div class="code-name">.caise-OOS
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont Google_Cloud_Platform"></span>
             <div class="name">
@@ -11872,6 +11917,30 @@
       <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-VPC"></use>
+                </svg>
+                <div class="name">VPC</div>
+                <div class="code-name">#caise-VPC</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-CDN"></use>
+                </svg>
+                <div class="name">CDN</div>
+                <div class="code-name">#caise-CDN</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#caise-OOS"></use>
+                </svg>
+                <div class="name">OOS</div>
+                <div class="code-name">#caise-OOS</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#Google_Cloud_Platform"></use>

cmdb-ui/public/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3857903 */
-  src: url('iconfont.woff2?t=1711618200417') format('woff2'),
+  src: url('iconfont.woff2?t=1711963254221') format('woff2'),
-       url('iconfont.woff?t=1711618200417') format('woff'),
+       url('iconfont.woff?t=1711963254221') format('woff'),
-       url('iconfont.ttf?t=1711618200417') format('truetype');
+       url('iconfont.ttf?t=1711963254221') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.caise-VPC:before {
+  content: "\e910";
+}
+
+.caise-CDN:before {
+  content: "\e911";
+}
+
+.caise-OOS:before {
+  content: "\e90f";
+}
+
 .Google_Cloud_Platform:before {
   content: "\e90b";
 }

cmdb-ui/public/iconfont/iconfont.json

@@ -5,6 +5,27 @@
   "css_prefix_text": "",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "39782649",
+      "name": "VPC",
+      "font_class": "caise-VPC",
+      "unicode": "e910",
+      "unicode_decimal": 59664
+    },
+    {
+      "icon_id": "39782643",
+      "name": "CDN",
+      "font_class": "caise-CDN",
+      "unicode": "e911",
+      "unicode_decimal": 59665
+    },
+    {
+      "icon_id": "39782632",
+      "name": "OOS",
+      "font_class": "caise-OOS",
+      "unicode": "e90f",
+      "unicode_decimal": 59663
+    },
     {
       "icon_id": "39729980",
       "name": "Google Cloud Platform",

cmdb-ui/src/components/CustomIconSelect/constants.js

@@ -1022,17 +1022,14 @@ export const multicolorIconList = [
       value: 'caise-tomcat',
       label: 'Tomcat'
     }, {
-      value: 'caise-aliyun',
+      value: 'caise-VPC',
-      label: '阿里云'
+      label: 'VPC'
     }, {
-      value: 'caise-tengxunyun',
+      value: 'caise-CDN',
-      label: '腾讯云'
+      label: 'CDN'
     }, {
-      value: 'caise-huaweiyun',
+      value: 'caise-OOS',
-      label: '华为云'
+      label: '对象存储'
-    }, {
-      value: 'caise-aws',
-      label: 'AWS'
     }]
   }, {
     value: 'data',