@seafile/sdoc-editor 0.5.74 → 0.5.76

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

@@ -30,7 +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';
+export const SEATABLE_TABLE = 'seatable_table';
 
 // 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, COLUMN, SEATABLE_VIEW } 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_TABLE } 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';
@@ -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, SEATABLE_VIEW };
+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_TABLE };

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, SEATABLE_VIEW } 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_TABLE } from './element-type';
 export const UNDO = 'undo';
 export const REDO = 'redo';
 export const CLEAR_FORMAT = 'clear_format';
@@ -197,11 +197,11 @@ export const MENUS_CONFIG_MAP = {
     iconClass: 'sdocfont sdoc-choose-column',
     text: 'SeaTable_column'
   },
-  [SEATABLE_VIEW]: {
-    id: SEATABLE_VIEW,
-    iconClass: 'sdocfont sdoc-seatable-view',
-    type: SEATABLE_VIEW,
-    text: 'SeaTable_view'
+  [SEATABLE_TABLE]: {
+    id: SEATABLE_TABLE,
+    iconClass: 'sdocfont sdoc-seatable-table',
+    type: SEATABLE_TABLE,
+    text: 'SeaTable_table'
   }
 };
 

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

@@ -20,7 +20,7 @@ import MentionPlugin from './mention';
 import QuickInsertPlugin from './quick-insert';
 import WikiLinkPlugin from './wiki-link';
 import SeaTableColumnPlugin from './seatable-column';
-import SeaTableViewsPlugin from './seatable-views';
+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 CommentPlugins = [MarkDownPlugin, HtmlPlugin, ParagraphPlugin, TextPlugin, ListPlugin, ImagePlugin, LinkPlugin, MentionPlugin, BlockquotePlugin];

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

@@ -1,10 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
-import { Node } from '@seafile/slate';
-import { useSlateStatic } from '@seafile/slate-react';
+import { Node, Range } from '@seafile/slate';
+import { useSelected, useSlateStatic } from '@seafile/slate-react';
 import { Placeholder } from '../../core';
 import { isEmptyNode } from './helper';
-import { COMMENT_EDITOR } from '../../../constants';
+import { COMMENT_EDITOR, WIKI_EDITOR } from '../../../constants';
 const PLACEHOLDER = 'Please_enter_text';
 const Paragraph = _ref => {
   let {
@@ -19,7 +19,9 @@ const Paragraph = _ref => {
     indent
   } = element;
   const editor = useSlateStatic();
+  const isSelected = useSelected();
   const isCommentEditor = editor.editorType === COMMENT_EDITOR;
+  const isWikiEditor = editor.editorType === WIKI_EDITOR;
   let isShowPlaceHolder = false;
   if (editor.children.length === 1) {
     const node = editor.children[0];
@@ -31,6 +33,9 @@ const Paragraph = _ref => {
     const node = editor.children[1];
     isShowPlaceHolder = Node.string(element) === '' && (node === null || node === void 0 ? void 0 : node.id) === (element === null || element === void 0 ? void 0 : element.id) && !isComposing;
   }
+  if (isSelected && isWikiEditor && Range.isCollapsed(editor.selection) && isEmptyNode(element)) {
+    isShowPlaceHolder = true;
+  }
   const style = {
     textAlign: element.align,
     paddingTop: '5px',

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

@@ -1,8 +1,8 @@
 import { Editor, Transforms } from '@seafile/slate';
 import slugId from 'slugid';
 import { getNodeType, isTextNode, getParentNode, generateDefaultText } from '../../core';
-import { ELEMENT_TYPE, SEATABLE_VIEW } from '../../constants';
-export const isInsertSeaTableViewDisabled = (editor, readonly) => {
+import { ELEMENT_TYPE, SEATABLE_TABLE } from '../../constants';
+export const isInsertSeaTableTableDisabled = (editor, readonly) => {
   if (readonly) return true;
   const {
     selection
@@ -33,18 +33,15 @@ export const isInsertSeaTableViewDisabled = (editor, readonly) => {
   if (match) return true;
   return false;
 };
-export const generateSeaTableView = (table_id, view_id) => {
+export const generateSeaTableTable = table_id => {
   return {
     id: slugId.nice(),
-    type: SEATABLE_VIEW,
+    type: SEATABLE_TABLE,
     table_id,
-    view_id,
     children: [generateDefaultText()]
   };
 };
-export const insertSeaTableView = (editor, item) => {
-  const table_id = editor.table_id;
-  const view_id = item._id;
-  const node = generateSeaTableView(table_id, view_id);
+export const insertSeaTableTable = (editor, item) => {
+  const node = generateSeaTableTable(item._id);
   Transforms.setNodes(editor, node);
 };

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

@@ -1,14 +1,14 @@
-import { SEATABLE_VIEW } from '../../constants';
+import { SEATABLE_TABLE } from '../../constants';
 import ImageMenu from './menu';
 import SeaTableView from './model';
 import withSeaTableView from './plugin';
 import renderSeaTableView from './render-element';
-const SeaTableViewsPlugin = {
-  type: SEATABLE_VIEW,
+const SeaTableTablesPlugin = {
+  type: SEATABLE_TABLE,
   nodeType: 'element',
   model: SeaTableView,
   editorMenus: [ImageMenu],
   editorPlugin: withSeaTableView,
   renderElements: [renderSeaTableView]
 };
-export default SeaTableViewsPlugin;
+export default SeaTableTablesPlugin;

package/dist/basic-sdk/extension/plugins/{seatable-views → seatable-tables}/menu/index.js

@@ -1,18 +1,18 @@
 import React, { useCallback } from 'react';
 import { UncontrolledPopover } from 'reactstrap';
-import { insertSeaTableView, isInsertSeaTableViewDisabled } from '../helpers';
-import { MENUS_CONFIG_MAP, SEATABLE_VIEW } from '../../../constants';
+import { insertSeaTableTable, isInsertSeaTableTableDisabled } from '../helpers';
+import { MENUS_CONFIG_MAP, SEATABLE_TABLE } from '../../../constants';
 import DropdownMenuItem from '../../../commons/dropdown-menu-item';
-const SeaTableViewMenu = _ref => {
+const SeaTableTableMenu = _ref => {
   let {
     editor,
     readonly
   } = _ref;
-  const disabled = isInsertSeaTableViewDisabled(editor, readonly);
-  const menuConfig = MENUS_CONFIG_MAP[SEATABLE_VIEW];
-  const views = editor.views;
+  const disabled = isInsertSeaTableTableDisabled(editor, readonly);
+  const menuConfig = MENUS_CONFIG_MAP[SEATABLE_TABLE];
+  const tables = editor.tables;
   const onViewClick = useCallback(item => {
-    insertSeaTableView(editor, item);
+    insertSeaTableTable(editor, item);
   }, [editor]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenuItem, {
     disabled: disabled,
@@ -29,7 +29,7 @@ const SeaTableViewMenu = _ref => {
     fade: false
   }, /*#__PURE__*/React.createElement("div", {
     className: "sdoc-dropdown-menu-container"
-  }, views.map(item => {
+  }, tables.map(item => {
     return /*#__PURE__*/React.createElement("div", {
       key: item._id,
       className: "sdoc-dropdown-menu-item",
@@ -37,4 +37,4 @@ const SeaTableViewMenu = _ref => {
     }, item.name);
   }))));
 };
-export default SeaTableViewMenu;
+export default SeaTableTableMenu;

package/dist/basic-sdk/extension/plugins/seatable-tables/model.js

@@ -0,0 +1,11 @@
+import { SEATABLE_TABLE } from '../../constants/element-type';
+class SeaTableTable {
+  constructor(options) {
+    this.type = options.type || SEATABLE_TABLE;
+    this.table_id = options.table_id;
+    this.children = options.children || [{
+      text: ''
+    }];
+  }
+}
+export default SeaTableTable;

package/dist/basic-sdk/extension/plugins/{seatable-views → seatable-tables}/plugin.js

@@ -1,6 +1,6 @@
 import { Transforms, Path, Editor, Element, Range } from '@seafile/slate';
 import { focusEditor, generateEmptyElement, getNodeType, isBlockAboveEmpty, isLastNode } from '../../core';
-import { PARAGRAPH, SEATABLE_VIEW } from '../../constants/element-type';
+import { PARAGRAPH, SEATABLE_TABLE } from '../../constants/element-type';
 const withSeaTableView = editor => {
   const {
     isVoid,
@@ -14,7 +14,7 @@ const withSeaTableView = editor => {
     const {
       type
     } = elem;
-    if (type === SEATABLE_VIEW) {
+    if (type === SEATABLE_TABLE) {
       return true;
     }
     return isVoid(elem);
@@ -29,16 +29,16 @@ const withSeaTableView = editor => {
     });
     if (!point) return deleteBackward(unit);
     const [node, path] = Editor.node(editor, [point.path[0], point.path[1]]);
-    const isPerviousSeaTableView = node.type === SEATABLE_VIEW;
+    const isPerviousSeaTableView = node.type === SEATABLE_TABLE;
     if (isPerviousSeaTableView && Range.isCollapsed(selection) && isBlockAboveEmpty(editor) && !Path.isCommon(path, selection.anchor.path)) {
       deleteBackward(unit);
       focusEditor(newEditor, Editor.end(newEditor, focusPoint));
       return;
     }
-    if (Element.isElement(node) && node.type === SEATABLE_VIEW) {
+    if (Element.isElement(node) && node.type === SEATABLE_TABLE) {
       // If the wrapping element is image_block, delete the wrapping element
       const [parentNode, p] = Editor.node(editor, [path[0]]);
-      if (parentNode.type === SEATABLE_VIEW) {
+      if (parentNode.type === SEATABLE_TABLE) {
         Transforms.removeNodes(editor, {
           at: p
         });
@@ -53,7 +53,7 @@ const withSeaTableView = editor => {
   newEditor.normalizeNode = _ref => {
     let [node, path] = _ref;
     const type = getNodeType(node);
-    if (type !== SEATABLE_VIEW) {
+    if (type !== SEATABLE_TABLE) {
       return normalizeNode([node, path]);
     }
 

package/dist/basic-sdk/extension/plugins/seatable-tables/render-element/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import SeaTableTable from './seatable-table';
+const renderSeaTableTable = (props, editor) => {
+  return /*#__PURE__*/React.createElement(SeaTableTable, Object.assign({}, props, {
+    editor: editor
+  }));
+};
+export default renderSeaTableTable;

package/dist/basic-sdk/extension/plugins/{seatable-views → seatable-tables}/render-element/record-item.js

@@ -2,10 +2,9 @@ import React from 'react';
 import { getColumnWidth } from '../../seatable-column/helpers';
 export default function RecordItem(_ref) {
   let {
-    editor,
     record,
     columns,
-    getViewCellValue
+    getTableCellValue
   } = _ref;
   return /*#__PURE__*/React.createElement("tr", {
     className: "seatable-view-body-column-row"
@@ -17,6 +16,6 @@ export default function RecordItem(_ref) {
       style: {
         width
       }
-    }, getViewCellValue(record, column));
+    }, getTableCellValue(record, column));
   }));
 }

package/dist/basic-sdk/extension/plugins/{seatable-views → seatable-tables}/render-element/record-list.js

@@ -4,16 +4,14 @@ export default function RecordList(_ref) {
   let {
     records,
     columns,
-    editor,
-    getViewCellValue
+    getTableCellValue
   } = _ref;
   return /*#__PURE__*/React.createElement("tbody", null, records.map(record => {
     return /*#__PURE__*/React.createElement(RecordItem, {
       key: record._id,
       record: record,
       columns: columns,
-      editor: editor,
-      getViewCellValue: getViewCellValue
+      getTableCellValue: getTableCellValue
     });
   }));
 }

package/dist/basic-sdk/extension/plugins/{seatable-views/render-element/seatable-view.js → seatable-tables/render-element/seatable-table.js}

@@ -5,7 +5,7 @@ import Loading from '../../../../../components/loading';
 import RecordHeader from './record-header';
 import RecordList from './record-list';
 import './index.css';
-function SeaTableView(_ref) {
+function SeaTableTable(_ref) {
   let {
     element,
     className,
@@ -20,25 +20,24 @@ function SeaTableView(_ref) {
   const [columns, setColumns] = useState([]);
   useEffect(() => {
     const {
-      table_id,
-      view_id
+      table_id
     } = element;
-    const rows = editor.getViewRowsById(table_id, view_id);
-    const columns = editor.getViewColsById(table_id, view_id);
+    const table = editor.getTableById(table_id);
+    // todo
+    const rows = table.rows.slice(0, 50);
     setRecords(rows);
-    setColumns(columns);
+    setColumns(table.columns);
     setIsLoading(false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [element]);
   const containerClass = classNames('seatable-view-container', {
     selected: isSelected
   });
-  const getViewCellValue = useCallback((row, column) => {
+  const getTableCellValue = useCallback((row, column) => {
     const {
-      table_id,
-      view_id
+      table_id
     } = element;
-    return editor.getViewCellValue(table_id, view_id, row, column);
+    return editor.getTableCellValue(table_id, row, column);
   }, [editor, element]);
   return /*#__PURE__*/React.createElement("div", Object.assign({}, attributes, {
     className: containerClass,
@@ -51,7 +50,7 @@ function SeaTableView(_ref) {
     editor: editor,
     records: records,
     columns: columns,
-    getViewCellValue: getViewCellValue
+    getTableCellValue: getTableCellValue
   })), children);
 }
-export default SeaTableView;
+export default SeaTableTable;

package/dist/basic-sdk/extension/render/custom-element.js

@@ -5,7 +5,7 @@ import { BlockquotePlugin, LinkPlugin, CheckListPlugin, HeaderPlugin, ListPlugin
 import { onDragOver, onDragLeave, onDrop } from '../toolbar/side-toolbar/event';
 import { getParentNode } from '../core';
 import { setDataRoot, setMouseEnter } from './helper';
-import { COLUMN, WIKI_LINK, SEATABLE_VIEW } from '../constants/element-type';
+import { COLUMN, WIKI_LINK, SEATABLE_TABLE } from '../constants/element-type';
 import { WIKI_EDITOR, DIFF_VIEWER } from '../../constants';
 const CustomRenderElement = props => {
   const editor = useSlateStatic();
@@ -179,10 +179,10 @@ const CustomRenderElement = props => {
         const [renderColumn] = SeaTableColumnPlugin.renderElements;
         return renderColumn(props, editor);
       }
-    case SEATABLE_VIEW:
+    case SEATABLE_TABLE:
       {
-        const [renderSeaTableView] = SeaTableViewsPlugin.renderElements;
-        return renderSeaTableView(props, editor);
+        const [renderSeaTableTable] = SeaTableViewsPlugin.renderElements;
+        return renderSeaTableTable(props, editor);
       }
     default:
       {

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

@@ -9,7 +9,7 @@ import CodeBlockMenu from '../../../plugins/code-block/menu';
 import SdocLinkMenu from '../../../plugins/sdoc-link/menu';
 import FileLinkMenu from '../../../plugins/file-link/menu';
 import SeaTableColumnMenu from '../../../plugins/seatable-column/menu';
-import SeaTableViewMenu from '../../../plugins/seatable-views/menu';
+import SeaTableTableMenu from '../../../plugins/seatable-tables/menu';
 import EventBus from '../../../../utils/event-bus';
 import './index.css';
 const InsertToolbar = _ref => {
@@ -87,7 +87,7 @@ const InsertToolbar = _ref => {
     }
   }, /*#__PURE__*/React.createElement(ImageMenu, props), /*#__PURE__*/React.createElement(TableMenu, props), /*#__PURE__*/React.createElement(LinkMenu, props), /*#__PURE__*/React.createElement(CodeBlockMenu, props), /*#__PURE__*/React.createElement("div", {
     className: "sdoc-dropdown-menu-divider"
-  }), editor.columns && /*#__PURE__*/React.createElement(SeaTableColumnMenu, props), editor.views && /*#__PURE__*/React.createElement(SeaTableViewMenu, props), /*#__PURE__*/React.createElement(SdocLinkMenu, props), /*#__PURE__*/React.createElement(FileLinkMenu, props))));
+  }), editor.columns && /*#__PURE__*/React.createElement(SeaTableColumnMenu, props), editor.tables && /*#__PURE__*/React.createElement(SeaTableTableMenu, props), /*#__PURE__*/React.createElement(SdocLinkMenu, props), /*#__PURE__*/React.createElement(FileLinkMenu, props))));
 };
 InsertToolbar.defaultProps = {
   isRichEditor: true,

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

@@ -2,15 +2,25 @@
   position: absolute;
   left: 0px;
   top: 0px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 3px;
+  transition: all 0.2s;
+}
+
+.sdoc-side-toolbar-container:hover {
+  background-color: #EFEFEF;
 }
 
 .sdoc-side-toolbar-container .sdoc-side-op-icon {
   border-radius: 3px;
   padding: 0px 3px;
   height: 24px;
-  color: #BDBDBD;
+  color: #AFAFAD;
   margin-right: 1px;
-  transform: rotate(180deg);
   cursor: pointer;
 }
 

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

@@ -23,6 +23,7 @@ const SideToolbar = () => {
   const [isNodeEmpty, setNodeEmpty] = useState(false);
   const [isShowSideMenu, setShowSideMenu] = useState(false);
   const [menuPosition, setMenuPosition] = useState({});
+  const [isEnterMoreVertical, setIsEnterMoreVertical] = useState(false);
   const sideMenuRef = useRef();
   const onReset = useCallback(() => {
     setShowSideMenu(false);
@@ -241,6 +242,12 @@ const SideToolbar = () => {
       unSubscribeDrop();
     };
   }, [dragLeave, dragOver, drop]);
+  const onMouseEnter = useCallback(() => {
+    setIsEnterMoreVertical(true);
+  }, []);
+  const onMouseLeave = useCallback(() => {
+    setIsEnterMoreVertical(false);
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: "sdoc-side-toolbar-container",
     style: sidePosition
@@ -249,11 +256,14 @@ const SideToolbar = () => {
     draggable: true,
     onDragStart: dragStart,
     className: "sdoc-side-op-icon",
-    onClick: onShowSideMenuToggle
+    onClick: onShowSideMenuToggle,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
   }, /*#__PURE__*/React.createElement("span", {
     className: classnames('sdocfont', {
-      'sdoc-more-vertical': !isNodeEmpty,
-      'sdoc-append': isNodeEmpty
+      'sdoc-more-vertical': !isNodeEmpty && !isEnterMoreVertical,
+      'sdoc-append': isNodeEmpty,
+      'sdoc-more-vertical-left': !isNodeEmpty && isEnterMoreVertical
     })
   })), isShowSideMenu && /*#__PURE__*/React.createElement(SideMenu, {
     slateNode: slateNode,

package/dist/pages/document-plugin-editor.js

@@ -18,11 +18,10 @@ const DocumentPluginEditor = _ref => {
     scrollRef,
     tableId,
     columns,
-    views,
-    getViewRowsById,
-    getViewColsById,
     getColumnCellValue,
-    getViewCellValue
+    tables,
+    getTableById,
+    getTableCellValue
   } = _ref;
   context.initApi();
   const forceUpdate = useForceUpdate();
@@ -39,12 +38,16 @@ const DocumentPluginEditor = _ref => {
       cursors
     } = document;
     newEditor.getColumnCellValue = getColumnCellValue;
+
+    // insert column
     newEditor.table_id = tableId;
-    newEditor.views = views || [];
     newEditor.columns = columns || [];
-    newEditor.getViewRowsById = getViewRowsById;
-    newEditor.getViewColsById = getViewColsById;
-    newEditor.getViewCellValue = getViewCellValue;
+    newEditor.getColumnCellValue = getColumnCellValue;
+
+    // insert table
+    newEditor.tables = tables || [];
+    newEditor.getTableById = getTableById;
+    newEditor.getTableCellValue = getTableCellValue;
     newEditor.cursors = cursors || {};
     newEditor.width = PAGE_EDIT_AREA_WIDTH; // default width
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/sdoc-editor",
-  "version": "0.5.74",
+  "version": "0.5.76",
   "private": false,
   "description": "This is a sdoc editor",
   "main": "dist/index.js",
@@ -97,6 +97,7 @@
     "css-minimizer-webpack-plugin": "5.0.1",
     "dotenv": "6.2.0",
     "dotenv-expand": "5.1.0",
+    "dtable-utils": "5.0.1",
     "ejs": "3.1.10",
     "eslint": "6.8.0",
     "eslint-config-react-app": "^5.0.2",

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

@@ -43,7 +43,6 @@
   "Delete_row": "Delete row",
   "Delete_column": "Delete column",
   "Insert_row": "Vložit řádek",
-  "Insert_column": "Vložit sloupec",
   "Set_align": "Nastavit zarovnání",
   "Left": "Vlevo",
   "Center": "Střed",
@@ -461,5 +460,7 @@
   "Fit_table_to_page_width": "Fit table to page width",
   "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
   "Vertical_align": "Vertical alignment",
-  "Horizontal_align": "Horizontal alignment"
-}
+  "Horizontal_align": "Horizontal alignment",
+  "SeaTable_column": "SeaTable column",
+  "SeaTable_view": "SeaTable view"
+}

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

@@ -43,7 +43,6 @@
   "Delete_row": "Delete row",
   "Delete_column": "Delete column",
   "Insert_row": "Zeile einfügen",
-  "Insert_column": "Spalte einfügen",
   "Set_align": "Ausrichtung festlegen",
   "Left": "Links",
   "Center": "Zentrieren",
@@ -461,5 +460,7 @@
   "Fit_table_to_page_width": "Fit table to page width",
   "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
   "Vertical_align": "Vertical alignment",
-  "Horizontal_align": "Horizontal alignment"
-}
+  "Horizontal_align": "Horizontal alignment",
+  "SeaTable_column": "SeaTable column",
+  "SeaTable_view": "SeaTable view"
+}

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

@@ -462,5 +462,5 @@
   "Vertical_align": "Vertical alignment",
   "Horizontal_align": "Horizontal alignment",
   "SeaTable_column": "SeaTable column",
-  "SeaTable_view": "SeaTable view"
+  "SeaTable_table": "SeaTable table"
 }

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

@@ -43,7 +43,6 @@
   "Delete_row": "Delete row",
   "Delete_column": "Delete column",
   "Insert_row": "Insert row",
-  "Insert_column": "Insert column",
   "Set_align": "Establecer alineación",
   "Left": "Izquierda",
   "Center": "Centrar",
@@ -461,5 +460,7 @@
   "Fit_table_to_page_width": "Fit table to page width",
   "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
   "Vertical_align": "Vertical alignment",
-  "Horizontal_align": "Horizontal alignment"
-}
+  "Horizontal_align": "Horizontal alignment",
+  "SeaTable_column": "SeaTable column",
+  "SeaTable_view": "SeaTable view"
+}

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

@@ -43,7 +43,6 @@
   "Delete_row": "Delete row",
   "Delete_column": "Delete column",
   "Insert_row": "Insert row",
-  "Insert_column": "Insert column",
   "Set_align": "Establecer alineación",
   "Left": "Izquierda",
   "Center": "Centrar",
@@ -461,5 +460,7 @@
   "Fit_table_to_page_width": "Fit table to page width",
   "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
   "Vertical_align": "Vertical alignment",
-  "Horizontal_align": "Horizontal alignment"
-}
+  "Horizontal_align": "Horizontal alignment",
+  "SeaTable_column": "SeaTable column",
+  "SeaTable_view": "SeaTable view"
+}

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

@@ -43,7 +43,6 @@
   "Delete_row": "Delete row",
   "Delete_column": "Delete column",
   "Insert_row": "Insert row",
-  "Insert_column": "Insert column",
   "Set_align": "Establecer alineación",
   "Left": "Izquierda",
   "Center": "Centrar",
@@ -461,5 +460,7 @@
   "Fit_table_to_page_width": "Fit table to page width",
   "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
   "Vertical_align": "Vertical alignment",
-  "Horizontal_align": "Horizontal alignment"
-}
+  "Horizontal_align": "Horizontal alignment",
+  "SeaTable_column": "SeaTable column",
+  "SeaTable_view": "SeaTable view"
+}

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

@@ -43,7 +43,6 @@
   "Delete_row": "Supprimer la ligne",
   "Delete_column": "Supprimer la colonne",
   "Insert_row": "Insérer une ligne",
-  "Insert_column": "Insérer une colonne",
   "Set_align": "Ajuster l'alignement",
   "Left": "Gauche",
   "Center": "Centrer",
@@ -461,5 +460,7 @@
   "Fit_table_to_page_width": "Fit table to page width",
   "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
   "Vertical_align": "Vertical alignment",
-  "Horizontal_align": "Horizontal alignment"
-}
+  "Horizontal_align": "Horizontal alignment",
+  "SeaTable_column": "SeaTable column",
+  "SeaTable_view": "SeaTable view"
+}

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

@@ -43,7 +43,6 @@
   "Delete_row": "Delete row",
   "Delete_column": "Delete column",
   "Insert_row": "Insert row",
-  "Insert_column": "Insert column",
   "Set_align": "Imposta allineamento",
   "Left": "Sinistra",
   "Center": "Centrato",
@@ -461,5 +460,7 @@
   "Fit_table_to_page_width": "Fit table to page width",
   "Enter_text_or_press_forward_slash_to_insert_element": "Enter text or press '/' to insert element",
   "Vertical_align": "Vertical alignment",
-  "Horizontal_align": "Horizontal alignment"
-}
+  "Horizontal_align": "Horizontal alignment",
+  "SeaTable_column": "SeaTable column",
+  "SeaTable_view": "SeaTable view"
+}

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

@@ -43,7 +43,6 @@
   "Delete_row": "Удалить строку",
   "Delete_column": "Удалить столбец",
   "Insert_row": "Вставить строку",
-  "Insert_column": "Вставить столбец",
   "Set_align": "Установить выравнивание",
   "Left": "Слева",
   "Center": "По центру",
@@ -445,7 +444,7 @@
   "Recent_visited": "Недавно посещенные",
   "The_document_does_not_exist": "Документ не существует",
   "Create_a_new_sdoc_file": "Создать новый файл sdoc",
-  "New_page": "New page",
+  "New_page": "Новая страница",
   "Create": "Создать",
   "Top_align": "Верх",
   "Center_align": "Середина",
@@ -461,5 +460,7 @@
   "Fit_table_to_page_width": "Подогнать таблицу по ширине страницы",
   "Enter_text_or_press_forward_slash_to_insert_element": "Введите текст или нажмите '/', чтобы вставить элемент",
   "Vertical_align": "Вертикальное выравнивание",
-  "Horizontal_align": "Горизонтальное выравнивание"
-}
+  "Horizontal_align": "Горизонтальное выравнивание",
+  "SeaTable_column": "SeaTable column",
+  "SeaTable_view": "SeaTable view"
+}

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

@@ -43,7 +43,6 @@
   "Delete_row": "删除当前行",
   "Delete_column": "删除当前列",
   "Insert_row": "插入行",
-  "Insert_column": "插入列",
   "Set_align": "对齐方式",
   "Left": "左对齐",
   "Center": "居中",
@@ -461,5 +460,7 @@
   "Fit_table_to_page_width": "自动适应页面宽度",
   "Enter_text_or_press_forward_slash_to_insert_element": "输入文本或按下 '/' 插入元素",
   "Vertical_align": "垂直对齐",
-  "Horizontal_align": "水平对齐"
-}
+  "Horizontal_align": "水平对齐",
+  "SeaTable_column": "SeaTable 列",
+  "SeaTable_view": "SeaTable 视图"
+}

package/public/media/sdoc-editor-font/iconfont.svg

@@ -14,7 +14,9 @@
     />
       <missing-glyph />
       
-      <glyph glyph-name="sdoc-seatable-view" unicode="&#58991;" d="M384 896c35.2 0 64-28.8 64-64v-320c0-35.2-28.8-64-64-64H64c-35.2 0-64 28.8-64 64V832C0 867.2 28.8 896 64 896h320z m-32-96H96v-256h256V800z m608 96c35.2 0 64-28.8 64-64v-320c0-35.2-28.8-64-64-64H640c-35.2 0-64 28.8-64 64V832c0 35.2 28.8 64 64 64h320z m-32-96h-256v-256h256V800zM384 320c35.2 0 64-28.8 64-64v-320c0-35.2-28.8-64-64-64H64c-35.2 0-64 28.8-64 64V256c0 35.2 28.8 64 64 64h320z m-32-96H96v-256h256v256z m608 96c35.2 0 64-28.8 64-64v-320c0-35.2-28.8-64-64-64H640c-35.2 0-64 28.8-64 64V256c0 35.2 28.8 64 64 64h320z m-32-96h-256v-256h256v256z"  horiz-adv-x="1024" />
+      <glyph glyph-name="sdoc-seatable-table" unicode="&#58991;" d="M384 896c35.2 0 64-28.8 64-64v-320c0-35.2-28.8-64-64-64H64c-35.2 0-64 28.8-64 64V832C0 867.2 28.8 896 64 896h320z m-32-96H96v-256h256V800z m608 96c35.2 0 64-28.8 64-64v-320c0-35.2-28.8-64-64-64H640c-35.2 0-64 28.8-64 64V832c0 35.2 28.8 64 64 64h320z m-32-96h-256v-256h256V800zM384 320c35.2 0 64-28.8 64-64v-320c0-35.2-28.8-64-64-64H64c-35.2 0-64 28.8-64 64V256c0 35.2 28.8 64 64 64h320z m-32-96H96v-256h256v256z m608 96c35.2 0 64-28.8 64-64v-320c0-35.2-28.8-64-64-64H640c-35.2 0-64 28.8-64 64V256c0 35.2 28.8 64 64 64h320z m-32-96h-256v-256h256v256z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="sdoc-more-vertical-left" unicode="&#58992;" d="M703.629257 704.370743c-54.294956 0-95.814629 41.519672-95.814628 95.814628s41.519672 95.814629 95.814628 95.814629 95.814629-41.519672 95.814629-95.814629-41.519672-95.814629-95.814629-95.814628z m0-415.196724c-54.294956 0-95.814629 41.519672-95.814628 95.814628s41.519672 95.814629 95.814628 95.814629 95.814629-41.519672 95.814629-95.814629-41.519672-95.814629-95.814629-95.814628z m0-415.196724c-54.294956 0-95.814629 41.519672-95.814628 95.814628s41.519672 95.814629 95.814628 95.814629 95.814629-41.519672 95.814629-95.814629-41.519672-95.814629-95.814629-95.814628zM310.78928 857.674149L16.957752 432.895962c-19.162926-28.744389-19.162926-76.651703 0-105.396092L310.78928-94.084496c19.162926-28.744389 60.682598-44.713493 89.426987-25.550568 28.744389 22.356747 38.325851 63.876419 19.162925 92.620808L125.547665 381.794826l287.443885 405.615262c25.550568 35.13203 25.550568 73.457882-12.775283 95.814628s-67.07024 3.193821-89.426987-25.550567z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="sdoc-text-style" unicode="&#58990;" d="M147.2 156.8h160l67.2 153.6h278.4L720 156.8h160L598.4 896H428.8L147.2 156.8z m348.8 512h35.2l83.2-227.2H409.6L496 668.8zM774.4-128V32h160v-160h-160zM419.2 32h160v-160h-160V32zM96 32h160v-160H96V32z"  horiz-adv-x="1024" />
       

package/public/media/sdoc-editor-font.css

@@ -1,14 +1,14 @@
 @font-face {
   font-family: "sdocfont";
   /* Project id 4097705 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1718674664011');
+  src: url('./sdoc-editor-font/iconfont.eot?t=1718766655905');
   /* IE9 */
-  src: url('./sdoc-editor-font/iconfont.eot?t=1718674664011#iefix') format('embedded-opentype'),
+  src: url('./sdoc-editor-font/iconfont.eot?t=1718766655905#iefix') format('embedded-opentype'),
     /* IE6-IE8 */
-    url('./sdoc-editor-font/iconfont.woff2?t=1718674664011') format('woff2'),
-    url('./sdoc-editor-font/iconfont.woff?t=1718674664011') format('woff'),
-    url('./sdoc-editor-font/iconfont.ttf?t=1718674664011') format('truetype'),
-    url('./sdoc-editor-font/iconfont.svg?t=1718674664011#sdocfont') format('svg');
+    url('./sdoc-editor-font/iconfont.woff2?t=1718766655905') format('woff2'),
+    url('./sdoc-editor-font/iconfont.woff?t=1718766655905') format('woff'),
+    url('./sdoc-editor-font/iconfont.ttf?t=1718766655905') format('truetype'),
+    url('./sdoc-editor-font/iconfont.svg?t=1718766655905#sdocfont') format('svg');
 }
 
 .sdocfont {
@@ -19,10 +19,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.sdoc-seatable-view:before {
+.sdoc-seatable-table:before {
   content: "\e66f";
 }
 
+.sdoc-more-vertical-left:before {
+  content: "\e670";
+}
+
 .sdoc-text-style:before {
   content: "\e66e";
 }

package/dist/basic-sdk/extension/plugins/seatable-views/model.js

@@ -1,12 +0,0 @@
-import { SEATABLE_VIEW } from '../../constants/element-type';
-class SeaTableView {
-  constructor(options) {
-    this.type = options.type || SEATABLE_VIEW;
-    this.table_id = options.table_id;
-    this.view_id = options.view_id;
-    this.children = options.children || [{
-      text: ''
-    }];
-  }
-}
-export default SeaTableView;

package/dist/basic-sdk/extension/plugins/seatable-views/render-element/index.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import SeaTableView from './seatable-view';
-const renderSeaTableView = (props, editor) => {
-  return /*#__PURE__*/React.createElement(SeaTableView, Object.assign({}, props, {
-    editor: editor
-  }));
-};
-export default renderSeaTableView;