@seafile/sdoc-editor 0.3.6 → 0.3.7

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

@@ -1,7 +1,4 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(typeof e + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 import urlJoin from 'url-join';
 import { Editor, Range, Transforms, Path, Node } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
@@ -10,58 +7,58 @@ import EventBus from '../../../utils/event-bus';
 import { generateEmptyElement, getNodeType, isTextNode, getParentNode } from '../../core';
 import { INTERNAL_EVENT } from '../../../constants';
 import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, INSERT_POSITION, LIST_ITEM } from '../../constants';
-export var isInsertImageMenuDisabled = function isInsertImageMenuDisabled(editor, readonly) {
+export const isInsertImageMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
-  var selection = editor.selection;
+  const {
+    selection
+  } = editor;
   if (selection === null) return true;
   if (!Range.isCollapsed(selection)) return true;
-  var _Editor$nodes = Editor.nodes(editor, {
-      match: function match(n) {
-        var type = getNodeType(n);
-        if (!type && isTextNode(n) && n.id) {
-          var parentNode = getParentNode(editor.children, n.id);
-          type = getNodeType(parentNode);
-        }
-        if (type === CODE_BLOCK) return true;
-        if (type.startsWith('header')) return true;
-        if (Editor.isVoid(editor, n)) return true;
-        return false;
-      },
-      universal: true
-    }),
-    _Editor$nodes2 = _slicedToArray(_Editor$nodes, 1),
-    match = _Editor$nodes2[0];
+  const [match] = Editor.nodes(editor, {
+    match: n => {
+      let type = getNodeType(n);
+      if (!type && isTextNode(n) && n.id) {
+        const parentNode = getParentNode(editor.children, n.id);
+        type = getNodeType(parentNode);
+      }
+      if (type === CODE_BLOCK) return true;
+      if (type.startsWith('header')) return true;
+      if (Editor.isVoid(editor, n)) return true;
+      return false;
+    },
+    universal: true
+  });
   if (match) return true;
   return false;
 };
-export var generateImageNode = function generateImageNode(src) {
-  var element = generateEmptyElement(IMAGE);
+export const generateImageNode = src => {
+  const element = generateEmptyElement(IMAGE);
   return _objectSpread(_objectSpread({}, element), {}, {
     data: {
-      src: src
+      src
     }
   });
 };
-export var insertImage = function insertImage(editor, src, selection) {
-  var position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : INSERT_POSITION.CURRENT;
-  var slateNode = arguments.length > 4 ? arguments[4] : undefined;
+export const insertImage = function (editor, src, selection) {
+  let position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : INSERT_POSITION.CURRENT;
+  let slateNode = arguments.length > 4 ? arguments[4] : undefined;
   if (!src) return;
   if (position !== INSERT_POSITION.AFTER) {
     if (isInsertImageMenuDisabled(editor)) return;
   }
-  var imageNode = generateImageNode(src);
-  var validSelection = selection || editor.selection;
+  const imageNode = generateImageNode(src);
+  const validSelection = selection || editor.selection;
   if (position === INSERT_POSITION.AFTER) {
-    var path = Editor.path(editor, validSelection);
+    let path = Editor.path(editor, validSelection);
     if (slateNode && (slateNode === null || slateNode === void 0 ? void 0 : slateNode.type) === LIST_ITEM) {
       path = ReactEditor.findPath(editor, slateNode);
-      var nextPath = Path.next(path);
+      const nextPath = Path.next(path);
       Transforms.insertNodes(editor, imageNode, {
         at: nextPath
       });
       return;
     }
-    var p = generateEmptyElement(ELEMENT_TYPE.PARAGRAPH);
+    const p = generateEmptyElement(ELEMENT_TYPE.PARAGRAPH);
     p.children[0] = imageNode;
     Transforms.insertNodes(editor, p, {
       at: [path[0] + 1]
@@ -72,95 +69,74 @@ export var insertImage = function insertImage(editor, src, selection) {
     at: validSelection
   });
 };
-export var updateImage = function updateImage(editor, data) {
+export const updateImage = (editor, data) => {
   Transforms.setNodes(editor, {
-    data: data
+    data
   }, {
-    match: function match(n) {
-      return getNodeType(n) === IMAGE;
-    },
+    match: n => getNodeType(n) === IMAGE,
     at: editor.selection,
     voids: true
   });
 };
-export var getImageURL = function getImageURL(url) {
+export const getImageURL = url => {
   if (url && url.startsWith('http')) return url;
-  var serviceUrl = context.getSetting('serviceUrl');
-  var assetsUrl = context.getSetting('assetsUrl');
+  const serviceUrl = context.getSetting('serviceUrl');
+  const assetsUrl = context.getSetting('assetsUrl');
   return urlJoin(serviceUrl, assetsUrl, url);
 };
-export var hasSdocImages = function hasSdocImages(originSdocUuid, fragmentData) {
-  var sdocUuid = context.getSetting('docUuid');
-  var hasImg = fragmentData.some(function (item) {
-    return item.children.some(function (child) {
-      return (child === null || child === void 0 ? void 0 : child.type) === IMAGE;
-    });
-  });
+export const hasSdocImages = (originSdocUuid, fragmentData) => {
+  const sdocUuid = context.getSetting('docUuid');
+  const hasImg = fragmentData.some(item => item.children.some(child => (child === null || child === void 0 ? void 0 : child.type) === IMAGE));
   return originSdocUuid !== sdocUuid && hasImg;
 };
-export var getImageData = function getImageData(fragmentData) {
-  var imageData = new Set();
-  fragmentData.forEach(function (item) {
-    return item.children.forEach(function (child) {
-      if ((child === null || child === void 0 ? void 0 : child.type) === IMAGE && !child.data.src.startsWith('http')) {
-        imageData.add(child.data.src.slice(1));
-      }
-    });
-  });
+export const getImageData = fragmentData => {
+  let imageData = new Set();
+  fragmentData.forEach(item => item.children.forEach(child => {
+    if ((child === null || child === void 0 ? void 0 : child.type) === IMAGE && !child.data.src.startsWith('http')) {
+      imageData.add(child.data.src.slice(1));
+    }
+  }));
   return Array.from(imageData);
 };
-export var queryCopyMoveProgressView = function queryCopyMoveProgressView(taskId) {
-  var interval = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
-  var timer;
-  var stop = function stop() {
+export const queryCopyMoveProgressView = function (taskId) {
+  let interval = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+  let timer;
+  const stop = () => {
     clearTimeout(timer);
   };
-  var start = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var res, done, eventBus;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return context.getCopyMoveProgressView(taskId);
-          case 2:
-            res = _context.sent;
-            done = res.data.done;
-            if (done) {
-              stop();
-              // Reload image
-              eventBus = EventBus.getInstance();
-              eventBus.dispatch(INTERNAL_EVENT.RELOAD_IMAGE);
-            } else {
-              timer = setTimeout(start, interval);
-            }
-          case 5:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function start() {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  const start = async () => {
+    const res = await context.getCopyMoveProgressView(taskId);
+    const {
+      data: {
+        done
+      }
+    } = res;
+    if (done) {
+      stop();
+      // Reload image
+      const eventBus = EventBus.getInstance();
+      eventBus.dispatch(INTERNAL_EVENT.RELOAD_IMAGE);
+    } else {
+      timer = setTimeout(start, interval);
+    }
+  };
   start();
 };
-export var resetCursor = function resetCursor(editor) {
-  var selection = editor.selection;
-  var currentPath = selection.focus.path;
-  var targetPath = Path.next(Path.next(currentPath));
+export const resetCursor = editor => {
+  const {
+    selection
+  } = editor;
+  const currentPath = selection.focus.path;
+  const targetPath = Path.next(Path.next(currentPath));
 
   // Set cursor after image insertion
-  queueMicrotask(function () {
+  queueMicrotask(() => {
     Transforms.select(editor, targetPath);
   });
 };
-export var isSingleImage = function isSingleImage(data) {
+export const isSingleImage = data => {
   if (data.length !== 1) return false;
   if (Node.string(data[0]).length !== 0) return false;
-  if (data[0].children.filter(function (item) {
-    return (item === null || item === void 0 ? void 0 : item.type) === IMAGE;
-  }).length !== 1) return false;
+  if (data[0].children.filter(item => (item === null || item === void 0 ? void 0 : item.type) === IMAGE).length !== 1) return false;
   return true;
 };

package/dist/basic-sdk/extension/plugins/image/hover-menu/index.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 } from 'react';
 import { Transforms } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
@@ -12,44 +11,38 @@ import { getImageURL } from '../helpers';
 import { IMAGE_DISPLAY_TYPE, IMAGE_BORDER_TYPE } from '../constants';
 import { MENUS_CONFIG_MAP, TEXT_ALIGN } from '../../../constants';
 import './index.css';
-var ImageHoverMenu = function ImageHoverMenu(_ref) {
-  var editor = _ref.editor,
-    menuPosition = _ref.menuPosition,
-    element = _ref.element,
-    onHideImageHoverMenu = _ref.onHideImageHoverMenu,
-    onShowCaption = _ref.onShowCaption,
-    t = _ref.t;
-  var data = element.data,
-    _element$display_type = element.display_type,
-    display_type = _element$display_type === void 0 ? IMAGE_DISPLAY_TYPE[0] : _element$display_type,
-    align = element.align,
-    _element$border_type = element.border_type,
-    border_type = _element$border_type === void 0 ? IMAGE_BORDER_TYPE[0].type : _element$border_type;
-  var _data$caption = data.caption,
-    caption = _data$caption === void 0 ? '' : _data$caption;
-  var _useState = useState({
-      displayPopover: false,
-      alignPopover: false,
-      borderPopover: false
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    popoverState = _useState2[0],
-    setPopoverState = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isShowImagePreview = _useState4[0],
-    setIsShowImagePreview = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isShowTooltip = _useState6[0],
-    setIsShowTooltip = _useState6[1];
-  useEffect(function () {
+const ImageHoverMenu = _ref => {
+  let {
+    editor,
+    menuPosition,
+    element,
+    onHideImageHoverMenu,
+    onShowCaption,
+    t
+  } = _ref;
+  const {
+    data,
+    display_type = IMAGE_DISPLAY_TYPE[0],
+    align,
+    border_type = IMAGE_BORDER_TYPE[0].type
+  } = element;
+  const {
+    caption = ''
+  } = data;
+  const [popoverState, setPopoverState] = useState({
+    displayPopover: false,
+    alignPopover: false,
+    borderPopover: false
+  });
+  const [isShowImagePreview, setIsShowImagePreview] = useState(false);
+  const [isShowTooltip, setIsShowTooltip] = useState(false);
+  useEffect(() => {
     setIsShowTooltip(true);
   }, []);
-  var onShowProver = useCallback(function (event, showProverKey) {
+  const onShowProver = useCallback((event, showProverKey) => {
     event.stopPropagation();
-    var newPopoverState = popoverState;
-    for (var key in newPopoverState) {
+    const newPopoverState = popoverState;
+    for (let key in newPopoverState) {
       if (key === showProverKey) {
         newPopoverState[key] = !newPopoverState[key];
       } else {
@@ -58,9 +51,9 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     }
     setPopoverState(_objectSpread({}, newPopoverState));
   }, [popoverState]);
-  var onSelect = useCallback(function (event, props) {
+  const onSelect = useCallback((event, props) => {
     event.stopPropagation();
-    var path = ReactEditor.findPath(editor, element);
+    const path = ReactEditor.findPath(editor, element);
     if (path) {
       Transforms.setNodes(editor, props, {
         at: path
@@ -81,7 +74,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: classnames('op-item', {
       'active': popoverState.displayPopover
     }),
-    onClick: function onClick(e) {
+    onClick: e => {
       onShowProver(e, 'displayPopover');
     }
   }, /*#__PURE__*/React.createElement("span", {
@@ -95,7 +88,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: classnames('op-item', {
       'active': popoverState.alignPopover
     }),
-    onClick: function onClick(e) {
+    onClick: e => {
       onShowProver(e, 'alignPopover');
     }
   }, /*#__PURE__*/React.createElement("i", {
@@ -108,7 +101,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: classnames('op-item', 'ml-1', {
       'active': popoverState.borderPopover
     }),
-    onClick: function onClick(e) {
+    onClick: e => {
       onShowProver(e, 'borderPopover');
     }
   }, /*#__PURE__*/React.createElement("i", {
@@ -125,7 +118,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     className: classnames('op-item', 'ml-1', {
       'active': (caption === null || caption === void 0 ? void 0 : caption.length) !== 0
     }),
-    onClick: function onClick() {
+    onClick: () => {
       onShowCaption();
     }
   }, /*#__PURE__*/React.createElement("i", {
@@ -140,7 +133,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     id: "sdoc_image_full_screen_mode",
     role: "button",
     className: "op-item",
-    onClick: function onClick(e) {
+    onClick: e => {
       e.stopPropagation();
       setIsShowImagePreview(!isShowImagePreview);
     }
@@ -152,15 +145,13 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     fade: true
   }, t('Full_screen_mode'))))), popoverState.displayPopover && /*#__PURE__*/React.createElement("div", {
     className: "sdoc-image-popover sdoc-dropdown-menu"
-  }, IMAGE_DISPLAY_TYPE.map(function (item) {
+  }, IMAGE_DISPLAY_TYPE.map(item => {
     return /*#__PURE__*/React.createElement("div", {
       key: item,
       className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
-      onClick: function onClick(event) {
-        return onSelect(event, {
-          display_type: item
-        });
-      }
+      onClick: event => onSelect(event, {
+        display_type: item
+      })
     }, /*#__PURE__*/React.createElement("div", {
       className: "sdoc-dropdown-item-content"
     }, /*#__PURE__*/React.createElement("i", {
@@ -170,15 +161,13 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     }));
   })), popoverState.alignPopover && /*#__PURE__*/React.createElement("div", {
     className: "sdoc-image-popover align-popover sdoc-dropdown-menu"
-  }, MENUS_CONFIG_MAP[TEXT_ALIGN].map(function (item) {
+  }, MENUS_CONFIG_MAP[TEXT_ALIGN].map(item => {
     return /*#__PURE__*/React.createElement("div", {
       key: item.id,
       className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
-      onClick: function onClick(event) {
-        return onSelect(event, {
-          align: item.type
-        });
-      }
+      onClick: event => onSelect(event, {
+        align: item.type
+      })
     }, /*#__PURE__*/React.createElement("div", {
       className: "sdoc-dropdown-item-content"
     }, /*#__PURE__*/React.createElement("i", {
@@ -188,15 +177,13 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
     }));
   })), popoverState.borderPopover && /*#__PURE__*/React.createElement("div", {
     className: "sdoc-image-popover border-popover sdoc-dropdown-menu"
-  }, IMAGE_BORDER_TYPE.map(function (item) {
+  }, IMAGE_BORDER_TYPE.map(item => {
     return /*#__PURE__*/React.createElement("div", {
       key: item.type,
       className: "sdoc-dropdown-menu-item sdoc-dropdown-item-with-left-icon pr-2",
-      onClick: function onClick(event) {
-        return onSelect(event, {
-          border_type: item.type
-        });
-      }
+      onClick: event => onSelect(event, {
+        border_type: item.type
+      })
     }, /*#__PURE__*/React.createElement("div", {
       className: "sdoc-dropdown-item-content"
     }, /*#__PURE__*/React.createElement("img", {
@@ -209,7 +196,7 @@ var ImageHoverMenu = function ImageHoverMenu(_ref) {
   })), isShowImagePreview && /*#__PURE__*/React.createElement(ImagePreviewer, {
     imageUrl: getImageURL(data.src),
     editor: editor,
-    toggleImagePreviewer: function toggleImagePreviewer() {
+    toggleImagePreviewer: () => {
       setIsShowImagePreview(!isShowImagePreview);
     }
   })));

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

@@ -3,7 +3,7 @@ import ImageMenu from './menu';
 import Image from './model';
 import withImage from './plugin';
 import renderImage from './render-elem';
-var ImagePlugin = {
+const ImagePlugin = {
   type: IMAGE,
   nodeType: 'element',
   model: Image,

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

@@ -5,15 +5,18 @@ import { isInsertImageMenuDisabled } from '../helpers';
 import { IMAGE, MENUS_CONFIG_MAP, LOCAL_IMAGE } from '../../../constants';
 import DropdownMenuItem from '../../../commons/dropdown-menu-item';
 import { INTERNAL_EVENT } from '../../../../constants';
-var ImageMenu = function ImageMenu(_ref) {
-  var editor = _ref.editor,
-    readonly = _ref.readonly,
-    eventBus = _ref.eventBus;
-  var disabled = isInsertImageMenuDisabled(editor, readonly);
-  var menuConfig = MENUS_CONFIG_MAP[IMAGE];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var openInsertLocalImage = useCallback(function () {
+const ImageMenu = _ref => {
+  let {
+    editor,
+    readonly,
+    eventBus
+  } = _ref;
+  const disabled = isInsertImageMenuDisabled(editor, readonly);
+  const menuConfig = MENUS_CONFIG_MAP[IMAGE];
+  const {
+    t
+  } = useTranslation();
+  const openInsertLocalImage = useCallback(() => {
     eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
       type: LOCAL_IMAGE
     });

package/dist/basic-sdk/extension/plugins/image/model.js

@@ -1,14 +1,13 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import { IMAGE } from '../../constants';
-var Image = /*#__PURE__*/_createClass(function Image(options) {
-  _classCallCheck(this, Image);
-  this.type = options.type || IMAGE;
-  this.data = options.data || {
-    src: ''
-  };
-  this.children = options.children || [{
-    text: ''
-  }];
-});
+class Image {
+  constructor(options) {
+    this.type = options.type || IMAGE;
+    this.data = options.data || {
+      src: ''
+    };
+    this.children = options.children || [{
+      text: ''
+    }];
+  }
+}
 export default Image;