@seafile/sdoc-editor 1.0.54 → 1.0.56

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

@@ -1,17 +1,24 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { isOverflowPortByDirection } from '../../../utils';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../../utils");
 const SeaTableList = _ref => {
   let {
     editor,
     onViewClick
   } = _ref;
-  const seatableRef = useRef(null);
-  const [computedStyle, setComputedStyle] = useState({});
+  const seatableRef = (0, _react.useRef)(null);
+  const [computedStyle, setComputedStyle] = (0, _react.useState)({});
   const tables = editor.tables;
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (seatableRef.current) {
       // bottom overflow
-      if (isOverflowPortByDirection(seatableRef.current, 'bottom')) {
+      if ((0, _utils.isOverflowPortByDirection)(seatableRef.current, 'bottom')) {
         return setComputedStyle({
           bottom: '0px'
         });
@@ -22,16 +29,16 @@ const SeaTableList = _ref => {
       });
     }
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     ref: seatableRef,
     className: "sdoc-dropdown-menu-container sdoc-seatable-selected-table-list-wrapper",
     style: computedStyle
   }, tables.map(item => {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: item._id,
       className: "sdoc-dropdown-menu-item",
       onClick: () => onViewClick(item)
     }, item.name);
   }));
 };
-export default SeaTableList;
+var _default = exports.default = SeaTableList;

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

@@ -1,7 +1,13 @@
-import { SEATABLE_TABLE } from '../../constants/element-type';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _elementType = require("../../constants/element-type");
 class SeaTableTable {
   constructor(options) {
-    this.type = options.type || SEATABLE_TABLE;
+    this.type = options.type || _elementType.SEATABLE_TABLE;
     this.table_id = options.table_id;
     this.filter_conjunction = options.filter_conjunction || 'And';
     this.filters = options.filters || [];
@@ -15,4 +21,4 @@ class SeaTableTable {
     }];
   }
 }
-export default SeaTableTable;
+var _default = exports.default = SeaTableTable;

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

@@ -1,15 +1,23 @@
-import React, { useCallback, useState, useEffect, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ElementPopover } from '../../../commons';
-import Tooltip from '../../../../../components/tooltip';
-import CustomSwitch from '../seatable-settings/custom-switch';
-import FilterSetter from '../seatable-settings/filter-setter';
-import SortSetter from '../seatable-settings/sort-setter';
-import HideColumnSetter from '../seatable-settings/hide-column-setter';
-import { useScrollContext } from '../../../../hooks/use-scroll-context';
-import { updateSeaTableTable } from '../helpers';
-import { getColumnWidth } from '../../seatable-column/helpers';
-import './index.css';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = OpMenu;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _commons = require("../../../commons");
+var _tooltip = _interopRequireDefault(require("../../../../../components/tooltip"));
+var _customSwitch = _interopRequireDefault(require("../seatable-settings/custom-switch"));
+var _filterSetter = _interopRequireDefault(require("../seatable-settings/filter-setter"));
+var _sortSetter = _interopRequireDefault(require("../seatable-settings/sort-setter"));
+var _hideColumnSetter = _interopRequireDefault(require("../seatable-settings/hide-column-setter"));
+var _useScrollContext = require("../../../../hooks/use-scroll-context");
+var _helpers = require("../helpers");
+var _helpers2 = require("../../seatable-column/helpers");
+require("./index.css");
 const TablesList = _ref => {
   let {
     tablesData,
@@ -18,25 +26,25 @@ const TablesList = _ref => {
   } = _ref;
   const {
     t
-  } = useTranslation();
+  } = (0, _reactI18next.useTranslation)();
   if (!tablesData.length) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "tables-list-empty"
-    }, /*#__PURE__*/React.createElement("span", null, t('Search_not_found')));
+    }, /*#__PURE__*/_react.default.createElement("span", null, t('Search_not_found')));
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "seatable-setting-container"
   }, tablesData.map(item => {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "seatable-setting-item ".concat(selectedTableText === item.name ? 'active' : ''),
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: `seatable-setting-item ${selectedTableText === item.name ? 'active' : ''}`,
       id: item._id,
       key: item._id,
       onClick: () => {
         onSelectTable(item);
       }
-    }, item.name, /*#__PURE__*/React.createElement("span", {
-      className: "check-mark ".concat(selectedTableText === item.name ? 'checked' : '')
-    }, /*#__PURE__*/React.createElement("i", {
+    }, item.name, /*#__PURE__*/_react.default.createElement("span", {
+      className: `check-mark ${selectedTableText === item.name ? 'checked' : ''}`
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "sdocfont sdoc-check-mark icon-font"
     })));
   }));
@@ -48,12 +56,12 @@ const TablesSettings = _ref2 => {
   } = _ref2;
   const {
     t
-  } = useTranslation();
-  return /*#__PURE__*/React.createElement("div", {
+  } = (0, _reactI18next.useTranslation)();
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "seatable-setting-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "seatable-setting-item seatable-custom-switch-item"
-  }, /*#__PURE__*/React.createElement(CustomSwitch, {
+  }, /*#__PURE__*/_react.default.createElement(_customSwitch.default, {
     checked: settings['show_record_numbers'] === true ? true : false,
     isLocked: false,
     title: t('Show_record_numbers'),
@@ -62,9 +70,9 @@ const TablesSettings = _ref2 => {
         show_record_numbers: value
       });
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "seatable-setting-item seatable-custom-switch-item"
-  }, /*#__PURE__*/React.createElement(CustomSwitch, {
+  }, /*#__PURE__*/_react.default.createElement(_customSwitch.default, {
     checked: settings['alternate_color'] === false ? false : true,
     isLocked: false,
     title: t('Alternate_color'),
@@ -75,7 +83,7 @@ const TablesSettings = _ref2 => {
     }
   })));
 };
-export default function OpMenu(_ref3) {
+function OpMenu(_ref3) {
   let {
     editor,
     element,
@@ -84,19 +92,19 @@ export default function OpMenu(_ref3) {
   } = _ref3;
   const {
     t
-  } = useTranslation();
-  const scrollRef = useScrollContext();
-  const timer = useRef(null);
+  } = (0, _reactI18next.useTranslation)();
+  const scrollRef = (0, _useScrollContext.useScrollContext)();
+  const timer = (0, _react.useRef)(null);
   const tablesData = editor.tables;
-  const [isShowTooltip, setIsShowTooltip] = useState(false);
-  const [selectedTable, setSelectedTable] = useState({});
-  const [selectedTableText, setSelectedTableText] = useState('');
-  const [isShowTableList, setIsShowTablesList] = useState(false);
-  const [isShowFilter, setIsShowFilter] = useState(false);
-  const [isShowSort, setIsShowSort] = useState(false);
-  const [isShowHideColumn, setIsShowHideColumn] = useState(false);
-  const [isShowSeaTableSetting, setIsShowSeaTableSetting] = useState(false);
-  const onCloseOther = useCallback(closeList => {
+  const [isShowTooltip, setIsShowTooltip] = (0, _react.useState)(false);
+  const [selectedTable, setSelectedTable] = (0, _react.useState)({});
+  const [selectedTableText, setSelectedTableText] = (0, _react.useState)('');
+  const [isShowTableList, setIsShowTablesList] = (0, _react.useState)(false);
+  const [isShowFilter, setIsShowFilter] = (0, _react.useState)(false);
+  const [isShowSort, setIsShowSort] = (0, _react.useState)(false);
+  const [isShowHideColumn, setIsShowHideColumn] = (0, _react.useState)(false);
+  const [isShowSeaTableSetting, setIsShowSeaTableSetting] = (0, _react.useState)(false);
+  const onCloseOther = (0, _react.useCallback)(closeList => {
     closeList.forEach(item => {
       item === 'tableList' && setIsShowTablesList(false);
       item === 'tableFilter' && setIsShowFilter(false);
@@ -105,15 +113,15 @@ export default function OpMenu(_ref3) {
       item === 'tableSetting' && setIsShowSeaTableSetting(false);
     });
   }, []);
-  const onClickOutside = useCallback(e => {
-    if (seaTableRef === null || seaTableRef === void 0 ? void 0 : seaTableRef.current.contains(e.target)) {
+  const onClickOutside = (0, _react.useCallback)(e => {
+    if (seaTableRef !== null && seaTableRef !== void 0 && seaTableRef.current.contains(e.target)) {
       onCloseOther(['tableList', 'tableFilter', 'tableSort', 'tableColumnHidden', 'tableSetting']);
     }
   }, [onCloseOther, seaTableRef]);
-  const handleScroll = useCallback(e => {
+  const handleScroll = (0, _react.useCallback)(e => {
     onCloseOther(['tableList', 'tableFilter', 'tableSort', 'tableColumnHidden', 'tableSetting']);
   }, [onCloseOther]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     setIsShowTooltip(true);
     document.addEventListener('click', onClickOutside);
     let observerRefValue = null;
@@ -127,7 +135,7 @@ export default function OpMenu(_ref3) {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const {
       table_id
     } = element;
@@ -137,20 +145,20 @@ export default function OpMenu(_ref3) {
       setSelectedTableText(table.name);
     }
   }, [editor.tables, element]);
-  const updatePageSettings = useCallback(updateProperties => {
+  const updatePageSettings = (0, _react.useCallback)(updateProperties => {
     if (timer.current) {
       clearTimeout(timer.current);
     }
     timer.current = setTimeout(() => {
-      updateSeaTableTable(editor, updateProperties);
+      (0, _helpers.updateSeaTableTable)(editor, updateProperties);
     }, 300);
   }, [editor]);
-  const onShowTables = useCallback(() => {
+  const onShowTables = (0, _react.useCallback)(() => {
     setIsShowTablesList(!isShowTableList);
     onCloseOther(['tableFilter', 'tableSort', 'tableColumnHidden', 'tableSetting']);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowTableList]);
-  const onSelectTable = useCallback(item => {
+  const onSelectTable = (0, _react.useCallback)(item => {
     const {
       name,
       _id
@@ -159,7 +167,7 @@ export default function OpMenu(_ref3) {
     const table = editor.tables.find(item => item._id === _id);
     const columnWidth = {};
     table.columns.forEach(item => {
-      columnWidth[item.key] = getColumnWidth(item);
+      columnWidth[item.key] = (0, _helpers2.getColumnWidth)(item);
     });
     updatePageSettings({
       table_id: _id,
@@ -174,119 +182,119 @@ export default function OpMenu(_ref3) {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [editor]);
-  const onFilter = useCallback(() => {
+  const onFilter = (0, _react.useCallback)(() => {
     setIsShowFilter(!isShowFilter);
     onCloseOther(['tableList', 'tableSort', 'tableColumnHidden', 'tableSetting']);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowFilter]);
-  const onFiltersChange = useCallback((filters, filter_conjunction) => {
+  const onFiltersChange = (0, _react.useCallback)((filters, filter_conjunction) => {
     updatePageSettings({
       filters,
       filter_conjunction
     });
   }, [updatePageSettings]);
-  const onSort = useCallback(() => {
+  const onSort = (0, _react.useCallback)(() => {
     setIsShowSort(!isShowSort);
     onCloseOther(['tableList', 'tableFilter', 'tableColumnHidden', 'tableSetting']);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowSort]);
-  const onSortsChange = useCallback(sorts => {
+  const onSortsChange = (0, _react.useCallback)(sorts => {
     updatePageSettings({
       sorts
     });
   }, [updatePageSettings]);
-  const onHiddenColumn = useCallback(() => {
+  const onHiddenColumn = (0, _react.useCallback)(() => {
     setIsShowHideColumn(!isShowHideColumn);
     onCloseOther(['tableList', 'tableSort', 'tableFilter', 'tableSetting']);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowHideColumn]);
-  const onHideColumnChange = useCallback(shownColumnKeys => {
+  const onHideColumnChange = (0, _react.useCallback)(shownColumnKeys => {
     updatePageSettings({
       shown_column_keys: shownColumnKeys
     });
   }, [updatePageSettings]);
-  const onSettings = useCallback(() => {
+  const onSettings = (0, _react.useCallback)(() => {
     setIsShowSeaTableSetting(!isShowSeaTableSetting);
     onCloseOther(['tableList', 'tableSort', 'tableColumnHidden', 'tableFilter']);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isShowSeaTableSetting]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ElementPopover, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commons.ElementPopover, null, /*#__PURE__*/_react.default.createElement("div", {
     id: "sdoc-seatable-hover-menu-container",
     className: "sdoc-seatable-hover-menu-container",
     style: menuPosition
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "hover-menu-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-seatable-hover-operation-item sdoc-seatable-hover-operation-lang"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
-    className: "op-item ".concat(isShowTableList ? 'active' : ''),
+    className: `op-item ${isShowTableList ? 'active' : ''}`,
     onClick: onShowTables
-  }, /*#__PURE__*/React.createElement("span", null, selectedTableText), /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, selectedTableText), /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-drop-down icon-font"
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-seatable-hover-operation-divider"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     id: "sdoc_seatable_filter",
     className: "sdoc-seatable-hover-operation-item no-used-divider"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
     className: "op-item",
     onClick: onFilter
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-filter1 icon-font"
-  })), isShowTooltip && /*#__PURE__*/React.createElement(Tooltip, {
+  })), isShowTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc_seatable_filter",
     placement: "top",
     fade: true
-  }, t('Filter'))), /*#__PURE__*/React.createElement("div", {
+  }, t('Filter'))), /*#__PURE__*/_react.default.createElement("div", {
     id: "sdoc_seatable_sort",
     className: "sdoc-seatable-hover-operation-item no-used-divider"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
     className: "op-item",
     onClick: onSort
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-sort icon-font"
-  })), isShowTooltip && /*#__PURE__*/React.createElement(Tooltip, {
+  })), isShowTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc_seatable_sort",
     placement: "top",
     fade: true
-  }, t('Sort'))), /*#__PURE__*/React.createElement("div", {
+  }, t('Sort'))), /*#__PURE__*/_react.default.createElement("div", {
     id: "sdoc_seatable_hidden_column",
     className: "sdoc-seatable-hover-operation-item"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
     className: "op-item",
     onClick: onHiddenColumn
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-eye-slash icon-font"
-  })), isShowTooltip && /*#__PURE__*/React.createElement(Tooltip, {
+  })), isShowTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc_seatable_hidden_column",
     placement: "top",
     fade: true
-  }, t('Hide_columns'))), /*#__PURE__*/React.createElement("div", {
+  }, t('Hide_columns'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-seatable-hover-operation-divider"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     id: "sdoc_seatable_settings",
     className: "sdoc-seatable-hover-operation-item"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
     className: "op-item",
     onClick: onSettings
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "sdocfont sdoc-set-up icon-font"
-  })), isShowTooltip && /*#__PURE__*/React.createElement(Tooltip, {
+  })), isShowTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     target: "sdoc_seatable_settings",
     placement: "top",
     fade: true
-  }, t('Style_settings'))), isShowTableList && /*#__PURE__*/React.createElement("div", {
+  }, t('Style_settings'))), isShowTableList && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-seatable-setting-popver"
-  }, /*#__PURE__*/React.createElement(TablesList, {
+  }, /*#__PURE__*/_react.default.createElement(TablesList, {
     tablesData: tablesData,
     onSelectTable: onSelectTable,
     selectedTableText: selectedTableText
-  })), /*#__PURE__*/React.createElement(FilterSetter, {
+  })), /*#__PURE__*/_react.default.createElement(_filterSetter.default, {
     target: "sdoc_seatable_filter",
     container: document.getElementById('sdoc-seatable-hover-menu-container'),
     popperClassName: "sdoc-seatable-setting-filter-popver-wrapper",
@@ -298,7 +306,7 @@ export default function OpMenu(_ref3) {
     isShowFilterPopover: isShowFilter,
     onFiltersChange: onFiltersChange,
     hidePopover: onFilter
-  }), /*#__PURE__*/React.createElement(SortSetter, {
+  }), /*#__PURE__*/_react.default.createElement(_sortSetter.default, {
     target: "sdoc_seatable_sort",
     container: document.getElementById('sdoc-seatable-hover-menu-container'),
     popperClassName: "sdoc-seatable-setting-sort-popver-wrapper",
@@ -308,7 +316,7 @@ export default function OpMenu(_ref3) {
     isNeedSubmit: true,
     onSortsChange: onSortsChange,
     onSortToggle: onSort
-  }), /*#__PURE__*/React.createElement(HideColumnSetter, {
+  }), /*#__PURE__*/_react.default.createElement(_hideColumnSetter.default, {
     target: "sdoc_seatable_hidden_column",
     container: document.getElementById('sdoc-seatable-hover-menu-container'),
     popperClassName: "sdoc-seatable-setting-hide-column-popver-wrapper",
@@ -317,9 +325,9 @@ export default function OpMenu(_ref3) {
     isShowHideColumnSetter: isShowHideColumn,
     onSettingUpdate: onHideColumnChange,
     onPopoverToggle: onHiddenColumn
-  }), isShowSeaTableSetting && /*#__PURE__*/React.createElement("div", {
+  }), isShowSeaTableSetting && /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-seatable-setting-popver sdoc-seatable-setting-right-popver"
-  }, /*#__PURE__*/React.createElement(TablesSettings, {
+  }, /*#__PURE__*/_react.default.createElement(TablesSettings, {
     settings: element,
     updatePageSettings: updatePageSettings
   }))))));

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

@@ -1,6 +1,12 @@
-import { Transforms, Path, Editor, Element, Range } from '@seafile/slate';
-import { focusEditor, generateEmptyElement, getNodeType, isBlockAboveEmpty, isLastNode } from '../../core';
-import { PARAGRAPH, SEATABLE_TABLE } from '../../constants/element-type';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slate = require("@seafile/slate");
+var _core = require("../../core");
+var _elementType = require("../../constants/element-type");
 const withSeaTableView = editor => {
   const {
     isVoid,
@@ -14,7 +20,7 @@ const withSeaTableView = editor => {
     const {
       type
     } = elem;
-    if (type === SEATABLE_TABLE) {
+    if (type === _elementType.SEATABLE_TABLE) {
       return true;
     }
     return isVoid(elem);
@@ -23,28 +29,28 @@ const withSeaTableView = editor => {
     const {
       selection
     } = editor;
-    const focusPoint = Editor.before(editor, selection);
-    const point = Editor.before(editor, selection, {
+    const focusPoint = _slate.Editor.before(editor, selection);
+    const point = _slate.Editor.before(editor, selection, {
       distance: 1
     });
     if (!point) return deleteBackward(unit);
-    const [node, path] = Editor.node(editor, [point.path[0], point.path[1]]);
-    const isPerviousSeaTableView = node.type === SEATABLE_TABLE;
-    if (isPerviousSeaTableView && Range.isCollapsed(selection) && isBlockAboveEmpty(editor) && !Path.isCommon(path, selection.anchor.path)) {
+    const [node, path] = _slate.Editor.node(editor, [point.path[0], point.path[1]]);
+    const isPerviousSeaTableView = node.type === _elementType.SEATABLE_TABLE;
+    if (isPerviousSeaTableView && _slate.Range.isCollapsed(selection) && (0, _core.isBlockAboveEmpty)(editor) && !_slate.Path.isCommon(path, selection.anchor.path)) {
       deleteBackward(unit);
-      focusEditor(newEditor, Editor.end(newEditor, focusPoint));
+      (0, _core.focusEditor)(newEditor, _slate.Editor.end(newEditor, focusPoint));
       return;
     }
-    if (Element.isElement(node) && node.type === SEATABLE_TABLE) {
+    if (_slate.Element.isElement(node) && node.type === _elementType.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_TABLE) {
-        Transforms.removeNodes(editor, {
+      const [parentNode, p] = _slate.Editor.node(editor, [path[0]]);
+      if (parentNode.type === _elementType.SEATABLE_TABLE) {
+        _slate.Transforms.removeNodes(editor, {
           at: p
         });
         return;
       }
-      focusEditor(editor, Path.next(path));
+      (0, _core.focusEditor)(editor, _slate.Path.next(path));
     }
     deleteBackward(unit);
   };
@@ -52,20 +58,20 @@ const withSeaTableView = editor => {
   // Rewrite normalizeNode
   newEditor.normalizeNode = _ref => {
     let [node, path] = _ref;
-    const type = getNodeType(node);
-    if (type !== SEATABLE_TABLE) {
+    const type = (0, _core.getNodeType)(node);
+    if (type !== _elementType.SEATABLE_TABLE) {
       return normalizeNode([node, path]);
     }
 
     // insert empty node，continue editor
-    const isLast = isLastNode(newEditor, node);
+    const isLast = (0, _core.isLastNode)(newEditor, node);
     if (isLast) {
-      const p = generateEmptyElement(PARAGRAPH);
-      Transforms.insertNodes(newEditor, p, {
+      const p = (0, _core.generateEmptyElement)(_elementType.PARAGRAPH);
+      _slate.Transforms.insertNodes(newEditor, p, {
         at: [path[0] + 1]
       });
     }
   };
   return newEditor;
 };
-export default withSeaTableView;
+var _default = exports.default = withSeaTableView;

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

@@ -1,8 +1,15 @@
-import React from 'react';
-import SeaTableTable from './seatable-table';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _seatableTable = _interopRequireDefault(require("./seatable-table"));
 const renderSeaTableTable = (props, editor) => {
-  return /*#__PURE__*/React.createElement(SeaTableTable, Object.assign({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_seatableTable.default, Object.assign({}, props, {
     editor: editor
   }));
 };
-export default renderSeaTableTable;
+var _default = exports.default = renderSeaTableTable;

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

@@ -1,7 +1,15 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { ReactEditor } from '@seafile/slate-react';
-import { Transforms } from '@seafile/slate';
-import Draggable from '../draggable';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RecordHeader;
+var _react = _interopRequireWildcard(require("react"));
+var _slateReact = require("@seafile/slate-react");
+var _slate = require("@seafile/slate");
+var _draggable = _interopRequireDefault(require("../draggable"));
 const dragAbleStyle = {
   position: 'absolute',
   top: 0,
@@ -12,19 +20,19 @@ const dragAbleStyle = {
   margin: '3px 0',
   height: 'calc(100% - 6px)'
 };
-export default function RecordHeader(_ref) {
+function RecordHeader(_ref) {
   let {
     editor,
     element,
     columns,
     isCanModifyColumnWidth
   } = _ref;
-  const headerCellRef = useRef({});
+  const headerCellRef = (0, _react.useRef)({});
   const {
     column_width = {}
   } = element;
-  const [columnWidthMap, setColumnWidthMap] = useState(column_width);
-  useEffect(() => {
+  const [columnWidthMap, setColumnWidthMap] = (0, _react.useState)(column_width);
+  (0, _react.useEffect)(() => {
     setColumnWidthMap(column_width);
   }, [column_width]);
   const getWidthFromMouseEvent = (e, currentCell) => {
@@ -43,20 +51,20 @@ export default function RecordHeader(_ref) {
     }
   };
   const onDragEnd = () => {
-    const path = ReactEditor.findPath(editor, element);
-    Transforms.setNodes(editor, {
+    const path = _slateReact.ReactEditor.findPath(editor, element);
+    _slate.Transforms.setNodes(editor, {
       column_width: columnWidthMap
     }, {
       at: [path[0]]
     });
   };
-  return /*#__PURE__*/React.createElement("tr", {
+  return /*#__PURE__*/_react.default.createElement("tr", {
     className: "seatable-view-column-header-row"
-  }, element.show_record_numbers && /*#__PURE__*/React.createElement("th", {
+  }, element.show_record_numbers && /*#__PURE__*/_react.default.createElement("th", {
     className: "seatable-view-column-header-cell first-cell"
   }), columns.map(column => {
     const width = columnWidthMap[column.key];
-    return /*#__PURE__*/React.createElement("th", {
+    return /*#__PURE__*/_react.default.createElement("th", {
       ref: ref => {
         headerCellRef.current[column.key] = ref;
       },
@@ -66,7 +74,7 @@ export default function RecordHeader(_ref) {
         width,
         minWidth: width
       }
-    }, /*#__PURE__*/React.createElement("span", null, column.name), isCanModifyColumnWidth && /*#__PURE__*/React.createElement(Draggable, {
+    }, /*#__PURE__*/_react.default.createElement("span", null, column.name), isCanModifyColumnWidth && /*#__PURE__*/_react.default.createElement(_draggable.default, {
       style: dragAbleStyle,
       onDrag: e => {
         onDrag(e, headerCellRef.current[column.key], column.key);