feat: group collapsing

script/genIcon.js

@@ -24,8 +24,8 @@ function genCssFile(fontData) {
 
     data = data.split('\n')
     data.splice(
-      2,
-      5,
+      1,
+      6,
       "  src: url('data:application/x-font-woff;charset=utf-8;base64," +
         fontData +
         "') format('woff');"

script/icon/iconfont.css

@@ -1,47 +1,85 @@
-
 @font-face {font-family: "eruda-icon";
-  src: url('iconfont.eot?t=1530274816100'); /* IE9*/
-  src: url('iconfont.eot?t=1530274816100#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
-  url('iconfont.ttf?t=1530274816100') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('iconfont.svg?t=1530274816100#eruda-icon') format('svg'); /* iOS 4.1- */
+  src: url('iconfont.eot?t=1569469177808'); /* IE9 */
+  src: url('iconfont.eot?t=1569469177808#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('iconfont.woff?t=1569469177808') format('woff'),
+  url('iconfont.ttf?t=1569469177808') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1569469177808#eruda-icon') format('svg'); /* iOS 4.1- */
 }
 
 .eruda-icon {
-  font-family:"eruda-icon" !important;
-  font-size:16px;
-  font-style:normal;
+  font-family: "eruda-icon" !important;
+  font-size: 16px;
+  font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-eye:before { content: "\e613"; }
+.icon-eye:before {
+  content: "\e613";
+}
 
-.icon-arrow:before { content: "\e60f"; }
+.icon-arrow:before {
+  content: "\e60f";
+}
 
-.icon-tool:before { content: "\e626"; }
+.icon-tool:before {
+  content: "\e626";
+}
 
-.icon-info:before { content: "\e624"; }
+.icon-info:before {
+  content: "\e624";
+}
 
-.icon-right:before { content: "\e610"; }
+.icon-right:before {
+  content: "\e610";
+}
 
-.icon-Clearsearch:before { content: "\e642"; }
+.icon-caret-down:before {
+  content: "\e64e";
+}
 
-.icon-expand:before { content: "\e805"; }
+.icon-caret-right:before {
+  content: "\e64f";
+}
 
-.icon-compress:before { content: "\e85b"; }
+.icon-Clearsearch:before {
+  content: "\e642";
+}
 
-.icon-warn:before { content: "\e665"; }
+.icon-expand:before {
+  content: "\e805";
+}
 
-.icon-reset:before { content: "\e745"; }
+.icon-compress:before {
+  content: "\e85b";
+}
 
-.icon-refresh:before { content: "\e600"; }
+.icon-warn:before {
+  content: "\e665";
+}
 
-.icon-select:before { content: "\e661"; }
+.icon-reset:before {
+  content: "\e745";
+}
 
-.icon-play:before { content: "\e7d7"; }
+.icon-refresh:before {
+  content: "\e600";
+}
 
-.icon-delete:before { content: "\e609"; }
+.icon-select:before {
+  content: "\e661";
+}
 
-.icon-Fill:before { content: "\e6ce"; }
+.icon-play:before {
+  content: "\e7d7";
+}
+
+.icon-delete:before {
+  content: "\e609";
+}
+
+.icon-Fill:before {
+  content: "\e6ce";
+}