@seafile/sdoc-editor 1.0.5 → 1.0.7

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

@@ -343,5 +343,10 @@ export const SIDE_INSERT_MENUS_CONFIG = {
     iconClass: 'sdocfont sdoc-header4',
     type: HEADER4,
     text: 'Header_four'
+  }, {
+    id: BLOCKQUOTE,
+    iconClass: 'sdocfont sdoc-quote1',
+    type: BLOCKQUOTE,
+    text: 'Quote'
   }]
 };

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

@@ -2,7 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Editor, Transforms, Element, Node } from '@seafile/slate';
 import slugid from 'slugid';
 import { BLOCKQUOTE, CHECK_LIST_ITEM, IMAGE, ORDERED_LIST, PARAGRAPH, UNORDERED_LIST, CODE_BLOCK, TABLE, CALL_OUT } from '../../constants';
-import { getNodeType } from '../../core';
+import { focusEditor, getNodeType } from '../../core';
 export const isMenuDisabled = (editor, readonly) => {
   if (readonly) return true;
   if (editor.selection == null) return true;
@@ -41,7 +41,7 @@ export const getBlockQuoteType = editor => {
   return getNodeType(n);
 };
 
-// If cursor is in  callout, insert block quote in callout, otherwise wrap block quote directly
+// If cursor is in callout, insert block quote in callout, otherwise wrap block quote directly
 export const setBlockQuoteType = (editor, active) => {
   if (!active) {
     const blockquoteNode = {
@@ -108,4 +108,8 @@ export const getFormattedRestElements = data => {
     }
   });
   return restElements;
+};
+export const insertBlockQuote = (editor, active) => {
+  setBlockQuoteType(editor, active);
+  focusEditor(editor);
 };

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

@@ -3,8 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { BLOCKQUOTE, MENUS_CONFIG_MAP } from '../../../constants';
 import { MenuItem } from '../../../commons';
-import { getBlockQuoteType, isMenuDisabled, setBlockQuoteType } from '../helpers';
-import { focusEditor } from '../../../core';
+import { getBlockQuoteType, insertBlockQuote, isMenuDisabled } from '../helpers';
 class QuoteMenu extends React.Component {
   constructor() {
     super(...arguments);
@@ -26,8 +25,7 @@ class QuoteMenu extends React.Component {
         editor
       } = this.props;
       const active = this.isActive(editor);
-      setBlockQuoteType(editor, active);
-      focusEditor(editor);
+      insertBlockQuote(editor, active);
     });
   }
   render() {

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

@@ -56,8 +56,7 @@ export const renderHeader = (props, editor) => {
     fontStyle: 'italic'
   });
   let isShowPlaceHolder = false;
-  const firstChild = editor.children[0];
-  if (firstChild.id === element.id && Node.string(element) === '' && !isComposing) {
+  if (Node.string(element) === '' && !isComposing) {
     isShowPlaceHolder = true;
   }
   return /*#__PURE__*/React.createElement("div", Object.assign({
@@ -69,6 +68,7 @@ export const renderHeader = (props, editor) => {
       position: isShowPlaceHolder ? 'relative' : ''
     }, style)
   }), isShowPlaceHolder && /*#__PURE__*/React.createElement(Placeholder, {
-    title: 'Please_enter_title'
+    title: 'Header',
+    top: 0
   }), children);
 };

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

@@ -21,8 +21,8 @@ import QuickInsertPlugin from './quick-insert';
 import WikiLinkPlugin from './wiki-link';
 import SeaTableColumnPlugin from './seatable-column';
 import SeaTableViewsPlugin from './seatable-tables';
-const Plugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin];
-const WikiPlugins = [...Plugins, QuickInsertPlugin, WikiLinkPlugin];
+const Plugins = [MarkDownPlugin, HtmlPlugin, HeaderPlugin, LinkPlugin, BlockquotePlugin, ListPlugin, CheckListPlugin, CodeBlockPlugin, ImagePlugin, TablePlugin, TextPlugin, TextAlignPlugin, FontPlugin, SdocLinkPlugin, ParagraphPlugin, FileLinkPlugin, CalloutPlugin, SearchReplacePlugin, QuickInsertPlugin];
+const WikiPlugins = [...Plugins, 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, WikiLinkPlugin, SeaTableColumnPlugin, SeaTableViewsPlugin };

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

@@ -5,7 +5,7 @@ import { ReactEditor, useSelected, useSlateStatic } from '@seafile/slate-react';
 import { Placeholder } from '../../core';
 import { isEmptyNode } from './helper';
 import { COMMENT_EDITOR, WIKI_EDITOR } from '../../../constants';
-const PLACEHOLDER = 'Please_enter_text';
+const PLACEHOLDER = 'Enter_text_or_press_forward_slash_to_insert_element';
 const Paragraph = _ref => {
   let {
     isComposing,

package/dist/basic-sdk/extension/toolbar/insert-element-toolbar/const.js

@@ -1,4 +1,4 @@
-import { CALL_OUT, CHECK_LIST_ITEM, CODE_BLOCK, IMAGE, LINK, ORDERED_LIST, PARAGRAPH, TABLE, UNORDERED_LIST, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6 } from '../../constants';
+import { CALL_OUT, CHECK_LIST_ITEM, CODE_BLOCK, IMAGE, LINK, ORDERED_LIST, PARAGRAPH, TABLE, UNORDERED_LIST, HEADER1, HEADER2, HEADER3, HEADER4, HEADER5, HEADER6, BLOCKQUOTE } from '../../constants';
 export const SELECTED_ITEM_CLASS_NAME = 'sdoc-dropdown-item-selected';
 export const SHORT_INSERT_ELEMENT_USER_INPUT_MAP = {
   [IMAGE]: 'image',
@@ -15,5 +15,6 @@ export const SHORT_INSERT_ELEMENT_USER_INPUT_MAP = {
   [HEADER3]: 'header 3',
   [HEADER4]: 'header 4',
   [HEADER5]: 'header 5',
-  [HEADER6]: 'header 6'
+  [HEADER6]: 'header 6',
+  [BLOCKQUOTE]: 'quote'
 };

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

@@ -8,7 +8,7 @@ import TableSizePopover from '../../plugins/table/popover/table-size-popover';
 import { changeToCodeBlock } from '../../plugins/code-block/helpers';
 import { toggleList } from '../../plugins/list/transforms';
 import { setCheckListItemType } from '../../plugins/check-list/helpers';
-import { ELEMENT_TYPE, IMAGE, INSERT_POSITION, LINK, LOCAL_IMAGE, PARAGRAPH, SIDE_INSERT_MENUS_CONFIG, TABLE, CODE_BLOCK, CALL_OUT, UNORDERED_LIST, ORDERED_LIST, CHECK_LIST_ITEM, QUICK_INSERT } from '../../constants';
+import { ELEMENT_TYPE, IMAGE, INSERT_POSITION, LINK, LOCAL_IMAGE, PARAGRAPH, SIDE_INSERT_MENUS_CONFIG, TABLE, CODE_BLOCK, CALL_OUT, UNORDERED_LIST, ORDERED_LIST, CHECK_LIST_ITEM, QUICK_INSERT, BLOCKQUOTE } from '../../constants';
 import EventBus from '../../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../../constants';
 import DropdownMenuItem from '../../commons/dropdown-menu-item';
@@ -16,6 +16,7 @@ import { wrapCallout } from '../../plugins/callout/helper';
 import keyCodes from '../../../../constants/key-codes';
 import { SELECTED_ITEM_CLASS_NAME, SHORT_INSERT_ELEMENT_USER_INPUT_MAP } from './const';
 import { getAboveBlockNode } from '../../core';
+import { insertBlockQuote } from '../../plugins/blockquote/helpers';
 import './style.css';
 const QuickInsertBlockMenu = _ref => {
   let {
@@ -97,6 +98,10 @@ const QuickInsertBlockMenu = _ref => {
     });
     return !!callout;
   }, [editor]);
+  const onInsertBlockQuote = useCallback(() => {
+    callback && callback();
+    insertBlockQuote(editor, false);
+  }, [callback, editor]);
   const dropDownItems = useMemo(() => {
     let items = {
       [IMAGE]: /*#__PURE__*/React.createElement(DropdownMenuItem, {
@@ -126,6 +131,11 @@ const QuickInsertBlockMenu = _ref => {
         menuConfig: _objectSpread({}, SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.LINK]),
         onClick: openLinkDialog
       }),
+      [BLOCKQUOTE]: /*#__PURE__*/React.createElement(DropdownMenuItem, {
+        key: "sdoc-insert-menu-blockquote",
+        menuConfig: _objectSpread({}, SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.BLOCKQUOTE]),
+        onClick: onInsertBlockQuote
+      }),
       [CODE_BLOCK]: /*#__PURE__*/React.createElement(DropdownMenuItem, {
         key: "sdoc-insert-menu-code-block",
         menuConfig: _objectSpread({}, SIDE_INSERT_MENUS_CONFIG[ELEMENT_TYPE.CODE_BLOCK]),
@@ -171,7 +181,7 @@ const QuickInsertBlockMenu = _ref => {
       });
     });
     return items;
-  }, [createTable, editor, isDisableCallout, isEmptyNode, onInsert, onInsertCallout, onInsertCheckList, onInsertCodeBlock, onInsertImageToggle, onInsertList, openLinkDialog]);
+  }, [createTable, editor, isDisableCallout, isEmptyNode, onInsert, onInsertBlockQuote, onInsertCallout, onInsertCheckList, onInsertCodeBlock, onInsertImageToggle, onInsertList, openLinkDialog]);
   const getSelectItemDom = selectIndex => {
     const dropDownItemWrapper = downDownWrapperRef.current;
     const currentSelectItem = dropDownItemWrapper.children[selectIndex];

package/dist/basic-sdk/extension/toolbar/side-toolbar/index.js

@@ -8,7 +8,7 @@ import { useScrollContext } from '../../../hooks/use-scroll-context';
 import { focusEditor } from '../../core';
 import { getDomTopHeight, setSelection, isVoidNode, getNodeEntry, isBlockquote, isList, onWrapListItem } from './helpers';
 import { insertImageFiles } from '../../plugins/image/helpers';
-import { INTERNAL_EVENT } from '../../../constants';
+import { INTERNAL_EVENT, WIKI_EDITOR } from '../../../constants';
 import { CODE_BLOCK, TABLE, BLOCKQUOTE, CHECK_LIST_ITEM, CALL_OUT, TABLE_DRAG_KEY } from '../../constants';
 import { getCalloutEntry } from '../../plugins/callout/helper';
 import './index.css';
@@ -77,11 +77,21 @@ const SideToolbar = () => {
       const offsetY = !editor.editorType ? -1 : 0; // editorType is undefined means sdoc editor
       const topValue = top + scrollRef.current.scrollTop + offsetY;
       if (topValue !== sidePosition.top) setIsMoving(true);
+      let left = 20;
+      if (editor.editorType === WIKI_EDITOR) {
+        const {
+          left: editorLeft
+        } = document.querySelector('#sdoc-editor').getBoundingClientRect();
+        const {
+          left: containerLeft
+        } = document.querySelector('.sdoc-editor-container').getBoundingClientRect();
+        left = editorLeft - containerLeft - 40;
+      }
       setTimeout(() => {
         // wait animation
         setSidePosition({
           top: topValue,
-          left: 20
+          left: left
         });
       }, 150);
       setSlateNode(node);

package/package.json

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

package/public/locales/cs/sdoc-editor.json

@@ -467,5 +467,6 @@
   "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed",
   "Show_record_numbers": "Show record numbers",
   "Alternate_color": "Alternate color",
-  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors"
+  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors",
+  "Header": "Header"
 }

package/public/locales/de/sdoc-editor.json

@@ -467,5 +467,6 @@
   "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed",
   "Show_record_numbers": "Show record numbers",
   "Alternate_color": "Alternate color",
-  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors"
+  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors",
+  "Header": "Überschrift"
 }

package/public/locales/en/sdoc-editor.json

@@ -467,5 +467,6 @@
   "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed",
   "Show_record_numbers": "Show record numbers",
   "Alternate_color": "Alternate color",
-  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors"
+  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors",
+  "Header": "Header"
 }

package/public/locales/es/sdoc-editor.json

@@ -467,5 +467,6 @@
   "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed",
   "Show_record_numbers": "Show record numbers",
   "Alternate_color": "Alternate color",
-  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors"
+  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors",
+  "Header": "Encabezado"
 }

package/public/locales/es_AR/sdoc-editor.json

@@ -467,5 +467,6 @@
   "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed",
   "Show_record_numbers": "Show record numbers",
   "Alternate_color": "Alternate color",
-  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors"
+  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors",
+  "Header": "Encabezado"
 }

package/public/locales/es_MX/sdoc-editor.json

@@ -467,5 +467,6 @@
   "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed",
   "Show_record_numbers": "Show record numbers",
   "Alternate_color": "Alternate color",
-  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors"
+  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors",
+  "Header": "Encabezado"
 }

package/public/locales/fr/sdoc-editor.json

@@ -467,5 +467,6 @@
   "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed",
   "Show_record_numbers": "Show record numbers",
   "Alternate_color": "Alternate color",
-  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors"
+  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors",
+  "Header": "En-tête "
 }

package/public/locales/it/sdoc-editor.json

@@ -467,5 +467,6 @@
   "Print_limit_exceeded": "Exceeding the print limit, only the first 200 lines will be printed",
   "Show_record_numbers": "Show record numbers",
   "Alternate_color": "Alternate color",
-  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors"
+  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors",
+  "Header": "Intestazione"
 }

package/public/locales/ru/sdoc-editor.json

@@ -465,7 +465,8 @@
   "SeaTable_table": "Таблица SeaTable",
   "And_x_more_records": "и ещё {{count}} записей",
   "Print_limit_exceeded": "При превышении лимита печати будут напечатаны только первые 200 строк",
-  "Show_record_numbers": "Show record numbers",
-  "Alternate_color": "Alternate color",
-  "Select_column_display_option_color_tip": "Single-select and multi-select columns display option colors"
+  "Show_record_numbers": "Показывать номера записей",
+  "Alternate_color": "Альтернативный цвет",
+  "Select_column_display_option_color_tip": "Цвета параметров отображения столбцов с одиночным и множественным выбором",
+  "Header": "Заголовок"
 }

package/public/locales/zh_CN/sdoc-editor.json

@@ -467,5 +467,6 @@
   "Print_limit_exceeded": "超过打印限制, 只会打印前 200 行",
   "Show_record_numbers": "显示记录编号",
   "Alternate_color": "单双行不同背景色",
-  "Select_column_display_option_color_tip": "单选列和多选列显示选项颜色"
+  "Select_column_display_option_color_tip": "单选列和多选列显示选项颜色",
+  "Header": "标题"
 }