@seafile/sdoc-editor 0.1.174 → 0.1.175

package/dist/api/seafile-api.js

@@ -133,6 +133,12 @@ var SeafileAPI = /*#__PURE__*/function () {
         files_url: filesUrl
       });
     }
+  }, {
+    key: "getCopyMoveProgressView",
+    value: function getCopyMoveProgressView(docUuid, taskId) {
+      var url = 'api/v2.1/seadoc/query-copy-move-progress/' + docUuid + '/?&doc_uuid=' + docUuid + '&task_id=' + taskId;
+      return this.req.get(url);
+    }
   }]);
   return SeafileAPI;
 }();

package/dist/basic-sdk/constants/index.js

@@ -4,7 +4,8 @@ export var INTERNAL_EVENT = {
   HIDDEN_CODE_BLOCK_HOVER_MENU: 'hidden_code_block_hover_menu',
   ON_MOUSE_ENTER_BLOCK: 'on_mouse_enter_block',
   INSERT_ELEMENT: 'insert_element',
-  OUTLINE_STATE_CHANGED: 'outline_state_changed'
+  OUTLINE_STATE_CHANGED: 'outline_state_changed',
+  RELOAD_IMAGE: 'reload_image'
 };
 export var PAGE_EDIT_AREA_WIDTH = 672; // 672 = 794 - 2[borderLeft + borderRight] - 120[paddingLeft + paddingRight]
 

package/dist/basic-sdk/editor/editable-article.js

@@ -140,7 +140,8 @@ var EditableArticle = function EditableArticle(_ref) {
     onKeyDown: onKeyDown,
     onMouseDown: onMouseDown,
     decorate: decorate,
-    onCut: eventProxy.onCut
+    onCut: eventProxy.onCut,
+    onCopy: eventProxy.onCopy
   })), /*#__PURE__*/React.createElement(SideToolbar, null), isShowComment && /*#__PURE__*/React.createElement(CommentContextProvider, null, /*#__PURE__*/React.createElement(CommentWrapper, null))));
 };
 EditableArticle.defaultProps = {

package/dist/basic-sdk/extension/constants/index.js

@@ -12,6 +12,7 @@ export var HEADERS = [HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6];
 export var HEADER_TITLE_MAP = (_HEADER_TITLE_MAP = {}, _defineProperty(_HEADER_TITLE_MAP, TITLE, 'Title'), _defineProperty(_HEADER_TITLE_MAP, SUBTITLE, 'Subtitle'), _defineProperty(_HEADER_TITLE_MAP, HEADER1, 'Header_one'), _defineProperty(_HEADER_TITLE_MAP, HEADER2, 'Header_two'), _defineProperty(_HEADER_TITLE_MAP, HEADER3, 'Header_three'), _defineProperty(_HEADER_TITLE_MAP, HEADER4, 'Header_four'), _defineProperty(_HEADER_TITLE_MAP, HEADER5, 'Header_five'), _defineProperty(_HEADER_TITLE_MAP, HEADER6, 'Header_six'), _defineProperty(_HEADER_TITLE_MAP, PARAGRAPH, 'Paragraph'), _HEADER_TITLE_MAP);
 export var TRANSPARENT = 'transparent';
 export var CLIPBOARD_FORMAT_KEY = 'x-slate-fragment';
+export var CLIPBOARD_ORIGIN_SDOC_KEY = 'origin-sdoc-uuid';
 export var INSERT_FILE_DISPLAY_TYPE = ['text_link', 'icon_link', 'card_link'];
 export var INSERT_POSITION = {
   BEFORE: 'before',

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

@@ -1,11 +1,15 @@
+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 } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
-import { CODE_BLOCK, ELEMENT_TYPE, IMAGE, INSERT_POSITION, LIST_ITEM } from '../../constants';
-import { generateEmptyElement, getNodeType, isTextNode, getParentNode } from '../../core';
 import context from '../../../../context';
+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) {
   if (readonly) return true;
   var selection = editor.selection;
@@ -32,11 +36,9 @@ export var isInsertImageMenuDisabled = function isInsertImageMenuDisabled(editor
 };
 export var generateImageNode = function generateImageNode(src) {
   var element = generateEmptyElement(IMAGE);
-  var docUuid = context.getSetting('docUuid');
   return _objectSpread(_objectSpread({}, element), {}, {
     data: {
-      src: src,
-      origin_doc_uuid: docUuid
+      src: src
     }
   });
 };
@@ -86,4 +88,61 @@ export var getImageURL = function getImageURL(url) {
   var serviceUrl = context.getSetting('serviceUrl');
   var 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;
+    });
+  });
+  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));
+      }
+    });
+  });
+  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() {
+    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);
+    };
+  }();
+  start();
 };

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

@@ -1,9 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Transforms, Path, Editor, Element } from '@seafile/slate';
+import toaster from '../../../../components/toast';
 import context from '../../../../context';
-import { insertImage, copyImage } from './helpers';
+import { insertImage, hasSdocImages, getImageData, queryCopyMoveProgressView } from './helpers';
 import { focusEditor } from '../../core';
-import { INSERT_POSITION, CLIPBOARD_FORMAT_KEY } from '../../constants';
+import { getErrorMsg } from '../../../../utils';
+import { getSlateFragmentAttribute } from '../../../utils/document-utils';
+import { INSERT_POSITION, CLIPBOARD_FORMAT_KEY, CLIPBOARD_ORIGIN_SDOC_KEY, IMAGE } from '../../constants';
 var withImage = function withImage(editor) {
   var isInline = editor.isInline,
     isVoid = editor.isVoid,
@@ -14,7 +17,7 @@ var withImage = function withImage(editor) {
   // rewrite isInline
   newEditor.isInline = function (elem) {
     var type = elem.type;
-    if (type === 'image') {
+    if (type === IMAGE) {
       return true;
     }
     return isInline(elem);
@@ -23,13 +26,30 @@ var withImage = function withImage(editor) {
   // rewrite isVoid
   newEditor.isVoid = function (elem) {
     var type = elem.type;
-    if (type === 'image') {
+    if (type === IMAGE) {
       return true;
     }
     return isVoid(elem);
   };
   newEditor.insertData = function (data) {
-    if (data.types && data.types.includes('Files') && data.files[0].type.includes('image')) {
+    var fragment = data.getData("application/".concat(CLIPBOARD_FORMAT_KEY)) || getSlateFragmentAttribute(data);
+    var originSdocUuid = data.getData("text/".concat(CLIPBOARD_ORIGIN_SDOC_KEY));
+    if (fragment && originSdocUuid) {
+      var decoded = decodeURIComponent(window.atob(fragment));
+      var fragmentData = JSON.parse(decoded);
+      if (hasSdocImages(originSdocUuid, fragmentData)) {
+        var imageData = getImageData(fragmentData);
+        context.copyImage(originSdocUuid, imageData).then(function (res) {
+          if (res.status === 200) {
+            queryCopyMoveProgressView(res.data.task_id);
+          }
+        }).catch(function (error) {
+          var errorMessage = getErrorMsg(error);
+          toaster.danger(errorMessage);
+        });
+      }
+    }
+    if (data.types && data.types.includes('Files') && data.files[0].type.includes(IMAGE)) {
       context.uploadLocalImage(data.files[0]).then(function (fileUrl) {
         insertImage(newEditor, fileUrl, editor.selection, INSERT_POSITION.CURRENT);
       });
@@ -65,7 +85,7 @@ var withImage = function withImage(editor) {
       _Editor$parent2 = _slicedToArray(_Editor$parent, 2),
       node = _Editor$parent2[0],
       path = _Editor$parent2[1];
-    if (Element.isElement(node) && node.type === 'image') {
+    if (Element.isElement(node) && node.type === IMAGE) {
       focusEditor(editor, Path.next(path));
     }
   };

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

@@ -3,18 +3,16 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import { ReactEditor, useSelected } from '@seafile/slate-react';
-import { Transforms } from '@seafile/slate';
+import { useSelected } from '@seafile/slate-react';
 import React from 'react';
 import classNames from 'classnames';
 import { withTranslation } from 'react-i18next';
 import { getImageURL, updateImage } from './helpers';
 import ImagePreviewer from './dialogs/image-previewer';
-import toaster from '../../../../components/toast';
-import context from '../../../../context';
-import { getErrorMsg } from '../../../../utils';
-import imagePlaceholder from '../../../assets/images/image-placeholder.png';
+import EventBus from '../../../utils/event-bus';
+import { INTERNAL_EVENT } from '../../../constants';
 import { ADDED_STYLE, DELETED_STYLE } from '../../constants';
+import imagePlaceholder from '../../../assets/images/image-placeholder.png';
 var Image = /*#__PURE__*/function (_React$Component) {
   _inherits(Image, _React$Component);
   var _super = _createSuper(Image);
@@ -85,6 +83,24 @@ var Image = /*#__PURE__*/function (_React$Component) {
     _this.setResizerRef = function (ref) {
       _this.resizer = ref;
     };
+    _this.reloadImage = function () {
+      if (_this.image) {
+        var data = _this.props.element.data;
+        _this.image.src = getImageURL(data.src);
+      }
+    };
+    _this.onImageLoadError = function () {
+      _this.setState({
+        isShowImagePlaceholder: true
+      });
+      var element = _this.props.element;
+      var data = element.data;
+      // External network images do not reload after failure to load
+      if (!data.src.startsWith('http')) {
+        var eventBus = EventBus.getInstance();
+        eventBus.subscribe(INTERNAL_EVENT.RELOAD_IMAGE, _this.reloadImage);
+      }
+    };
     _this.state = {
       width: null,
       isResizing: false,
@@ -94,54 +110,15 @@ var Image = /*#__PURE__*/function (_React$Component) {
     return _this;
   }
   _createClass(Image, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      var docUuid = context.getSetting('docUuid');
-      var _this$props2 = this.props,
-        element = _this$props2.element,
-        editor = _this$props2.editor;
-      var data = element.data;
-      var origin_doc_uuid = data.origin_doc_uuid,
-        src = data.src;
-
-      // Pictures are copied from other documents
-      if (origin_doc_uuid && origin_doc_uuid !== docUuid) {
-        this.setState({
-          isShowImagePlaceholder: true
-        });
-        var originDocUuid = origin_doc_uuid;
-        var imageList = [src.slice(1)];
-        context.copyImage(originDocUuid, imageList).then(function (res) {
-          if (res.status === 200) {
-            var path = ReactEditor.findPath(editor, element);
-            Transforms.setNodes(editor, {
-              data: _objectSpread(_objectSpread({}, data), {}, {
-                origin_doc_uuid: docUuid
-              })
-            }, {
-              at: path
-            });
-            _this2.setState({
-              isShowImagePlaceholder: false
-            });
-          }
-        }).catch(function (error) {
-          var errorMessage = getErrorMsg(error);
-          toaster.danger(errorMessage);
-        });
-      }
-    }
-  }, {
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-        className = _this$props3.className,
-        attributes = _this$props3.attributes,
-        element = _this$props3.element,
-        children = _this$props3.children,
-        isSelected = _this$props3.isSelected,
-        t = _this$props3.t;
+      var _this$props2 = this.props,
+        className = _this$props2.className,
+        attributes = _this$props2.attributes,
+        element = _this$props2.element,
+        children = _this$props2.children,
+        isSelected = _this$props2.isSelected,
+        t = _this$props2.t;
       var _this$state = this.state,
         isResizing = _this$state.isResizing,
         isShowImagePreview = _this$state.isShowImagePreview,
@@ -163,6 +140,7 @@ var Image = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", Object.assign({
         className: classNames('sdoc-image-wrapper', className)
       }, attributes), /*#__PURE__*/React.createElement("img", {
+        onError: this.onImageLoadError,
         className: imageClassName,
         ref: this.setImageRef,
         src: getImageURL(data.src),

package/dist/basic-sdk/node-id/index.js

@@ -1,14 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { decorateOperation, replacePastedDataId } from './helpers';
+import { getSlateFragmentAttribute } from '../utils/document-utils';
 import { CLIPBOARD_FORMAT_KEY } from '../extension/constants';
-var catchSlateFragment = /data-slate-fragment="(.+?)"/m;
-var getSlateFragmentAttribute = function getSlateFragmentAttribute(dataTransfer) {
-  var htmlData = dataTransfer.getData('text/html');
-  var _ref = htmlData.match(catchSlateFragment) || [],
-    _ref2 = _slicedToArray(_ref, 2),
-    fragment = _ref2[1];
-  return fragment;
-};
 var withNodeId = function withNodeId(editor) {
   var apply = editor.apply;
   var newEditor = editor;

package/dist/basic-sdk/utils/document-utils.js

@@ -1,5 +1,8 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import ObjectUtils from './object-utils';
+import context from '../../context';
 import { generateDefaultText } from '../../basic-sdk/extension/core/utils/index';
+import { CLIPBOARD_ORIGIN_SDOC_KEY } from '../extension/constants';
 export var normalizeChildren = function normalizeChildren(children) {
   // text
   if (!Array.isArray(children)) return children;
@@ -15,4 +18,16 @@ export var normalizeChildren = function normalizeChildren(children) {
     child.children = normalizeChildren(child.children);
     return child;
   });
+};
+export var setOriginSdocKey = function setOriginSdocKey(event) {
+  var docUuid = context.getSetting('docUuid');
+  event.clipboardData.setData("text/".concat(CLIPBOARD_ORIGIN_SDOC_KEY), docUuid);
+};
+export var getSlateFragmentAttribute = function getSlateFragmentAttribute(dataTransfer) {
+  var catchSlateFragment = /data-slate-fragment="(.+?)"/m;
+  var htmlData = dataTransfer.getData('text/html');
+  var _ref = htmlData.match(catchSlateFragment) || [],
+    _ref2 = _slicedToArray(_ref, 2),
+    fragment = _ref2[1];
+  return fragment;
 };

package/dist/basic-sdk/utils/event-handler.js

@@ -3,6 +3,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import isHotkey from 'is-hotkey';
 import EventBus from '../utils/event-bus';
 import { getSelectedNodeByType } from '../extension/core/queries/';
+import { setOriginSdocKey } from './document-utils';
 import { ELEMENT_TYPE } from '../extension/constants';
 import { INTERNAL_EVENT } from '../constants';
 var EventProxy = /*#__PURE__*/_createClass(function EventProxy(_editor) {
@@ -79,11 +80,10 @@ var EventProxy = /*#__PURE__*/_createClass(function EventProxy(_editor) {
     }
   };
   this.onCopy = function (event) {
-    event.stopPropagation();
-    event.nativeEvent.stopImmediatePropagation();
-    // 处理数据
+    setOriginSdocKey(event);
   };
   this.onCut = function (event) {
+    setOriginSdocKey(event);
     if (_this.editor.cut) {
       _this.editor.cut(event);
     }

package/dist/context.js

@@ -242,6 +242,12 @@ var Context = /*#__PURE__*/function () {
       var docUuid = this.getSetting('docUuid');
       return this.api.getLinkFilesInfo(docUuid, filesUrl);
     }
+  }, {
+    key: "getCopyMoveProgressView",
+    value: function getCopyMoveProgressView(taskId) {
+      var docUuid = this.getSetting('docUuid');
+      return this.api.getCopyMoveProgressView(docUuid, taskId);
+    }
   }]);
   return Context;
 }();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.1.174",
+  "version": "0.1.175",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",