@seafile/sdoc-editor 1.0.59 → 1.0.60

package/dist/basic-sdk/extension/core/queries/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isTextNode = exports.isStartPoint = exports.isSelectionAtBlockStart = exports.isSelectionAtBlockEnd = exports.isRangeAcrossBlocks = exports.isMultiLevelList = exports.isLastNode = exports.isLastChild = exports.isHasImg = exports.isEndPoint = exports.isCurrentLineHasText = exports.isCurrentLineEmpty = exports.isBlockTextEmptyAfterSelection = exports.isBlockAboveEmpty = exports.isAncestorEmpty = exports.getTopLevelBlockNode = exports.getSelectedNodeEntryByType = exports.getSelectedNodeByTypes = exports.getSelectedNodeByType = exports.getSelectedElems = exports.getQueryOptions = exports.getPreviousPath = exports.getPrevNode = exports.getParentNode = exports.getNodes = exports.getNodeType = exports.getNodeEntries = exports.getNodeById = exports.getNode = exports.getNextSiblingNodes = exports.getNextNode = exports.getLastChildPath = exports.getLastChild = exports.getEditorString = exports.getDeepInlineChildren = exports.getCurrentNode = exports.getCommonNode = exports.getChildren = exports.getAboveNode = exports.getAboveBlockNode = exports.findPath = exports.findNode = exports.findDescendant = void 0;
+exports.isTopLevelListItem = exports.isTextNode = exports.isStartPoint = exports.isSelectionAtBlockStart = exports.isSelectionAtBlockEnd = exports.isRangeAcrossBlocks = exports.isMultiLevelList = exports.isLastNode = exports.isLastChild = exports.isHasImg = exports.isEndPoint = exports.isCurrentLineHasText = exports.isCurrentLineEmpty = exports.isBlockTextEmptyAfterSelection = exports.isBlockAboveEmpty = exports.isAncestorEmpty = exports.getTopLevelBlockNode = exports.getSelectedNodeEntryByType = exports.getSelectedNodeByTypes = exports.getSelectedNodeByType = exports.getSelectedElems = exports.getQueryOptions = exports.getPreviousPath = exports.getPrevNode = exports.getParentNode = exports.getNodes = exports.getNodeType = exports.getNodeEntries = exports.getNodeById = exports.getNode = exports.getNextSiblingNodes = exports.getNextNode = exports.getLastChildPath = exports.getLastChild = exports.getEditorString = exports.getDeepInlineChildren = exports.getCurrentNode = exports.getCommonNode = exports.getChildren = exports.getAboveNode = exports.getAboveBlockNode = exports.findPath = exports.findNode = exports.findDescendant = void 0;
 var _slate = require("@seafile/slate");
 var _slateReact = require("@seafile/slate-react");
 var _utils = require("../utils");
@@ -508,4 +508,17 @@ const isMultiLevelList = listNode => {
   let isMultiLevel = children !== null && children !== void 0 && children.find(item => (item === null || item === void 0 ? void 0 : item.children.length) > 1) ? true : false;
   return isMultiLevel;
 };
-exports.isMultiLevelList = isMultiLevelList;
+exports.isMultiLevelList = isMultiLevelList;
+const isTopLevelListItem = editor => {
+  const {
+    selection
+  } = editor;
+  if (!selection) return false;
+  const [, paragraphPath] = _slate.Editor.parent(editor, selection) || [];
+  if (paragraphPath.length !== 0) {
+    const [listItemNode, listItemPath] = _slate.Editor.parent(editor, paragraphPath) || [];
+    return listItemNode && listItemPath && (listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.type) === _constants.LIST_ITEM && (listItemPath === null || listItemPath === void 0 ? void 0 : listItemPath.length) === 2;
+  }
+  return false;
+};
+exports.isTopLevelListItem = isTopLevelListItem;

package/dist/basic-sdk/extension/plugins/callout/helper.js

@@ -27,6 +27,11 @@ const isMenuDisabled = (editor, readonly) => {
   if (!selection) return true;
   const selectedElements = (0, _core.getSelectedElems)(editor);
   const isRangeAcrossBlock = (0, _core.isRangeAcrossBlocks)(editor);
+  // If it's not the top list item, disable callout menu
+  const [node] = (0, _core.getTopLevelBlockNode)(editor);
+  if (node && [_elementType.ORDERED_LIST, _elementType.UNORDERED_LIST].includes(node === null || node === void 0 ? void 0 : node.type)) {
+    if (!(0, _core.isTopLevelListItem)(editor)) return true;
+  }
   // If selected multiple block element contains callout, disable callout menu
   const isAllSelectedElementsInAllowTypes = selectedElements.length && selectedElements.every(element => {
     if (element.type === _elementType.CALL_OUT && isRangeAcrossBlock) return false;
@@ -58,6 +63,107 @@ const wrapCallout = editor => {
   } = editor;
   if (!selection) return;
   const callout = generateCallout();
+  const [node, path] = (0, _core.getTopLevelBlockNode)(editor);
+  if (node && [_elementType.ORDERED_LIST, _elementType.UNORDERED_LIST].includes(node === null || node === void 0 ? void 0 : node.type)) {
+    if (_slate.Range.isCollapsed(selection)) {
+      _slate.Transforms.collapse(editor);
+    }
+    const {
+      path: startPath
+    } = _slate.Editor.start(editor, path) || {};
+    const {
+      offset: endOffset,
+      path: endPath
+    } = _slate.Editor.end(editor, path) || {};
+    const [, paragraphPath] = _slate.Editor.parent(editor, selection) || [];
+    const [listItemNode, listItemPath] = _slate.Editor.parent(editor, paragraphPath) || [];
+    let focusPoint = null;
+    // Highlight only the top listItem
+    if ((listItemNode === null || listItemNode === void 0 ? void 0 : listItemNode.type) === _elementType.LIST_ITEM && listItemPath.length === 2) {
+      const listNode = (0, _core.generateEmptyElement)(node.type);
+      listNode.children = [listItemNode];
+      callout.children = [listNode];
+      const {
+        path: curPath
+      } = _slate.Editor.point(editor, listItemPath) || {};
+      if (_slate.Path.equals(startPath, curPath)) {
+        // start
+        _slate.Transforms.removeNodes(editor, {
+          at: listItemPath
+        });
+        _slate.Transforms.insertNodes(editor, callout, {
+          at: [path[0]]
+        });
+        focusPoint = _slate.Editor.end(editor, [path[0]]);
+      } else if (_slate.Path.equals(endPath, curPath)) {
+        // end
+        _slate.Transforms.removeNodes(editor, {
+          at: listItemPath
+        });
+        _slate.Transforms.insertNodes(editor, callout, {
+          at: _slate.Path.next(path)
+        });
+        focusPoint = _slate.Editor.end(editor, _slate.Path.next(path));
+      } else {
+        // center
+        // Get rest list node
+        const restItemNode = _slate.Editor.nodes(editor, {
+          at: {
+            anchor: {
+              offset: 0,
+              path: curPath
+            },
+            focus: {
+              offset: endOffset,
+              path: endPath
+            }
+          },
+          match: (node, path) => {
+            // Matches the list type is LIST_ITEM
+            // Matches the list after the current path
+            // Matches top-level list-item
+            return (node === null || node === void 0 ? void 0 : node.type) === _elementType.LIST_ITEM && _slate.Path.compare(path, curPath) === 1 && path.length === 2;
+          }
+        });
+        const restListNode = (0, _core.generateEmptyElement)(node.type);
+        restListNode.children = [];
+        for (const [n] of restItemNode) {
+          restListNode.children.push(n);
+        }
+
+        // Delete rest list node
+        _slate.Transforms.removeNodes(editor, {
+          at: {
+            anchor: {
+              offset: 0,
+              path: curPath
+            },
+            focus: {
+              offset: endOffset,
+              path: endPath
+            }
+          },
+          match: (node, path) => (node === null || node === void 0 ? void 0 : node.type) === _elementType.LIST_ITEM && _slate.Path.compare(path, curPath) === 1 && path.length === 2
+        });
+        const insertCalloutPath = _slate.Path.next(path);
+        const insertListPath = _slate.Path.next(insertCalloutPath);
+        // Delete current list node
+        _slate.Transforms.removeNodes(editor, {
+          at: listItemPath
+        });
+        // Insert callout node and list node
+        _slate.Transforms.insertNodes(editor, callout, {
+          at: insertCalloutPath
+        });
+        _slate.Transforms.insertNodes(editor, restListNode, {
+          at: insertListPath
+        });
+        focusPoint = _slate.Editor.end(editor, insertCalloutPath);
+      }
+    }
+    (0, _core.focusEditor)(editor, focusPoint);
+    return;
+  }
   _slate.Transforms.wrapNodes(editor, callout, {
     mode: 'highest'
   });

package/dist/basic-sdk/extension/toolbar/side-toolbar/transform-menus.js

@@ -46,10 +46,15 @@ const TransformMenus = _ref => {
       if (_constants.HEADERS.includes(highestNode.type)) {
         newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.BLOCKQUOTE);
       }
-
-      // Multi-level list items cannot be converted to checks
-      if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(highestNode.type) && (0, _core.isMultiLevelList)(highestNode)) {
-        newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.CHECK_LIST_ITEM);
+      if ([_constants.ORDERED_LIST, _constants.UNORDERED_LIST].includes(highestNode.type)) {
+        // If it's not the top list item, cannot be converted to checks
+        if (!(0, _core.isTopLevelListItem)(editor)) {
+          newSideMenusConfig = SIDE_TRANSFORM_MENUS_CONFIG.filter(item => item.type !== _constants.CALL_OUT);
+        }
+        // Multi-level list items cannot be converted to checks
+        if ((0, _core.isMultiLevelList)(highestNode)) {
+          newSideMenusConfig = newSideMenusConfig.filter(item => item.type !== _constants.CHECK_LIST_ITEM);
+        }
       }
     }
     return newSideMenusConfig;

package/package.json

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