feat: 丰富图标，优化侧边栏切换主题按钮的下拉框定位

examples/scripts/index-demo.js

@@ -172,7 +172,7 @@ var basicConfig = {
       'theme'
     ],
     bubble: ['bold', 'italic', 'underline', 'strikethrough', 'sub', 'sup', 'quote', 'ruby', '|', 'size', 'color'], // array or false
-    sidebar: ['mobilePreview', 'copy'],
+    sidebar: ['mobilePreview', 'copy', 'theme'],
     customMenu: {
       customMenuAName: customMenuA,
       customMenuBName: customMenuB,

examples/scripts/multiple-demo.js

@@ -78,6 +78,7 @@ var cherryConfig1 = {
       'word',
       'graph',
     ],
+    sidebar: ['mobilePreview', 'copy', 'theme'],
   },
   editor: {
     height: '600px',
@@ -135,6 +136,7 @@ var cherryConfig2 = {
       'bold',
       'italic',
       'strikethrough',
+      'color',
       '|',
       'list',
       { insert: ['image', 'audio', 'video', 'link', 'hr', 'br', 'code', 'formula', 'toc', 'table', 'pdf', 'word'] },
@@ -143,7 +145,7 @@ var cherryConfig2 = {
       'settings',
       'export'
     ],
-    sidebar: ['mobilePreview'],
+    sidebar: ['copy', 'mobilePreview', 'theme'],
   },
   editor: {
     height: '600px',

src/sass/ch-icon.scss

@@ -20,6 +20,17 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.ch-icon-create:before { content: "\EA5A" }
+.ch-icon-download:before { content: "\EA5B" }
+.ch-icon-edit:before { content: "\EA5C" }
+.ch-icon-export:before { content: "\EA5D" }
+.ch-icon-folder-open:before { content: "\EA5E" }
+.ch-icon-folder:before { content: "\EA5F" }
+.ch-icon-help:before { content: "\EA60" }
+.ch-icon-pen-fill:before { content: "\EA61" }
+.ch-icon-pen:before { content: "\EA62" }
+.ch-icon-search:before { content: "\EA63" }
+.ch-icon-tips:before { content: "\EA64" }
 .ch-icon-list:before { content: "\EA03" }
 .ch-icon-check:before { content: "\EA04" }
 .ch-icon-square:before { content: "\EA09" }
@@ -83,4 +94,5 @@
 .ch-icon-cherry-table-insert-right:before { content: "\EA56" }
 .ch-icon-cherry-table-insert-top:before { content: "\EA57" }
 .ch-icon-sort-s:before { content: "\EA58" }
-.ch-icon-pinyin:before { content: "\EA59" }
+.ch-icon-pinyin:before { content: "\EA59" }
+.ch-icon-warn:before { content: "\EA65" }

src/sass/cherry.scss

@@ -89,7 +89,7 @@
 
   .cherry-insert-table-menu {
     display: block;
-    position: absolute;
+    position: fixed;
     // z-index: 100;
     top: 40px;
     left: 40px;
@@ -635,4 +635,4 @@
 @import './themes/dark.scss';
 @import './themes/light.scss';
 @import './themes/green.scss';
-@import './themes/red.scss';
+@import './themes/red.scss';