@seafile/sdoc-editor 2.0.76 → 2.0.78-test-0.0.1

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

@@ -9,9 +9,9 @@ exports.setOutlineSetting = exports.getOutlineSetting = exports.default = void 0
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _context = _interopRequireDefault(require("../../context"));
 var _tooltip = _interopRequireDefault(require("../components/tooltip"));
 var _constants = require("../constants");
+var _context = _interopRequireDefault(require("../context"));
 var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
 var _outlineItem = _interopRequireDefault(require("./outline-item"));
 require("./style.css");

package/dist/basic-sdk/outline/outline-item.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -95,11 +96,9 @@ class OutlineItem extends _react.default.PureComponent {
       onMouseOut: this.onMouseOut
     }, !isSdocRevision && children.map(child => child.text || child.title).join(''), isSdocRevision && children.map(child => {
       const text = child.text || child.title;
-      const style = {
-        ...(child.add && _constants2.ADDED_STYLE),
-        ...(child.delete && _constants2.DELETED_STYLE),
+      const style = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, child.add && _constants2.ADDED_STYLE), child.delete && _constants2.DELETED_STYLE), {}, {
         backgroundColor: child.computed_background_color || undefined
-      };
+      });
       const key = child.id;
       const content = /*#__PURE__*/_react.default.createElement("span", {
         style: style,

package/dist/basic-sdk/right-panel/index.js

@@ -1,11 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("../constants");
 var _usePlugins = require("../hooks/use-plugins");
@@ -43,10 +44,9 @@ const RightPanel = _ref => {
   }, []);
   const resizeWidthEnd = (0, _react.useCallback)(width => {
     const settings = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
-    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, JSON.stringify({
-      ...settings,
+    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, JSON.stringify((0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
       panelWidth: width
-    }));
+    })));
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.RESIZE_ARTICLE);
   }, []);
@@ -61,10 +61,9 @@ const RightPanel = _ref => {
   (0, _react.useEffect)(() => {
     const isShowGlobalComments = displayPluginName === 'sdoc-comment' ? true : false;
     const settings = _localStorageUtils.default.getItem(_constants.SDOC_STORAGE) || {};
-    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, {
-      ...settings,
+    _localStorageUtils.default.setItem(_constants.SDOC_STORAGE, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, settings), {}, {
       isShowGlobalComments
-    });
+    }));
     const eventBus = _eventBus.default.getInstance();
     eventBus.dispatch(_constants.INTERNAL_EVENT.RESIZE_ARTICLE);
   }, [displayPluginName]);

package/dist/basic-sdk/slate-convert/html-to-slate/constants.js

@@ -7,12 +7,12 @@ exports.UNORDERED_LIST = exports.TOP_LEVEL_TYPES = exports.TABLE_ROW = exports.T
 const BLOCKQUOTE = exports.BLOCKQUOTE = 'blockquote';
 const HEADER = exports.HEADER = 'header';
 // each header type should be start with HEADER, all of justices should based on HEADER
-const HEADER1 = exports.HEADER1 = `${HEADER}1`;
-const HEADER2 = exports.HEADER2 = `${HEADER}2`;
-const HEADER3 = exports.HEADER3 = `${HEADER}3`;
-const HEADER4 = exports.HEADER4 = `${HEADER}4`;
-const HEADER5 = exports.HEADER5 = `${HEADER}5`;
-const HEADER6 = exports.HEADER6 = `${HEADER}6`;
+const HEADER1 = exports.HEADER1 = "".concat(HEADER, "1");
+const HEADER2 = exports.HEADER2 = "".concat(HEADER, "2");
+const HEADER3 = exports.HEADER3 = "".concat(HEADER, "3");
+const HEADER4 = exports.HEADER4 = "".concat(HEADER, "4");
+const HEADER5 = exports.HEADER5 = "".concat(HEADER, "5");
+const HEADER6 = exports.HEADER6 = "".concat(HEADER, "6");
 const ORDERED_LIST = exports.ORDERED_LIST = 'ordered_list'; // <ol>
 const UNORDERED_LIST = exports.UNORDERED_LIST = 'unordered_list'; // <ul> // unordered_list can not work
 const LIST_ITEM = exports.LIST_ITEM = 'list_item'; // <li>

package/dist/basic-sdk/slate-convert/html-to-slate/index.js

@@ -27,7 +27,7 @@ const deserializeElement = element => {
       case 'undefined':
         return;
       default:
-        throw new Error(`The \`next\` argument was called with invalid children: "${elements}".`);
+        throw new Error("The `next` argument was called with invalid children: \"".concat(elements, "\"."));
     }
   };
   for (let i = 0; i < _rules.default.length; i++) {
@@ -36,7 +36,7 @@ const deserializeElement = element => {
     const ret = rule(element, next);
     const type = (0, _typeOf.default)(ret);
     if (type !== 'array' && type !== 'object' && type !== 'null' && type !== 'undefined') {
-      throw new Error(`A rule returned an invalid deserialized representation: "${node}".`);
+      throw new Error("A rule returned an invalid deserialized representation: \"".concat(node, "\"."));
     }
 
     // Not eligible for current component processing

package/dist/basic-sdk/slate-convert/md-to-slate/transform.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformUnorderedList = exports.transformTableRow = exports.transformTableCell = exports.transformTable = exports.transformParagraph = exports.transformOrderedList = exports.transformMath = exports.transformListItem = exports.transformListContent = exports.transformList = exports.transformHtml = exports.transformHr = exports.transformHeader = exports.transformCodeLine = exports.transformCodeBlock = exports.transformCheckListItem = exports.transformCheckList = exports.transformBlockquote = exports.transformBlockHtml = exports.formatMdToSlate = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slugid = _interopRequireDefault(require("slugid"));
 var _elementType = require("../../extension/constants/element-type");
 var _core = require("../../extension/core");
@@ -59,21 +60,17 @@ const applyMarkForInlineItem = function (result, item) {
     return result;
   }
   if (type === _elementType.IMAGE) {
-    const data = {
-      src: item.url,
-      ...(item.title && {
-        title: item.title
-      }),
-      ...(item.alt && {
-        alt: item.alt
-      }),
-      ...(item.width && {
-        width: item.width
-      }),
-      ...(item.height && {
-        height: item.height
-      })
-    };
+    const data = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+      src: item.url
+    }, item.title && {
+      title: item.title
+    }), item.alt && {
+      alt: item.alt
+    }), item.width && {
+      width: item.width
+    }), item.height && {
+      height: item.height
+    });
     const image = {
       id: _slugid.default.nice(),
       data: data,
@@ -133,7 +130,7 @@ const transformHeader = node => {
   const {
     depth
   } = node;
-  const type = `${_elementType.HEADER}${depth}`;
+  const type = "".concat(_elementType.HEADER).concat(depth);
   return {
     id: _slugid.default.nice(),
     type: type,
@@ -344,21 +341,17 @@ const transformHtml = node => {
     const title = img.getAttribute('title');
     const width = img.getAttribute('width');
     const height = img.getAttribute('height');
-    const data = {
-      src: src,
-      ...(alt && {
-        alt
-      }),
-      ...(title && {
-        title
-      }),
-      ...(!isNaN(width) && width > 0 && {
-        width
-      }),
-      ...(!isNaN(height) && height > 0 && {
-        height
-      })
-    };
+    const data = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+      src: src
+    }, alt && {
+      alt
+    }), title && {
+      title
+    }), !isNaN(width) && width > 0 && {
+      width
+    }), !isNaN(height) && height > 0 && {
+      height
+    });
     const image = {
       id: _slugid.default.nice(),
       data: data,

package/dist/basic-sdk/slate-convert/slate-to-md/transform.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formatSlateToMd = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _isPunctuationMark = _interopRequireDefault(require("../../utils/is-punctuation-mark"));
 const generateDefaultText = value => {
@@ -21,10 +22,9 @@ const transformTextNode = textNode => {
 
   // code = true, override text type
   if (textNode['code']) {
-    mdNode = {
-      ...mdNode,
+    mdNode = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, mdNode), {}, {
       type: 'inlineCode'
-    };
+    });
   }
 
   // blob = true, add strong parent
@@ -74,7 +74,7 @@ const transformInlineChildren = (result, item) => {
     if (data.height || data.width) {
       image = {
         type: 'html',
-        value: `<img src="${data.src}" alt="${data.alt}" title="${data.title}" width="${data.width}" height="${data.height}" />`
+        value: "<img src=\"".concat(data.src, "\" alt=\"").concat(data.alt, "\" title=\"").concat(data.title, "\" width=\"").concat(data.width, "\" height=\"").concat(data.height, "\" />")
       };
     }
     result.push(image);
@@ -106,7 +106,7 @@ const transformInlineChildren = (result, item) => {
   if (item.type && item.type === 'seatable_column') {
     const data = item.data;
     const newNode = {
-      text: `{${data.name}}`
+      text: "{".concat(data.name, "}")
     };
     const column = transformTextNode(newNode);
     result.push(column);

package/dist/basic-sdk/socket/helpers.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.validateOperation = exports.syncRemoteOperations = exports.syncRemoteCursorLocation = exports.revertOperationList = exports.reExecRevertOperationList = exports.getRevertOperationList = exports.getNodePathById = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slate = require("@seafile/slate");
 var _deepCopy = _interopRequireDefault(require("deep-copy"));
 var _helper = require("../cursor/helper");
@@ -173,10 +174,9 @@ const validateOperation = (editor, operation) => {
         // node is exist and node path is not changed
         if (node && node.id === node_id) {
           isValid = true;
-          newOperation.properties = {
-            ...properties,
+          newOperation.properties = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, properties), {}, {
             type: node.type
-          };
+          });
           break;
         }
 
@@ -185,10 +185,9 @@ const validateOperation = (editor, operation) => {
         if (nodePath) {
           isValid = true;
           const node = (0, _core.getNode)(editor, nodePath);
-          newOperation.properties = {
-            ...properties,
+          newOperation.properties = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, properties), {}, {
             type: node.type
-          };
+          });
           newOperation.path = nodePath;
           break;
         }

package/dist/basic-sdk/socket/socket-client.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _socket = _interopRequireDefault(require("socket.io-client"));
 var _debug = require("../utils/debug");
@@ -18,11 +19,10 @@ class SocketClient {
         docUuid,
         user
       } = _this.config;
-      return {
+      return (0, _objectSpread2.default)({
         doc_uuid: docUuid,
-        user,
-        ...params
-      };
+        user
+      }, params);
     });
     (0, _defineProperty2.default)(this, "onConnected", () => {
       // join room

package/dist/basic-sdk/socket/socket-manager.js

@@ -71,14 +71,14 @@ class SocketManager {
     (0, _defineProperty2.default)(this, "sendOperations", () => {
       if (this.editor.readonly) return;
       if (this.state !== STATE.IDLE) return;
-      (0, _debug.stateDebug)(`State changed: ${this.state} -> ${STATE.SENDING}`);
+      (0, _debug.stateDebug)("State changed: ".concat(this.state, " -> ").concat(STATE.SENDING));
       this.state = STATE.SENDING;
       this.sendNextOperations();
     });
     (0, _defineProperty2.default)(this, "sendNextOperations", () => {
       if (this.state !== STATE.SENDING) return;
       if (this.pendingOperationList.length === 0) {
-        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.IDLE}`);
+        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.IDLE));
         this.state = STATE.IDLE;
         return;
       }
@@ -115,13 +115,13 @@ class SocketManager {
         this.dispatchConnectState(error_type);
 
         // reset sending control
-        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.NEED_RELOAD}`);
+        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.NEED_RELOAD));
         this.state = STATE.NEED_RELOAD;
         this._sendingOperations = null;
       } else if (error_type === 'version_behind_server') {
         // Put the failed operation into the pending list and re-execute it
         this.pendingOperationList.unshift([...this._sendingOperations]);
-        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.CONFLICT}`);
+        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.CONFLICT));
         this.state = STATE.CONFLICT;
         const {
           lose_operations
@@ -168,7 +168,7 @@ class SocketManager {
         try {
           (0, _helpers.syncRemoteOperations)(this.editor, operations);
         } catch (error) {
-          (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.CONFLICT}`);
+          (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.CONFLICT));
           this.state = STATE.CONFLICT;
           this.dispatchConnectState('sync_server_operations_error');
           return;
@@ -198,17 +198,17 @@ class SocketManager {
       }
 
       // The version consistency indicates that there is no conflict and no processing is required
-      (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.IDLE}`);
+      (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.IDLE));
       this.state = STATE.IDLE;
       if (this.pendingOperationList.length > 0) {
         (0, _debug.clientDebug)('After reconnection, manually trigger the execution of ops.');
-        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.SENDING}`);
+        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.SENDING));
         this.state = STATE.SENDING;
         this.sendNextOperations();
       }
     });
     (0, _defineProperty2.default)(this, "onConflictHappen", () => {
-      (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.CONFLICT}`);
+      (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.CONFLICT));
       this.state = STATE.CONFLICT;
       this.socketClient.getRecentOperations();
     });
@@ -232,7 +232,7 @@ class SocketManager {
         this.editor.children = children;
         this.editor.isRemote = true;
         this.editor.onChange();
-        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.IDLE}`);
+        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.IDLE));
         this.editor.isRemote = false;
         this.state = STATE.IDLE;
         this._sendingOperations = null;
@@ -280,7 +280,7 @@ class SocketManager {
         try {
           (0, _helpers.syncRemoteOperations)(this.editor, operations);
         } catch (error) {
-          (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.CONFLICT}`);
+          (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.CONFLICT));
           this.state = STATE.CONFLICT;
           this.dispatchConnectState('sync_server_operations_error');
           return;
@@ -293,7 +293,7 @@ class SocketManager {
       if (this.revertOperationList.length === 0) {
         Promise.resolve().then(() => {
           this.editor.isRemote = false;
-          (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.IDLE}`);
+          (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.IDLE));
           this.state = STATE.IDLE;
           this._sendingOperations = null;
           this.revertOperationList = [];
@@ -305,7 +305,7 @@ class SocketManager {
       Promise.resolve().then(() => {
         // reset execute remote operations flag
         this.editor.isRemote = false;
-        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.IDLE}`);
+        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.IDLE));
         this.state = STATE.IDLE;
         this._sendingOperations = null;
 
@@ -344,7 +344,7 @@ class SocketManager {
           this.pendingOperationList.unshift(this._sendingOperations.slice());
           this._sendingOperations = null;
         }
-        (0, _debug.stateDebug)(`State Changed: ${this.state} -> ${STATE.DISCONNECT}`);
+        (0, _debug.stateDebug)("State Changed: ".concat(this.state, " -> ").concat(STATE.DISCONNECT));
         this.state = STATE.DISCONNECT;
       }
       this.eventBus.dispatch(type, message);

package/dist/basic-sdk/utils/Kebab-to-camel.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 const KebabToCamel = str => {
-  return str.replace(/(_[a-z])/g, match => `${match.slice(1).toUpperCase()}`);
+  return str.replace(/(_[a-z])/g, match => "".concat(match.slice(1).toUpperCase()));
 };
 var _default = exports.default = KebabToCamel;

package/dist/basic-sdk/utils/default-mode.js

@@ -20,7 +20,7 @@ const getStyleByDefaultMode = (scrollRef, editor) => {
   if (isShowOutline && editor.editorType !== _constants.WIKI_EDITOR) {
     const rect = scrollRef.current.getBoundingClientRect();
     if ((rect.width - Number(_constants.ARTICLE_DEFAULT_WIDTH.slice(0, 3))) / 2 < 280) {
-      containerStyle['marginLeft'] = `${_constants.LEFT_OUTLINE_WIDTH}px`;
+      containerStyle['marginLeft'] = "".concat(_constants.LEFT_OUTLINE_WIDTH, "px");
     }
   }
   return containerStyle;

package/dist/basic-sdk/utils/diff-text.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _objectUtils = _interopRequireDefault(require("./object-utils"));
 const extendedWordChars = 'a-zA-Z\\u{C0}-\\u{FF}\\u{D8}-\\u{F6}\\u{F8}-\\u{2C6}\\u{2C8}-\\u{2D7}\\u{2DE}-\\u{2FF}\\u{1E00}-\\u{1EFF}\\u{4e00}-\\u{9fa5}';
-const tokenizeIncludingWhitespace = new RegExp(`[${extendedWordChars}]+|\\s+|[^${extendedWordChars}]`, 'ug');
+const tokenizeIncludingWhitespace = new RegExp("[".concat(extendedWordChars, "]+|\\s+|[^").concat(extendedWordChars, "]"), 'ug');
 const buildValues = (diff, components, newString, oldString, valueType, useLongestToken) => {
   let componentPos = 0;
   let componentLen = components.length;

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTopLevelChanges = exports.getMergedChanges = exports.getIdDiffs = exports.getDiff = exports.generateIdMapAndIds = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slugid = _interopRequireDefault(require("slugid"));
 var _constants = require("../extension/constants");
 var _diffText = _interopRequireDefault(require("./diff-text"));
@@ -17,18 +18,16 @@ const generatorDiffTextElement = function (textElement, diffType) {
   if (!textElement) return null;
   if (!diffType) return textElement;
   const id = textElement.id;
-  return {
-    ...textElement,
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, textElement), {}, {
     id: id || _slugid.default.nice(),
-    [diffType]: true,
-    ...style
-  };
+    [diffType]: true
+  }, style);
 };
 const getTopLevelChanges = changes => {
   const topLevelChanges = [];
   const articleEl = document.getElementById('sdoc-editor');
   changes.forEach(item => {
-    let dom = document.querySelectorAll(`[data-id="${item}"]`)[0];
+    let dom = document.querySelectorAll("[data-id=\"".concat(item, "\"]"))[0];
     if (!dom) return [];
     while (((_dom = dom) === null || _dom === void 0 ? void 0 : (_dom$dataset = _dom.dataset) === null || _dom$dataset === void 0 ? void 0 : _dom$dataset.root) !== 'true' || ((_dom2 = dom) === null || _dom2 === void 0 ? void 0 : _dom2.parentNode) !== articleEl) {
       var _dom, _dom$dataset, _dom2, _dom3;
@@ -80,11 +79,10 @@ const generatorDiffElement = function (element, diffType) {
   if (!Array.isArray(element.children) || element.children.length === 0) {
     return generatorDiffTextElement(element, diffType, style);
   }
-  return {
-    ...element,
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
     [diffType]: true,
     children: element.children.map(item => generatorDiffElement(item, diffType, style))
-  };
+  });
 };
 const generateIdMapAndIds = elements => {
   let map = {};
@@ -124,7 +122,7 @@ const getTextDiff = (element, oldElement, diff) => {
   const textDiffs = textDiff.getDiffs();
   let newChildren = [];
   textDiffs.forEach((item, index) => {
-    const id = `${element.id || _slugid.default.nice()}-${index}`;
+    const id = "".concat(element.id || _slugid.default.nice(), "-").concat(index);
     let elementItem = {
       id,
       text: item.value
@@ -147,21 +145,18 @@ const getTextDiff = (element, oldElement, diff) => {
 const getCommonDiff = (element, oldElement, diff) => {
   if (!hasChildren(element) && !hasChildren(oldElement)) {
     const newChildren = getTextDiff(element, oldElement, diff);
-    return [{
-      ...element,
+    return [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
       children: newChildren
-    }];
+    })];
   }
   if (!hasChildren(element) || !hasChildren(oldElement)) {
     const elementId = element.id || _slugid.default.nice();
-    diff.changes.push(`${elementId}_delete`);
-    return [generatorDiffElement({
-      ...oldElement,
-      id: `${elementId}_delete`
-    }, _constants.TEXT_STYLE_MAP.DELETE, _constants.DELETED_STYLE), generatorDiffElement({
-      ...element,
-      id: `${elementId}_add`
-    }, _constants.TEXT_STYLE_MAP.ADD, _constants.ADDED_STYLE)];
+    diff.changes.push("".concat(elementId, "_delete"));
+    return [generatorDiffElement((0, _objectSpread2.default)((0, _objectSpread2.default)({}, oldElement), {}, {
+      id: "".concat(elementId, "_delete")
+    }), _constants.TEXT_STYLE_MAP.DELETE, _constants.DELETED_STYLE), generatorDiffElement((0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
+      id: "".concat(elementId, "_add")
+    }), _constants.TEXT_STYLE_MAP.ADD, _constants.ADDED_STYLE)];
   }
 
   // Content does not change
@@ -211,14 +206,12 @@ const getCommonDiff = (element, oldElement, diff) => {
               if (newChildrenElement.data.src === oldChildrenElement.data.src) {
                 newChildren.push(newChildrenElement);
               } else {
-                newChildren.push(generatorDiffTextElement({
-                  ...element,
+                newChildren.push(generatorDiffTextElement((0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
                   id: element.id + '_add'
-                }, _constants.TEXT_STYLE_MAP.ADD, _constants.ADDED_STYLE));
-                newChildren.push(generatorDiffTextElement({
-                  ...oldChildrenElement,
+                }), _constants.TEXT_STYLE_MAP.ADD, _constants.ADDED_STYLE));
+                newChildren.push(generatorDiffTextElement((0, _objectSpread2.default)((0, _objectSpread2.default)({}, oldChildrenElement), {}, {
                   id: element.id + '_delete'
-                }, _constants.TEXT_STYLE_MAP.DELETE, _constants.DELETED_STYLE));
+                }), _constants.TEXT_STYLE_MAP.DELETE, _constants.DELETED_STYLE));
               }
             } else if (newChildrenElement.type === _constants.ELEMENT_TYPE.LINK) {
               if (newChildrenElement.title !== oldChildrenElement.title) {
@@ -226,14 +219,12 @@ const getCommonDiff = (element, oldElement, diff) => {
                 newChildren.push(...diffElements);
               } else if (newChildrenElement.href !== oldChildrenElement.href) {
                 diff.changes.push(oldChildrenElement.id + '_delete');
-                newChildren.push(generatorDiffTextElement({
-                  ...oldChildrenElement,
+                newChildren.push(generatorDiffTextElement((0, _objectSpread2.default)((0, _objectSpread2.default)({}, oldChildrenElement), {}, {
                   id: oldChildrenElement.id + '_delete'
-                }, _constants.TEXT_STYLE_MAP.DELETE, _constants.DELETED_STYLE));
-                newChildren.push(generatorDiffTextElement({
-                  ...newChildrenElement,
+                }), _constants.TEXT_STYLE_MAP.DELETE, _constants.DELETED_STYLE));
+                newChildren.push(generatorDiffTextElement((0, _objectSpread2.default)((0, _objectSpread2.default)({}, newChildrenElement), {}, {
                   id: newChildrenElement.id + '_add'
-                }, _constants.TEXT_STYLE_MAP.ADD, _constants.ADDED_STYLE));
+                }), _constants.TEXT_STYLE_MAP.ADD, _constants.ADDED_STYLE));
               } else {
                 newChildren.push(newChildrenElement);
               }
@@ -246,23 +237,20 @@ const getCommonDiff = (element, oldElement, diff) => {
             }
           } else {
             diff.changes.push(oldChildrenElement.id + '_delete');
-            newChildren.push(generatorDiffTextElement({
-              ...oldChildrenElement,
+            newChildren.push(generatorDiffTextElement((0, _objectSpread2.default)((0, _objectSpread2.default)({}, oldChildrenElement), {}, {
               id: oldChildrenElement.id + '_delete'
-            }, _constants.TEXT_STYLE_MAP.DELETE, _constants.DELETED_STYLE));
-            newChildren.push(generatorDiffTextElement({
-              ...newChildrenElement,
+            }), _constants.TEXT_STYLE_MAP.DELETE, _constants.DELETED_STYLE));
+            newChildren.push(generatorDiffTextElement((0, _objectSpread2.default)((0, _objectSpread2.default)({}, newChildrenElement), {}, {
               id: newChildrenElement.id + '_add'
-            }, _constants.TEXT_STYLE_MAP.ADD, _constants.ADDED_STYLE));
+            }), _constants.TEXT_STYLE_MAP.ADD, _constants.ADDED_STYLE));
           }
         }
       }
     });
   });
-  return [{
-    ...element,
+  return [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, element), {}, {
     children: newChildren
-  }];
+  })];
 };
 const updateDiffValue = (diff, element, oldElement) => {
   if (!diff || !element || !oldElement) return;
@@ -355,17 +343,15 @@ const getDiff = function () {
   const {
     version: currentVersion,
     elements: currentContent
-  } = {
-    ...currentValue,
+  } = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, currentValue), {}, {
     elements: (0, _documentUtils.normalizeChildren)(currentValue.elements)
-  };
+  });
   const {
     version: oldVersion,
     elements: oldContent
-  } = {
-    ...oldValue,
+  } = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, oldValue), {}, {
     elements: (0, _documentUtils.normalizeChildren)(oldValue.elements)
-  };
+  });
   if (currentVersion === oldVersion) return {
     value: currentContent,
     changes: []

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setOriginSdocKey = exports.normalizeCopyNodes = exports.normalizeChildren = exports.getSlateFragmentAttribute = exports.generateDefaultDocContent = exports.formatSdocContent = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _deepCopy = _interopRequireDefault(require("deep-copy"));
-var _context = _interopRequireDefault(require("../../context"));
+var _context = _interopRequireDefault(require("../context"));
 var _constants = require("../extension/constants");
 var _index = require("../extension/core/utils/index");
 var _helpers = require("../extension/plugins/table/helpers");
@@ -44,7 +45,7 @@ const normalizeCopyNodes = (editor, elements) => {
 exports.normalizeCopyNodes = normalizeCopyNodes;
 const setOriginSdocKey = event => {
   const docUuid = _context.default.getSetting('docUuid');
-  event.clipboardData.setData(`text/${_constants.CLIPBOARD_ORIGIN_SDOC_KEY}`, docUuid);
+  event.clipboardData.setData("text/".concat(_constants.CLIPBOARD_ORIGIN_SDOC_KEY), docUuid);
 };
 exports.setOriginSdocKey = setOriginSdocKey;
 const getSlateFragmentAttribute = dataTransfer => {
@@ -71,11 +72,8 @@ const generateDefaultDocContent = () => {
 // patch: update children to elements
 exports.generateDefaultDocContent = generateDefaultDocContent;
 const formatSdocContent = content => {
-  return {
-    ...content,
-    ...(!content.elements && {
-      elements: content.children
-    })
-  };
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, content), !content.elements && {
+    elements: content.children
+  });
 };
 exports.formatSdocContent = formatSdocContent;