@seafile/sdoc-editor 0.5.70 → 0.5.72

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useMemo, Fragment } from 'react';
 import { Editable, ReactEditor, Slate } from '@seafile/slate-react';
-import { Editor, Node, Transforms } from '@seafile/slate';
+import { Editor, Node, Range, Transforms } from '@seafile/slate';
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { renderLeaf, renderElement, ContextToolbar, SideToolbar } from '../extension';
 import { getAboveBlockNode, getNextNode, getPrevNode, isSelectionAtBlockEnd, isSelectionAtBlockStart, getCurrentNode, isCurrentLineEmpty, isCurrentLineHasText } from '../extension/core';
@@ -89,8 +89,9 @@ const EditableArticle = _ref => {
       if (getPrevNode(editor)) {
         [prevNode, prevPath] = getPrevNode(editor);
       }
-      // If the cursor is at the beginning, and the current line is not empty, is not a CODE_LINE, and the previous line is a CODE_LINE.
-      if (prevNode && isSelectionAtBlockStart(editor) && !isCurrentLineEmpty(editor) && prevNode.type === CODE_LINE && currentNode.type !== CODE_LINE) {
+      // If the cursor is collapsed at the beginning, and the current line is not empty, is not a CODE_LINE, and the previous line is a CODE_LINE.
+      const isCursorCollapsed = Range.isCollapsed(editor.selection);
+      if (isCursorCollapsed && prevNode && isSelectionAtBlockStart(editor) && !isCurrentLineEmpty(editor) && prevNode.type === CODE_LINE && currentNode.type !== CODE_LINE) {
         if (!isCurrentLineHasText(currentNode)) {
           const prevNodeText = Node.string(prevNode);
           Transforms.removeNodes(editor, {

package/dist/basic-sdk/extension/commons/file-insert-dialog/index.js

@@ -1,17 +1,18 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { ReactEditor } from '@seafile/slate-react';
 import { useTranslation } from 'react-i18next';
-import { Editor } from '@seafile/slate';
+import { Editor, Node } from '@seafile/slate';
 import classNames from 'classnames';
 import context from '../../../../context';
 import { LocalStorage, isEnglish } from '../../../../utils';
 import { EXTERNAL_EVENT } from '../../../../constants';
 import EventBus from '../../../utils/event-bus';
-import { INTERNAL_EVENT } from '../../../constants';
+import { INTERNAL_EVENT, WIKI_EDITOR } from '../../../constants';
 import { SDOC_LINK } from '../../constants';
 import toaster from '../../../../components/toast';
 import { insertSdocFileLink, insertTextWhenRemoveFileNameCollector, removeTempInput } from '../../plugins/sdoc-link/helpers';
+import { insertWikiPageLink } from '../../plugins/wiki-link/helpers';
 import './style.css';
 const FileLinkInsertDialog = _ref => {
   let {
@@ -19,7 +20,6 @@ const FileLinkInsertDialog = _ref => {
     element,
     closeDialog
   } = _ref;
-  const eventBus = EventBus.getInstance();
   const historyFileWrapperRef = useRef(document.querySelector('.sdoc-history-files-wrapper'));
   const [files, setFiles] = useState([]);
   const [position, setPosition] = useState({
@@ -31,6 +31,7 @@ const FileLinkInsertDialog = _ref => {
     t
   } = useTranslation();
   const [header, setHeader] = useState(t('Recent_visited'));
+  const eventBus = EventBus.getInstance();
   const deleteInputAndInsertText = useCallback(function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -63,6 +64,17 @@ const FileLinkInsertDialog = _ref => {
         const counterTopGap = 8;
         popoverTop = top - popoverHeight - counterTopGap;
       }
+      if (editor.editorType === WIKI_EDITOR) {
+        const wikiEditorContainer = document.querySelector('.sdoc-editor-container');
+        if (wikiEditorContainer) {
+          const {
+            left,
+            top
+          } = wikiEditorContainer.getBoundingClientRect();
+          popoverLeft -= left;
+          popoverTop -= top;
+        }
+      }
       setPosition({
         top: popoverTop,
         left: popoverLeft
@@ -81,9 +93,10 @@ const FileLinkInsertDialog = _ref => {
     getPosition();
   }, [getPosition]);
   const getHistoryFiles = useCallback(e => {
-    const files = LocalStorage.getItem('sdoc-recent-files') || [];
+    const getItemKey = editor.editorType === WIKI_EDITOR ? 'wiki-recent-files' : 'sdoc-recent-files';
+    const files = LocalStorage.getItem(getItemKey) || [];
     setFiles(files);
-  }, []);
+  }, [editor.editorType]);
   useEffect(() => {
     getHistoryFiles();
   }, [getHistoryFiles]);
@@ -168,17 +181,23 @@ const FileLinkInsertDialog = _ref => {
   }, []);
   useEffect(() => {
     if (!(element === null || element === void 0 ? void 0 : element.children)) return;
-    const searchText = element.children[0].text;
+    const searchText = Node.string(element);
     onSearch(searchText);
   }, [element, onSearch]);
   const onSelect = useCallback(fileInfo => {
     const {
       doc_uuid,
-      name
+      name,
+      wikiRepoId,
+      pageId
     } = fileInfo;
     removeTempInput(editor, element);
     closeDialog();
-    insertSdocFileLink(editor, name, doc_uuid);
+    if (editor.editorType === WIKI_EDITOR) {
+      insertWikiPageLink(editor, name, wikiRepoId, pageId);
+    } else {
+      insertSdocFileLink(editor, name, doc_uuid);
+    }
   }, [closeDialog, editor, element]);
   const onShowMore = useCallback(() => {
     eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
@@ -189,10 +208,17 @@ const FileLinkInsertDialog = _ref => {
   }, [editor, element, eventBus]);
   const onCreateFile = useCallback(() => {
     const eventBus = EventBus.getInstance();
-    eventBus.dispatch(EXTERNAL_EVENT.CREATE_SDOC_FILE, {
+    const dispatchEventKey = editor.editorType === WIKI_EDITOR ? EXTERNAL_EVENT.CREATE_WIKI_PAGE : EXTERNAL_EVENT.CREATE_SDOC_FILE;
+    eventBus.dispatch(dispatchEventKey, {
       newFileName: newFileName.trim()
     });
-  }, [newFileName]);
+  }, [editor.editorType, newFileName]);
+  const createFileTipDefault = useMemo(() => {
+    return editor.editorType === WIKI_EDITOR ? 'New_page' : 'Create_a_new_sdoc_file';
+  }, [editor.editorType]);
+  const createFileName = useMemo(() => {
+    return editor.editorType === WIKI_EDITOR ? newFileName : "".concat(newFileName, ".sdoc");
+  }, [editor.editorType, newFileName]);
   return /*#__PURE__*/React.createElement("div", {
     className: "sdoc-history-files-content popover",
     style: _objectSpread(_objectSpread({}, position), {}, {
@@ -225,7 +251,7 @@ const FileLinkInsertDialog = _ref => {
   }), /*#__PURE__*/React.createElement("span", {
     className: "new-file-name"
   }, newFileName ? t('Create_file_name_sdoc', {
-    file_name_sdoc: "".concat(newFileName, ".sdoc")
-  }) : t('Create_a_new_sdoc_file'))));
+    file_name_sdoc: createFileName
+  }) : t(createFileTipDefault))));
 };
 export default FileLinkInsertDialog;

package/dist/basic-sdk/extension/commons/insert-element-dialog/index.js

@@ -18,6 +18,8 @@ const InsertElementDialog = _ref => {
   const [slateNode, setSlateNode] = useState(null);
   const [insertLinkCallback, setInsertLinkCallback] = useState(null);
   const [validEditor, setValidEditor] = useState(editor);
+  const [linkTitle, setLinkTitle] = useState('');
+  const [handleSubmit, setHandleSubmit] = useState(() => void 0);
   const uploadLocalImageInputRef = useRef();
   const onFileChanged = useCallback(event => {
     const files = event.target.files;
@@ -45,7 +47,10 @@ const InsertElementDialog = _ref => {
       slateNode,
       insertFileLinkCallback,
       insertSdocFileLinkCallback,
-      editor: paramEditor
+      editor: paramEditor,
+      linkTitle,
+      // link shortcut wrapping link
+      handleSubmit
     } = _ref2;
     setInsertPosition(insertPosition);
     setSlateNode(slateNode);
@@ -55,6 +60,8 @@ const InsertElementDialog = _ref => {
       insertSdocFileLinkCallback,
       insertFileLinkCallback
     });
+    setLinkTitle(linkTitle);
+    setHandleSubmit(handleSubmit);
     // Apply for comment editor, as it has a different editor instance
     setValidEditor(paramEditor || editor);
     if (type === LOCAL_IMAGE) {
@@ -70,13 +77,16 @@ const InsertElementDialog = _ref => {
     setDialogType('');
     setInsertLinkCallback(null);
     setValidEditor(null);
+    setLinkTitle('');
   }, []);
   const props = {
     insertPosition,
     slateNode,
     editor: validEditor,
     element,
-    closeDialog
+    closeDialog,
+    linkTitle,
+    handleSubmit
   };
   switch (dialogType) {
     case ELEMENT_TYPE.TABLE:

package/dist/basic-sdk/extension/constants/element-type.js

@@ -20,6 +20,7 @@ export const TABLE_ROW = 'table_row';
 export const TABLE_CELL = 'table_cell';
 export const LINK = 'link';
 export const SDOC_LINK = 'sdoc_link';
+export const WIKI_LINK = 'wiki_link';
 export const FILE_LINK = 'file_link';
 export const IMAGE = 'image';
 export const IMAGE_BLOCK = 'image_block';
@@ -29,6 +30,7 @@ export const MENTION_TEMP = 'mention_temp';
 export const FILE_LINK_INSET_INPUT_TEMP = 'file_link_insert_input_temp';
 export const QUICK_INSERT = 'quick_insert';
 export const COLUMN = 'column';
+export const SEATABLE_VIEW = 'seatable_view';
 
 // font
 export const FONT_SIZE = 'font-size';

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

@@ -1,7 +1,7 @@
 // extension plugin
 import * as ELEMENT_TYPE from './element-type';
 // eslint-disable-next-line no-duplicate-imports
-import { BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE, IMAGE_BLOCK, TOP_LEVEL_TYPES, INLINE_LEVEL_TYPES, CALL_OUT, MENTION, MENTION_TEMP, FILE_LINK_INSET_INPUT_TEMP, QUICK_INSERT } from './element-type';
+import { BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE, IMAGE_BLOCK, TOP_LEVEL_TYPES, INLINE_LEVEL_TYPES, CALL_OUT, MENTION, MENTION_TEMP, FILE_LINK_INSET_INPUT_TEMP, QUICK_INSERT, COLUMN, SEATABLE_VIEW } from './element-type';
 export { DEFAULT_COLORS, STANDARD_COLORS, DEFAULT_RECENT_USED_LIST, DEFAULT_FONT_COLOR, RECENT_USED_HIGHLIGHT_COLORS_KEY, RECENT_USED_FONT_COLORS_KEY, RECENT_USED_TABLE_CELL_BACKGROUND_COLORS_KEY, DEFAULT_LAST_USED_FONT_COLOR, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, DEFAULT_LAST_USED_TABLE_CELL_BACKGROUND_COLOR } from './color';
 export { FONT_SIZE, DEFAULT_FONT, FONT, GOOGLE_FONT_CLASS, RECENT_USED_FONTS_KEY, SDOC_FONT_SIZE } from './font';
 export { DIFF_TYPE, ADDED_STYLE, DELETED_STYLE } from './diff-view';
@@ -38,7 +38,7 @@ export const FILE_TYPE = {
   [FILE_LINK]: 'file',
   [SDOC_LINK]: 'sdoc'
 };
-export const SUPPORTED_SIDE_OPERATION_TYPE = [PARAGRAPH, SUBTITLE, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, CHECK_LIST_ITEM, CODE_BLOCK, TABLE, BLOCKQUOTE, CALL_OUT, IMAGE_BLOCK];
+export const SUPPORTED_SIDE_OPERATION_TYPE = [PARAGRAPH, SUBTITLE, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, CHECK_LIST_ITEM, CODE_BLOCK, TABLE, BLOCKQUOTE, CALL_OUT, IMAGE_BLOCK, COLUMN];
 export const MOUSE_ENTER_EVENT_DISABLED_MAP = {
   [PARAGRAPH]: [CALL_OUT],
   [TITLE]: [CALL_OUT],
@@ -57,4 +57,4 @@ export const MOUSE_ENTER_EVENT_DISABLED_MAP = {
   [CALL_OUT]: [CALL_OUT]
 };
 export const ROOT_ELEMENT_TYPES = [PARAGRAPH, TITLE, SUBTITLE, CHECK_LIST_ITEM, ORDERED_LIST, UNORDERED_LIST, BLOCKQUOTE, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, CALL_OUT, TABLE, CODE_BLOCK, IMAGE_BLOCK];
-export { ELEMENT_TYPE, BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE, IMAGE_BLOCK, TOP_LEVEL_TYPES, INLINE_LEVEL_TYPES, CALL_OUT, MENTION, MENTION_TEMP, FILE_LINK_INSET_INPUT_TEMP, QUICK_INSERT };
+export { ELEMENT_TYPE, BLOCKQUOTE, TITLE, SUBTITLE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, PARAGRAPH, ORDERED_LIST, UNORDERED_LIST, LIST_ITEM, CHECK_LIST_ITEM, CODE_BLOCK, CODE_LINE, TABLE, TABLE_CELL, TABLE_ROW, LINK, SDOC_LINK, FILE_LINK, IMAGE, IMAGE_BLOCK, TOP_LEVEL_TYPES, INLINE_LEVEL_TYPES, CALL_OUT, MENTION, MENTION_TEMP, FILE_LINK_INSET_INPUT_TEMP, QUICK_INSERT, SEATABLE_VIEW };

package/dist/basic-sdk/extension/constants/menus-config.js

@@ -1,5 +1,5 @@
 import { RECENT_USED_HIGHLIGHT_COLORS_KEY, DEFAULT_LAST_USED_HIGHLIGHT_COLOR, RECENT_USED_FONT_COLORS_KEY, DEFAULT_FONT_COLOR, DEFAULT_LAST_USED_FONT_COLOR } from './color';
-import { BLOCKQUOTE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST_ITEM, CODE_BLOCK, LINK, IMAGE, TABLE, SDOC_LINK, FILE_LINK, PARAGRAPH, CALL_OUT, COLUMN } from './element-type';
+import { BLOCKQUOTE, HEADER, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, ORDERED_LIST, UNORDERED_LIST, CHECK_LIST_ITEM, CODE_BLOCK, LINK, IMAGE, TABLE, SDOC_LINK, FILE_LINK, PARAGRAPH, CALL_OUT, COLUMN, SEATABLE_VIEW } from './element-type';
 export const UNDO = 'undo';
 export const REDO = 'redo';
 export const CLEAR_FORMAT = 'clear_format';
@@ -195,7 +195,13 @@ export const MENUS_CONFIG_MAP = {
   [COLUMN]: {
     id: "sdoc".concat(COLUMN),
     iconClass: 'sdocfont sdoc-choose-column',
-    text: 'Insert_column'
+    text: 'SeaTable_column'
+  },
+  [SEATABLE_VIEW]: {
+    id: SEATABLE_VIEW,
+    iconClass: 'sdocfont sdoc-header4',
+    type: SEATABLE_VIEW,
+    text: 'SeaTable_view'
   }
 };
 

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

@@ -18,9 +18,11 @@ import CalloutPlugin from './callout';
 import SearchReplacePlugin from './search-replace';
 import MentionPlugin from './mention';
 import QuickInsertPlugin from './quick-insert';
-import ColumnPlugin from './column';
+import WikiLinkPlugin from './wiki-link';
+import SeaTableColumnPlugin from './seatable-column';
+import SeaTableViewsPlugin from './seatable-views';
 const Plugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin];
-const WikiPlugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin, QuickInsertPlugin];
+const WikiPlugins = [...Plugins, QuickInsertPlugin, WikiLinkPlugin];
 const CommentPlugins = [MarkDownPlugin, HtmlPlugin, ParagraphPlugin, TextPlugin, ListPlugin, ImagePlugin, LinkPlugin, MentionPlugin, BlockquotePlugin];
 export default Plugins;
-export { MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, HtmlPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin, MentionPlugin, QuickInsertPlugin, CommentPlugins, WikiPlugins, ColumnPlugin };
+export { MarkDownPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, HtmlPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin, MentionPlugin, QuickInsertPlugin, CommentPlugins, WikiPlugins, WikiLinkPlugin, SeaTableColumnPlugin, SeaTableViewsPlugin };

package/dist/basic-sdk/extension/plugins/link/dialog/add-link-dialog/index.js

@@ -10,7 +10,9 @@ const AddLinkDialog = _ref => {
     element,
     insertPosition,
     slateNode,
-    closeDialog
+    closeDialog,
+    linkTitle,
+    handleSubmit
   } = _ref;
   const {
     t
@@ -21,7 +23,7 @@ const AddLinkDialog = _ref => {
     title: oldTitle,
     href: oldURL
   } = element || {
-    title: '',
+    title: linkTitle || '',
     href: ''
   };
   const initTitle = useMemo(() => oldTitle ? oldTitle : getEditorString(editor, editor.selection), [editor, oldTitle]);
@@ -48,6 +50,7 @@ const AddLinkDialog = _ref => {
     } else {
       insertLink(editor, title, url, insertPosition, slateNode);
     }
+    handleSubmit && handleSubmit();
     closeDialog();
 
     // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -1,10 +1,10 @@
-import { Transforms, Node, Editor, Range, Element } from '@seafile/slate';
+import { Transforms, Node, Editor, Range, Element, Text } from '@seafile/slate';
 import isUrl from 'is-url';
 import isHotkey from 'is-hotkey';
 import context from '../../../../context';
 import { insertSdocFileLink } from '../sdoc-link/helpers';
 import { genLinkNode, isSdocFile } from './helpers';
-import { getNodeType, getSelectedNodeByType } from '../../core';
+import { getNodeType, getSelectedElems, getSelectedNodeByType } from '../../core';
 import { isImage, isSameDomain } from '../../utils';
 import { ELEMENT_TYPE, LINK, ORDERED_LIST, UNORDERED_LIST } from '../../constants';
 import EventBus from '../../../utils/event-bus';
@@ -68,18 +68,33 @@ const withLink = editor => {
     return insertFragment(data);
   };
   newEditor.onHotKeyDown = e => {
-    const {
-      selection
-    } = newEditor;
-    const isCollapsed = Range.isCollapsed(selection);
-    if (isHotkey('mod+k', e) && isCollapsed) {
+    if (isHotkey('mod+k', e)) {
       // Prevent edge behavior
       e.preventDefault();
+      const {
+        selection
+      } = newEditor;
+      const isCollapsed = Range.isCollapsed(selection);
       const eventBus = EventBus.getInstance();
-      eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
-        type: ELEMENT_TYPE.LINK,
-        newEditor
-      });
+      if (isCollapsed) {
+        eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
+          type: ELEMENT_TYPE.LINK,
+          editor
+        });
+      } else {
+        const [firstSelectedNode, ...restNodes] = getSelectedElems(newEditor);
+        if (!firstSelectedNode || restNodes) return; // If select more than one node or not select any node, return
+        const isSelectTextNodes = firstSelectedNode.children.some(node => Text.isText(node));
+        if (!isSelectTextNodes) return;
+        const selectContent = window.getSelection().toString();
+        const replaceLinkNode = () => Editor.deleteBackward(editor, selection);
+        eventBus.dispatch(INTERNAL_EVENT.INSERT_ELEMENT, {
+          type: ELEMENT_TYPE.LINK,
+          editor: newEditor,
+          linkTitle: selectContent,
+          handleSubmit: replaceLinkNode
+        });
+      }
     }
     return onHotKeyDown && onHotKeyDown(e);
   };

package/dist/basic-sdk/extension/plugins/sdoc-link/hover-menu/index.js

@@ -6,7 +6,7 @@ import classnames from 'classnames';
 import { SDOC_LINK_TYPE_CONFIG, SDOC_LINK_TYPE, SDOC_LINK_TYPES } from '../constants';
 import { ElementPopover } from '../../../commons';
 import toaster from '../../../../../components/toast';
-import { getUrl, onCopySdocLinkNode } from '../helpers';
+import { onCopySdocLinkNode } from '../helpers';
 import './index.css';
 const SdocLinkHoverMenu = _ref => {
   let {
@@ -15,7 +15,8 @@ const SdocLinkHoverMenu = _ref => {
     element,
     onUnwrapFileLinkNode,
     onHideInsertHoverMenu,
-    t
+    t,
+    url
   } = _ref;
   const readOnly = useReadOnly();
   const [isShowDisplayStylePopover, setIsShowDisplayStylePopover] = useState(false);
@@ -60,7 +61,7 @@ const SdocLinkHoverMenu = _ref => {
       'ml-0': readOnly
     })
   }, /*#__PURE__*/React.createElement("a", {
-    href: getUrl(element.doc_uuid),
+    href: url,
     target: "_blank",
     rel: "noopener noreferrer",
     className: "link-op-menu-link"

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

@@ -3,6 +3,7 @@ import { ReactEditor } from '@seafile/slate-react';
 import { FILE_LINK_INSET_INPUT_TEMP, SDOC_LINK } from '../../constants';
 import { getFileSearchInputEntry, insertTempInput, isTriggeredByShortcut } from './helpers';
 import { getSelectedElems } from '../../core';
+import { WIKI_LINK } from '../../constants/element-type';
 const withSdocLink = editor => {
   const {
     isInline,
@@ -17,7 +18,7 @@ const withSdocLink = editor => {
     const {
       type
     } = elem;
-    const isInlineElem = [SDOC_LINK, FILE_LINK_INSET_INPUT_TEMP].includes(type);
+    const isInlineElem = [WIKI_LINK, SDOC_LINK, FILE_LINK_INSET_INPUT_TEMP].includes(type);
     if (isInlineElem) return true;
     return isInline(elem);
   };
@@ -43,7 +44,7 @@ const withSdocLink = editor => {
       const beforePath = nodeEntry[1];
       beforePath.splice(-1, 1, Math.max(nodeEntry[1].at(-1) - 1, 0));
       const beforeNodeEntry = Editor.node(newEditor, beforePath);
-      if (beforeNodeEntry && [SDOC_LINK, FILE_LINK_INSET_INPUT_TEMP].includes(beforeNodeEntry[0].type)) {
+      if (beforeNodeEntry && [WIKI_LINK, SDOC_LINK, FILE_LINK_INSET_INPUT_TEMP].includes(beforeNodeEntry[0].type)) {
         Transforms.delete(newEditor, {
           at: beforeNodeEntry[1]
         });

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

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useCallback, useEffect, useState, useRef } from 'react';
+import React, { useCallback, useEffect, useState, useRef, useMemo } from 'react';
 import { Editor, Range } from '@seafile/slate';
 import { ReactEditor, useReadOnly } from '@seafile/slate-react';
 import { useScrollContext } from '../../../../hooks/use-scroll-context';
@@ -8,6 +8,8 @@ import HoverMenu from '../hover-menu';
 import { DELETED_STYLE, ADDED_STYLE } from '../../../constants';
 import { SDOC_LINK_TYPE } from '../constants';
 import { focusEditor } from '../../../core';
+import { WIKI_LINK } from '../../../constants/element-type';
+import { getWikiUrl } from '../../wiki-link/helpers';
 import './render-elem.css';
 const SdocFileLink = _ref => {
   let {
@@ -106,6 +108,9 @@ const SdocFileLink = _ref => {
   if (style.computed_background_color) {
     style['backgroundColor'] = style.computed_background_color;
   }
+  const url = useMemo(() => {
+    return element.type === WIKI_LINK ? getWikiUrl(element.wiki_repo_id, element.page_id) : getUrl(element.doc_uuid);
+  }, [element.doc_uuid, element.page_id, element.type, element.wiki_repo_id]);
   return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
     "data-id": element.id,
     contentEditable: false,
@@ -123,12 +128,13 @@ const SdocFileLink = _ref => {
     className: 'sdoc-file-text-link',
     style: style
   }, /*#__PURE__*/React.createElement("a", {
-    href: getUrl(element.doc_uuid),
+    href: url,
     onClick: e => {
       e.preventDefault();
     },
     title: element.title
   }, children))), isShowInsertHoverMenu && !readOnly && editor.selection && Range.isCollapsed(editor.selection) && /*#__PURE__*/React.createElement(HoverMenu, {
+    url: url,
     editor: editor,
     menuPosition: menuPosition,
     element: element,

package/dist/basic-sdk/extension/plugins/{column → seatable-column}/helpers.js

@@ -1,24 +1,30 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { Editor, Transforms } from '@seafile/slate';
+import { Editor, Transforms, Range } from '@seafile/slate';
 import slugid from 'slugid';
 import { BLOCKQUOTE, CHECK_LIST_ITEM, COLUMN, IMAGE, ORDERED_LIST, PARAGRAPH, TABLE_CELL, UNORDERED_LIST } from '../../constants/element-type';
 import { focusEditor, getNodeType } from '../../core';
 import Column from './model';
+import * as CellType from './constants/cell-types';
 export const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
-  if (editor.selection == null) return true;
+  const {
+    selection
+  } = editor;
+  if (selection == null) return true;
+  if (!Range.isCollapsed(selection)) return true;
   const [nodeEntry] = Editor.nodes(editor, {
     match: n => {
       const type = getNodeType(n);
 
       // Only available for p and blockquote
-      if (type === PARAGRAPH) return true;
-      if (type === BLOCKQUOTE) return true;
+      if (type === BLOCKQUOTE) return false;
+      if (type === PARAGRAPH) return false;
       if (type === UNORDERED_LIST) return true;
       if (type === ORDERED_LIST) return true;
       if (type === CHECK_LIST_ITEM) return true;
       if (type === IMAGE) return true;
       if (type === TABLE_CELL) return true;
+      if (Editor.isVoid(editor, n)) return true;
       return false;
     },
     universal: true,
@@ -27,9 +33,9 @@ export const isMenuDisabled = (editor, readonly) => {
 
   // Match to p blockquote, do not disable
   if (nodeEntry) {
-    return false;
+    return true;
   }
-  return true;
+  return false;
 };
 export const getColumnType = editor => {
   const [match] = Editor.nodes(editor, {
@@ -40,9 +46,9 @@ export const getColumnType = editor => {
   const [n] = match;
   return getNodeType(n);
 };
-export const insertSeaTableColumn = (editor, active) => {
+export const insertSeaTableColumn = (editor, active, option) => {
   if (!active) {
-    const column = new Column({});
+    const column = new Column(option);
     column.id = slugid.nice();
     Transforms.insertNodes(editor, _objectSpread({}, column));
   }
@@ -59,4 +65,49 @@ export const setSeaTableColumn = (editor, data) => {
 export const getColumnByKey = (columns, key) => {
   const column = columns.find(item => item.key === key);
   return column || null;
+};
+export const getColumnWidth = column => {
+  let {
+    type,
+    data
+  } = column;
+  switch (type) {
+    case CellType.DATE:
+      {
+        let isShowHourAndMinute = data && data.format && data.format.indexOf('HH:mm') > -1;
+        return isShowHourAndMinute ? 160 : 100;
+      }
+    case CellType.CTIME:
+    case CellType.MTIME:
+    case CellType.LINK:
+    case CellType.GEOLOCATION:
+      {
+        return 160;
+      }
+    case CellType.COLLABORATOR:
+      {
+        return 100;
+      }
+    case CellType.CHECKBOX:
+      {
+        return 40;
+      }
+    case CellType.NUMBER:
+    case CellType.AUTO_NUMBER:
+      {
+        return 120;
+      }
+    case CellType.RATE:
+      {
+        const {
+          rate_max_number
+        } = data || {};
+        const rateMaxNumber = rate_max_number || 5;
+        return 16 * rateMaxNumber + 20;
+      }
+    default:
+      {
+        return 100;
+      }
+  }
 };

package/dist/basic-sdk/extension/plugins/{column → seatable-column}/index.js

@@ -1,12 +1,10 @@
 import { COLUMN } from '../../constants/element-type';
-import ColumnMenu from './menu';
 import withColumn from './plugin';
 import renderColumn from './render-elem';
-const ColumnPlugin = {
+const SeaTableColumnPlugin = {
   type: COLUMN,
   nodeType: 'element',
-  editorMenus: [ColumnMenu],
   editorPlugin: withColumn,
   renderElements: [renderColumn]
 };
-export default ColumnPlugin;
+export default SeaTableColumnPlugin;

package/dist/basic-sdk/extension/plugins/seatable-column/menu/column-list-menu.css

@@ -0,0 +1,35 @@
+.column-list-menu {
+    position: absolute;
+    left: -8px;
+    background-color: #fff;
+    min-width: 12rem;
+    width: 200px;
+}
+
+.column-list-menu .column-list-menu-item-container {
+    padding: 3px 12px;
+}
+
+.column-list-menu .column-list-menu-item-container .column-list-menu-item {
+    height: fit-content;
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+
+.column-list-menu .column-list-menu-item-container .column-list-menu-item .control-icon {
+    margin-right: 10px;
+    flex-shrink: 0;
+}
+
+.column-list-menu .column-list-menu-item-container .column-list-menu-item .control-label {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    flex-grow: 1;
+}
+
+.column-list-menu .column-list-menu-item-container:hover {
+    background-color: #f5f5f5;
+    cursor: pointer;
+}

package/dist/basic-sdk/extension/plugins/seatable-column/menu/column-list-menu.js

@@ -0,0 +1,47 @@
+import React, { useMemo, useCallback } from 'react';
+import { COLUMNS_ICON_CONFIG } from '../constants/column';
+import { insertSeaTableColumn, getColumnType } from '../helpers';
+import { COLUMN } from '../../../constants/element-type';
+import './column-list-menu.css';
+const NOT_SUPPORT_COLUMN_TYPES = ['button', 'file'];
+export default function ColumnListMenu(_ref) {
+  let {
+    editor
+  } = _ref;
+  const columns = useMemo(() => {
+    if (!editor.columns) return [];
+    return editor.columns.filter(column => !NOT_SUPPORT_COLUMN_TYPES.includes(column.type));
+  }, [editor.columns]);
+  const options = useMemo(() => {
+    return columns.map(item => {
+      const iconClass = COLUMNS_ICON_CONFIG[item.type];
+      return {
+        value: item.key,
+        label: item.name,
+        iconClass
+      };
+    });
+  }, [columns]);
+  const isActive = editor => {
+    return getColumnType(editor) === COLUMN;
+  };
+  const onMousedown = useCallback(option => {
+    const active = isActive(editor);
+    insertSeaTableColumn(editor, active, option);
+  }, [editor]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "column-list-menu"
+  }, options.map(option => {
+    return /*#__PURE__*/React.createElement("div", {
+      key: option.value,
+      className: "column-list-menu-item-container",
+      onClick: () => onMousedown(option)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "column-list-menu-item"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "control-icon ".concat(option.iconClass)
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "control-label"
+    }, option.label)));
+  }));
+}