Feature/add icons

components/icon/demos/icons.md

@@ -156,7 +156,20 @@ export default class extends Component<Props> {
                 ["inboundrules"],
                 ["fullscreen"],
                 ["add-circled"],
+                ["minus-circled"],
+                ["star"],
+                ["filter"],
+                ["layer"],
+                ["warm-up"],
+                ["nic"],
+                ["container"],
+                ["bare-metal"],
+                ["sidebar-toggle"],
+                ["cloud-server"],
+                ["network-node"],
                 ["think"],
+                ["expand-all"],
+                ["collapse-all"],
             ],
         } as Props
     }

styles/fonts/iconfont.json

@@ -5,6 +5,97 @@
   "css_prefix_text": "",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "47353963",
+      "name": "Expandall",
+      "font_class": "quanbuzhankai",
+      "unicode": "e9d3",
+      "unicode_decimal": 59859
+    },
+    {
+      "icon_id": "47353962",
+      "name": "Foldall",
+      "font_class": "quanbushouqi",
+      "unicode": "e9d4",
+      "unicode_decimal": 59860
+    },
+    {
+      "icon_id": "47349237",
+      "name": "star",
+      "font_class": "shoucang",
+      "unicode": "e9d2",
+      "unicode_decimal": 59858
+    },
+    {
+      "icon_id": "47348956",
+      "name": "filter",
+      "font_class": "shaixuan",
+      "unicode": "e9cf",
+      "unicode_decimal": 59855
+    },
+    {
+      "icon_id": "47348958",
+      "name": "layer",
+      "font_class": "cengji",
+      "unicode": "e9d0",
+      "unicode_decimal": 59856
+    },
+    {
+      "icon_id": "47348976",
+      "name": "warm up",
+      "font_class": "yure",
+      "unicode": "e9d1",
+      "unicode_decimal": 59857
+    },
+    {
+      "icon_id": "46846727",
+      "name": "k-icon-NIC",
+      "font_class": "wangka",
+      "unicode": "e686",
+      "unicode_decimal": 59014
+    },
+    {
+      "icon_id": "46846728",
+      "name": "k-icon-container",
+      "font_class": "rongqi",
+      "unicode": "e687",
+      "unicode_decimal": 59015
+    },
+    {
+      "icon_id": "46846729",
+      "name": "k-icon-bare metal",
+      "font_class": "icon-luojinshufuwuqi",
+      "unicode": "e688",
+      "unicode_decimal": 59016
+    },
+    {
+      "icon_id": "46846730",
+      "name": "k-icon-open drawer",
+      "font_class": "down-small",
+      "unicode": "e689",
+      "unicode_decimal": 59017
+    },
+    {
+      "icon_id": "46846731",
+      "name": "k-icon-cloud server",
+      "font_class": "yunfuwuqi",
+      "unicode": "e68a",
+      "unicode_decimal": 59018
+    },
+    {
+      "icon_id": "46846691",
+      "name": "k-icon-subnet",
+      "font_class": "k-icon-subnet1",
+      "unicode": "e685",
+      "unicode_decimal": 59013
+    },
+    {
+      "icon_id": "46781143",
+      "name": "k-icon-reduce",
+      "font_class": "k-icon-reduce",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    },
     {
       "icon_id": "46471876",
       "name": "k-icon-add",

styles/fonts/iconfont.ts

@@ -1,13 +1,13 @@
-import {injectGlobal} from '@emotion/css';
-import eot from './iconfont.eot';
-import woff from './iconfont.woff';
-import ttf from './iconfont.ttf';
-import svg from './iconfont.svg';
-import woff2 from './iconfont.woff2';
-import { cache } from '../../components/utils';
+import { injectGlobal } from "@emotion/css";
+import eot from "./iconfont.eot";
+import woff from "./iconfont.woff";
+import ttf from "./iconfont.ttf";
+import svg from "./iconfont.svg";
+import woff2 from "./iconfont.woff2";
+import { cache } from "../../components/utils";
 
 export const makeIconStyles = cache(function _makeIconStyles(k: string) {
-    injectGlobal`
+  injectGlobal`
         @font-face {
           font-family: "kd-font";
           src: url('${eot}'); /* IE9 */
@@ -30,10 +30,62 @@ export const makeIconStyles = cache(function _makeIconStyles(k: string) {
           content: "\\e60b";
         }
 
+        .${k}-icon-expand-all:before {
+          content: "\\e9d3";
+        }
+
+        .${k}-icon-collapse-all:before {
+          content: "\\e9d4";
+        }
+
         .${k}-icon-think:before {
           content: "\\e60a";
         }
 
+        .${k}-icon-star:before {
+          content: "\\e9d2";
+        }
+
+        .${k}-icon-filter:before {
+          content: "\\e9cf";
+        }
+
+        .${k}-icon-layer:before {
+          content: "\\e9d0";
+        }
+
+        .${k}-icon-warm-up:before {
+          content: "\\e9d1";
+        }
+
+        .${k}-icon-nic:before {
+          content: "\\e686";
+        }
+
+        .${k}-icon-container:before {
+          content: "\\e687";
+        }
+
+        .${k}-icon-bare-metal:before {
+          content: "\\e688";
+        }
+
+        .${k}-icon-sidebar-toggle:before {
+          content: "\\e689";
+        }
+
+        .${k}-icon-cloud-server:before {
+          content: "\\e68a";
+        }
+
+        .${k}-icon-network-node:before {
+          content: "\\e685";
+        }
+
+        .${k}-icon-minus-circled:before {
+          content: "\\e61c";
+        }
+
         .${k}-icon-outboundrules:before {
           content: "\\e9cd";
         }