@seafile/sdoc-editor 1.0.195 → 1.0.196

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unwrapLinkNode = exports.onCopyFileLinkNode = exports.isMenuDisabled = exports.insertFileLink = exports.getUrl = exports.getType = exports.generateFileNode = void 0;
+exports.unwrapLinkNode = exports.onCopyFileLinkNode = exports.isMenuDisabled = exports.insertFileLink = exports.getUrl = exports.getType = exports.getFileLinkEntry = exports.generateFileNode = void 0;
 var _slateReact = require("@seafile/slate-react");
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
@@ -112,4 +112,14 @@ const onCopyFileLinkNode = (editor, element) => {
     }
   });
 };
-exports.onCopyFileLinkNode = onCopyFileLinkNode;
+exports.onCopyFileLinkNode = onCopyFileLinkNode;
+const getFileLinkEntry = function (editor) {
+  let at = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : editor.selection;
+  const aboveNodeEntry = _slate.Editor.above(editor, {
+    match: n => n.type === _constants.FILE_LINK,
+    mode: 'highest',
+    at
+  });
+  return aboveNodeEntry;
+};
+exports.getFileLinkEntry = getFileLinkEntry;

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

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _slate = require("@seafile/slate");
 var _constants = require("../../constants");
+var _helpers = require("./helpers");
 const withFileLink = editor => {
   const {
     isInline,
-    deleteBackward
+    deleteBackward,
+    onHotKeyDown
   } = editor;
   const newEditor = editor;
 
@@ -47,6 +49,24 @@ const withFileLink = editor => {
     }
     return deleteBackward(unit);
   };
+  newEditor.onHotKeyDown = e => {
+    const fileLinkEntry = (0, _helpers.getFileLinkEntry)(editor);
+    if (fileLinkEntry) {
+      if (e.key === 'ArrowLeft') {
+        const beforePointFileLink = _slate.Editor.before(newEditor, fileLinkEntry[1]);
+        _slate.Transforms.select(newEditor, beforePointFileLink);
+        e.preventDefault();
+        return;
+      }
+      if (e.key === 'ArrowRight') {
+        const afterPointFileLink = _slate.Editor.after(newEditor, fileLinkEntry[1]);
+        _slate.Transforms.select(newEditor, afterPointFileLink);
+        e.preventDefault();
+        return;
+      }
+    }
+    return onHotKeyDown && onHotKeyDown(e);
+  };
   return newEditor;
 };
 var _default = exports.default = withFileLink;

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

@@ -1,5 +1,6 @@
+.file-link-selected,
 .sdoc-file-link-render:hover {
-  background-color: #e5e5e5
+  background-color: #e5e5e5 !important;
 }
 
 .sdoc-file-card-link {
@@ -20,7 +21,7 @@
 }
 
 .sdoc-file-card-link .sdoc-file-link-icon :first-child {
- font-size: 24px;
+  font-size: 24px;
 }
 
 .sdoc-file-card-link .sdoc-file-link-icon {

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

@@ -27,6 +27,7 @@ const FileLink = _ref => {
   const readOnly = (0, _slateReact.useReadOnly)();
   const [isShowInsertHoverMenu, setIsShowInsertHoverMenu] = (0, _react.useState)(false);
   const [menuPosition, setMenuPosition] = (0, _react.useState)({});
+  const isSelected = (0, _slateReact.useSelected)();
   const registerEventHandle = (0, _react.useCallback)(() => {
     document.addEventListener('click', onHideInsertHoverMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -118,6 +119,8 @@ const FileLink = _ref => {
     "data-id": element.id,
     contentEditable: false,
     className: (0, _classnames.default)('sdoc-file-link-render', {
+      'file-link-selected': isSelected
+    }, {
       'sdoc-file-card-link': element.display_type === _constants2.FILE_LINK_TYPE.CARD_LINK
     }),
     onClick: onClickFile,

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

@@ -12,6 +12,7 @@ var _helpers = require("./helpers");
 var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _keyboard = require("../../constants/keyboard");
 var _utils = require("../../../../utils");
+var _helpers2 = require("../list/helpers");
 const isSelectionAtLineEnd = (editor, path) => {
   const {
     selection
@@ -77,14 +78,13 @@ const withHeader = editor => {
     }
   };
   newEditor.insertFragment = data => {
-    var _data$, _data$$children;
     const headerNode = (0, _core.getSelectedNodeByTypes)(editor, _constants.HEADERS);
     const headerText = _slate.Node.string(headerNode || {
       children: []
     });
-    const isSingleListItem = data.length === 1 && ((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : (_data$$children = _data$.children) === null || _data$$children === void 0 ? void 0 : _data$$children.length) === 1 && _constants.LIST_TYPE_ARRAY.includes(data[0].type);
+    const onlyOneListItem = data.length === 1 && (0, _helpers2.isSingleListItem)(data[0]);
     // Insert a list item when the header is empty, insert only the text
-    if (headerNode && headerText.length === 0 && isSingleListItem) {
+    if (headerNode && headerText.length === 0 && onlyOneListItem) {
       const text = _slate.Node.string(data[0]);
       insertText(text);
       return;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setListType = exports.isMenuDisabled = exports.getListType = exports.getBeforeText = void 0;
+exports.setListType = exports.isSingleListItem = exports.isMenuDisabled = exports.getListType = exports.getBeforeText = void 0;
 var _slate = require("@seafile/slate");
 var _constants = require("../../constants");
 var _transforms = require("./transforms");
@@ -100,4 +100,16 @@ const getBeforeText = editor => {
     range
   };
 };
-exports.getBeforeText = getBeforeText;
+exports.getBeforeText = getBeforeText;
+const isSingleListItem = node => {
+  // ordered_list/unordered_list -> list-item.children -> paragraph
+  //                                                   -> ordered_list/unordered_list
+  if (![_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(node.type)) return false;
+  // list children
+  if (node.children.length !== 1) return false;
+  // listItem children
+  const listItem = node.children[0];
+  if (listItem.children.length !== 1) return false;
+  return true;
+};
+exports.isSingleListItem = isSingleListItem;

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

@@ -9,6 +9,7 @@ var _isHotkey = _interopRequireDefault(require("is-hotkey"));
 var _slate = require("@seafile/slate");
 var _core = require("../../core");
 var _constants = require("../../constants");
+var _helpers = require("../list/helpers");
 const withParagraph = editor => {
   const {
     handleTab,
@@ -135,10 +136,9 @@ const withParagraph = editor => {
     return onHotKeyDown && onHotKeyDown(event);
   };
   newEditor.insertFragment = data => {
-    var _data$, _data$$children;
     const paragraphBlock = (0, _core.getSelectedNodeByType)(editor, _constants.PARAGRAPH);
-    const isSingleListItem = data.length === 1 && ((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : (_data$$children = _data$.children) === null || _data$$children === void 0 ? void 0 : _data$$children.length) === 1 && _constants.LIST_TYPE_ARRAY.includes(data[0].type);
-    if (paragraphBlock && isSingleListItem) {
+    const onlyOneListItem = data.length === 1 && (0, _helpers.isSingleListItem)(data[0]);
+    if (paragraphBlock && onlyOneListItem) {
       const text = _slate.Node.string(data[0]);
       editor.insertText(text);
       return;

package/dist/basic-sdk/extension/plugins/sdoc-link/helpers.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unwrapLinkNode = exports.sdocFileIcon = exports.removeTempInput = exports.removeShortCutSymbol = exports.onCopySdocLinkNode = exports.isTriggeredByShortcut = exports.isMenuDisabled = exports.insertTextWhenRemoveFileNameCollector = exports.insertTempInput = exports.insertSdocFileLink = exports.getUrl = exports.getType = exports.getNewFileListData = exports.getFileSearchInputEntry = exports.getBeforeText = exports.generateSdocFileNode = void 0;
+exports.unwrapLinkNode = exports.sdocFileIcon = exports.removeTempInput = exports.removeShortCutSymbol = exports.onCopySdocLinkNode = exports.isTriggeredByShortcut = exports.isMenuDisabled = exports.insertTextWhenRemoveFileNameCollector = exports.insertTempInput = exports.insertSdocFileLink = exports.getUrl = exports.getType = exports.getSdocLinkEntry = exports.getNewFileListData = exports.getFileSearchInputEntry = exports.getBeforeText = exports.generateSdocFileNode = void 0;
 var _slateReact = require("@seafile/slate-react");
 var _slate = require("@seafile/slate");
 var _slugid = _interopRequireDefault(require("slugid"));
@@ -278,4 +278,14 @@ const sdocFileIcon = () => {
   const server = _context.default.getSetting('serviceUrl');
   return `${server}/media/img/file/256/sdoc.png`;
 };
-exports.sdocFileIcon = sdocFileIcon;
+exports.sdocFileIcon = sdocFileIcon;
+const getSdocLinkEntry = function (editor) {
+  let at = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : editor.selection;
+  const aboveNodeEntry = _slate.Editor.above(editor, {
+    match: n => n.type === _constants.SDOC_LINK,
+    mode: 'highest',
+    at
+  });
+  return aboveNodeEntry;
+};
+exports.getSdocLinkEntry = getSdocLinkEntry;

package/dist/basic-sdk/extension/plugins/sdoc-link/plugin.js

@@ -80,36 +80,19 @@ const withSdocLink = editor => {
     return onCompositionStart && onCompositionStart(event);
   };
   newEditor.onHotKeyDown = e => {
-    const {
-      selection
-    } = newEditor;
-    const isCollapsed = _slate.Range.isCollapsed(selection);
-    if (isCollapsed) {
+    const sdocLinkEntry = (0, _helpers.getSdocLinkEntry)(editor);
+    if (sdocLinkEntry) {
       if (e.key === 'ArrowLeft') {
-        const prePoint = _slate.Editor.before(newEditor, selection);
-        const [preNode, prePath] = _slate.Editor.node(newEditor, prePoint.path, {
-          depth: 2
-        });
-        if ((preNode === null || preNode === void 0 ? void 0 : preNode.type) === _constants.SDOC_LINK) {
-          const beforePointSdocLink = _slate.Editor.before(newEditor, prePath);
-          _slate.Transforms.select(newEditor, beforePointSdocLink);
-          e.preventDefault();
-          return;
-        }
+        const beforePointSdocLink = _slate.Editor.before(newEditor, sdocLinkEntry[1]);
+        _slate.Transforms.select(newEditor, beforePointSdocLink);
+        e.preventDefault();
+        return;
       }
       if (e.key === 'ArrowRight') {
-        const nextPoint = _slate.Editor.after(newEditor, selection);
-        if (nextPoint) {
-          const [nextNode, nextPath] = _slate.Editor.node(newEditor, nextPoint.path, {
-            depth: 2
-          });
-          if ((nextNode === null || nextNode === void 0 ? void 0 : nextNode.type) === _constants.SDOC_LINK) {
-            const afterPointSdocLink = _slate.Editor.after(newEditor, nextPath);
-            _slate.Transforms.select(newEditor, afterPointSdocLink);
-            e.preventDefault();
-            return;
-          }
-        }
+        const afterPointSdocLink = _slate.Editor.after(newEditor, sdocLinkEntry[1]);
+        _slate.Transforms.select(newEditor, afterPointSdocLink);
+        e.preventDefault();
+        return;
       }
     }
     return onHotKeyDown && onHotKeyDown(e);

package/dist/basic-sdk/extension/plugins/sdoc-link/render/render-elem.css

@@ -1,5 +1,6 @@
+.sdoc-file-link-selected,
 .sdoc-file-render:hover {
-  background-color: #e5e5e5;
+  background-color: #e5e5e5 !important;
   padding: 3px 0;
 }
 

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

@@ -35,6 +35,7 @@ const SdocFileLink = _ref => {
   const [isShowInsertHoverMenu, setIsShowInsertHoverMenu] = (0, _react.useState)(false);
   const [menuPosition, setMenuPosition] = (0, _react.useState)({});
   const readOnly = (0, _slateReact.useReadOnly)();
+  const isSelected = (0, _slateReact.useSelected)();
   const registerEventHandle = (0, _react.useCallback)(() => {
     document.addEventListener('click', onHideInsertHoverMenu);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -136,7 +137,7 @@ const SdocFileLink = _ref => {
   return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, attributes, {
     "data-id": element.id,
     contentEditable: false,
-    className: `sdoc-file-render ${element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? 'sdoc-file-card-link' : ''}`,
+    className: `sdoc-file-render ${isSelected ? 'sdoc-file-link-selected' : ''} ${element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? 'sdoc-file-card-link' : ''}`,
     onClick: onClickFile,
     style: element.display_type === _constants2.SDOC_LINK_TYPE.CARD_LINK ? style : {}
   }), /*#__PURE__*/_react.default.createElement("span", {

package/package.json

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