@seafile/sdoc-editor 1.0.50 → 1.0.53

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Editor, Transforms, Range } from '@seafile/slate';
 import { toggleList } from '../list/transforms';
 import { getSelectedNodeByType } from '../../core';
@@ -26,8 +25,14 @@ const LIST_SHORT_CUT = {
 const REFERENCE_SHORT_CUT = {
   '>': BLOCKQUOTE
 };
-const KEY_TO_TYPE_FOR_SPACE_DEFAULT_EDITOR = _objectSpread(_objectSpread(_objectSpread({}, TITLE_SHORT_CUT), LIST_SHORT_CUT), REFERENCE_SHORT_CUT);
-const KEY_TO_TYPE_FOR_SPACE_COMMENT_EDITOR = _objectSpread({}, LIST_SHORT_CUT);
+const KEY_TO_TYPE_FOR_SPACE_DEFAULT_EDITOR = {
+  ...TITLE_SHORT_CUT,
+  ...LIST_SHORT_CUT,
+  ...REFERENCE_SHORT_CUT
+};
+const KEY_TO_TYPE_FOR_SPACE_COMMENT_EDITOR = {
+  ...LIST_SHORT_CUT
+};
 const KEY_TO_INLINE_TYPE_FOR_SPACE = {
   // Inline shortcut keys
   '**': TEXT_STYLE_MAP.BOLD,
@@ -100,7 +105,9 @@ const withMarkDown = editor => {
               path: range.focus.path,
               offset: startOffset
             },
-            focus: _objectSpread({}, selection.focus)
+            focus: {
+              ...selection.focus
+            }
           },
           voids: true
         });
@@ -123,7 +130,9 @@ const withMarkDown = editor => {
             path: range.focus.path,
             offset: startOffset
           },
-          focus: _objectSpread({}, selection.focus)
+          focus: {
+            ...selection.focus
+          }
         },
         voids: true
       });
@@ -150,7 +159,9 @@ const withMarkDown = editor => {
               path: range.focus.path,
               offset: startOffset
             },
-            focus: _objectSpread({}, selection.focus)
+            focus: {
+              ...selection.focus
+            }
           },
           voids: true
         });

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Editor, Node, Range, Text, Transforms } from '@seafile/slate';
 import EventBus from '../../../utils/event-bus';
 import { INTERNAL_EVENT } from '../../../constants';
@@ -57,9 +56,10 @@ const withMention = editor => {
               });
             }
           }
-          return focusEditor(editor, _objectSpread(_objectSpread({}, insertPoint), {}, {
+          return focusEditor(editor, {
+            ...insertPoint,
             offset: insertPoint.offset + text.length
-          }));
+          });
         }
       }
     }
@@ -221,9 +221,10 @@ const withMention = editor => {
         at: insertPoint
       });
       event.preventDefault();
-      focusEditor(editor, _objectSpread(_objectSpread({}, insertPoint), {}, {
+      focusEditor(editor, {
+        ...insertPoint,
         offset: insertPoint.offset + data.length
-      }));
+      });
       if (nextNodeEntry) {
         const [nextNode, nextPath] = nextNodeEntry;
         if (Text.isText(nextNode) && nextNode.text === '') {

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
 import { Node, Range } from '@seafile/slate';
 import { ReactEditor, useSelected, useSlateStatic } from '@seafile/slate-react';
@@ -45,9 +44,10 @@ const Paragraph = _ref => {
   return /*#__PURE__*/React.createElement("div", Object.assign({
     "data-id": element.id
   }, attributes, {
-    style: _objectSpread({
-      position: isShowPlaceHolder ? 'relative' : ''
-    }, style),
+    style: {
+      position: isShowPlaceHolder ? 'relative' : '',
+      ...style
+    },
     className: className
   }), children, isShowPlaceHolder && /*#__PURE__*/React.createElement(Placeholder, {
     title: placeholder,

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { ReactEditor } from '@seafile/slate-react';
 import { Editor, Transforms, Range, Text, Path, Node } from '@seafile/slate';
 import slugid from 'slugid';
@@ -168,7 +167,9 @@ export const removeShortCutSymbol = editor => {
         path: beforeRange.focus.path,
         offset: beforeText.length - 2
       },
-      focus: _objectSpread({}, selection.focus)
+      focus: {
+        ...selection.focus
+      }
     },
     voids: true
   });

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback, useEffect, useState, useRef, useMemo } from 'react';
 import { Editor, Range } from '@seafile/slate';
 import { ReactEditor, useReadOnly } from '@seafile/slate-react';
@@ -101,9 +100,13 @@ const SdocFileLink = _ref => {
   }, []);
   let style = {};
   if (element.add) {
-    style = _objectSpread({}, ADDED_STYLE);
+    style = {
+      ...ADDED_STYLE
+    };
   } else if (element.delete) {
-    style = _objectSpread({}, DELETED_STYLE);
+    style = {
+      ...DELETED_STYLE
+    };
   }
   if (style.computed_background_color) {
     style['backgroundColor'] = style.computed_background_color;

package/dist/basic-sdk/extension/plugins/search-replace/helper.js

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Editor, Element, Node, Text, Transforms } from '@seafile/slate';
 import { ReactEditor } from '@seafile/slate-react';
 import { CODE_BLOCK, IMAGE } from '../../constants';
@@ -27,16 +26,18 @@ const formatTextEntries = textEntries => {
 const splitTextNode = node => {
   return node.children.reduce((pre, cur) => {
     if (cur.type === IMAGE) {
-      pre.push(_objectSpread(_objectSpread({}, node), {}, {
+      pre.push({
+        ...node,
         children: []
-      }));
+      });
     } else {
       pre[pre.length - 1].children.push(cur);
     }
     return pre;
-  }, [_objectSpread(_objectSpread({}, node), {}, {
+  }, [{
+    ...node,
     children: []
-  })]);
+  }]);
 };
 const matchSearchWordPosition = (node, searchWord) => {
   const content = Node.string(node);

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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';
@@ -54,13 +53,17 @@ export const insertSeaTableColumn = function (editor, active, option) {
     column.id = slugid.nice();
     if (insertPosition === INSERT_POSITION.AFTER) {
       const path = Editor.path(editor, editor.selection);
-      path && Transforms.insertNodes(editor, _objectSpread({}, column), {
+      path && Transforms.insertNodes(editor, {
+        ...column
+      }, {
         at: [path[0] + 1]
       });
       focusEditor(editor);
       return;
     }
-    Transforms.insertNodes(editor, _objectSpread({}, column));
+    Transforms.insertNodes(editor, {
+      ...column
+    });
   }
   focusEditor(editor);
 };

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

@@ -2,28 +2,31 @@ import React, { useMemo, useCallback, useRef, useEffect, useState } from 'react'
 import { COLUMNS_ICON_CONFIG } from '../constants/column';
 import { insertSeaTableColumn, getColumnType } from '../helpers';
 import { COLUMN } from '../../../constants/element-type';
+import { isOverflowPortByDirection } from '../../../utils';
 import './column-list-menu.css';
 const NOT_SUPPORT_COLUMN_TYPES = ['button', 'file'];
 export default function ColumnListMenu(_ref) {
   let {
     editor,
-    insertPosition
+    insertPosition,
+    toggle
   } = _ref;
   const columnRef = useRef(null);
   const [computedStyle, setComputedStyle] = useState({});
   useEffect(() => {
-    if (insertPosition) {
-      setComputedStyle({
-        bottom: '0px'
+    if (columnRef.current) {
+      // bottom overflow
+      if (isOverflowPortByDirection(columnRef.current, 'bottom')) {
+        return setComputedStyle({
+          bottom: '0px'
+        });
+      }
+      // default
+      return setComputedStyle({
+        top: '-20px'
       });
     }
-    if (!insertPosition && (columnRef === null || columnRef === void 0 ? void 0 : columnRef.current)) {
-      const centerPosition = parseInt(columnRef.current.getBoundingClientRect().height / 2);
-      setComputedStyle({
-        top: "-".concat(centerPosition, "px")
-      });
-    }
-  }, [insertPosition]);
+  }, []);
   const columns = useMemo(() => {
     if (!editor.columns) return [];
     return editor.columns.filter(column => !NOT_SUPPORT_COLUMN_TYPES.includes(column.type));
@@ -44,7 +47,8 @@ export default function ColumnListMenu(_ref) {
   const onMousedown = useCallback(option => {
     const active = isActive(editor);
     insertSeaTableColumn(editor, active, option, insertPosition);
-  }, [editor, insertPosition]);
+    toggle && toggle();
+  }, [editor, insertPosition, toggle]);
   return /*#__PURE__*/React.createElement("div", {
     ref: columnRef,
     className: "column-list-menu",

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import { MENUS_CONFIG_MAP, ELEMENT_TYPE } from '../../../constants';
 import DropdownMenuItem from '../../../commons/dropdown-menu-item';
 import ColumnListMenu from './column-list-menu';
@@ -8,27 +8,31 @@ const SeaTableColumnMenu = _ref => {
   let {
     editor,
     readonly,
-    insertPosition
+    insertPosition,
+    toggle
   } = _ref;
+  const dropDownMenuRef = useRef(null);
   const disabled = isMenuDisabled(editor, readonly);
   const menuConfig = MENUS_CONFIG_MAP[ELEMENT_TYPE.COLUMN];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenuItem, {
     disabled: disabled,
     menuConfig: menuConfig,
-    className: "pr-2"
+    className: "pr-2 sdoc-dropdown-menu-item-relative",
+    ref: dropDownMenuRef
   }, !disabled && /*#__PURE__*/React.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
   }), !disabled && /*#__PURE__*/React.createElement(UncontrolledPopover, {
     target: menuConfig.id,
-    trigger: "hover",
-    placement: "right-start",
     hideArrow: true,
+    trigger: "hover",
     fade: false,
-    popperClassName: "seatable-column-popover"
+    popperClassName: "seatable-column-popover",
+    container: dropDownMenuRef === null || dropDownMenuRef === void 0 ? void 0 : dropDownMenuRef.current
   }, /*#__PURE__*/React.createElement(ColumnListMenu, {
     editor: editor,
     readonly: readonly,
-    insertPosition: insertPosition
+    insertPosition: insertPosition,
+    toggle: toggle
   }))));
 };
 export default SeaTableColumnMenu;

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useState, useEffect } from 'react';
 import { useReadOnly, useSelected } from '@seafile/slate-react';
 const Column = _ref => {
@@ -30,12 +29,13 @@ const Column = _ref => {
       setIsClicked(false);
     }
   }, [isSelected, isReadOnly]);
-  const style = _objectSpread({
+  const style = {
     margin: '0 10px',
-    border: '1px solid transparent'
-  }, isClicked && {
-    border: '1px solid red'
-  });
+    border: '1px solid transparent',
+    ...(isClicked && {
+      border: '1px solid red'
+    })
+  };
   return /*#__PURE__*/React.createElement("span", Object.assign({}, attributes, {
     style: style
   }), displayValue, children);

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Editor, Transforms } from '@seafile/slate';
 import slugId from 'slugid';
 import { getNodeType, isTextNode, getParentNode, generateDefaultText } from '../../core';
@@ -72,5 +71,7 @@ export const insertSeaTableTable = function (editor, item) {
   Transforms.setNodes(editor, node);
 };
 export const updateSeaTableTable = (editor, props) => {
-  Transforms.setNodes(editor, _objectSpread({}, props));
+  Transforms.setNodes(editor, {
+    ...props
+  });
 };

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

@@ -9,28 +9,30 @@ const SeaTableTableMenu = _ref => {
   let {
     editor,
     readonly,
-    insertPosition
+    insertPosition,
+    toggle
   } = _ref;
-  const seatableRef = useRef(null);
+  const dropDownMenuRef = useRef(null);
   const disabled = isInsertSeaTableTableDisabled(editor, readonly);
   const menuConfig = MENUS_CONFIG_MAP[SEATABLE_TABLE];
   const onViewClick = useCallback(item => {
     insertSeaTableTable(editor, item, insertPosition);
-  }, [editor, insertPosition]);
+    toggle && toggle();
+  }, [editor, insertPosition, toggle]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenuItem, {
     disabled: disabled,
     menuConfig: menuConfig,
-    className: "pr-2"
+    className: "pr-2 sdoc-dropdown-menu-item-relative",
+    ref: dropDownMenuRef
   }, !disabled && /*#__PURE__*/React.createElement("i", {
     className: "sdocfont sdoc-right-slide sdoc-dropdown-item-right-icon"
   }), !disabled && /*#__PURE__*/React.createElement(UncontrolledPopover, {
     target: menuConfig.id,
     trigger: "hover",
-    className: "sdoc-menu-popover sdoc-dropdown-menu sdoc-sub-dropdown-menu",
-    placement: "right-start",
+    className: "sdoc-menu-popover sdoc-sub-dropdown-menu",
     hideArrow: true,
     fade: false,
-    ref: seatableRef
+    container: dropDownMenuRef === null || dropDownMenuRef === void 0 ? void 0 : dropDownMenuRef.current
   }, /*#__PURE__*/React.createElement(SeaTableList, {
     editor: editor,
     readonly: readonly,

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

@@ -1,27 +1,27 @@
 import React, { useState, useEffect, useRef } from 'react';
+import { isOverflowPortByDirection } from '../../../utils';
 const SeaTableList = _ref => {
   let {
     editor,
-    insertPosition,
     onViewClick
   } = _ref;
   const seatableRef = useRef(null);
   const [computedStyle, setComputedStyle] = useState({});
   const tables = editor.tables;
   useEffect(() => {
-    if (insertPosition) {
+    if (seatableRef.current) {
+      // bottom overflow
+      if (isOverflowPortByDirection(seatableRef.current, 'bottom')) {
+        return setComputedStyle({
+          bottom: '0px'
+        });
+      }
+      // default
       setComputedStyle({
-        bottom: '0px'
+        top: '-20px'
       });
     }
-    if (!insertPosition && (seatableRef === null || seatableRef === void 0 ? void 0 : seatableRef.current)) {
-      const centerPosition = parseInt(seatableRef.current.getBoundingClientRect().height / 2);
-      // 30 is seatable menu height
-      setComputedStyle({
-        top: "-".concat(centerPosition + 30, "px")
-      });
-    }
-  }, [insertPosition]);
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     ref: seatableRef,
     className: "sdoc-dropdown-menu-container sdoc-seatable-selected-table-list-wrapper",

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

@@ -12,6 +12,7 @@
 
 .seatable-view-container .seatable-view-records {
   margin: 0;
+  width: fit-content;
 }
 
 .seatable-view-container .seatable-column-editor-wrapper {
@@ -24,6 +25,7 @@
   width: 100%;
   height: 30px;
 }
+
 .seatable-view-container .seatable-column-editor-wrapper .seatable-column-width-tip {
   background-color: #0009;
   border-radius: 3px;
@@ -70,7 +72,27 @@
   justify-content: center;
 }
 
-.seatable-view-records.no_alternate_color tr:nth-child(2n+1) {
+.seatable-view-records .article tr:first-child {
+  font-weight: normal;
+}
+
+.seatable-view-records tr:nth-child(2n+1) td {
+  background-color: #fff;
+}
+
+.seatable-view-records tr:nth-child(2n) td {
+  background-color: #f8f8f8;
+}
+
+.seatable-view-records.no_alternate_color tr:nth-child(2n) td {
+  background-color: #fff;
+}
+
+.seatable-view-records thead tr:nth-child(2n+1) th {
+  background-color: #f8f8f8;
+}
+
+.seatable-view-records.no_alternate_color thead tr:nth-child(2n+1) th {
   background-color: #fff;
 }
 

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useEffect, useRef, useState } from 'react';
 import { ReactEditor } from '@seafile/slate-react';
 import { Transforms } from '@seafile/slate';
@@ -36,9 +35,10 @@ export default function RecordHeader(_ref) {
   const onDrag = (e, currentCell, currentColumnKey) => {
     const width = getWidthFromMouseEvent(e, currentCell);
     if (width >= 80) {
-      const newColumnWidthMap = _objectSpread(_objectSpread({}, columnWidthMap), {}, {
+      const newColumnWidthMap = {
+        ...columnWidthMap,
         [currentColumnKey]: width
-      });
+      };
       setColumnWidthMap(newColumnWidthMap);
     }
   };

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
@@ -163,11 +162,13 @@ function SeaTableTable(_ref) {
           type: array_type || CellType.TEXT,
           data: array_data || null
         };
-        return _objectSpread(_objectSpread({}, column), {}, {
-          data: _objectSpread(_objectSpread({}, data), {}, {
+        return {
+          ...column,
+          data: {
+            ...data,
             display_column
-          })
-        });
+          }
+        };
       }
       return column;
     });
@@ -257,12 +258,12 @@ function SeaTableTable(_ref) {
     className: classNames('seatable-view-records', {
       'no_alternate_color': !element.alternate_color
     })
-  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement(RecordHeader, {
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(RecordHeader, {
     editor: editor,
     element: element,
     columns: columns,
     isCanModifyColumnWidth: isCanModifyColumnWidth
-  }), /*#__PURE__*/React.createElement(RecordList, {
+  })), /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement(RecordList, {
     element: element,
     editor: editor,
     records: shownRecords,

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/_department-utils.js

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 export const DEPARTMENT_SELECT_RANGE_OPTIONS = [{
   name: 'Current_user_department',
   type: 'current_user_department'
@@ -31,9 +30,10 @@ export const getNormalizedDepartments = function (departments) {
   return departments.map(depart => {
     const hasChild = canExpand && !!parentIdMap[depart.id];
     const isExpanded = depart.parent_id === -1 ? true : false;
-    return _objectSpread(_objectSpread({}, depart), {}, {
+    return {
+      ...depart,
       hasChild,
       isExpanded
-    });
+    };
   });
 };

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/department-filter/department-single-select.js

@@ -1,5 +1,4 @@
 import _Loading from "dtable-ui-component/lib/Loading";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { Component, Fragment } from 'react';
 import { withTranslation } from 'react-i18next';
@@ -176,9 +175,10 @@ class DepartmentSingleSelect extends Component {
         departments
       } = this.state;
       return /*#__PURE__*/React.createElement(React.Fragment, null, this.validDepartments.length === 0 && this.renderEmptyTip(), this.validDepartments.length > 0 && this.validDepartments.map(department => {
-        const value = _objectSpread(_objectSpread({}, department), {}, {
+        const value = {
+          ...department,
           hasChild: false
-        });
+        };
         return this.renderDepartment(value, departments, -1, false);
       }));
     });

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/rate-item/index.js

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React from 'react';
 import { UncontrolledTooltip } from 'reactstrap';
@@ -50,10 +49,11 @@ class RateItem extends React.Component {
     };
     let style = itemStyle;
     if (enterRateItemIndex >= rateItemIndex) {
-      style = _objectSpread(_objectSpread({}, itemStyle), {}, {
+      style = {
+        ...itemStyle,
         color: rate_style_color,
         opacity: 0.4
-      });
+      };
     }
     return /*#__PURE__*/React.createElement("div", {
       onMouseEnter: this.onMouseEnterRateItem,

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import TableSetting from './table-setting';
@@ -28,7 +27,10 @@ export default function TableSettings(_ref) {
     setColumns(table.columns);
   }, [editor, settings]);
   const updatePageSettings = useCallback(updateProperties => {
-    const newElement = _objectSpread(_objectSpread({}, settings), updateProperties);
+    const newElement = {
+      ...settings,
+      ...updateProperties
+    };
     updateSettings(newElement);
     if (timer.current) {
       clearTimeout(timer.current);