@seafile/sdoc-editor 0.3.6 → 0.3.7

package/dist/basic-sdk/extension/plugins/file-link/render-elem.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useEffect, useState, useRef } from 'react';
 import classnames from 'classnames';
 import { useScrollContext } from '../../../hooks/use-scroll-context';
@@ -8,43 +7,40 @@ import HoverMenu from './hover-menu';
 import { DELETED_STYLE, ADDED_STYLE } from '../../constants';
 import { FILE_LINK_TYPE } from './constants';
 import './render-elem.css';
-var FileLink = function FileLink(_ref) {
-  var editor = _ref.editor,
-    element = _ref.element,
-    children = _ref.children,
-    attributes = _ref.attributes;
-  var fileRef = useRef(null);
-  var scrollRef = useScrollContext();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isShowInsertHoverMenu = _useState2[0],
-    setIsShowInsertHoverMenu = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    menuPosition = _useState4[0],
-    setMenuPosition = _useState4[1];
-  var registerEventHandle = useCallback(function () {
+const FileLink = _ref => {
+  let {
+    editor,
+    element,
+    children,
+    attributes
+  } = _ref;
+  const fileRef = useRef(null);
+  const scrollRef = useScrollContext();
+  const [isShowInsertHoverMenu, setIsShowInsertHoverMenu] = useState(false);
+  const [menuPosition, setMenuPosition] = useState({});
+  const registerEventHandle = useCallback(() => {
     document.addEventListener('click', onHideInsertHoverMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var unregisterEventHandle = useCallback(function () {
+  const unregisterEventHandle = useCallback(() => {
     document.removeEventListener('click', onHideInsertHoverMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(function () {
-    return function () {
+  useEffect(() => {
+    return () => {
       unregisterEventHandle();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var setPosition = useCallback(function (elem) {
+  const setPosition = useCallback(elem => {
     if (elem) {
-      var _elem$getBoundingClie = elem.getBoundingClientRect(),
-        top = _elem$getBoundingClie.top,
-        left = _elem$getBoundingClie.left;
-      var menuTop = top - 42; // top = top distance - menu height
-      var menuLeft = left - 18; // left = left distance - (menu width / 2)
-      var newMenuPosition = {
+      const {
+        top,
+        left
+      } = elem.getBoundingClientRect();
+      const menuTop = top - 42; // top = top distance - menu height
+      const menuLeft = left - 18; // left = left distance - (menu width / 2)
+      const newMenuPosition = {
         top: menuTop,
         left: menuLeft
       };
@@ -52,44 +48,44 @@ var FileLink = function FileLink(_ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onScroll = useCallback(function (e) {
+  const onScroll = useCallback(e => {
     setPosition(fileRef.current);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(function () {
-    var observerRefValue = null;
+  useEffect(() => {
+    let observerRefValue = null;
     if (isShowInsertHoverMenu) {
       scrollRef.current && scrollRef.current.addEventListener('scroll', onScroll);
       observerRefValue = scrollRef.current;
     } else {
       scrollRef.current && scrollRef.current.removeEventListener('scroll', onScroll);
     }
-    return function () {
+    return () => {
       if (observerRefValue) {
         observerRefValue.removeEventListener('scroll', onScroll);
       }
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowInsertHoverMenu]);
-  var onClickFile = useCallback(function (e) {
+  const onClickFile = useCallback(e => {
     e.stopPropagation();
     setPosition(e.currentTarget);
     setIsShowInsertHoverMenu(true);
-    setTimeout(function () {
+    setTimeout(() => {
       registerEventHandle();
     }, 0);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onHideInsertHoverMenu = useCallback(function (e) {
+  const onHideInsertHoverMenu = useCallback(e => {
     setIsShowInsertHoverMenu(false);
     unregisterEventHandle();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var onUnwrapFileLinkNode = useCallback(function () {
+  const onUnwrapFileLinkNode = useCallback(() => {
     unwrapLinkNode(editor, element);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var style = {};
+  let style = {};
   if (element.ADD) {
     style = _objectSpread({}, ADDED_STYLE);
   } else if (element.DELETE) {
@@ -118,7 +114,7 @@ var FileLink = function FileLink(_ref) {
     style: style
   }, /*#__PURE__*/React.createElement("a", {
     href: getUrl(element.doc_uuid),
-    onClick: function onClick(e) {
+    onClick: e => {
       e.preventDefault();
     },
     title: element.title
@@ -130,7 +126,7 @@ var FileLink = function FileLink(_ref) {
     onHideInsertHoverMenu: onHideInsertHoverMenu
   }));
 };
-var renderFileLink = function renderFileLink(props, editor) {
+const renderFileLink = (props, editor) => {
   return /*#__PURE__*/React.createElement(FileLink, Object.assign({}, props, {
     editor: editor
   }));

package/dist/basic-sdk/extension/plugins/font/helpers.js

@@ -1,23 +1,19 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Editor, Element } from '@seafile/slate';
 import { CODE_BLOCK, IMAGE, DEFAULT_FONT, GOOGLE_FONT_CLASS, FONT, SDOC_FONT_SIZE, HEADERS, TITLE, SUBTITLE, CODE_LINE, TEXT_STYLE_MAP } from '../../constants';
 import { focusEditor, getParentNode } from '../../core';
 import context from '../../../../context';
 import { isMac } from '../../../../utils';
-export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
+export const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   if (!editor.selection) return true;
-  var _Editor$nodes = Editor.nodes(editor, {
-      match: function match(node) {
-        return !Editor.isEditor(node) && Element.isElement(node) && Editor.isBlock(editor, node);
-      },
-      universal: true,
-      mode: 'highest'
-    }),
-    _Editor$nodes2 = _slicedToArray(_Editor$nodes, 1),
-    match = _Editor$nodes2[0];
-  var elementType = match[0].type;
+  const [match] = Editor.nodes(editor, {
+    match: node => {
+      return !Editor.isEditor(node) && Element.isElement(node) && Editor.isBlock(editor, node);
+    },
+    universal: true,
+    mode: 'highest'
+  });
+  const elementType = match[0].type;
   if (elementType === CODE_BLOCK || elementType === IMAGE) {
     return true;
   }
@@ -25,48 +21,48 @@ export var isMenuDisabled = function isMenuDisabled(editor, readonly) {
 };
 
 // font size
-export var getFontSize = function getFontSize(editor) {
-  var selection = editor.selection;
-  var marks = Editor.marks(editor);
+export const getFontSize = editor => {
+  const {
+    selection
+  } = editor;
+  const marks = Editor.marks(editor);
   if (marks && marks[TEXT_STYLE_MAP.FONT_SIZE]) {
     return marks[TEXT_STYLE_MAP.FONT_SIZE];
   }
   if (!selection) return SDOC_FONT_SIZE.DEFAULT;
-  var _Editor$nodes3 = Editor.nodes(editor, {
-      at: Editor.unhangRange(editor, selection),
-      match: function match(n) {
-        if (!Editor.isEditor(n) && !Element.isElement(n)) {
-          if (n[TEXT_STYLE_MAP.FONT_SIZE]) return true;
-          var _parentNode = getParentNode(editor.children, n.id);
-          if (!_parentNode) return false;
-          if ([TITLE, SUBTITLE].concat(_toConsumableArray(HEADERS), [CODE_LINE]).includes(_parentNode.type)) {
-            return true;
-          }
-          return false;
+  const [match] = Editor.nodes(editor, {
+    at: Editor.unhangRange(editor, selection),
+    match: n => {
+      if (!Editor.isEditor(n) && !Element.isElement(n)) {
+        if (n[TEXT_STYLE_MAP.FONT_SIZE]) return true;
+        const parentNode = getParentNode(editor.children, n.id);
+        if (!parentNode) return false;
+        if ([TITLE, SUBTITLE, ...HEADERS, CODE_LINE].includes(parentNode.type)) {
+          return true;
         }
         return false;
       }
-    }),
-    _Editor$nodes4 = _slicedToArray(_Editor$nodes3, 1),
-    match = _Editor$nodes4[0];
+      return false;
+    }
+  });
   if (!match) return SDOC_FONT_SIZE.DEFAULT;
   // has font-size attribute
-  var matched = match[0];
+  const matched = match[0];
   if (matched[TEXT_STYLE_MAP.FONT_SIZE]) {
     return matched[TEXT_STYLE_MAP.FONT_SIZE];
   }
-  var parentNode = getParentNode(editor.children, matched.id);
+  const parentNode = getParentNode(editor.children, matched.id);
   return SDOC_FONT_SIZE[parentNode.type];
 };
-export var setFontSize = function setFontSize(editor, value) {
+export const setFontSize = (editor, value) => {
   Editor.addMark(editor, TEXT_STYLE_MAP.FONT_SIZE, value);
   focusEditor(editor);
 };
-export var scaleFontSize = function scaleFontSize(editor, type) {
-  var isDisabled = isMenuDisabled(editor);
+export const scaleFontSize = (editor, type) => {
+  const isDisabled = isMenuDisabled(editor);
   if (isDisabled) return;
-  var fontSize = getFontSize(editor);
-  var fontSizeValue = fontSize;
+  const fontSize = getFontSize(editor);
+  let fontSizeValue = fontSize;
   if (type === 'increase') {
     fontSizeValue = fontSizeValue + 1;
   }
@@ -78,71 +74,72 @@ export var scaleFontSize = function scaleFontSize(editor, type) {
 };
 
 // font
-export var getFont = function getFont(editor) {
-  var selection = editor.selection;
-  var marks = Editor.marks(editor);
+export const getFont = editor => {
+  const {
+    selection
+  } = editor;
+  const marks = Editor.marks(editor);
   if (marks && marks[TEXT_STYLE_MAP.FONT]) {
     return marks[TEXT_STYLE_MAP.FONT];
   }
   if (!selection) return DEFAULT_FONT;
-  var _Editor$nodes5 = Editor.nodes(editor, {
-      at: Editor.unhangRange(editor, selection),
-      match: function match(n) {
-        return !Editor.isEditor(n) && !Element.isElement(n) && n['font'];
-      }
-    }),
-    _Editor$nodes6 = _slicedToArray(_Editor$nodes5, 1),
-    match = _Editor$nodes6[0];
+  const [match] = Editor.nodes(editor, {
+    at: Editor.unhangRange(editor, selection),
+    match: n => !Editor.isEditor(n) && !Element.isElement(n) && n['font']
+  });
   if (!match) return DEFAULT_FONT;
   return match[0][TEXT_STYLE_MAP.FONT];
 };
-export var setFont = function setFont(editor, value) {
+export const setFont = (editor, value) => {
   Editor.addMark(editor, TEXT_STYLE_MAP.FONT, value);
   focusEditor(editor);
 };
-export var hasFontLoaded = function hasFontLoaded() {
-  var fontObject = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var fontWeight = arguments.length > 1 ? arguments[1] : undefined;
-  var name = fontObject.name,
-    isSystemOwn = fontObject.isSystemOwn;
+export const hasFontLoaded = function () {
+  let fontObject = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let fontWeight = arguments.length > 1 ? arguments[1] : undefined;
+  const {
+    name,
+    isSystemOwn
+  } = fontObject;
   if (isSystemOwn) return true;
   if (!name) return true;
-  var nameString = name.split(' ').join('+');
-  var fontLinkId = "sdoc-font-link-".concat(nameString, "-").concat(fontWeight);
+  const nameString = name.split(' ').join('+');
+  const fontLinkId = "sdoc-font-link-".concat(nameString, "-").concat(fontWeight);
   return document.getElementById(fontLinkId);
 };
-export var loadFont = function loadFont() {
-  var fontObject = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var fontWeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
-  var name = fontObject.name,
-    isSystemOwn = fontObject.isSystemOwn,
-    _fontObject$supportFo = fontObject.supportFontWeight,
-    supportFontWeight = _fontObject$supportFo === void 0 ? [] : _fontObject$supportFo;
+export const loadFont = function () {
+  let fontObject = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let fontWeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
+  const {
+    name,
+    isSystemOwn,
+    supportFontWeight = []
+  } = fontObject;
   if (isSystemOwn) return;
   if (!name) return;
-  var validFontWeight = supportFontWeight.includes(fontWeight) ? fontWeight : supportFontWeight[0];
-  var nameString = name.split(' ').join('+');
-  var fontLinkId = "sdoc-font-link-".concat(nameString, "-").concat(validFontWeight);
+  const validFontWeight = supportFontWeight.includes(fontWeight) ? fontWeight : supportFontWeight[0];
+  const nameString = name.split(' ').join('+');
+  const fontLinkId = "sdoc-font-link-".concat(nameString, "-").concat(validFontWeight);
   if (document.getElementById(fontLinkId)) return;
-  var href = "https://fonts.googleapis.com/css?family=".concat(nameString, ":").concat(validFontWeight);
-  var fontLink = document.createElement('link');
+  const href = "https://fonts.googleapis.com/css?family=".concat(nameString, ":").concat(validFontWeight);
+  const fontLink = document.createElement('link');
   fontLink.rel = 'stylesheet';
   fontLink.href = href;
   fontLink.id = fontLinkId;
   fontLink.className = GOOGLE_FONT_CLASS;
   document.body.appendChild(fontLink);
 };
-export var generatorFontFamily = function generatorFontFamily(fontName, fontWeight) {
-  var lang = context.getSetting('lang') || 'zh-cn';
+export const generatorFontFamily = (fontName, fontWeight) => {
+  const lang = context.getSetting('lang') || 'zh-cn';
   if (fontName === DEFAULT_FONT) {
-    return "'Arial', ".concat(lang === 'zh-cn' ? "\u5B8B\u4F53" : 'Arial', ", 'sans-serif'");
+    return "'Arial', ".concat(lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial', ", 'sans-serif'");
   }
-  var fontObject = FONT.find(function (item) {
-    return item.name === fontName;
-  }) || {};
-  var usuallyFontFamilyName = fontObject.usuallyFontFamilyName,
-    fontFamilyName = fontObject.fontFamilyName;
+  const fontObject = FONT.find(item => item.name === fontName) || {};
+  const {
+    usuallyFontFamilyName,
+    fontFamilyName
+  } = fontObject;
   loadFont(fontObject, fontWeight);
-  var validFontName = fontFamilyName && isMac() ? fontFamilyName['mac'] : fontName;
-  return "".concat(validFontName, ", ").concat(lang === 'zh-cn' ? "\u5B8B\u4F53" : 'Arial', ", ").concat(usuallyFontFamilyName || 'sans-serif');
+  const validFontName = fontFamilyName && isMac() ? fontFamilyName['mac'] : fontName;
+  return "".concat(validFontName, ", ").concat(lang === 'zh-cn' ? '\u5b8b\u4f53' : 'Arial', ", ").concat(usuallyFontFamilyName || 'sans-serif');
 };

package/dist/basic-sdk/extension/plugins/font/index.js

@@ -1,5 +1,5 @@
 import withFont from './plugin';
-var FontPlugin = {
+const FontPlugin = {
   type: 'font',
   editorPlugin: withFont
 };

package/dist/basic-sdk/extension/plugins/font/menu/font-family/font-item.js

@@ -3,25 +3,26 @@ import { useTranslation } from 'react-i18next';
 import classnames from 'classnames';
 import { hasFontLoaded, generatorFontFamily } from '../../helpers';
 import { DEFAULT_FONT } from '../../../../constants';
-var FontItem = function FontItem(_ref) {
-  var selectedFont = _ref.selectedFont,
-    fontObject = _ref.fontObject,
-    setFont = _ref.setFont;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var fontName = fontObject.name;
-  var isSelected = selectedFont === fontName;
-  var isFontLoad = hasFontLoaded(fontObject, 400);
-  var style = isFontLoad ? {
+const FontItem = _ref => {
+  let {
+    selectedFont,
+    fontObject,
+    setFont
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const fontName = fontObject.name;
+  const isSelected = selectedFont === fontName;
+  const isFontLoad = hasFontLoaded(fontObject, 400);
+  const style = isFontLoad ? {
     fontFamily: generatorFontFamily(fontName, 400)
   } : {};
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('sdoc-dropdown-menu-item', {
       'position-relative': isSelected
     }),
-    onClick: function onClick() {
-      return setFont(fontName);
-    }
+    onClick: () => setFont(fontName)
   }, isSelected && /*#__PURE__*/React.createElement("i", {
     className: "sdocfont sdoc-check-mark"
   }), /*#__PURE__*/React.createElement("span", {

package/dist/basic-sdk/extension/plugins/font/menu/font-family/index.js

@@ -1,5 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState, useRef, useCallback, useEffect } from 'react';
 import { UncontrolledPopover } from 'reactstrap';
 import { useTranslation } from 'react-i18next';
@@ -12,47 +10,35 @@ import context from '../../../../../../context';
 import FontItem from './font-item';
 import ObjectUtils from '../../../../../utils/object-utils';
 import './index.css';
-var FontFamily = function FontFamily(_ref) {
-  var editor = _ref.editor,
-    isRichEditor = _ref.isRichEditor,
-    className = _ref.className,
-    readonly = _ref.readonly;
-  var _useState = useState(LocalStorage.getItem(RECENT_USED_FONTS_KEY, [])),
-    _useState2 = _slicedToArray(_useState, 2),
-    recentUsedFonts = _useState2[0],
-    setRecentUsedFonts = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isShowMenu = _useState4[0],
-    setMenuShow = _useState4[1];
-  var _useState5 = useState(FONT),
-    _useState6 = _slicedToArray(_useState5, 2),
-    fontList = _useState6[0],
-    setFontList = _useState6[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var popoverRef = useRef(null);
-  var disabled = isMenuDisabled(editor, readonly);
-  var fontSizeButtonId = 'sdoc-button-font';
-  var selectedFont = getFont(editor);
-  var lang = context.getSetting('lang');
-  useEffect(function () {
+const FontFamily = _ref => {
+  let {
+    editor,
+    isRichEditor,
+    className,
+    readonly
+  } = _ref;
+  const [recentUsedFonts, setRecentUsedFonts] = useState(LocalStorage.getItem(RECENT_USED_FONTS_KEY, []));
+  const [isShowMenu, setMenuShow] = useState(false);
+  const [fontList, setFontList] = useState(FONT);
+  const {
+    t
+  } = useTranslation();
+  const popoverRef = useRef(null);
+  const disabled = isMenuDisabled(editor, readonly);
+  const fontSizeButtonId = 'sdoc-button-font';
+  let selectedFont = getFont(editor);
+  const lang = context.getSetting('lang');
+  useEffect(() => {
     if (lang === 'zh-cn') {
-      var chineseFonts = FONT.filter(function (item) {
-        return ObjectUtils.hasProperty(item, 'langOrder');
-      });
-      chineseFonts.sort(function (a, b) {
-        return b['langOrder'][lang] - a['langOrder'][lang];
-      });
-      var others = FONT.filter(function (item) {
-        return !ObjectUtils.hasProperty(item, 'langOrder');
-      });
-      setFontList([].concat(_toConsumableArray(chineseFonts), _toConsumableArray(others)));
+      const chineseFonts = FONT.filter(item => ObjectUtils.hasProperty(item, 'langOrder'));
+      chineseFonts.sort((a, b) => b['langOrder'][lang] - a['langOrder'][lang]);
+      const others = FONT.filter(item => !ObjectUtils.hasProperty(item, 'langOrder'));
+      setFontList([...chineseFonts, ...others]);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  var validClassName = classnames(className, 'sdoc-menu-with-dropdown sdoc-font-family-menu', {
+  const validClassName = classnames(className, 'sdoc-menu-with-dropdown sdoc-font-family-menu', {
     'menu-show': isShowMenu,
     'disabled': disabled,
     'rich-icon-btn d-flex': isRichEditor,
@@ -60,26 +46,25 @@ var FontFamily = function FontFamily(_ref) {
     'rich-icon-btn-hover': isRichEditor && !disabled,
     'btn btn-icon btn-secondary btn-active d-flex': !isRichEditor
   });
-  var fontRef = useRef(null);
-  var toggle = useCallback(function (event) {
+  const fontRef = useRef(null);
+  const toggle = useCallback(event => {
     popoverRef.current.toggle();
     setMenuShow(!isShowMenu);
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowMenu]);
-  var caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
-  var _ref2 = fontRef.current ? fontRef.current.getBoundingClientRect() : {
-      bottom: 92.5
-    },
-    bottom = _ref2.bottom;
-  var updateFont = useCallback(function (fontName) {
+  const caretIconClass = "sdoc-menu-with-dropdown-triangle-icon sdocfont sdoc-".concat(isShowMenu ? 'caret-up' : 'drop-down');
+  const {
+    bottom
+  } = fontRef.current ? fontRef.current.getBoundingClientRect() : {
+    bottom: 92.5
+  };
+  const updateFont = useCallback(fontName => {
     toggle();
     setFont(editor, fontName);
     if (recentUsedFonts[0] !== fontName) {
-      var fontNameIndex = recentUsedFonts.findIndex(function (item) {
-        return item === fontName;
-      });
-      var newRecentUsedFonts;
+      const fontNameIndex = recentUsedFonts.findIndex(item => item === fontName);
+      let newRecentUsedFonts;
       if (fontNameIndex === -1) {
         newRecentUsedFonts = recentUsedFonts.slice(0, 9);
       } else {
@@ -123,10 +108,8 @@ var FontFamily = function FontFamily(_ref) {
     }
   }, Array.isArray(recentUsedFonts) && recentUsedFonts.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-dropdown-menu-title-name"
-  }, t('Recently_used')), recentUsedFonts.map(function (item, index) {
-    var fontObject = FONT.find(function (font) {
-      return font.name === item;
-    });
+  }, t('Recently_used')), recentUsedFonts.map((item, index) => {
+    const fontObject = FONT.find(font => font.name === item);
     return /*#__PURE__*/React.createElement(FontItem, {
       key: "".concat(index, "-recently-used"),
       fontObject: fontObject,
@@ -137,7 +120,7 @@ var FontFamily = function FontFamily(_ref) {
     className: "sdoc-dropdown-menu-divider"
   })), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-dropdown-menu-title-name"
-  }, t('All_fonts')), fontList.map(function (item, index) {
+  }, t('All_fonts')), fontList.map((item, index) => {
     if (item.type === 'divide') {
       return /*#__PURE__*/React.createElement("div", {
         className: "sdoc-dropdown-menu-divider"

package/dist/basic-sdk/extension/plugins/font/menu/font-size/font-size-scale.js

@@ -1,15 +1,17 @@
 import React from 'react';
 import classnames from 'classnames';
 import Tooltip from '../../../../../../components/tooltip';
-var FontSizeScale = function FontSizeScale(_ref) {
-  var children = _ref.children,
-    id = _ref.id,
-    className = _ref.className,
-    disabled = _ref.disabled,
-    isRichEditor = _ref.isRichEditor,
-    onClick = _ref.onClick,
-    tipMessage = _ref.tipMessage;
-  var validClassName = classnames(className, {
+const FontSizeScale = _ref => {
+  let {
+    children,
+    id,
+    className,
+    disabled,
+    isRichEditor,
+    onClick,
+    tipMessage
+  } = _ref;
+  const validClassName = classnames(className, {
     'disabled': disabled,
     'rich-icon-btn': isRichEditor,
     'rich-icon-btn-disabled': isRichEditor && disabled,
@@ -20,7 +22,7 @@ var FontSizeScale = function FontSizeScale(_ref) {
     type: "button",
     className: validClassName,
     disabled: disabled,
-    onClick: disabled ? function () {} : onClick,
+    onClick: disabled ? () => {} : onClick,
     id: id
   }, children), tipMessage && /*#__PURE__*/React.createElement(Tooltip, {
     target: id