@seafile/sdoc-editor 1.0.25-alpha.3 → 1.0.26

package/dist/basic-sdk/assets/css/dropdown-menu.css

@@ -1,9 +1,16 @@
 .sdoc-dropdown-menu,
 .sdoc-dropdown-menu .sdoc-dropdown-menu-container {
-  padding: 8px 0;
   min-width: 12rem;
 }
 
+.sdoc-dropdown-menu .popover-inner {
+  padding: 8px 0;
+}
+
+.sdoc-dropdown-menu.sdoc-sub-dropdown-menu .popover-inner {
+  padding: 0;
+}
+
 .sdoc-dropdown-menu .sdoc-dropdown-menu-divider {
   width: 100%;
   height: 0;

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

@@ -8,12 +8,14 @@
     background-color: #fff;
     min-width: 12rem;
     width: 200px;
-    max-height: 500px;
+    max-height: 400px;
     overflow: auto;
+    padding: 8px 0;
 }
 
 .column-list-menu .column-list-menu-item-container {
     padding: 3px 12px;
+    min-height: 32px;
 }
 
 .column-list-menu .column-list-menu-item-container .column-list-menu-item {
@@ -21,7 +23,6 @@
     width: 100%;
     display: flex;
     align-items: center;
-    min-height: 32px;
 }
 
 .column-list-menu .column-list-menu-item-container .column-list-menu-item .control-icon {

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

@@ -7,12 +7,10 @@ import { isMenuDisabled } from '../helpers';
 const SeaTableColumnMenu = _ref => {
   let {
     editor,
-    readonly,
-    insertPosition
+    readonly
   } = _ref;
   const disabled = isMenuDisabled(editor, readonly);
   const menuConfig = MENUS_CONFIG_MAP[ELEMENT_TYPE.COLUMN];
-  menuConfig.id = insertPosition ? "side_toolbar_".concat(menuConfig.id) : menuConfig.id;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenuItem, {
     disabled: disabled,
     menuConfig: menuConfig,
@@ -21,11 +19,11 @@ const SeaTableColumnMenu = _ref => {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
   })), !disabled && /*#__PURE__*/React.createElement(UncontrolledPopover, {
     target: menuConfig.id,
+    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu",
     trigger: "hover",
     placement: "right-start",
     hideArrow: true,
-    fade: false,
-    popperClassName: "seatable-column-popover"
+    fade: false
   }, /*#__PURE__*/React.createElement(ColumnListMenu, {
     editor: editor,
     readonly: readonly

package/dist/basic-sdk/extension/plugins/seatable-tables/menu/index.css

@@ -0,0 +1,5 @@
+.table-list-menu {
+  padding: 8px 0;
+  overflow: auto;
+  max-height: 400px;
+}

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

@@ -3,16 +3,14 @@ import { UncontrolledPopover } from 'reactstrap';
 import { insertSeaTableTable, isInsertSeaTableTableDisabled } from '../helpers';
 import { MENUS_CONFIG_MAP, SEATABLE_TABLE } from '../../../constants';
 import DropdownMenuItem from '../../../commons/dropdown-menu-item';
+import './index.css';
 const SeaTableTableMenu = _ref => {
   let {
     editor,
-    readonly,
-    insertPosition
+    readonly
   } = _ref;
   const disabled = isInsertSeaTableTableDisabled(editor, readonly);
   const menuConfig = MENUS_CONFIG_MAP[SEATABLE_TABLE];
-  console.log('insertPosition', insertPosition);
-  menuConfig.id = insertPosition ? "side_toolbar_".concat(menuConfig.id) : menuConfig.id;
   const tables = editor.tables;
   const onViewClick = useCallback(item => {
     insertSeaTableTable(editor, item);
@@ -31,7 +29,7 @@ const SeaTableTableMenu = _ref => {
     hideArrow: true,
     fade: false
   }, /*#__PURE__*/React.createElement("div", {
-    className: "sdoc-dropdown-menu-container"
+    className: "sdoc-dropdown-menu-container table-list-menu"
   }, tables.map(item => {
     return /*#__PURE__*/React.createElement("div", {
       key: item._id,

package/dist/basic-sdk/extension/toolbar/side-toolbar/insert-block-menu.js

@@ -1,5 +1,5 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback } from 'react';
 import { useSlateStatic } from '@seafile/slate-react';
 import { Transforms } from '@seafile/slate';
 import { insertElement } from './helpers';
@@ -12,8 +12,6 @@ import { ELEMENT_TYPE, INSERT_POSITION, LOCAL_IMAGE, PARAGRAPH, SIDE_INSERT_MENU
 import EventBus from '../../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../../constants';
 import DropdownMenuItem from '../../commons/dropdown-menu-item';
-import SeaTableColumnMenu from '../../plugins/seatable-column/menu';
-import SeaTableTableMenu from '../../plugins/seatable-tables/menu';
 import { wrapCallout } from '../../plugins/callout/helper';
 const InsertBlockMenu = _ref => {
   let {
@@ -22,9 +20,6 @@ const InsertBlockMenu = _ref => {
     isNodeEmpty
   } = _ref;
   const editor = useSlateStatic();
-  const eventBus = useMemo(() => {
-    return EventBus.getInstance();
-  }, []);
   const onInsertImageToggle = useCallback(() => {
     const eventBus = EventBus.getInstance();
     if (insertPosition === INSERT_POSITION.CURRENT) {
@@ -124,16 +119,6 @@ const InsertBlockMenu = _ref => {
       menuConfig: item,
       onClick: () => onInsert(item.type)
     });
-  }), editor.columns && /*#__PURE__*/React.createElement(SeaTableColumnMenu, {
-    eventBus: eventBus,
-    editor: editor,
-    readonly: editor.readonly,
-    insertPosition: insertPosition
-  }), editor.tables && /*#__PURE__*/React.createElement(SeaTableTableMenu, {
-    eventBus: eventBus,
-    editor: editor,
-    readonly: editor.readonly,
-    insertPosition: insertPosition
   }));
 };
 InsertBlockMenu.defaultProps = {

package/package.json

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