@seafile/sdoc-editor 0.3.19 → 0.3.21

package/dist/basic-sdk/assets/css/sdoc-editor-plugins.css

@@ -1,4 +1,4 @@
-/* header */ 
+/* header */
 .sdoc-editor-container .article .sdoc-header-title,
 .sdoc-editor-container .article .sdoc-header-subtitle,
 .sdoc-editor-container .article .sdoc-header-1,
@@ -24,16 +24,28 @@
 /* list  */
 .sdoc-editor-container .article .list-container {
   margin: 0;
-  padding-inline-start: 24px;
+  /* override seafile-ui padding */
+  padding-left: 1.2em !important;
 }
 
 /* check list  */
+.sdoc-editor-container .article .sdoc-checkbox-container {
+  padding: 0px 2px;
+}
+
 .sdoc-editor-container .article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper {
-  margin-right: 6px;
+  display: flex;
+  align-items: baseline;
 }
 
-.sdoc-editor-container .article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper :first-child {
+.sdoc-editor-container .article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper .sdoc-checkbox-input {
   vertical-align: middle;
+  margin-right: 5px;
+}
+
+.sdoc-editor-container .article .sdoc-checkbox-container .sdoc-checkbox-input-wrapper .sdoc-checkbox-content-container {
+  word-break:normal;
+  width: calc(100% - 1em);
 }
 
 /* image */
@@ -103,7 +115,7 @@
   border-radius: 3px;
   border: 1px solid rgba(0, 40, 100, 0.12);
   background-color: #fff;
-  user-select: none!important;
+  user-select: none !important;
   z-index: 1000;
 }
 
@@ -130,6 +142,10 @@
 }
 
 /* caret */
+.sdoc-editor-container .article .caret-item .caret-name::before {
+  content: attr(name);
+}
+
 .sdoc-editor-container .article .caret-item .caret-name {
   display: none;
 }
@@ -146,4 +162,3 @@
 .sdoc-editor-container .article .virtual-link:hover {
   text-decoration: underline;
 }
-

package/dist/basic-sdk/extension/plugins/check-list/plugin.js

@@ -1,10 +1,12 @@
-import { Node, Range, Transforms } from '@seafile/slate';
+import { Editor, Node, Range, Transforms } from '@seafile/slate';
+import isHotkey from 'is-hotkey';
 import { CHECK_LIST_ITEM, PARAGRAPH } from '../../constants';
-import { generateDefaultText, getSelectedNodeByType } from '../../core';
+import { focusEditor, generateDefaultText, getSelectedNodeByType } from '../../core';
 const withCheckList = editor => {
   const {
     insertBreak,
-    deleteBackward
+    deleteBackward,
+    onHotKeyDown
   } = editor;
   const newEditor = editor;
   newEditor.insertBreak = () => {
@@ -61,6 +63,33 @@ const withCheckList = editor => {
     }
     deleteBackward(unit);
   };
+  newEditor.onHotKeyDown = event => {
+    const selectedTodo = getSelectedNodeByType(editor, CHECK_LIST_ITEM);
+    if (selectedTodo) {
+      if (isHotkey('shift+enter', event)) {
+        event.preventDefault();
+        const {
+          selection
+        } = newEditor;
+        const insertPoint = Editor.start(editor, selection);
+        Transforms.insertText(editor, '\n', {
+          at: insertPoint
+        });
+        focusEditor(editor, {
+          anchor: {
+            path: insertPoint.path,
+            offset: insertPoint.offset + 1
+          },
+          focus: {
+            path: insertPoint.path,
+            offset: insertPoint.offset + 1
+          }
+        });
+      }
+      return true;
+    }
+    return onHotKeyDown && onHotKeyDown(event);
+  };
   return newEditor;
 };
 export default withCheckList;

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

@@ -38,14 +38,16 @@ class CheckListItem extends React.PureComponent {
     }, attributes, {
       className: "sdoc-checkbox-container ".concat(attributes.className),
       style: style
-    }), /*#__PURE__*/React.createElement("span", {
-      className: "sdoc-checkbox-input-wrapper",
-      contentEditable: false
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "sdoc-checkbox-input-wrapper"
     }, /*#__PURE__*/React.createElement("input", {
+      className: "sdoc-checkbox-input",
       type: "checkbox",
       onChange: this.onChange,
       checked: checked
-    })), children);
+    }), /*#__PURE__*/React.createElement("p", {
+      className: "sdoc-checkbox-content-container"
+    }, children)));
   }
 }
 export const renderCheckListItem = (props, editor) => {

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

@@ -1,11 +1,13 @@
 import { Transforms, Path, Editor, Element } from '@seafile/slate';
 import toaster from '../../../../components/toast';
 import context from '../../../../context';
+import EventBus from '../../../utils/event-bus';
 import { insertImage, hasSdocImages, getImageData, queryCopyMoveProgressView, resetCursor, isSingleImage } from './helpers';
 import { focusEditor } from '../../core';
 import { getErrorMsg } from '../../../../utils';
 import { getSlateFragmentAttribute } from '../../../utils/document-utils';
 import { INSERT_POSITION, CLIPBOARD_FORMAT_KEY, CLIPBOARD_ORIGIN_SDOC_KEY, IMAGE } from '../../constants';
+import { INTERNAL_EVENT } from '../../../constants';
 const withImage = editor => {
   const {
     isInline,
@@ -47,7 +49,16 @@ const withImage = editor => {
         const imageData = getImageData(fragmentData);
         context.copyImage(originSdocUuid, imageData).then(res => {
           if (res.status === 200) {
-            queryCopyMoveProgressView(res.data.task_id);
+            // Task_id is an empty character and is copied from the same database.
+            if (res.data.task_id.length === 0) {
+              // Reload image
+              setTimeout(() => {
+                const eventBus = EventBus.getInstance();
+                eventBus.dispatch(INTERNAL_EVENT.RELOAD_IMAGE);
+              }, 300);
+            } else {
+              queryCopyMoveProgressView(res.data.task_id);
+            }
           }
         }).catch(error => {
           const errorMessage = getErrorMsg(error);

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

@@ -166,7 +166,7 @@ const Image = _ref => {
     setIsShowImageHoverMenu(true);
   }, [setPosition]);
   const reloadImage = useCallback(() => {
-    if (imageRef) {
+    if (imageRef.current) {
       imageRef.current['src'] = getImageURL(data.src);
     }
   }, [data.src]);

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

@@ -387,7 +387,7 @@ export const insertTableElement = function (editor, type) {
         at: targetPath
       });
       // handle combined cells
-      if (!(rowIndex == 0 && position === TABLE_ELEMENT_POSITION.BEFORE)) {
+      if (!(rowIndex === 0 && position === TABLE_ELEMENT_POSITION.BEFORE)) {
         const targetRowIndex = position === TABLE_ELEMENT_POSITION.AFTER ? rowIndex : rowIndex - 1;
         const currentTable = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE);
         handleCombinedCellsAfterInsertTableRow(editor, tablePath, currentTable, targetRowIndex);
@@ -412,7 +412,7 @@ export const insertTableElement = function (editor, type) {
         });
       }
       // handle combined cells
-      if (!(cellIndex == 0 && position === TABLE_ELEMENT_POSITION.BEFORE)) {
+      if (!(cellIndex === 0 && position === TABLE_ELEMENT_POSITION.BEFORE)) {
         const targetColumnIndex = position === TABLE_ELEMENT_POSITION.AFTER ? cellIndex : cellIndex - 1;
         const currentTable = getSelectedNodeByType(editor, ELEMENT_TYPE.TABLE);
         handleCombinedCellsAfterInsertTableColumn(editor, tablePath, currentTable, targetColumnIndex);
@@ -454,7 +454,7 @@ export const combineCells = editor => {
   newCell.children = newCellContent;
   newCell.rowspan = maxRowIndex - minRowIndex + 1;
   newCell.colspan = maxColIndex - minColIndex + 1;
-  // keep row.chilren.length not changed
+  // keep row.children.length not changed
   Transforms.removeNodes(editor, {
     at: targetCellPath
   });
@@ -468,7 +468,7 @@ export const combineCells = editor => {
   eventBus.dispatch(INTERNAL_EVENT.CANCEL_TABLE_SELECT_RANGE);
 };
 export const splitCell = (editor, rowNumber, columnNumber) => {
-  if (rowNumber == 1 && columnNumber == 1) {
+  if (rowNumber === 1 && columnNumber === 1) {
     return;
   }
   const {
@@ -505,7 +505,7 @@ export const splitCell = (editor, rowNumber, columnNumber) => {
       const newRowIndex = rowIndex + rowspanSum;
       const newCellIndex = cellIndex + colspanSum;
       const targetCellPath = [...tablePath, newRowIndex, newCellIndex];
-      if (i == 0 && j == 0) {
+      if (i === 0 && j === 0) {
         firstNewCell = newCell;
       } else {
         Transforms.removeNodes(editor, {

package/dist/basic-sdk/extension/plugins/text-style/caret.js

@@ -43,9 +43,10 @@ const Caret = _ref => {
       position: 'relative'
     }
   }, /*#__PURE__*/React.createElement("span", {
+    name: name,
     className: "caret-name",
     contentEditable: false,
     style: cursorStyles
-  }, name))));
+  }))));
 };
 export default Caret;

package/package.json

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