@seafile/seafile-editor 3.0.0 → 3.0.2

package/dist/components/browser-tip/index.js

@@ -17,7 +17,7 @@ function BrowserTip(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-editor-browser-tip"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "browser-tip__icon iconfont icon-description"
+    className: "browser-tip__icon mdfont md-description"
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "browser-tip__message"
   }, `${msg}请试试以下浏览器: Chrome 浏览器最新版，360 极速版，Microsoft Edge 最新版`));

package/dist/components/modal-header/index.css

@@ -7,7 +7,7 @@
   width: 28px;
 }
 
-.sf-editor-close-icon .iconfont {
+.sf-editor-close-icon .mdfont {
   font-weight: 700;
   color: #666;
 }

package/dist/components/modal-header/index.js

@@ -19,7 +19,7 @@ function ModalHeader(_ref) {
       className: "sf-editor-close-icon",
       onClick: toggle
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "iconfont icon-x",
+      className: "mdfont md-sm-close",
       "aria-hidden": "true"
     }));
   }

package/dist/containers/hotkeys-helper/index.js

@@ -39,7 +39,7 @@ function HotkeysHelper() {
     className: "help-close",
     onClick: onCloseClick
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "iconfont icon-x"
+    className: "mdfont md-sm-close"
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-editor-helper__content"
   }, userHelpData.map((item, index) => {

package/dist/containers/outline/index.js

@@ -95,7 +95,7 @@ const Outline = _ref => {
   }, /*#__PURE__*/_react.default.createElement("h2", {
     className: "sf-editor-outline-header_title"
   }, t('Outline')), /*#__PURE__*/_react.default.createElement("span", {
-    className: "sf-editor-outline-header_close iconfont icon-x",
+    className: "sf-editor-outline-header_close mdfont md-sm-close",
     onClick: toggleShow
   })), headerList.length === 0 ? /*#__PURE__*/_react.default.createElement("div", {
     className: "empty-container"
@@ -106,7 +106,7 @@ const Outline = _ref => {
     node: node
   }))))), !isShown && /*#__PURE__*/_react.default.createElement("span", {
     id: "sf-editor-outline-menu",
-    className: "sf-editor-outline-menu sf-editor-tooltip iconfont icon-outline",
+    className: "sf-editor-outline-menu sf-editor-tooltip mdfont md-outline",
     onClick: toggleShow
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "custom-tooltip"

package/dist/extension/commons/dropdown-menu-item/index.css

@@ -3,7 +3,7 @@
   color: #444;
 }
 
-.sf-link-dropdown-menu-item .sf-dropdown-item-content{
+.sf-link-dropdown-menu-item .sf-dropdown-item-content {
   justify-content: space-between;
 }
 
@@ -16,7 +16,7 @@
 }
 
 .sf-dropdown-menu .sf-dropdown-item-with-left-icon {
-  min-height:32px;
+  min-height: 32px;
   padding: 3px 12px;
 }
 
@@ -37,9 +37,9 @@
   font-size: 14px
 }
 
-.sf-dropdown-menu .sf-dropdown-menu-item .iconfont {
-  font-size: 12px;
-  line-height: 12px;
+.sf-dropdown-menu .sf-dropdown-menu-item .mdfont {
+  font-size: 14px;
+  line-height: 14px;
 }
 
 .sf-dropdown-menu .sf-dropdown-item-right-icon {

package/dist/extension/commons/menu/menu-drop-down.js

@@ -65,7 +65,7 @@ const MenuDropDown = props => {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-menu-with-dropdown-triangle"
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: `sf-menu-with-dropdown-triangle-icon iconfont icon-${isShowDropDown ? 'drop-down' : 'caret-up'}`
+    className: `sf-menu-with-dropdown-triangle-icon mdfont md-${isShowDropDown ? 'drop-down' : 'caret-up'}`
   })), !!isShowDropDown && /*#__PURE__*/_react.default.createElement("div", {
     ref: menuDropdownRef,
     className: "sf-dropdown-list "

package/dist/extension/commons/menu/menu.css

@@ -33,8 +33,8 @@
   color: #eb8205;
 }
 
-.sf-menu-group .sf-menu-group-item .iconfont {
-  font-size: 12px;
+.sf-menu-group .sf-menu-group-item .mdfont {
+  font-size: 14px;
 }
 
 /* sf-menu-with-dropdown */

package/dist/extension/commons/more-menu/index.css

@@ -18,7 +18,7 @@
   cursor: pointer;
 }
 
-.sf-editor-menu-popover .popover-inner .sf-slate-help-info-control .icon-use-help {
+.sf-editor-menu-popover .popover-inner .sf-slate-help-info-control .md-use-help {
   font-size: 13px;
   color: #555;
 }

package/dist/extension/commons/select/field-setting.js

@@ -86,21 +86,21 @@ class FieldSetting extends _react.default.Component {
       onMouseEnter: this.onMouseEnter,
       onMouseLeave: this.onMouseLeave
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "iconfont icon-text-style"
+      className: "mdfont md-text-style"
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: "label"
     }, t('Font_style')), /*#__PURE__*/_react.default.createElement("span", {
       className: "icon-container"
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "iconfont icon-caret-up op-icon"
+      className: "mdfont md-caret-up op-icon"
     })), isShowMenu && /*#__PURE__*/_react.default.createElement(_menu.default, {
       position: this.state.position
     }, /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
-      iconClass: 'iconfont icon-bold',
+      iconClass: 'mdfont md-bold',
       isChecked: isBold,
       onClick: this.onBoldClick
     }, t('bold')), /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
-      iconClass: 'iconfont icon-italic',
+      iconClass: 'mdfont md-italic',
       isChecked: isItalic,
       onClick: this.onItalicClick
     }, t('italic'))));

package/dist/extension/commons/select/index.js

@@ -116,7 +116,7 @@ class Select extends _react.default.Component {
     }, currentOption.label)), /*#__PURE__*/_react.default.createElement("span", {
       className: "operation"
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "iconfont icon-drop-down arrow"
+      className: "mdfont md-drop-down arrow"
     }))), isShowSelector && /*#__PURE__*/_react.default.createElement("span", {
       className: "select-popover"
     }, /*#__PURE__*/_react.default.createElement(_fieldSetting.default, {

package/dist/extension/commons/select/menu/item.js

@@ -32,7 +32,7 @@ class MenuItem extends _react.default.Component {
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: "menu-item-name"
     }, children), isChecked && /*#__PURE__*/_react.default.createElement("span", {
-      className: "iconfont icon-check-mark"
+      className: "mdfont md-check-mark"
     }));
   }
 }

package/dist/extension/commons/select/menu/style.css

@@ -33,7 +33,7 @@
   color: #aaa;
 }
 
-.sf-menu-container .sf-menu-item .icon-check-mark {
+.sf-menu-container .sf-menu-item .md-check-mark {
   position: absolute;
   right: 10px;
   height: 32px;

package/dist/extension/commons/select/style.css

@@ -90,7 +90,7 @@
   justify-content: center;
 }
 
-.select-popover .sf-field-setting .icon-text-style {
+.select-popover .sf-field-setting .md-text-style {
   font-size: 14px;
   color: #aaa;
 }

package/dist/extension/constants/menus-config.js

@@ -36,129 +36,106 @@ const TABLE_SUBMENU_MAP = exports.TABLE_SUBMENU_MAP = {
 const MENUS_CONFIG_MAP = exports.MENUS_CONFIG_MAP = {
   [_elementTypes.BLOCKQUOTE]: {
     id: `seafile_${_elementTypes.BLOCKQUOTE}`,
-    iconClass: 'iconfont icon-quote-left',
+    iconClass: 'mdfont md-quote-left',
     text: 'Quote'
   },
   [_elementTypes.ORDERED_LIST]: {
     id: `seafile_${_elementTypes.ORDERED_LIST}`,
-    iconClass: 'iconfont icon-list-ol',
+    iconClass: 'mdfont md-list-ol',
     text: 'Ordered_list'
   },
   [_elementTypes.UNORDERED_LIST]: {
     id: `seafile_${_elementTypes.UNORDERED_LIST}`,
-    iconClass: 'iconfont icon-list-ul',
+    iconClass: 'mdfont md-list-ul',
     text: 'Unordered_list'
   },
   [_elementTypes.CHECK_LIST_ITEM]: {
     id: `seafle_${_elementTypes.CHECK_LIST_ITEM}`,
-    iconClass: 'iconfont icon-check-square',
+    iconClass: 'mdfont md-check-square',
     text: 'Check_list_item'
   },
   [_elementTypes.CODE_BLOCK]: {
     id: `seafile_${_elementTypes.CODE_BLOCK}`,
-    iconClass: 'iconfont icon-code-block',
+    iconClass: 'mdfont md-code-block',
     text: 'Code_block'
   },
   [_elementTypes.LINK]: {
     id: `seafile_${_elementTypes.LINK}`,
-    iconClass: 'iconfont icon-link',
+    iconClass: 'mdfont md-link',
     text: 'Insert_link'
   },
   [_elementTypes.IMAGE]: {
     id: `seafile_${_elementTypes.IMAGE}`,
-    iconClass: 'iconfont icon-image',
+    iconClass: 'mdfont md-image',
     text: 'Insert_image'
   },
   [_elementTypes.TABLE]: {
     id: `seafile_${_elementTypes.TABLE}`,
-    iconClass: 'iconfont icon-table',
+    iconClass: 'mdfont md-table',
     text: 'Insert_table'
   },
   [ITALIC]: {
     id: `seafile_${ITALIC}`,
-    iconClass: 'iconfont icon-italic',
+    iconClass: 'mdfont md-italic',
     text: 'Italic',
     type: ITALIC
   },
   [BOLD]: {
     id: `seafile_${BOLD}`,
-    iconClass: 'iconfont icon-bold',
+    iconClass: 'mdfont md-bold',
     text: 'Bold',
     type: BOLD
   },
   [UNDERLINE]: {
     id: `seafile_${UNDERLINE}`,
-    iconClass: 'iconfont icon-underline',
+    iconClass: 'mdfont md-underline',
     text: 'Underline',
     type: UNDERLINE
   },
   [CODE]: {
     id: `seafile_${CODE}`,
-    iconClass: 'iconfont icon-code',
+    iconClass: 'mdfont md-inline-code',
     text: 'Code',
     type: CODE
   },
   [TABLE_SUBMENU_MAP.TABLE_ALIGN_LEFT]: {
     id: `seafile_${TABLE_SUBMENU_MAP.TABLE_ALIGN_LEFT}`,
-    iconClass: 'iconfont icon-left-alignment',
+    iconClass: 'mdfont md-align-left',
     text: 'Left'
   },
   [TABLE_SUBMENU_MAP.TABLE_ALIGN_CENTER]: {
     id: `seafile_${TABLE_SUBMENU_MAP.TABLE_ALIGN_CENTER}`,
-    iconClass: 'iconfont icon-center-horizontally',
+    iconClass: 'mdfont md-align-center',
     text: 'Center'
   },
   [TABLE_SUBMENU_MAP.TABLE_ALIGN_RIGHT]: {
     id: `seafile_${TABLE_SUBMENU_MAP.TABLE_ALIGN_RIGHT}`,
-    iconClass: 'iconfont icon-align-right',
+    iconClass: 'mdfont md-align-right',
     text: 'Right'
   },
-  [TABLE_SUBMENU_MAP.TABLE_INSERT_COLUMN]: {
-    id: `seafile_${TABLE_SUBMENU_MAP.TABLE_INSERT_COLUMN}`,
-    iconClass: 'iconfont icon-column',
-    text: 'Insert_column'
-  },
-  [TABLE_SUBMENU_MAP.TABLE_DELETE_COLUMN]: {
-    id: `seafile_${TABLE_SUBMENU_MAP.TABLE_DELETE_COLUMN}`,
-    text: 'Delete_column'
-  },
-  [TABLE_SUBMENU_MAP.TABLE_INSERT_ROW]: {
-    id: `seafile_${TABLE_SUBMENU_MAP.TABLE_INSERT_ROW}`,
-    iconClass: 'iconfont icon-row',
-    text: 'Insert_row'
-  },
-  [TABLE_SUBMENU_MAP.TABLE_DELETE_ROW]: {
-    id: `seafile_${TABLE_SUBMENU_MAP.TABLE_DELETE_ROW}`,
-    text: 'Delete_row'
-  },
-  [TABLE_SUBMENU_MAP.TABLE_DELETE_TABLE]: {
-    id: `seafile_${TABLE_SUBMENU_MAP.TABLE_DELETE_TABLE}`,
-    iconClass: 'iconfont icon-delete-table',
-    text: 'Delete_table'
-  },
   [_elementTypes.FORMULA]: {
     id: `seafile_${_elementTypes.FORMULA}`,
-    iconClass: 'iconfont icon-formula',
+    iconClass: 'mdfont md-formula',
     text: 'Insert_formula'
   },
   [CLEAR_FORMAT]: {
     id: `seafile_${CLEAR_FORMAT}`,
-    iconClass: 'iconfont icon-clear-format',
+    iconClass: 'mdfont md-format-clear',
     text: 'Clear_format'
   },
   [_elementTypes.COLUMN]: {
     id: `seafile_${_elementTypes.COLUMN}`,
-    iconClass: 'iconfont icon-choose-column',
+    iconClass: 'mdfont md-choose-column',
     text: 'Insert_column'
   },
   [MORE_OPERATION]: {
     id: `seafile_${MORE_OPERATION}`,
-    iconClass: 'iconfont icon-more',
+    iconClass: 'mdfont md-more',
     text: ''
   },
   [EXPAND_EDITOR]: {
     id: `seafile_${EXPAND_EDITOR}`,
-    iconClass: 'iconfont icon-fullscreen',
+    iconClass: 'mdfont md-fullscreen',
     text: 'Expand_editor'
   }
 };

package/dist/extension/plugins/header/menu/index.js

@@ -76,7 +76,7 @@ const HeaderMenu = _ref => {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "active"
   }, t(_constants.HEADER_TITLE_MAP[currentHeaderType !== null && currentHeaderType !== void 0 ? currentHeaderType : _constants.ELementTypes.PARAGRAPH])), !isDisabled && /*#__PURE__*/_react.default.createElement("span", {
-    className: `iconfont icon-${isShowHeaderPopover ? 'caret-up' : 'drop-down'}`
+    className: `mdfont md-${isShowHeaderPopover ? 'caret-up' : 'drop-down'}`
   })), isShowHeaderPopover && /*#__PURE__*/_react.default.createElement("div", {
     ref: headerPopoverRef,
     className: "sf-header-popover"

package/dist/extension/plugins/header/menu/style.css

@@ -56,7 +56,7 @@
   border-radius: 2px;
 }
 
-.sf-header-menu .sf-header-toggle .iconfont {
+.sf-header-menu .sf-header-toggle .mdfont {
   color: #999;
   width: 12px;
   height: 24px;
@@ -64,7 +64,7 @@
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  font-size: 13px;
+  font-size: 14px;
   cursor: pointer;
 }
 

package/dist/extension/plugins/image/menu/index.js

@@ -45,7 +45,7 @@ const ImageMenu = _ref => {
     menuConfig: menuConfig,
     className: "pr-2"
   }, !readonly && /*#__PURE__*/_react.default.createElement("i", {
-    className: "iconfont icon-right-slide sf-dropdown-item-right-icon"
+    className: "mdfont md-right-slide sf-dropdown-item-right-icon"
   })), !readonly && /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
     target: menuConfig.id,
     trigger: "hover",

package/dist/extension/plugins/image/render-element/index.js

@@ -125,7 +125,7 @@ const renderImage = (_ref, editor) => {
     contentEditable: false,
     onClick: () => setIsFullScreening(true)
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: 'iconfont icon-fullscreen',
+    className: 'mdfont md-fullscreen',
     title: t('Full_screen')
   }))), isResizing && /*#__PURE__*/_react.default.createElement("span", {
     className: "image-size-info-tooltip"

package/dist/extension/plugins/link/render-elem/link-popover.js

@@ -74,13 +74,13 @@ const LinkPopover = _ref => {
     className: "sf-link-op-icon",
     onClick: onEditLink
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "iconfont icon-rename"
+    className: "mdfont md-rename"
   })), /*#__PURE__*/_react.default.createElement("span", {
     role: "button",
     className: "sf-link-op-icon",
     onClick: onUnwrapLink
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "iconfont icon-unlink"
+    className: "mdfont md-unlink"
   })))), document.body));
 };
 var _default = exports.default = LinkPopover;

package/dist/extension/plugins/link/render-elem/style.css

@@ -52,8 +52,8 @@
   color: #555;
 }
 
-.sf-link-op-icon .iconfont {
-  font-size: 12px;
+.sf-link-op-icon .mdfont {
+  font-size: 14px;
   cursor: pointer;
 }
 

package/dist/extension/plugins/table/context-menu/horizontal-align-popover/index.js

@@ -49,7 +49,7 @@ const HorizontalAlignPopover = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-checked"
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: (0, _classnames.default)('iconfont icon-check-mark', {
+    className: (0, _classnames.default)('mdfont md-check-mark', {
       active: !horizontalAlign || horizontalAlign === 'left'
     })
   })), /*#__PURE__*/_react.default.createElement("span", {
@@ -60,7 +60,7 @@ const HorizontalAlignPopover = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-checked"
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: (0, _classnames.default)('iconfont icon-check-mark', {
+    className: (0, _classnames.default)('mdfont md-check-mark', {
       active: horizontalAlign === 'center'
     })
   })), /*#__PURE__*/_react.default.createElement("span", null, t('Center'))), /*#__PURE__*/_react.default.createElement("div", {
@@ -69,7 +69,7 @@ const HorizontalAlignPopover = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-checked"
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: (0, _classnames.default)('iconfont icon-check-mark', {
+    className: (0, _classnames.default)('mdfont md-check-mark', {
       active: horizontalAlign === 'right'
     })
   })), /*#__PURE__*/_react.default.createElement("span", null, t('Right')))));

package/dist/extension/plugins/table/context-menu/horizontal-align-popover/style.css

@@ -14,11 +14,11 @@
   width: 12px;
 }
 
-.sf-table-alignment-menu .sf-dropdown-menu-item .icon-check-mark {
+.sf-table-alignment-menu .sf-dropdown-menu-item .md-check-mark {
   display: none;
   font-size: 12px !important;
 }
 
-.sf-table-alignment-menu .sf-dropdown-menu-item .icon-check-mark.active {
+.sf-table-alignment-menu .sf-dropdown-menu-item .md-check-mark.active {
   display: inline;
 }

package/dist/extension/plugins/table/context-menu/index.js

@@ -114,7 +114,7 @@ const ContextMenu = _ref => {
     ref: horizontalAlignRef,
     className: "sf-context-menu-item sf-dropdown-menu-item side-extendable"
   }, /*#__PURE__*/_react.default.createElement("span", null, t('Horizontal_align')), /*#__PURE__*/_react.default.createElement("i", {
-    className: "iconfont icon-right-slide"
+    className: "mdfont md-right-slide"
   })), horizontalAlignRef.current && /*#__PURE__*/_react.default.createElement(_horizontalAlignPopover.default, {
     target: horizontalAlignRef,
     editor: editor,

package/dist/extension/plugins/table/context-menu/style.css

@@ -78,9 +78,9 @@
   color: #adb5bd;
 }
 
-.side-extendable .icon-right-slide {
+.side-extendable .md-right-slide {
   color: #fff;
-  font-size: 12px;
+  font-size: 14px;
 }
 
 .sf-context-menu .sf-dropdown-menu-item:hover {

package/dist/extension/plugins/table/menu/index.js

@@ -35,7 +35,7 @@ const TableMenu = _ref => {
     menuConfig: menuConfig,
     className: "pr-2"
   }, !disabled && /*#__PURE__*/_react.default.createElement("i", {
-    className: "iconfont icon-right-slide sf-dropdown-item-right-icon"
+    className: "mdfont md-right-slide sf-dropdown-item-right-icon"
   })), !disabled && isOpenTableSizeSelector && /*#__PURE__*/_react.default.createElement(_tableSizeSelector.default, {
     ref: tablePopoverRef,
     editor: editor,

package/dist/extension/toolbar/header-toolbar/index.js

@@ -70,7 +70,7 @@ const Toolbar = _ref => {
     className: "sf-slate-help-info-control",
     onClick: onHelpIconToggle
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "iconfont icon-use-help"
+    className: "mdfont md-use-help"
   })), isShowHelpModal && /*#__PURE__*/_react.default.createElement(_shortcutDialog.default, {
     isRichEditor: isRichEditor,
     toggleShortcutDialog: onHelpIconToggle

package/dist/extension/toolbar/header-toolbar/insert-toolbar/index.js

@@ -53,7 +53,7 @@ const InsertToolbar = _ref => {
     'rich-icon-btn-hover': isRichEditor && !disabled,
     'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
   });
-  const caretIconClass = `sf-menu-with-dropdown-triangle-icon iconfont icon-${isShowMenu ? 'caret-up' : 'drop-down'}`;
+  const caretIconClass = `sf-menu-with-dropdown-triangle-icon mdfont md-${isShowMenu ? 'caret-up' : 'drop-down'}`;
   const {
     bottom
   } = insertButtonRef.current ? insertButtonRef.current.getBoundingClientRect() : {
@@ -74,7 +74,7 @@ const InsertToolbar = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sf-menu-with-dropdown-icon"
   }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "iconfont icon-insert mr-1"
+    className: "mdfont md-insert mr-1"
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "text-truncate"
   }, t('Insert'))), /*#__PURE__*/_react.default.createElement("div", {

package/dist/extension/toolbar/header-toolbar/insert-toolbar/style.css

@@ -35,13 +35,13 @@
 }
 
 .menu-group-item.sf-menu-with-dropdown {
-  border: 0!important;
+  border: 0 !important;
   height: 24px;
   margin-right: 10px;
   overflow: hidden;
-  padding: 0!important;
+  padding: 0 !important;
 }
 
-.menu-group-item.sf-insert-toolbar-btn .iconfont {
-  font-size: 12px;
+.menu-group-item.sf-insert-toolbar-btn .mdfont {
+  font-size: 14px;
 }

package/dist/extension/toolbar/header-toolbar/style.css

@@ -30,11 +30,11 @@
   color: #555;
 }
 
-.sf-slate-editor-toolbar .sf-slate-help-info-control > span:hover {
+.sf-slate-editor-toolbar .sf-slate-help-info-control>span:hover {
   cursor: pointer;
   color: #333;
 }
 
-.sf-slate-editor-toolbar .sf-slate-article-info-control .iconfont {
-  font-size: 13px;
+.sf-slate-editor-toolbar .sf-slate-article-info-control .mdfont {
+  font-size: 14px;
 }

package/dist/extension/toolbar/inline-toolbar/index.css

@@ -30,13 +30,13 @@
   color: #555;
 }
 
-.sf-slate-editor-toolbar .sf-slate-help-info-control > span:hover {
+.sf-slate-editor-toolbar .sf-slate-help-info-control>span:hover {
   cursor: pointer;
   color: #333;
 }
 
-.sf-slate-editor-toolbar .sf-slate-article-info-control .iconfont {
-  font-size: 13px;
+.sf-slate-editor-toolbar .sf-slate-article-info-control .mdfont {
+  font-size: 14px;
 }
 
 .sf-long-text-inline-editor-container .sf-header-menu {

package/dist/extension/toolbar/inline-toolbar/index.js

@@ -70,7 +70,7 @@ const InlineToolbar = _ref => {
     className: "sf-menu-group-item sf-slate-help-info-control",
     onClick: onHelpIconToggle
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "iconfont icon-use-help"
+    className: "mdfont md-use-help"
   })))), onExpandEditorToggle && /*#__PURE__*/_react.default.createElement(_commons.MenuGroup, null, onExpandEditorToggle && /*#__PURE__*/_react.default.createElement(_commons.ExpandEditorMenu, Object.assign({}, commonProps, {
     onExpandEditorToggle: onExpandEditorToggle
   }))), isShowHelpModal && /*#__PURE__*/_react.default.createElement(_shortcutDialog.default, {

package/dist/pages/longtext-editor-dialog/index.js

@@ -162,10 +162,10 @@ function LongTextEditorDialog(_ref) {
     className: "longtext-header-tool"
   }, /*#__PURE__*/_react.default.createElement("span", {
     onClick: onFullScreenToggle,
-    className: `longtext-header-tool-item mr-1 iconfont icon-full-screen ${isFullScreen ? 'long-text-full-screen' : ''}`
+    className: `longtext-header-tool-item mr-1 mdfont md-full-screen ${isFullScreen ? 'long-text-full-screen' : ''}`
   }), /*#__PURE__*/_react.default.createElement("span", {
     onClick: onCloseToggle,
-    className: "longtext-header-tool-item iconfont icon-x"
+    className: "longtext-header-tool-item mdfont md-sm-close"
   }))), !isValidBrowser && /*#__PURE__*/_react.default.createElement(_components.BrowserTip, {
     lang: lang,
     isWindowsWechat: isWindowsWechat

package/dist/pages/longtext-editor-dialog/style.css

@@ -104,8 +104,8 @@
   padding-left: 0px;
 }
 
-.longtext-content-container .sf-slate-editor-toolbar .sf-menu-group .sf-menu-group-item .iconfont {
-  font-size: 12px;
+.longtext-content-container .sf-slate-editor-toolbar .sf-menu-group .sf-menu-group-item .mdfont {
+  font-size: 14px;
 }
 
 .longtext-content-container .sf-slate-editor-toolbar .sf-header-menu {
@@ -120,7 +120,7 @@
   right: 6px;
 }
 
-.longtext-content-container .sf-slate-editor-toolbar .sf-slate-help-info-control .iconfont {
+.longtext-content-container .sf-slate-editor-toolbar .sf-slate-help-info-control .mdfont {
   font-size: 14px;
 }
 
@@ -174,7 +174,7 @@
   z-index: 1000;
 }
 
-.longtext-content-container .sf-image-wrapper .full-screen .iconfont {
+.longtext-content-container .sf-image-wrapper .full-screen .mdfont {
   color: #fff;
 }